diff --git a/docker-compose.yml b/docker-compose.yml
index 7893e5386..cfcc9a722 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -273,14 +273,14 @@ services:
       args:
         - CACHEBUST
     environment:
-      - PUBLIC_URL=http://127.0.0.1:3000
+      - PUBLIC_URL=http://127.0.0.1:5173
       - REACT_APP_SACH_API_URL=https://sach-server.factly.in
-      - WDS_SOCKET_HOST=127.0.0.1
+      - VITE_WS_HOST=127.0.0.1
       - CHOKIDAR_USEPOLLING=true
       - WATCHPACK_POLLING=true
       - NODE_ENV=development
     ports:
-      - "3000:3000"
+      - "5173:5173"
     volumes:
       - type: bind
         source: ./studio
diff --git a/server/service/route.go b/server/service/route.go
index 3f0603c58..e826becd3 100644
--- a/server/service/route.go
+++ b/server/service/route.go
@@ -44,7 +44,7 @@ func RegisterRoutes() http.Handler {
 
 	if viper.IsSet("mode") && viper.GetString("mode") == "development" {
 		r.Use(cors.Handler(cors.Options{
-			AllowedOrigins:   []string{"http://localhost:3000"},
+			AllowedOrigins:   []string{"http://localhost:3000", "http://localhost:5173"},
 			AllowedMethods:   []string{"GET", "POST", "PUT", "DELETE", "OPTIONS"},
 			AllowedHeaders:   []string{"*"},
 			ExposedHeaders:   []string{"*"},
diff --git a/server/util/scooter.go b/server/util/scooter.go
index aaa8c210b..899c6f4f6 100644
--- a/server/util/scooter.go
+++ b/server/util/scooter.go
@@ -2,6 +2,8 @@ package util
 
 import (
 	"encoding/json"
+	"errors"
+	"strings"
 
 	"github.com/jinzhu/gorm/dialects/postgres"
 )
@@ -11,20 +13,47 @@ type Description struct {
 	JSON postgres.Jsonb
 }
 
+func hasKeyCaseInsensitive(data map[string]json.RawMessage, key string) bool {
+	for k := range data {
+		if strings.EqualFold(k, key) {
+			return true
+		}
+	}
+	return false
+}
+
 func GetDescriptionHTML(jsonData postgres.Jsonb) (string, error) {
+	var raw map[string]json.RawMessage
+	if err := json.Unmarshal(jsonData.RawMessage, &raw); err != nil {
+		return "", err
+	}
+
+	if !hasKeyCaseInsensitive(raw, "html") || !hasKeyCaseInsensitive(raw, "json") {
+		return "", errors.New("missing required fields 'html' or 'json'")
+	}
+
 	var description Description
-	err := json.Unmarshal(jsonData.RawMessage, &description)
-	if err != nil {
+	if err := json.Unmarshal(jsonData.RawMessage, &description); err != nil {
 		return "", err
 	}
+
 	return description.HTML, nil
 }
 
 func GetJSONDescription(jsonData postgres.Jsonb) (postgres.Jsonb, error) {
+	var raw map[string]json.RawMessage
+	if err := json.Unmarshal(jsonData.RawMessage, &raw); err != nil {
+		return postgres.Jsonb{}, err
+	}
+
+	if !hasKeyCaseInsensitive(raw, "html") || !hasKeyCaseInsensitive(raw, "json") {
+		return postgres.Jsonb{}, errors.New("missing required fields 'html' or 'json'")
+	}
+
 	var description Description
-	err := json.Unmarshal(jsonData.RawMessage, &description)
-	if err != nil {
+	if err := json.Unmarshal(jsonData.RawMessage, &description); err != nil {
 		return postgres.Jsonb{}, err
 	}
+
 	return description.JSON, nil
 }
diff --git a/studio/ .dockerignore b/studio/ .dockerignore
deleted file mode 100644
index 56e814640..000000000
--- a/studio/ .dockerignore	
+++ /dev/null
@@ -1,5 +0,0 @@
-node_modules
-build
-.dockerignore
-Dockerfile
-Dockerfile.prod
\ No newline at end of file
diff --git a/studio/.gitignore b/studio/.gitignore
new file mode 100644
index 000000000..a547bf36d
--- /dev/null
+++ b/studio/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/studio/.npmrc b/studio/.npmrc
deleted file mode 100644
index 521a9f7c0..000000000
--- a/studio/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-legacy-peer-deps=true
diff --git a/studio/.prettierignore b/studio/.prettierignore
deleted file mode 100644
index dd87e2d73..000000000
--- a/studio/.prettierignore
+++ /dev/null
@@ -1,2 +0,0 @@
-node_modules
-build
diff --git a/studio/.prettierrc b/studio/.prettierrc
deleted file mode 100644
index 695ba2a48..000000000
--- a/studio/.prettierrc
+++ /dev/null
@@ -1,8 +0,0 @@
-{ 
-    "printWidth": 100,
-    "trailingComma": "all",
-    "tabWidth": 2, 
-    "semi": true, 
-    "singleQuote": true,
-    "endOfLine": "auto"
-}
diff --git a/studio/CODE_OF_CONDUCT.md b/studio/CODE_OF_CONDUCT.md
deleted file mode 100644
index dca84c156..000000000
--- a/studio/CODE_OF_CONDUCT.md
+++ /dev/null
@@ -1,76 +0,0 @@
-# Contributor Covenant Code of Conduct
-
-## Our Pledge
-
-In the interest of fostering an open and welcoming environment, we as
-contributors and maintainers pledge to making participation in our project and
-our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, sex characteristics, gender identity and expression,
-level of experience, education, socio-economic status, nationality, personal
-appearance, race, religion, or sexual identity and orientation.
-
-## Our Standards
-
-Examples of behavior that contributes to creating a positive environment
-include:
-
-- Using welcoming and inclusive language
-- Being respectful of differing viewpoints and experiences
-- Gracefully accepting constructive criticism
-- Focusing on what is best for the community
-- Showing empathy towards other community members
-
-Examples of unacceptable behavior by participants include:
-
-- The use of sexualized language or imagery and unwelcome sexual attention or
-  advances
-- Trolling, insulting/derogatory comments, and personal or political attacks
-- Public or private harassment
-- Publishing others' private information, such as a physical or electronic
-  address, without explicit permission
-- Other conduct which could reasonably be considered inappropriate in a
-  professional setting
-
-## Our Responsibilities
-
-Project maintainers are responsible for clarifying the standards of acceptable
-behavior and are expected to take appropriate and fair corrective action in
-response to any instances of unacceptable behavior.
-
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned to this Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
-
-## Scope
-
-This Code of Conduct applies both within project spaces and in public spaces
-when an individual is representing the project or its community. Examples of
-representing a project or community include using an official project e-mail
-address, posting via an official social media account, or acting as an appointed
-representative at an online or offline event. Representation of a project may be
-further defined and clarified by project maintainers.
-
-## Enforcement
-
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported by contacting the project team at admin@factly.in. All
-complaints will be reviewed and investigated and will result in a response that
-is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
-
-Project maintainers who do not follow or enforce the Code of Conduct in good
-faith may face temporary or permanent repercussions as determined by other
-members of the project's leadership.
-
-## Attribution
-
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
-
-[homepage]: https://www.contributor-covenant.org
-
-For answers to common questions about this code of conduct, see
-https://www.contributor-covenant.org/faq
diff --git a/studio/Dockerfile b/studio/Dockerfile
index 8a70058b1..4bd11b229 100644
--- a/studio/Dockerfile
+++ b/studio/Dockerfile
@@ -1,18 +1,20 @@
-# pull official base image
+# Use Node.js LTS version
 FROM node:18-alpine
 
-# set working directory
-ARG CACHEBUST=100
-
+# Set working directory
 WORKDIR /app
 
-# install app dependencies
-COPY package.json ./
-COPY package-lock.json ./
+# Copy package files
+COPY package.json package-lock.json* ./
+
+# Install dependencies
 RUN npm install --legacy-peer-deps
 
-# add app
-COPY . ./
-EXPOSE 3000
-# start app
-CMD ["npm", "start"]
\ No newline at end of file
+# Copy all files
+COPY . .
+
+# Expose Vite's default port
+EXPOSE 5173
+
+# Start Vite development server with host flag
+CMD ["npm", "run", "dev", "--", "--host"]
\ No newline at end of file
diff --git a/studio/Dockerfile.prod b/studio/Dockerfile.prod
index b80e2891e..9d9ae0f33 100644
--- a/studio/Dockerfile.prod
+++ b/studio/Dockerfile.prod
@@ -12,7 +12,7 @@ RUN npm run build
 
 # production environment
 FROM nginx:stable-alpine
-COPY --from=build /app/build /usr/share/nginx/html
+COPY --from=build /app/dist /usr/share/nginx/html
 COPY nginx/nginx.conf /etc/nginx/conf.d/default.conf
 EXPOSE 80
 CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
diff --git a/studio/LICENSE b/studio/LICENSE
deleted file mode 100644
index 71ae53bb6..000000000
--- a/studio/LICENSE
+++ /dev/null
@@ -1,22 +0,0 @@
-MIT License
-
-Copyright (c) 2020 Factly Media & Research
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
diff --git a/studio/README.md b/studio/README.md
index 54d1893f5..74872fd4a 100644
--- a/studio/README.md
+++ b/studio/README.md
@@ -1,31 +1,50 @@
-# Dega Admin Portal
-
-### Setup:
-
-Clone the repo: `git clone https://github.com/factly/dega-studio.git`<br />
-Install dependencies: `npm i`
-
-### To start the development server:<br />
-
-`npm start` from the root of the folder <br />
-Opens in [http://localhost:3000](http://localhost:3000)
-
-### To run tests:<br />
-
-`npm test`
-
-### To generate test coverage:<br />
-
-`npm test -- --coverage`<br />
-Generates a `coverage` folder. Open `index.html` in browser.
-
-### To build code for production:<br />
-
-`npm run build`<br />
-Bundles React in production mode and optimizes the build for the best performance.
-
-**Releasability:** [![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=alert_status)](https://sonarcloud.io/dashboard?id=factly_dega-studio)  
-**Reliability:** [![Reliability Rating](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=reliability_rating)](https://sonarcloud.io/dashboard?id=factly_dega-studio) [![Bugs](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=bugs)](https://sonarcloud.io/dashboard?id=factly_dega-studio)  
-**Security:** [![Security Rating](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=security_rating)](https://sonarcloud.io/dashboard?id=factly_dega-studio) [![Vulnerabilities](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=vulnerabilities)](https://sonarcloud.io/dashboard?id=factly_dega-studio)  
-**Maintainability:** [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=sqale_rating)](https://sonarcloud.io/dashboard?id=factly_dega-studio) [![Technical Debt](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=sqale_index)](https://sonarcloud.io/dashboard?id=factly_dega-studio) [![Code Smells](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=code_smells)](https://sonarcloud.io/dashboard?id=factly_dega-studio)  
-**Other:** [![Lines of Code](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=ncloc)](https://sonarcloud.io/dashboard?id=factly_dega-studio) [![Duplicated Lines (%)](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=duplicated_lines_density)](https://sonarcloud.io/dashboard?id=factly_dega-studio) [![Coverage](https://sonarcloud.io/api/project_badges/measure?project=factly_dega-studio&metric=coverage)](https://sonarcloud.io/dashboard?id=factly_dega-studio)
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```
diff --git a/studio/commitlint.config.js b/studio/commitlint.config.js
deleted file mode 100644
index 422b19445..000000000
--- a/studio/commitlint.config.js
+++ /dev/null
@@ -1 +0,0 @@
-module.exports = { extends: ['@commitlint/config-conventional'] };
diff --git a/studio/components.json b/studio/components.json
new file mode 100644
index 000000000..027fe78f0
--- /dev/null
+++ b/studio/components.json
@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/App.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}
\ No newline at end of file
diff --git a/studio/e2e_tests/.gitignore b/studio/e2e_tests/.gitignore
deleted file mode 100644
index f8048ca1a..000000000
--- a/studio/e2e_tests/.gitignore
+++ /dev/null
@@ -1,9 +0,0 @@
-node_modules/
-/test-results/
-/playwright-report/
-/blob-report/
-/playwright/.cache/
-/test-results/
-/playwright-report/
-/blob-report/
-/playwright/.cache/
diff --git a/studio/e2e_tests/README.md b/studio/e2e_tests/README.md
deleted file mode 100644
index c19d362d4..000000000
--- a/studio/e2e_tests/README.md
+++ /dev/null
@@ -1,65 +0,0 @@
-# Dega test cases with Playwright
-
-## Setting up testing environment for Playwright
-
-### Pre-requisites
-
-Before you begin writing test cases with Playwright, ensure you have the following prerequisite:
-
-- Node.js: Playwright requires Node.js. Download and install the latest version from Node.js official website.
-
-### Starting the application
-
-- Execute the following command to install Playwright:
-  ```
-  npm install @playwright/test
-  ```
-- Execute the following command to run the tests:
-  ```
-  npx playwright test
-  ```
-- Execute the following command to run a single test file (for example to run a file with name example.spec.js)
-
-  ```
-  npx playwright test tests/example.spec.js
-  ```
-
-- Execute the following command to run all the test cases in a particular folder ( Suppose you have a folder named tests in your project directory containing all your test cases )
-
-  ```
-  npx playwright test tests/example.spec.js
-  ```
-
-* Execute the following command to run your tests in headed mode, use the --headed flag. This will give you the ability to visually see how Playwright interacts with the website.
-
-  ```
-  npx playwright test tests/example.spec.js --headed
-  ```
-
-* To run the tests in desired speed, add slowmo to the launchOptions in the playwright config file
-
-  ```
-  launchOptions: {
-    slowMo: 2000,
-  },
-  ```
-
-### Important keywords
-
-- Assertions: Statements that check if a condition is true. Playwright uses the expect API for assertions.
-
-- Headless Mode: Running a browser in headless mode means running without a graphical user interface. This is useful for automated testing.
-
-- Selectors: Patterns used to select elements on a web page. Playwright supports various selectors like CSS, XPath, and text selectors.
-
-### Env files to be added
-
-- Create a `.env` file in the root folder for environment variables (for eg see .env)
-- To make environment variables easier to manage, we have .env files. Use dotenv package to read environment variables directly in the configuration file.
-
-  ```
-  import dotenv from 'dotenv';
-
-  // Read from default ".env" file.
-  dotenv.config();
-  ```
diff --git a/studio/e2e_tests/old-1.0.0.tgz b/studio/e2e_tests/old-1.0.0.tgz
deleted file mode 100644
index 0891b5783..000000000
Binary files a/studio/e2e_tests/old-1.0.0.tgz and /dev/null differ
diff --git a/studio/e2e_tests/package-lock.json b/studio/e2e_tests/package-lock.json
deleted file mode 100644
index 22cc8702b..000000000
--- a/studio/e2e_tests/package-lock.json
+++ /dev/null
@@ -1,168 +0,0 @@
-{
-  "name": "old",
-  "version": "1.0.0",
-  "lockfileVersion": 2,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "old",
-      "version": "1.0.0",
-      "license": "ISC",
-      "dependencies": {
-        "axe-core": "^4.9.1",
-        "dotenv": "^16.4.5",
-        "playwright": "^1.44.1"
-      },
-      "devDependencies": {
-        "@playwright/test": "^1.44.1",
-        "@types/node": "^20.12.12"
-      }
-    },
-    "node_modules/@playwright/test": {
-      "version": "1.44.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.1.tgz",
-      "integrity": "sha512-1hZ4TNvD5z9VuhNJ/walIjvMVvYkZKf71axoF/uiAqpntQJXpG64dlXhoDXE3OczPuTuvjf/M5KWFg5VAVUS3Q==",
-      "dev": true,
-      "dependencies": {
-        "playwright": "1.44.1"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/@types/node": {
-      "version": "20.12.12",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.12.tgz",
-      "integrity": "sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==",
-      "dev": true,
-      "dependencies": {
-        "undici-types": "~5.26.4"
-      }
-    },
-    "node_modules/axe-core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.9.1.tgz",
-      "integrity": "sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/dotenv": {
-      "version": "16.4.5",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
-      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://dotenvx.com"
-      }
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/playwright": {
-      "version": "1.44.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.1.tgz",
-      "integrity": "sha512-qr/0UJ5CFAtloI3avF95Y0L1xQo6r3LQArLIg/z/PoGJ6xa+EwzrwO5lpNr/09STxdHuUoP2mvuELJS+hLdtgg==",
-      "dependencies": {
-        "playwright-core": "1.44.1"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=16"
-      },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
-      }
-    },
-    "node_modules/playwright-core": {
-      "version": "1.44.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.1.tgz",
-      "integrity": "sha512-wh0JWtYTrhv1+OSsLPgFzGzt67Y7BE/ZS3jEqgGBlp2ppp1ZDj8c+9IARNW4dwf1poq5MgHreEM2KV/GuR4cFA==",
-      "bin": {
-        "playwright-core": "cli.js"
-      },
-      "engines": {
-        "node": ">=16"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
-    }
-  },
-  "dependencies": {
-    "@playwright/test": {
-      "version": "1.44.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.44.1.tgz",
-      "integrity": "sha512-1hZ4TNvD5z9VuhNJ/walIjvMVvYkZKf71axoF/uiAqpntQJXpG64dlXhoDXE3OczPuTuvjf/M5KWFg5VAVUS3Q==",
-      "dev": true,
-      "requires": {
-        "playwright": "1.44.1"
-      }
-    },
-    "@types/node": {
-      "version": "20.12.12",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.12.tgz",
-      "integrity": "sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==",
-      "dev": true,
-      "requires": {
-        "undici-types": "~5.26.4"
-      }
-    },
-    "axe-core": {
-      "version": "4.9.1",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.9.1.tgz",
-      "integrity": "sha512-QbUdXJVTpvUTHU7871ppZkdOLBeGUKBQWHkHrvN2V9IQWGMt61zf3B45BtzjxEJzYuj0JBjBZP/hmYS/R9pmAw=="
-    },
-    "dotenv": {
-      "version": "16.4.5",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.5.tgz",
-      "integrity": "sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg=="
-    },
-    "fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "optional": true
-    },
-    "playwright": {
-      "version": "1.44.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.44.1.tgz",
-      "integrity": "sha512-qr/0UJ5CFAtloI3avF95Y0L1xQo6r3LQArLIg/z/PoGJ6xa+EwzrwO5lpNr/09STxdHuUoP2mvuELJS+hLdtgg==",
-      "requires": {
-        "fsevents": "2.3.2",
-        "playwright-core": "1.44.1"
-      }
-    },
-    "playwright-core": {
-      "version": "1.44.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.44.1.tgz",
-      "integrity": "sha512-wh0JWtYTrhv1+OSsLPgFzGzt67Y7BE/ZS3jEqgGBlp2ppp1ZDj8c+9IARNW4dwf1poq5MgHreEM2KV/GuR4cFA=="
-    },
-    "undici-types": {
-      "version": "5.26.5",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
-    }
-  }
-}
diff --git a/studio/e2e_tests/package.json b/studio/e2e_tests/package.json
deleted file mode 100644
index b9670cceb..000000000
--- a/studio/e2e_tests/package.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "name": "old",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {},
-  "keywords": [],
-  "author": "",
-  "license": "ISC",
-  "devDependencies": {
-    "@playwright/test": "^1.44.1",
-    "@types/node": "^20.12.12"
-  },
-  "dependencies": {
-    "axe-core": "^4.9.1",
-    "dotenv": "^16.4.5",
-    "playwright": "^1.44.1"
-  }
-}
diff --git a/studio/e2e_tests/playwright.config.js b/studio/e2e_tests/playwright.config.js
deleted file mode 100644
index 25329ec16..000000000
--- a/studio/e2e_tests/playwright.config.js
+++ /dev/null
@@ -1,80 +0,0 @@
-// @ts-check
-const { defineConfig, devices } = require('@playwright/test');
-require('dotenv').config();
-
-const isProduction = process.env.NODE_ENV === 'production';
-const isDevelopment = process.env.NODE_ENVI === 'development';
-
-/**
- * @see https://playwright.dev/docs/test-configuration
- */
-module.exports = defineConfig({
-  testDir: './tests',
-  /* Run tests in files in parallel */
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: !!process.env.CI,
-  /* Retry on CI only */
-  retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: isDevelopment ? 1 : undefined,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    // baseURL: 'http://127.0.0.1:3000',
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    headless: !isProduction,
-    trace: 'retain-on-failure',
-    launchOptions: {
-      slowMo: 1000,
-    },
-    video: 'retain-on-failure',
-  },
-
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'firefox',
-      use: { ...devices['Desktop Firefox'] },
-    },
-
-    /*{
-      name: 'webkit',
-      use: { ...devices['Desktop Safari'] },
-    },*/
-    {
-      name: 'e2e_tests',
-      testDir: './studio/e2e_tests',
-      testMatch: /.*.spec.js/,
-    },
-    /* Test against mobile viewports. */
-    // {
-    //   name: 'Mobile Chrome',
-    //   use: { ...devices['Pixel 5'] },
-    // },
-    // {
-    //   name: 'Mobile Safari',
-    //   use: { ...devices['iPhone 12'] },
-    // },
-
-    /* Test against branded browsers. */
-    // {
-    //   name: 'Microsoft Edge',
-    //   use: { ...devices['Desktop Edge'], channel: 'msedge' },
-    // },
-    // {
-    //   name: 'Google Chrome',
-    //   use: { ...devices['Desktop Chrome'], channel: 'chrome' },
-    // },
-  ],
-
-  /* Run your local dev server before starting the tests */
-  // webServer: {
-  //   command: 'npm run start',
-  //   url: 'http://127.0.0.1:3000',
-  //   reuseExistingServer: !process.env.CI,
-  // },
-});
diff --git a/studio/e2e_tests/state.json b/studio/e2e_tests/state.json
deleted file mode 100644
index dbdf54405..000000000
--- a/studio/e2e_tests/state.json
+++ /dev/null
@@ -1,39 +0,0 @@
-{
-  "cookies": [
-    {
-      "name": "csrf_token_2d785ea2f6536900108362e9bfff73eef3a32be3921b3abc74b0a990093487c9",
-      "value": "KQr67xkCHozAtPwFoMDZOYnsrNacsJCEaaw8rJweirk=",
-      "domain": "127.0.0.1",
-      "path": "/",
-      "expires": 1750319998,
-      "httpOnly": true,
-      "secure": false,
-      "sameSite": "Lax"
-    },
-    {
-      "name": "ory_kratos_session",
-      "value": "MTcxODc4Mzk5OHxybk1OVWM1Q3Fsenc3enlFT25qTmZIM1otbmRydnpJdkpEdTladzdmN0JHUHJveGlYVGtkcVZDd0ZFMWZDQVg4TXNUMkgzamprNExDeWlSb3FHenVwZ3BiZUlCTW5lQTlrY295aC1id25INVF0b0FGdV9SQXJUWGFBQ0FELWN1VmpjWkduajV2UVE9PXxzRRs_xys9w4_5qeDGvEqMZdZBfOPR4ub5bL03d1DoTw==",
-      "domain": "127.0.0.1",
-      "path": "/",
-      "expires": 1718870398,
-      "httpOnly": true,
-      "secure": false,
-      "sameSite": "Lax"
-    }
-  ],
-  "origins": [
-    {
-      "origin": "http://127.0.0.1:4455",
-      "localStorage": [
-        {
-          "name": "returnTo",
-          "value": "http://127.0.0.1:4455/.factly/dega/studio/"
-        },
-        {
-          "name": "space",
-          "value": "1"
-        }
-      ]
-    }
-  ]
-}
diff --git a/studio/e2e_tests/tests/categories.spec.js b/studio/e2e_tests/tests/categories.spec.js
deleted file mode 100644
index be214f87a..000000000
--- a/studio/e2e_tests/tests/categories.spec.js
+++ /dev/null
@@ -1,310 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(900000);
-  // Load session cookies from the file
-  await page
-    .context()
-    .addCookies(JSON.parse(require('fs').readFileSync('state.json', 'utf8')).cookies);
-  // Navigate to a page that requires login
-  await page.goto(`${process.env.BASE_URL}`);
-  // Verify the user is still logged in
-  expect(await page.isVisible('text="Dashboard"')).toBeTruthy();
-  await page.goto(`${process.env.BASE_URL}categories?sort=desc&limit=10&page=1`);
-});
-
-test('login', async ({ page }) => {
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
-
-let createdCategoryName = ''; // Define a global variable to store the created category name
-let editedCategoryName = ''; // Define a global variable to store the edited category name
-
-test.only('should create category successfully', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  // Type the new category name with the random string into the input field
-  createdCategoryName = `This is a test category ${randomString}`;
-  await page.type('#create-category_name', createdCategoryName);
-  // Click on the 'Save' button
-  await page.click('button:has-text("Save")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Category created'
-  expect(successMessage).toBe('Category created');
-});
-
-test.only('should edit a category successfully', async ({ page }) => {
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  editedCategoryName = `This is an edited test category ${randomString}`;
-  const categorySelector = `text=${createdCategoryName}`;
-  let categoryFound = false;
-  let pageIndex = 1;
-  // Function to check if the category is on the current page
-  const isCategoryVisible = async () => {
-    const categoryElements = await page.$$(categorySelector);
-    return categoryElements.length > 0;
-  };
-  // Loop through pages until the category is found
-  while (!categoryFound) {
-    categoryFound = await isCategoryVisible();
-    if (!categoryFound) {
-      // Click the next page button (assuming there's a next page button with the text 'Next')
-      const nextButton = await page.$('button:has([aria-label="right"])');
-      if (!nextButton) {
-        break; // No more pages to navigate
-      }
-      await nextButton.click();
-      await page.waitForTimeout(1000); // Wait for the next page to load
-      pageIndex++;
-    }
-  }
-  if (categoryFound) {
-    // Click on the category to be edited
-    await page.click(categorySelector);
-    // Click on the 'Expand' button
-    await page.click('button:has-text("Expand")');
-    // Fill in the new category name
-    const inputSelector = '#create-category_name';
-    await page.fill(inputSelector, editedCategoryName);
-    // Click on the 'Update' button
-    await page.click('button:has-text("Update")');
-    // Handle any dialog that appears by accepting it
-    page.on('dialog', (dialog) => dialog.accept());
-    // Check if the category name has been updated
-    const updatedCategory = await page.textContent(`text=${editedCategoryName}`);
-    expect(updatedCategory).toBe(editedCategoryName);
-    // Get the success message text
-    const successMessage = await page.textContent('.ant-notification-notice-description');
-    // Assert that the success message is 'Category updated'
-    expect(successMessage).toBe('Category updated');
-  } else {
-    throw new Error(`Category with name "${createdCategoryName}" not found.`);
-  }
-});
-
-test.only('Should find search results', async ({ page }) => {
-  const categoryToSearch = editedCategoryName;
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill(searchInputSelector, categoryToSearch);
-  page.locator(categoryToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that the category is visible in the results
-  const categoryExists = await page.isVisible(`text=${categoryToSearch}`);
-});
-
-test('Should find no search results', async ({ page }) => {
-  const categoryToSearch = 'Zero';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill('#filters_q', categoryToSearch);
-  page.locator(categoryToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should display "Please enter name!" successfully, when the name input field is empty', async ({
-  page,
-}) => {
-  test.setTimeout(90000);
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Type the new category name into the input field
-  const categoryName = 'This is a test category';
-  await page.type('#create-category_name', categoryName);
-  // Get the length of the typed text
-  const deletePressCount = categoryName.length;
-  // Press the Backspace key multiple times
-  for (let i = 0; i < deletePressCount; i++) {
-    await page.keyboard.press('Backspace');
-  }
-  // Click on the 'Save' button
-  await page.click('button:has-text("Save")');
-  // Wait for the error message to appear
-  await page.waitForSelector('.ant-form-item-explain-error', { timeout: 80000 });
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the success message is 'Please enter name!'
-  expect(errorMessage).toBe('Please enter name!');
-});
-
-test('should display already exsists successfully', async ({ page }) => {
-  const categorySelector = 'text=Others';
-  const newcategoryName = 'Other';
-  await page.click(categorySelector);
-  await page.click('button:has-text("Expand")');
-  const inputSelector = '#create-category_name';
-  await page.fill(inputSelector, newcategoryName);
-  await page.click('button:has-text("Update")');
-  page.on('dialog', (dialog) => dialog.accept());
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  expect(successMessage).toBe('Entity with same name exists');
-});
-
-test('should navigate to the next page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain('page=2');
-});
-
-test('should navigate to the previous page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Click the button to navigate back to the previous page
-  await page.click('button:has([aria-label="left"])');
-  // Verify that the URL contains 'page=1'
-  expect(page.url()).toContain('page=1');
-});
-
-test('should navigate to the selected page', async ({ page }) => {
-  const pageNumber = 2; // You can set this to any number dynamically
-
-  // Click the button to navigate to the next page
-  await page.click(`.ant-pagination-item-${pageNumber}`);
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain(`page=${pageNumber}`);
-});
-
-test('when the button is clicked, should scroll to the top of the page', async ({ page }) => {
-  const categorySelector = 'text=Other';
-  await page.click(categorySelector);
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  // Find the scroll to top button and click it
-  const spanElement = page.locator('span[aria-label="vertical-align-top"]');
-  // Click on the span element
-  await spanElement.click();
-  // Wait for the scroll action to complete
-  await page.waitForTimeout(1000); // adjust the timeout based on your scroll animation duration
-  // Check if the page is scrolled to the top
-  const scrollPosition = await page.evaluate(() => window.scrollY);
-  expect(scrollPosition).toBe(0);
-});
-
-test('should sort categories from latest to oldest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from latest to oldest
-  await page.click('.ant-select-item[title="Latest"]');
-  // Get the text content of all categories
-  const categories = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-
-  // Check if categories are sorted from latest to oldest
-  const sortedcategories = categories.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(b) - getTime(a);
-  });
-
-  // Check if the categories are in the correct order
-  expect(categories).toEqual(sortedcategories);
-});
-
-test('should sort categories from oldest to latest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-
-  // Click on the option for sorting from oldest to latest
-  await page.click('.ant-select-item[title="Old"]'); // Adjust the title as needed if "Old" means oldest
-
-  // Get the text content of all categories
-  const categories = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-
-  // Check if categories are sorted from oldest to latest
-  const sortedcategories = categories.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(a) - getTime(b); // Sorting in ascending order
-  });
-
-  // Check if the categories are in the correct order
-  expect(categories).toEqual(sortedcategories);
-});
-
-test('should load the Categories page successfully', async ({ page }) => {
-  // Locate the header element with the text 'Categories'
-  const accountLogin = await page.locator('h3');
-  // Assert that the header has the text 'Categories'
-  await expect(accountLogin).toHaveText('Categories');
-});
-
-test('should handle invalid URL parameters gracefully', async ({ page }) => {
-  // Navigate to the URL with invalid parameters
-  await page.goto(`${process.env.BASE_URL}/categories?sort=desc&limit=10&page=NaN`);
-  // Locate the element that shows 'No data' message
-  const invalidPage = await page.locator('text=No data');
-  // Assert that the 'No data' message is visible
-  await expect(invalidPage).toBeVisible();
-});
-
-test('should persist category data across sessions', async ({ page, context }) => {
-  // Get the text content of the first h3 element
-  const firstcategoryText = await page.locator('h3').first().textContent();
-  // Open a new page in the same context
-  await context.newPage();
-  // Navigate to the categoriess page
-  await page.goto(`${process.env.BASE_URL}/categories?sort=desc&limit=10&page=1`);
-  // Get the text content of the first h3 element again
-  const newFirstcategoryText = await page.locator('h3').first().textContent();
-  // Assert that the category data is the same across sessions
-  expect(firstcategoryText).toEqual(newFirstcategoryText);
-});
-
-//Perform this test case only when there are no categories present
-test('should display empty state when no categories are present', async ({ page }) => {
-  // Locate the element that represents the empty state image
-  const emptyStateMessage = await page.locator('.ant-empty-image');
-  // Assert that the empty state image is visible
-  await expect(emptyStateMessage).toBeVisible();
-});
diff --git a/studio/e2e_tests/tests/claimants.spec.js b/studio/e2e_tests/tests/claimants.spec.js
deleted file mode 100644
index 3ba50808c..000000000
--- a/studio/e2e_tests/tests/claimants.spec.js
+++ /dev/null
@@ -1,375 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(900000);
-  // Load session cookies from the file
-  await page
-    .context()
-    .addCookies(JSON.parse(require('fs').readFileSync('state.json', 'utf8')).cookies);
-  // Navigate to a page that requires login
-  await page.goto(`${process.env.BASE_URL}`);
-  // Verify the user is still logged in
-  expect(await page.isVisible('text="Dashboard"')).toBeTruthy();
-  await page.goto(`${process.env.BASE_URL}claimants?sort=desc&limit=10&page=1`);
-});
-
-test('login', async ({ page }) => {
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
-
-let createdClaimantName = ''; // Define a global variable to store the created claimant name
-let editedClaimantName = ''; // Define a global variable to store the edited claimant name
-
-test('should create claimant successfully', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  // Type the new claimant name with the random string into the input field
-  createdClaimantName = `This is a test claimant ${randomString}`;
-  await page.type('#creat-claimant_name', createdClaimantName);
-  await page.type('#creat-claimant_tag_line', 'New claimant Line'); // Click on the 'Save' button
-  await page.click('button:has-text("Submit")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'claimant created'
-  expect(successMessage).toBe('Claimant created');
-});
-
-test('should edit a claimant successfully', async ({ page }) => {
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  editedClaimantName = `This is an edited test claimant ${randomString}`;
-  const claimantSelector = `text=${createdClaimantName}`;
-  let claimantFound = false;
-  let pageIndex = 1;
-  // Function to check if the claimant is on the current page
-  const isClaimantVisible = async () => {
-    const claimantElements = await page.$$(claimantSelector);
-    return claimantElements.length > 0;
-  };
-  // Loop through pages until the claimant is found
-  while (!claimantFound) {
-    claimantFound = await isClaimantVisible();
-    if (!claimantFound) {
-      // Click the next page button (assuming there's a next page button with the text 'Next')
-      const nextButton = await page.$('button:has([aria-label="right"])');
-      if (!nextButton) {
-        break; // No more pages to navigate
-      }
-      await nextButton.click();
-      await page.waitForTimeout(1000); // Wait for the next page to load
-      pageIndex++;
-    }
-  }
-  if (claimantFound) {
-    // Click on the claimant to be edited
-    await page.click(claimantSelector);
-    // Click on the 'Expand' button
-    await page.click('button:has-text("Expand")');
-    // Fill in the new claimant name
-    const inputSelector = '#creat-claimant_name';
-    await page.fill(inputSelector, editedClaimantName);
-    // Click on the 'Update' button
-    await page.click('button:has-text("Update")');
-    // Handle any dialog that appears by accepting it
-    page.on('dialog', (dialog) => dialog.accept());
-    // Check if the claimant name has been updated
-    const updatedClaimant = await page.textContent(`text=${editedClaimantName}`);
-    expect(updatedClaimant).toBe(editedClaimantName);
-    // Get the success message text
-    const successMessage = await page.textContent('.ant-notification-notice-description');
-    // Assert that the success message is 'Claimant updated'
-    expect(successMessage).toBe('Claimant updated');
-  } else {
-    throw new Error(`Claimant with name "${createdClaimantName}" not found.`);
-  }
-});
-
-test('Should find search results', async ({ page }) => {
-  const claimantToSearch = editedClaimantName;
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill(searchInputSelector, claimantToSearch);
-  page.locator(claimantToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that the claimant is visible in the results
-  const claimantExists = await page.isVisible(`text=${claimantToSearch}`);
-});
-
-test('should delete claimant successfully', async ({ page }) => {
-  const claimantText = editedClaimantName;
-  const nextButtonSelector = 'button:has([aria-label="right"])';
-  let claimantFound = false;
-  while (true) {
-    // Check if the claimant is present on the current page
-    const rowSelector = `tr:has-text("${claimantText}")`;
-
-    const buttonSelector = 'button:has([aria-label="delete"])';
-    const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-    // Check if the row with the claimant text is visible
-    const rowCount = await page.locator(rowSelector).count();
-    if (rowCount > 0) {
-      // Ensure the button is available before clicking
-      await buttonLocator.waitFor({ state: 'visible' });
-      // Click the delete button
-      await buttonLocator.click();
-      // Click on the 'OK' button in the confirmation dialog
-      await page.click('button:has-text("OK")');
-      // Handle any dialog that appears by accepting it
-      page.on('dialog', (dialog) => dialog.accept());
-      // Get the success message text
-      const successMessage = await page.textContent('.ant-notification-notice-description');
-      // Assert that the success message is 'claimant deleted'
-      expect(successMessage).toBe('Claimant deleted');
-      claimantFound = true;
-      break;
-    }
-    // Check if the "Next" button is available
-    const nextButtonEnabled = await page.isEnabled(nextButtonSelector);
-    if (!nextButtonEnabled) {
-      // If there are no more pages to check, break the loop
-      break;
-    }
-    // Click the "Next" button to go to the next page
-    await page.click(nextButtonSelector);
-  }
-  // Assert that the claimant was found and deleted
-  expect(claimantFound).toBe(true);
-});
-
-test('should display "claimant with same name exists" successfully', async ({ page }) => {
-  // Selector for the claimant element with the text 'Nine'
-  const claimantSelector = 'text=Nine';
-  // New claimant name to be used for testing duplicate name scenario
-  const newClaimantName = 'One';
-  // Click on the claimant element to select it
-  await page.click(claimantSelector);
-  // Click on the 'Expand' button to open the details or edit section
-  await page.click('button:has-text("Expand")');
-  // Selector for the claimant name input field
-  const inputSelector = '#creat-claimant_name';
-  // Fill the input field with the new claimant name
-  await page.fill(inputSelector, newClaimantName);
-  // Click on the 'Update' button to submit the form
-  await page.click('button:has-text("Update")');
-  // Handle the dialog that appears after clicking 'Update' and accept it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the text content of the success message notification
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Verify that the success message is as expected
-  expect(successMessage).toBe('Entity with same name exists');
-});
-
-test('should reset', async ({ page }) => {
-  await page.click('button:has-text("Create")');
-  await page.click('button:has-text("Expand")');
-  await page.fill('#creat-claimant_name', 'Kurt');
-  await page.click('button:has-text("Reset")');
-
-  // Verify that the form fields have been reset
-  const input1Value = await page.$eval('#creat-claimant_name', (input) => input.value);
-  if (input1Value === '') {
-    console.log('Form reset test passed');
-  } else {
-    console.error('Form reset test failed');
-  }
-});
-
-test('should navigate to the next page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain('page=2');
-});
-
-test('should navigate to the previous page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Click the button to navigate back to the previous page
-  await page.click('button:has([aria-label="left"])');
-  // Verify that the URL contains 'page=1'
-  expect(page.url()).toContain('page=1');
-});
-
-test('should navigate to the selected page', async ({ page }) => {
-  const pageNumber = 2; // You can set this to any number dynamically
-  // Click the button to navigate to the next page
-  await page.click(`.ant-pagination-item-${pageNumber}`);
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain(`page=${pageNumber}`);
-});
-
-test('when the button is clicked, should scroll to the top of the page', async ({ page }) => {
-  const claimantSelector = 'text=Two';
-  await page.click(claimantSelector);
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  // Find the scroll to top button and click it
-  const spanElement = page.locator('span[aria-label="vertical-align-top"]');
-  // Click on the span element
-  await spanElement.click();
-  // Wait for the scroll action to complete
-  await page.waitForTimeout(1000); // adjust the timeout based on your scroll animation duration
-  // Check if the page is scrolled to the top
-  const scrollPosition = await page.evaluate(() => window.scrollY);
-  expect(scrollPosition).toBe(0);
-});
-
-test('should sort claimants from latest to oldest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from latest to oldest
-  await page.click('.ant-select-item[title="Latest"]');
-  // Get the text content of all claimants
-  const claimants = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-
-  // Check if claimants are sorted from latest to oldest
-  const sortedclaimants = claimants.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(b) - getTime(a);
-  });
-
-  // Check if the claimants are in the correct order
-  expect(claimants).toEqual(sortedclaimants);
-});
-
-test('should sort claimants from oldest to latest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-
-  // Click on the option for sorting from oldest to latest
-  await page.click('.ant-select-item[title="Old"]'); // Adjust the title as needed if "Old" means oldest
-
-  // Get the text content of all claimants
-  const claimants = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-
-  // Check if claimants are sorted from oldest to latest
-  const sortedclaimants = claimants.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(a) - getTime(b); // Sorting in ascending order
-  });
-
-  // Check if the claimants are in the correct order
-  expect(claimants).toEqual(sortedclaimants);
-});
-
-test('should load the claimants page successfully', async ({ page }) => {
-  // Locate the header element with the text 'claimants'
-  const accountLogin = await page.locator('h3');
-  // Assert that the header has the text 'Claimants'
-  await expect(accountLogin).toHaveText('Claimants');
-});
-
-test('should handle invalid URL parameters gracefully', async ({ page }) => {
-  // Navigate to the URL with invalid parameters
-  await page.goto(`${process.env.BASE_URL}claimants?sort=desc&limit=10&page=NaN`);
-  // Locate the element that shows 'No data' message
-  const accountLogin = await page.locator('text=No data');
-  // Assert that the 'No data' message is visible
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should persist claimant data across sessions', async ({ page, context }) => {
-  // Get the text content of the first h3 element
-  const firstclaimantText = await page.locator('h3').first().textContent();
-  // Open a new page in the same context
-  await context.newPage();
-  // Navigate to the Claimants page
-  await page.goto(`${process.env.BASE_URL}claimants?sort=desc&limit=10&page=1`);
-  // Get the text content of the first h3 element again
-  const newFirstclaimantText = await page.locator('h3').first().textContent();
-  // Assert that the claimant data is the same across sessions
-  expect(firstclaimantText).toEqual(newFirstclaimantText);
-});
-
-//Perform this test case only when there are no claimants present
-test('should display empty state when no claimants are present', async ({ page }) => {
-  // Locate the element that represents the empty state image
-  const emptyStateMessage = await page.locator('.ant-empty-image');
-  // Assert that the empty state image is visible
-  await expect(emptyStateMessage).toBeVisible();
-});
-
-test('Should find no search results', async ({ page }) => {
-  const claimantToSearch = 'Zero';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill('#filters_q', claimantToSearch);
-  page.locator(claimantToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should display "Please enter name!" successfully, when the name input field is empty', async ({
-  page,
-}) => {
-  test.setTimeout(90000);
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Type the new claimant name into the input field
-  const claimantName = 'This is a test claimant';
-  await page.type('#creat-claimant_name', claimantName);
-  // Get the length of the typed text
-  const deletePressCount = claimantName.length;
-  // Press the Backspace key multiple times
-  for (let i = 0; i < deletePressCount; i++) {
-    await page.keyboard.press('Backspace');
-  }
-  // Click on the 'Submit' button
-  await page.click('button:has-text("Submit")');
-  // Wait for the error message to appear
-  await page.waitForSelector('.ant-form-item-explain-error', { timeout: 80000 });
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the success message is 'Please enter name!'
-  expect(errorMessage).toBe('Please enter name!');
-});
diff --git a/studio/e2e_tests/tests/claims.spec.js b/studio/e2e_tests/tests/claims.spec.js
deleted file mode 100644
index 2b2a36c20..000000000
--- a/studio/e2e_tests/tests/claims.spec.js
+++ /dev/null
@@ -1,443 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(900000);
-  // Load session cookies from the file
-  await page
-    .context()
-    .addCookies(JSON.parse(require('fs').readFileSync('state.json', 'utf8')).cookies);
-  // Navigate to a page that requires login
-  await page.goto(`${process.env.BASE_URL}`);
-  // Verify the user is still logged in
-  expect(await page.isVisible('text="Dashboard"')).toBeTruthy();
-  await page.goto(`${process.env.BASE_URL}claims?sort=desc&limit=10&page=1`);
-});
-
-test('login', async ({ page }) => {
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
-
-let createdClaimName = '';
-let editedClaimName = '';
-
-test('should create claim successfully...', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  // Type the new claim name with the random string into the input field
-  const claimName = `This is a test claim ${randomString}`;
-  createdClaimName = claimName; // Store the created claim name
-  await page.type('#create-claim_claim', claimName);
-  await page.locator('div.ant-select-selector').first().click();
-  await page.click('div[title="Nine"]');
-  await page.locator('div.ant-select-selector').nth(1).click();
-  await page.click('div[title="True"]');
-  // Click on the date input field using the selector
-  await page.type('#create-claim_claim_date', '2023-09-09');
-  await page.keyboard.press('Enter');
-  // Click on the 'Submit' button
-  await page.click('button:has-text("Submit")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Claim created'
-  expect(successMessage).toBe('Claim created');
-});
-
-test('Should find search results', async ({ page }) => {
-  const claimToSearch = createdClaimName;
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill('#filters_q', claimToSearch);
-  page.locator(claimToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that the claim is visible in the results
-  const claimExists = await page.isVisible(`text=${claimToSearch}`);
-});
-
-test('should edit a claim successfully...', async ({ page }) => {
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const claimSelector = `text=${createdClaimName}`;
-  const newClaimName = `This is a test claim ${randomString}`;
-  let claimFound = false;
-  let pageIndex = 1;
-  // Function to check if the claim is on the current page
-  const isClaimVisible = async () => {
-    const claimElements = await page.$$(claimSelector);
-    return claimElements.length > 0;
-  };
-  // Loop through pages until the claim is found
-  while (!claimFound) {
-    claimFound = await isClaimVisible();
-    if (!claimFound) {
-      // Click the next page button (assuming there's a next page button with the text 'Next')
-      await page.click('button:has([aria-label="right"])');
-      await page.waitForTimeout(1000); // Wait for the next page to load
-      pageIndex++;
-    }
-  }
-  // Click on the claim to be edited
-  await page.click(claimSelector);
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Fill in the new claim name
-  const inputSelector = '#create-claim_claim';
-  await page.fill(inputSelector, newClaimName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Claim updated'
-  expect(successMessage).toBe('Claim updated');
-});
-
-test('should delete a claim successfully', async ({ page }) => {
-  const claimText = editedClaimName;
-  const nextButtonSelector = 'button:has([aria-label="right"])';
-  let claimFound = false;
-  while (true) {
-    // Check if the claim is present on the current page
-    const rowSelector = `tr:has-text("${claimText}")`;
-    const buttonSelector = 'button:has([aria-label="delete"])';
-    const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-    // Check if the row with the claim text is visible
-    const rowCount = await page.locator(rowSelector).count();
-    if (rowCount > 0) {
-      // Click the delete button
-      await buttonLocator.first().click();
-      // Click on the 'OK' button in the confirmation dialog
-      await page.click('button:has-text("OK")');
-      // Handle any dialog that appears by accepting it
-      page.on('dialog', (dialog) => dialog.accept());
-      // Get the success message text
-      const successMessage = await page.textContent('.ant-notification-notice-description');
-      // Assert that the success message is 'Claim deleted'
-      expect(successMessage).toBe('Claim deleted');
-      claimFound = true;
-      break;
-    }
-    // Check if the "Next" button is available
-    const nextButtonEnabled = await page.isEnabled(nextButtonSelector);
-    if (!nextButtonEnabled) {
-      // If there are no more pages to check, break the loop
-      break;
-    }
-    // Click the "Next" button to go to the next page
-    await page.click(nextButtonSelector);
-  }
-  // Assert that the claim was found and deleted
-  expect(claimFound).toBe(true);
-});
-
-test('Should find search results based on claimant', async ({ page }) => {
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).first().click();
-  // Select the option "Seven" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="Seven"]';
-  await page.locator(optionSelector).click();
-  await page.press(dropdownContainerSelector, 'Enter');
-  // Wait for all the search results to be visible
-  const resultsSelector = 'td.ant-table-cell a[href="/.factly/dega/studio/claimants/13/edit"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find no search results based on claimant', async ({ page }) => {
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).first().click();
-  // Select the option "Eight" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="Eight"]';
-  await page.locator(optionSelector).click();
-  await page.press(dropdownContainerSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('Should find search results based on rating', async ({ page }) => {
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(1).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="One"]';
-  await page.locator(optionSelector).click();
-  await page.press(dropdownContainerSelector, 'Enter');
-  // Wait for all the search results to be visible
-  const resultsSelector = 'td.ant-table-cell a[href="/.factly/dega/studio/claimants/13/edit"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find no search results based on rating successfully', async ({ page }) => {
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(1).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="This is a test rating"]';
-  await page.locator(optionSelector).click();
-  await page.press(dropdownContainerSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should navigate to the next page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain('page=2');
-});
-
-test('should navigate to the previous page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Click the button to navigate back to the previous page
-  await page.click('button:has([aria-label="left"])');
-  // Verify that the URL contains 'page=1'
-  expect(page.url()).toContain('page=1');
-});
-
-test('should navigate to the selected page', async ({ page }) => {
-  const pageNumber = 2; // You can set this to any number dynamically
-  // Click the button to navigate to the next page
-  await page.click(`.ant-pagination-item-${pageNumber}`);
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain(`page=${pageNumber}`);
-});
-
-test('Should find no search results', async ({ page }) => {
-  const claimToSearch = 'Zero';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill('#filters_q', claimToSearch);
-  page.locator(claimToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('when the button is clicked, should scroll to the top of the page', async ({ page }) => {
-  const claimSelector = 'text=Two';
-  await page.click(claimSelector);
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  // Find the scroll to top button and click it
-  const spanElement = page.locator('span[aria-label="vertical-align-top"]');
-  // Click on the span element
-  await spanElement.click();
-  // Wait for the scroll action to complete
-  await page.waitForTimeout(1000); // adjust the timeout based on your scroll animation duration
-  // Check if the page is scrolled to the top
-  const scrollPosition = await page.evaluate(() => window.scrollY);
-  expect(scrollPosition).toBe(0);
-});
-
-test('should sort claims from latest to oldest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from latest to oldest
-  await page.click('.ant-select-item[title="Latest"]');
-  // Get the text content of all claims
-  const claims = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-
-  // Check if claims are sorted from latest to oldest
-  const sortedclaims = claims.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(b) - getTime(a);
-  });
-
-  // Check if the claims are in the correct order
-  expect(claims).toEqual(sortedclaims);
-});
-
-test('should sort claims from oldest to latest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from oldest to latest
-  await page.click('.ant-select-item[title="Old"]'); // Adjust the title as needed if "Old" means oldest
-
-  // Get the text content of all claims
-  const claims = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-
-  // Check if claims are sorted from oldest to latest
-  const sortedclaims = claims.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(a) - getTime(b); // Sorting in ascending order
-  });
-
-  // Check if the claims are in the correct order
-  expect(claims).toEqual(sortedclaims);
-});
-
-test('should stay logged in using stored cookies', async ({ page }) => {
-  // Load session cookies from the file
-  await page
-    .context()
-    .addCookies(JSON.parse(require('fs').readFileSync('state.json', 'utf8')).cookies);
-
-  // Navigate to a page that requires login
-  await page.goto(`${process.env.BASE_URL}`);
-
-  // Verify the user is still logged in
-  expect(await page.isVisible('text="Dashboard"')).toBeTruthy();
-});
-
-test('should load the claims page successfully', async ({ page }) => {
-  // Locate the header element with the text 'claims'
-  const accountLogin = await page.locator('h3');
-  // Assert that the header has the text 'Claims'
-  await expect(accountLogin).toHaveText('Claims');
-});
-
-test('should handle invalid URL parameters gracefully', async ({ page }) => {
-  // Navigate to the URL with invalid parameters
-  await page.goto(`${process.env.BASE_URL}claims?sort=desc&limit=10&page=NaN`);
-  // Locate the element that shows 'No data' message
-  const accountLogin = await page.locator('text=No data');
-  // Assert that the 'No data' message is visible
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should persist claim data across sessions', async ({ page, context }) => {
-  // Get the text content of the first h3 element
-  const firstclaimText = await page.locator('h3').first().textContent();
-  // Open a new page in the same context
-  await context.newPage();
-  // Navigate to the claims page
-  await page.goto(`${process.env.BASE_URL}claims?sort=desc&limit=10&page=1`);
-  // Get the text content of the first h3 element again
-  const newFirstclaimText = await page.locator('h3').first().textContent();
-  // Assert that the claim data is the same across sessions
-  expect(firstclaimText).toEqual(newFirstclaimText);
-});
-
-test('should display "Please input the Claim!" successfully, when the respective input fields are empty', async ({
-  page,
-}) => {
-  test.setTimeout(90000);
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Enter text into the claim input field
-  const claimName = 'New claimss';
-  await page.type('#create-claim_claim', claimName);
-  // Get the length of the typed text
-  const deletePressCount = claimName.length;
-  // Press the Backspace key multiple times
-  for (let i = 0; i < deletePressCount; i++) {
-    await page.keyboard.press('Backspace');
-  }
-  // Click on the 'Submit' button
-  await page.click('button:has-text("Submit")');
-  // Wait for the error message to appear
-  await page.waitForSelector('.ant-form-item-explain-error', { timeout: 80000 });
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the success message is 'Please input the Claim!'
-  expect(errorMessage).toBe('Please input the Claim!');
-});
-
-test('should display "Please add claimant!" successfully, when the claimant input fields are empty', async ({
-  page,
-}) => {
-  test.setTimeout(90000);
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Type the new claim name into the input field
-  const claimName = 'Th';
-  await page.type('#create-claim_claim', claimName);
-  // Click on the 'Submit' button
-  await page.click('button:has-text("Submit")');
-  // Wait for the error message to appear
-  await page.waitForSelector('.ant-form-item-explain-error', { timeout: 80000 });
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the success message is 'Please input the Claim!'
-  expect(errorMessage).toBe('Please add claimant!');
-});
-
-test('should display "Please add rating!" successfully, when the claima input field is empty', async ({
-  page,
-}) => {
-  test.setTimeout(90000);
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Type the new claim name into the input field
-  const claimName = 'Th';
-  await page.type('#create-claim_claim', claimName);
-  await page.locator('div.ant-select-selector').first().click();
-  await page.click('div[title="Nine"]');
-  // Click on the 'Submit' button
-  await page.click('button:has-text("Submit")');
-  // Wait for the error message to appear
-  await page.waitForSelector('.ant-form-item-explain-error', { timeout: 80000 });
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the success message is 'Please add rating!'
-  expect(errorMessage).toBe('Please add rating!');
-});
diff --git a/studio/e2e_tests/tests/factchecks.spec.js b/studio/e2e_tests/tests/factchecks.spec.js
deleted file mode 100644
index 00de0c3be..000000000
--- a/studio/e2e_tests/tests/factchecks.spec.js
+++ /dev/null
@@ -1,538 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(90000);
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  await page.goto(`${process.env.BASE_URL}fact-checks`);
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
-
-test('should create a draft factcheck succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new factcheck name into the input field
-  const randomString = getRandomString(10); // Adjust the length as needed
-  await page.type('#title', `This is a test factcheck ${randomString}`);
-  // Type the new factcheck name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  // Locate the 4th div with class 'ant-select-selector'
-  const selectorDiv = page.locator('div.ant-select-selector').nth(3);
-  // Click on the located div
-  await selectorDiv.click(); // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  // Click on the 'Save as Draft' button
-  await page.click('span:has-text("Save")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post added'
-  expect(successMessage).toBe('Post added');
-});
-
-test('should create a ready to publish factcheck succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new factcheck name into the input field
-  const randomString = getRandomString(10); // Adjust the length as needed
-  await page.type('#title', `This is a test factcheck ${randomString}`);
-  // Type the new factcheck name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  // Locate the 4th div with class 'ant-select-selector'
-  const selectorDiv = page.locator('div.ant-select-selector').nth(3);
-  // Click on the located div
-  await selectorDiv.click(); // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  // Click on the 'Save as Draft' button
-  await page.hover('span:has-text("Save")');
-  await page.click('button[role="switch"]');
-  await page.click('span:has-text("Save")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Draft saved & Ready to Publish'
-  expect(successMessage).toBe('Draft saved & Ready to Publish');
-});
-
-test('should publish a post succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new factcheck name into the input field
-  const randomString = getRandomString(10); // Adjust the length as needed
-  await page.type('#title', `This is a test factcheck ${randomString}`);
-  // Type the new factcheck name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  // Locate the 4th div with class 'ant-select-selector'
-  const selectorDiv = page.locator('div.ant-select-selector').nth(3);
-  // Click on the located div
-  await selectorDiv.click(); // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  // Click on the 'Publish' button
-  await page.click('span:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Fact Check Published'
-  expect(successMessage).toBe('Fact Check Published');
-});
-
-test('should delete a published factcheck successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}fact-checks?status=publish`);
-  const factcheckText = 'efefef';
-  //const factcheckDateTime = 'Jun 03, 2024 03:25 PM'; // specify the exact date and time of the factcheck
-  // Select the row with the required fact-check text and date-time
-  const rowSelector = `tr:has-text("${factcheckText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Ensure the button is available before clicking
-  await buttonLocator.waitFor({ state: 'visible' });
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post deleted'
-  expect(successMessage).toBe('Post deleted');
-});
-
-test('should delete a factcheck from ready to publish successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}fact-checks?status=ready`);
-  const factcheckText = 'This is a test factcheck PYaSsrCfVU';
-  // Select the row with the required fact-check text
-  const rowSelector = `tr:has-text("${factcheckText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Ensure the button is available before clicking
-  await buttonLocator.waitFor({ state: 'visible' });
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post deleted'
-  expect(successMessage).toBe('Post deleted');
-});
-
-test('should delete a factcheck from drafts successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}fact-checks?status=draft`);
-  const factcheckText = 'kjbh';
-  // Select the row with the required fact-check text
-  const rowSelector = `tr:has-text("${factcheckText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post deleted'
-  expect(successMessage).toBe('Post deleted');
-});
-
-test('Should find search results based on tag', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(1).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="One"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/factchecks/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find search results based on category', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(2).click();
-  // Select the option "One" from the dropdown
-  // Select the option "Nine" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="Others"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/factchecks/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find search results based on author', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(3).click();
-  // Select the option "One" from the dropdown
-  // Select the option "Nine" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="Ramsai Rapole"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/factchecks/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find no search results based on tag', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(1).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="This is a test tag a0Xh2oSXTA"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('Should find no search results based on category', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(2).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="jxmixckixmm"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should create a template successfully ', async ({ page }) => {
-  const factcheckSelector = 'text=jhjrhf';
-  // Click on the factcheck to be edited
-  await page.click(factcheckSelector);
-  // Click on the 'Templates' button
-  await page.click('button#template');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Template created'
-  expect(successMessage).toBe('Template created');
-});
-
-test('should save a draft when clicked on a template successfully ', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  const factcheckSelector = 'text=jhjrhf';
-  // Click on the factcheck to be edited
-  await page.click(factcheckSelector);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post added'
-  expect(successMessage).toBe('Post added');
-});
-
-test('should edit a template successfully', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  await page.click('button:has-text("show more")');
-  const factcheckSelector = 'div.ant-card-meta-description >> text="jhjrhf"';
-  const newfactcheckName = 'One one';
-  // Click on the factcheck to be edited
-  await page.click(factcheckSelector);
-  // Fill in the new factcheck name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newfactcheckName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  await page.click('.ant-notification-notice-close');
-  // Click on the 'Publish' button
-  await page.click('button:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Check if "cannot publish factcheck without author" message is displayed
-  const authorMessageSelector = 'text=cannot publish factcheck without author';
-  const isAuthorMessageVisible = await page.isVisible(authorMessageSelector);
-  if (isAuthorMessageVisible) {
-    console.log('Author selection required');
-    await page.click('.ant-notification-notice-close'); // Close the notification
-    // Select an author if the message is displayed
-    await page.click('button:has([aria-label="setting"])');
-    await page.click('div.ant-select-selector');
-    await page.waitForSelector('div.ant-select-dropdown', { state: 'visible' }); // Ensure dropdown is visible
-    await page.keyboard.press('Enter'); // Select the first author in the list
-    await page.click('button:has([aria-label="close"])'); // Close the settings modal
-    await page.fill(inputSelector, newfactcheckName);
-    // Click on the 'Publish' button again
-    await page.click('button:has-text("Publish")');
-    page.on('dialog', (dialog) => dialog.accept()); // Handle any dialog that appears by accepting it
-    // Get the success message text
-    const successMessage = await page.textContent('.ant-notification-notice-description');
-    console.log('Success message received:', successMessage); // Log the success message
-    // Assert that the success message is 'Article Published'
-    expect(successMessage).toBe('Article Published');
-  }
-});
-
-test('should open to edit when clicked on template edit button successfully ', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  // Locate the 'edit' buttons and click on the one in the second row, fourth column
-  const editButtons = page.locator('span[aria-label="edit"]');
-  await editButtons.nth(5).click();
-});
-
-test('should delete template when clicked on template delete button successfully ', async ({
-  page,
-}) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  // Locate the 'edit' buttons and click on the one in the second row, fourth column
-  const editButtons = page.locator('span[aria-label="delete"]');
-  await editButtons.nth(5).click();
-  await page.click('button:has-text("OK")');
-});
-
-test('should load the fact-checks page successfully', async ({ page }) => {
-  // Locate the header with the text 'fact-checks'
-  const accountLogin = await page.locator('h3');
-  // Assert that the header has the text 'Fact-checks'
-  await expect(accountLogin).toHaveText('Fact-checks');
-});
-
-test('should handle invalid URL parameters gracefully', async ({ page }) => {
-  // Navigate to the URL with invalid parameters
-  await page.goto(`${process.env.BASE_URL}fact-checkssnskn`);
-  // Locate the fact-check that shows '404' message
-  const accountLogin = await page.locator('text=404');
-  // Assert that the '404' message is visible
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should persist fact-checks data across sessions', async ({ page, context }) => {
-  // Get the text content of the first h3 element
-  const firstTagText = await page.locator('h3').first().textContent();
-  // Open a new page in the same context
-  await context.newPage();
-  // Navigate to the tags page
-  await page.goto(`${process.env.BASE_URL}fact-checks`);
-  // Get the text content of the first h3 element again
-  const newFirstTagText = await page.locator('h3').first().textContent();
-  // Assert that the tag data is the same across sessions
-  expect(firstTagText).toEqual(newFirstTagText);
-});
-
-//Perform this test case only when there are no tags present
-test('should display empty state when no fact-checks are present', async ({ page }) => {
-  // Locate the selector that represents the empty state image
-  const emptyStateMessage = await page.locator('.ant-empty-image');
-  // Assert that the empty state image is visible
-  await expect(emptyStateMessage).toBeVisible();
-});
-
-test('Should find search results', async ({ page }) => {
-  const factcheckToSearch = 'One';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill(searchInputSelector, factcheckToSearch);
-  page.locator(factcheckToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that the factcheck is visible in the results
-  const factcheckExists = await page.isVisible(`text=${factcheckToSearch}`);
-});
-
-test('Should find no search results', async ({ page }) => {
-  const factcheckToSearch = 'Zero';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill('#filters_q', factcheckToSearch);
-  page.locator(factcheckToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should navigate to the next page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain('page=2');
-});
-
-test('should navigate to the previous page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Click the button to navigate back to the previous page
-  await page.click('button:has([aria-label="left"])');
-  // Verify that the URL contains 'page=1'
-  expect(page.url()).toContain('page=1');
-});
-
-test('should navigate to the selected page', async ({ page }) => {
-  const pageNumber = 2; // You can set this to any number dynamically
-  // Click the button to navigate to the next page
-  await page.click(`.ant-pagination-item-${pageNumber}`);
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain(`page=${pageNumber}`);
-});
-
-test('should sort tags from latest to oldest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from latest to oldest
-  await page.click('.ant-select-item[title="Latest"]');
-  // Get the text content of all tags
-  const tags = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-  // Check if tags are sorted from latest to oldest
-  const sortedtags = tags.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(b) - getTime(a);
-  });
-  // Check if the tags are in the correct order
-  expect(tags).toEqual(sortedtags);
-});
-
-test('should sort tags from oldest to latest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from oldest to latest
-  await page.click('.ant-select-item[title="Old"]'); // Adjust the title as needed if "Old" means oldest
-  // Get the text content of all tags
-  const tags = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-  // Check if tags are sorted from oldest to latest
-  const sortedtags = tags.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(a) - getTime(b); // Sorting in ascending order
-  });
-  // Check if the tags are in the correct order
-  expect(tags).toEqual(sortedtags);
-});
-
-test('should show "cannot publish post without author" successfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new factcheck name into the input field
-  await page.type('#title', 'New factcheck');
-  // Type the new factcheck name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  // Click on the 'Save' button
-  await page.click('button:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the error message is 'cannot publish post without author'
-  expect(errorMessage).toBe('cannot publish post without author');
-});
-
-test('should show "Please input the title!" succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  await page.click('button:has-text("Publish")');
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the error message is 'Please input the title!'
-  expect(errorMessage).toBe('Please input the title!');
-});
-
-test('should display tippy ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new factcheck name into the input field
-  await page.type('#title', 'New factcheck');
-  // Type the new factcheck name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.press('/');
-  await page.isVisible('#tippy-11');
-});
diff --git a/studio/e2e_tests/tests/login.spec.js b/studio/e2e_tests/tests/login.spec.js
deleted file mode 100644
index 46e5e65f0..000000000
--- a/studio/e2e_tests/tests/login.spec.js
+++ /dev/null
@@ -1,42 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', 'ramsai.rapole@factly.in');
-});
-
-test('Button click refreshes the page', async ({ page }) => {
-  // Get the initial page content (could be a timestamp or any content that changes on refresh)
-  const initialContent = await page.content();
-  // Click the button to refresh the page
-  await page.click('span[aria-label="close-circle"]');
-  // Wait for the page to reload
-  await page.waitForLoadState('load');
-  // Get the content after the refresh
-  const refreshedContent = await page.content();
-  // Check that the content has changed
-  expect(initialContent).not.toBe(refreshedContent);
-});
-
-test('should login correctly', async ({ page }) => {
-  await page.type('#auth_password', 'Wrongpass@123');
-  // Click the login button
-  await page.click('text=Login');
-  // Locate the element with the 'h2' tag
-  const accountLogin = await page.locator('h2');
-  // Check that the element is visible
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should fail login correctly', async ({ page }) => {
-  await page.type('#auth_password', 'Wrongpass@123');
-  // Click the login button
-  await page.click('text=Login');
-  // Locate the element containing the specific text message indicating invalid credentials
-  const accountLogin = await page.locator('text=The provided credentials are invalid.');
-  // Assert that the located element is visible on the page
-  await expect(accountLogin).toBeVisible();
-});
diff --git a/studio/e2e_tests/tests/pages.spec.js b/studio/e2e_tests/tests/pages.spec.js
deleted file mode 100644
index 328b101b0..000000000
--- a/studio/e2e_tests/tests/pages.spec.js
+++ /dev/null
@@ -1,686 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(90000);
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  await page.goto(`${process.env.BASE_URL}pages`);
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
-
-test('should create a draft page succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new page name into the input field
-  const randomString = getRandomString(10); // Adjust the length as needed
-  await page.type('#title', `This is a test page ${randomString}`);
-  // Type the new page name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  await page.click('div.ant-select-selector');
-  // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  await page.click('button:has([aria-label="down"])');
-  // Click on the 'Save as Draft' button
-  await page.click('span:has-text("Save Draft")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'page added''
-  expect(successMessage).toBe('page added');
-});
-
-test('should create a ready to publish page succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new page name into the input field
-  const randomString = getRandomString(10); // Adjust the length as needed
-  await page.type('#title', `This is a test page ${randomString}`);
-  // Type the new page name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  await page.click('div.ant-select-selector');
-  // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  await page.click('button:has([aria-label="down"])');
-  // Click on the 'Ready to Publish' button
-  await page.click('span:has-text("Ready to Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'page added & Ready to Publish'
-  expect(successMessage).toBe('page added & Ready to Publish');
-});
-
-test('should publish page succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  const randomString = getRandomString(10); // Adjust the length as needed
-  // Type the new page name into the input field
-  await page.type('#title', `This is a test page ${randomString}`);
-  // Type the new page name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  await page.click('div.ant-select-selector');
-  // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  // Click on the 'Publish' button
-  await page.click('span:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(errorMessage).toBe('Article Published');
-});
-
-test('should display tippy ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new page name into the input field
-  await page.type('#title', 'New page');
-  // Type the new page name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.press('/');
-  await page.isVisible('#tippy-11');
-});
-
-test('should delete a published page successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=publish`);
-  const pageText = 'ndscn';
-  //const pageDateTime = 'Jun 03, 2024 03:25 PM'; // specify the exact date and time of the page
-  // Select the row with the required fact-check text and date-time
-  const rowSelector = `tr:has-text("${pageText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Ensure the button is available before clicking
-  await buttonLocator.waitFor({ state: 'visible' });
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'page deleted'
-  expect(successMessage).toBe('page deleted');
-});
-
-test('should delete a page from ready to publish successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=ready`);
-  const pageText = 'Onel';
-  // Select the row with the required fact-check text
-  const rowSelector = `tr:has-text("${pageText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Ensure the button is available before clicking
-  await buttonLocator.waitFor({ state: 'visible' });
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'page deleted'
-  expect(successMessage).toBe('page deleted');
-});
-
-test('should delete a page from drafts successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=draft`);
-  const pageText = 'asax';
-  // Select the row with the required fact-check text
-  const rowSelector = `tr:has-text("${pageText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'page deleted'
-  expect(successMessage).toBe('page deleted');
-});
-
-test('should edit a published page successfully ', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=publish`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const pageSelector = 'text=dkndkm';
-  const newpageName = `This is a test page ${randomString}`;
-  // Click on the page to be edited
-  await page.click(pageSelector);
-  // Fill in the new page name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newpageName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the pagename has been updated
-  const updatedpage = await page.textContent(`text=${newpageName}`);
-  expect(updatedpage).toBe(newpageName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(successMessage).toBe('Article Published');
-});
-
-test('should edit a ready to publish page successfully ', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=ready`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const pageSelector = 'text=cddc';
-  const newpageName = `This is a test page ${randomString}`;
-  // Click on the page to be edited
-  await page.click(pageSelector);
-  // Fill in the new page name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newpageName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the pagename has been updated
-  const updatedpage = await page.textContent(`text=${newpageName}`);
-  expect(updatedpage).toBe(newpageName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(successMessage).toBe('Article Published');
-});
-
-test('should edit a draft page successfully ', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=draft`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const pageSelector = 'text=cddc';
-  const newpageName = `This is a test page ${randomString}`;
-  // Click on the page to be edited
-  await page.click(pageSelector);
-  // Fill in the new page name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newpageName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the pagename has been updated
-  const updatedpage = await page.textContent(`text=${newpageName}`);
-  expect(updatedpage).toBe(newpageName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(successMessage).toBe('Article Published');
-});
-
-test('should edit a published page successfully from the shortcut edit button  ', async ({
-  page,
-}) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=publish`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const pageName = 'dkndkm';
-  const newpageName = `This is a test page ${randomString}`;
-  const rowSelector = `tr:has-text("${pageName}")`;
-  const buttonSelector =
-    'button.ant-btn.css-dev-only-do-not-override-1cn9vqe.ant-btn-default.ant-btn-lg.ant-btn-icon-only';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  await buttonLocator.first().click();
-  // Fill in the new page name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newpageName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the pagename has been updated
-  const updatedpage = await page.textContent(`text=${newpageName}`);
-  expect(updatedpage).toBe(newpageName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(successMessage).toBe('Article Published');
-});
-
-test('should edit a ready to publish page successfully from the shortcut edit button  ', async ({
-  page,
-}) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=ready`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const pageName = 'jxks';
-  const newpageName = `This is a test page ${randomString}`;
-  const rowSelector = `tr:has-text("${pageName}")`;
-  const buttonSelector =
-    'button.ant-btn.css-dev-only-do-not-override-1cn9vqe.ant-btn-default.ant-btn-lg.ant-btn-icon-only';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  await buttonLocator.first().click();
-  // Fill in the new page name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newpageName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the pagename has been updated
-  const updatedpage = await page.textContent(`text=${newpageName}`);
-  expect(updatedpage).toBe(newpageName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Draft saved & Ready to Publish'
-  expect(successMessage).toBe('Draft saved & Ready to Publish');
-});
-
-test('should edit a draft page successfully from the shortcut edit button  ', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}pages?status=draft`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const pageName = 'skis';
-  const newpageName = `This is a test page ${randomString}`;
-  const rowSelector = `tr:has-text("${pageName}")`;
-  const buttonSelector =
-    'button.ant-btn.css-dev-only-do-not-override-1cn9vqe.ant-btn-default.ant-btn-lg.ant-btn-icon-only';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  await buttonLocator.first().click();
-  // Fill in the new page name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newpageName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the pagename has been updated
-  const updatedpage = await page.textContent(`text=${newpageName}`);
-  expect(updatedpage).toBe(newpageName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Draft Saved'
-  expect(successMessage).toBe('Draft Saved');
-});
-
-test('Should find search results based on tag', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(1).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="One"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/pages/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find search results based on category', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(2).click();
-  // Select the option "One" from the dropdown
-  // Select the option "Nine" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="nkxnckxn"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/pages/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find search results based on author', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(3).click();
-  // Select the option "One" from the dropdown
-  // Select the option "Nine" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="Ramsai Rapole"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/pages/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find no search results based on tag', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(1).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="This is a test tag a0Xh2oSXTA"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('Should find no search results based on category', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(2).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="jxmixckixmm"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('Should find search results', async ({ page }) => {
-  const pageToSearch = 'new page';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill(searchInputSelector, pageToSearch);
-  page.locator(pageToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that the page is visible in the results
-  const pageExists = await page.isVisible(`text=${pageToSearch}`);
-});
-
-test('Should find no search results', async ({ page }) => {
-  const pageToSearch = 'Zero';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill('#filters_q', pageToSearch);
-  page.locator(pageToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should show "cannot publish page without author" successfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new page name into the input field
-  await page.type('#title', 'New page');
-  // Type the new page name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  // Click on the 'Save' button
-  await page.click('button:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the error message is 'cannot publish page without author'
-  expect(errorMessage).toBe('cannot publish page without author');
-});
-
-test('should show "Please input the title!" succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  await page.click('button:has-text("Publish")');
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the error message is 'Please input the title!'
-  expect(errorMessage).toBe('Please input the title!');
-});
-
-test('should create a template successfully ', async ({ page }) => {
-  const pageSelector = 'text=One';
-  // Click on the page to be edited
-  await page.click(pageSelector);
-  // Click on the 'Templates' button
-  await page.click('button#template');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Template created'
-  expect(successMessage).toBe('Template created');
-});
-
-test('should save a draft when clicked on a template successfully ', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  const pageSelector = 'text=One';
-  // Click on the page to be edited
-  await page.click(pageSelector);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'page added'
-  expect(successMessage).toBe('page added');
-});
-
-test('should edit a template successfully', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  await page.click('button:has-text("show more")');
-  const pageSelector = 'div.ant-card-meta-description >> text="One"';
-  const newpageName = 'One one';
-  // Click on the page to be edited
-  await page.click(pageSelector);
-  // Fill in the new page name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newpageName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  await page.click('.ant-notification-notice-close');
-  // Click on the 'Publish' button
-  await page.click('button:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Check if "cannot publish page without author" message is displayed
-  const authorMessageSelector = 'text=cannot publish page without author';
-  const isAuthorMessageVisible = await page.isVisible(authorMessageSelector);
-  if (isAuthorMessageVisible) {
-    console.log('Author selection required');
-    await page.click('.ant-notification-notice-close'); // Close the notification
-    // Select an author if the message is displayed
-    await page.click('button:has([aria-label="setting"])');
-    await page.click('div.ant-select-selector');
-    await page.waitForSelector('div.ant-select-dropdown', { state: 'visible' }); // Ensure dropdown is visible
-    await page.keyboard.press('Enter'); // Select the first author in the list
-    await page.click('button:has([aria-label="close"])'); // Close the settings modal
-    await page.fill(inputSelector, newpageName);
-    // Click on the 'Publish' button again
-    await page.click('button:has-text("Publish")');
-    page.on('dialog', (dialog) => dialog.accept()); // Handle any dialog that appears by accepting it
-    // Get the success message text
-    const successMessage = await page.textContent('.ant-notification-notice-description');
-    console.log('Success message received:', successMessage); // Log the success message
-    // Assert that the success message is 'Article Published'
-    expect(successMessage).toBe('Article Published');
-  }
-});
-
-test('should open to edit when clicked on template edit button successfully ', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  // Locate the 'edit' buttons and click on the one in the second row, fourth column
-  const editButtons = page.locator('span[aria-label="edit"]');
-  await editButtons.nth(5).click();
-});
-
-test('should delete template when clicked on template delete button successfully ', async ({
-  page,
-}) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  // Locate the 'edit' buttons and click on the one in the second row, fourth column
-  const editButtons = page.locator('span[aria-label="delete"]');
-  await editButtons.nth(5).click();
-  await page.click('button:has-text("OK")');
-});
-
-test('should load the pages page successfully', async ({ page }) => {
-  // Locate the header pagewith the text 'pages'
-  const accountLogin = await page.locator('h3');
-  // Assert that the header has the text 'pages'
-  await expect(accountLogin).toHaveText('pages');
-});
-
-test('should handle invalid URL parameters gracefully', async ({ page }) => {
-  // Navigate to the URL with invalid parameters
-  await page.goto(`${process.env.BASE_URL}pages-`);
-  // Locate the pagethat shows '404' message
-  const accountLogin = await page.locator('text=404');
-  // Assert that the '404' message is visible
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should persist pages data across sessions', async ({ page, context }) => {
-  // Get the text content of the first h3 element
-  const firstTagText = await page.locator('h3').first().textContent();
-  // Open a new page in the same context
-  await context.newPage();
-  // Navigate to the tags page
-  await page.goto(`${process.env.BASE_URL}pages`);
-  // Get the text content of the first h3 element again
-  const newFirstTagText = await page.locator('h3').first().textContent();
-  // Assert that the tag data is the same across sessions
-  expect(firstTagText).toEqual(newFirstTagText);
-});
-
-//Perform this test case only when there are no tags present
-test('should display empty state when no pages are present', async ({ page }) => {
-  // Locate the selector that represents the empty state image
-  const emptyStateMessage = await page.locator('.ant-empty-image');
-  // Assert that the empty state image is visible
-  await expect(emptyStateMessage).toBeVisible();
-});
-
-test('should navigate to the next page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain('page=2');
-});
-
-test('should navigate to the previous page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Click the button to navigate back to the previous page
-  await page.click('button:has([aria-label="left"])');
-  // Verify that the URL contains 'page=1'
-  expect(page.url()).toContain('page=1');
-});
-
-test('should navigate to the selected page', async ({ page }) => {
-  const pageNumber = 2; // You can set this to any number dynamically
-  // Click the button to navigate to the next page
-  await page.click(`.ant-pagination-item-${pageNumber}`);
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain(`page=${pageNumber}`);
-});
-
-test('should sort tags from latest to oldest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from latest to oldest
-  await page.click('.ant-select-item[title="Latest"]');
-  // Get the text content of all tags
-  const tags = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-  // Check if tags are sorted from latest to oldest
-  const sortedtags = tags.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(b) - getTime(a);
-  });
-  // Check if the tags are in the correct order
-  expect(tags).toEqual(sortedtags);
-});
-
-test('should sort tags from oldest to latest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from oldest to latest
-  await page.click('.ant-select-item[title="Old"]'); // Adjust the title as needed if "Old" means oldest
-  // Get the text content of all tags
-  const tags = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-  // Check if tags are sorted from oldest to latest
-  const sortedtags = tags.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(a) - getTime(b); // Sorting in ascending order
-  });
-  // Check if the tags are in the correct order
-  expect(tags).toEqual(sortedtags);
-});
diff --git a/studio/e2e_tests/tests/posts.spec.js b/studio/e2e_tests/tests/posts.spec.js
deleted file mode 100644
index 362afe747..000000000
--- a/studio/e2e_tests/tests/posts.spec.js
+++ /dev/null
@@ -1,697 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(900000);
-  // Load session cookies from the file
-  await page
-    .context()
-    .addCookies(JSON.parse(require('fs').readFileSync('state.json', 'utf8')).cookies);
-  // Navigate to a page that requires login
-  await page.goto(`${process.env.BASE_URL}`);
-  // Verify the user is still logged in
-  expect(await page.isVisible('text="Dashboard"')).toBeTruthy();
-  await page.goto(`${process.env.BASE_URL}tags?sort=desc&limit=10&page=1`);
-});
-
-test('login', async ({ page }) => {
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
-
-test('should create a draft post succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new post name into the input field
-  const randomString = getRandomString(10); // Adjust the length as needed
-  await page.type('#title', `This is a test post ${randomString}`);
-  // Type the new post name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  await page.click('div.ant-select-selector');
-  // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  await page.click('button:has([aria-label="down"])');
-  // Click on the 'Save as Draft' button
-  await page.click('span:has-text("Save Draft")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post added''
-  expect(successMessage).toBe('Post added');
-});
-
-test('should create a ready to publish post succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new post name into the input field
-  const randomString = getRandomString(10); // Adjust the length as needed
-  await page.type('#title', `This is a test post ${randomString}`);
-  // Type the new post name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  await page.click('div.ant-select-selector');
-  // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  await page.click('button:has([aria-label="down"])');
-  // Click on the 'Ready to Publish' button
-  await page.click('span:has-text("Ready to Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post added & Ready to Publish'
-  expect(successMessage).toBe('Post added & Ready to Publish');
-});
-
-test('should publish post succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  const randomString = getRandomString(10); // Adjust the length as needed
-  // Type the new post name into the input field
-  await page.type('#title', `This is a test post ${randomString}`);
-  // Type the new post name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  await page.click('button:has([aria-label="setting"])');
-  await page.click('div.ant-select-selector');
-  // Wait for the dropdown list to appear and populate
-  await page.keyboard.press('Enter');
-  await page.click('button:has([aria-label="close"])');
-  // Click on the 'Publish' button
-  await page.click('span:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(errorMessage).toBe('Article Published');
-});
-
-test('should display tippy ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new post name into the input field
-  await page.type('#title', 'New Post');
-  // Type the new post name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.press('/');
-  await page.isVisible('#tippy-11');
-});
-
-test('should delete a published post successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=publish`);
-  const postText = 'ndscn';
-  //const postDateTime = 'Jun 03, 2024 03:25 PM'; // specify the exact date and time of the post
-  // Select the row with the required fact-check text and date-time
-  const rowSelector = `tr:has-text("${postText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Ensure the button is available before clicking
-  await buttonLocator.waitFor({ state: 'visible' });
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post deleted'
-  expect(successMessage).toBe('Post deleted');
-});
-
-test('should delete a post from ready to publish successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=ready`);
-  const postText = 'Onel';
-  // Select the row with the required fact-check text
-  const rowSelector = `tr:has-text("${postText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Ensure the button is available before clicking
-  await buttonLocator.waitFor({ state: 'visible' });
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post deleted'
-  expect(successMessage).toBe('Post deleted');
-});
-
-test('should delete a post from drafts successfully', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=draft`);
-  const postText = 'asax';
-  // Select the row with the required fact-check text
-  const rowSelector = `tr:has-text("${postText}")`;
-  const buttonSelector = 'button:has([aria-label="delete"])';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  // Click on the Fact-check to be deleted
-  await buttonLocator.click();
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post deleted'
-  expect(successMessage).toBe('Post deleted');
-});
-
-test('should edit a published post successfully ', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=publish`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const postSelector = 'text=dkndkm';
-  const newPostName = `This is a test post ${randomString}`;
-  // Click on the post to be edited
-  await page.click(postSelector);
-  // Fill in the new post name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newPostName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the postname has been updated
-  const updatedpost = await page.textContent(`text=${newPostName}`);
-  expect(updatedpost).toBe(newPostName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(successMessage).toBe('Article Published');
-});
-
-test('should edit a ready to publish post successfully ', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=ready`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const postSelector = 'text=cddc';
-  const newPostName = `This is a test post ${randomString}`;
-  // Click on the post to be edited
-  await page.click(postSelector);
-  // Fill in the new post name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newPostName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the postname has been updated
-  const updatedpost = await page.textContent(`text=${newPostName}`);
-  expect(updatedpost).toBe(newPostName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(successMessage).toBe('Article Published');
-});
-
-test('should edit a draft post successfully ', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=draft`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const postSelector = 'text=cddc';
-  const newPostName = `This is a test post ${randomString}`;
-  // Click on the post to be edited
-  await page.click(postSelector);
-  // Fill in the new post name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newPostName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the postname has been updated
-  const updatedpost = await page.textContent(`text=${newPostName}`);
-  expect(updatedpost).toBe(newPostName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(successMessage).toBe('Article Published');
-});
-
-test('should edit a published post successfully from the shortcut edit button  ', async ({
-  page,
-}) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=publish`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const postName = 'dkndkm';
-  const newPostName = `This is a test post ${randomString}`;
-  const rowSelector = `tr:has-text("${postName}")`;
-  const buttonSelector =
-    'button.ant-btn.css-dev-only-do-not-override-1cn9vqe.ant-btn-default.ant-btn-lg.ant-btn-icon-only';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  await buttonLocator.first().click();
-  // Fill in the new post name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newPostName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the postname has been updated
-  const updatedpost = await page.textContent(`text=${newPostName}`);
-  expect(updatedpost).toBe(newPostName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Article Published'
-  expect(successMessage).toBe('Article Published');
-});
-
-test('should edit a ready to publish post successfully from the shortcut edit button  ', async ({
-  page,
-}) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=ready`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const postName = 'jxks';
-  const newPostName = `This is a test post ${randomString}`;
-  const rowSelector = `tr:has-text("${postName}")`;
-  const buttonSelector =
-    'button.ant-btn.css-dev-only-do-not-override-1cn9vqe.ant-btn-default.ant-btn-lg.ant-btn-icon-only';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  await buttonLocator.first().click();
-  // Fill in the new post name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newPostName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the postname has been updated
-  const updatedpost = await page.textContent(`text=${newPostName}`);
-  expect(updatedpost).toBe(newPostName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Draft saved & Ready to Publish'
-  expect(successMessage).toBe('Draft saved & Ready to Publish');
-});
-
-test('should edit a draft post successfully from the shortcut edit button  ', async ({ page }) => {
-  await page.goto(`${process.env.BASE_URL}posts?status=draft`);
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const postName = 'skis';
-  const newPostName = `This is a test post ${randomString}`;
-  const rowSelector = `tr:has-text("${postName}")`;
-  const buttonSelector =
-    'button.ant-btn.css-dev-only-do-not-override-1cn9vqe.ant-btn-default.ant-btn-lg.ant-btn-icon-only';
-  // Find the button within the specific row and click it
-  const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-  await buttonLocator.first().click();
-  // Fill in the new post name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newPostName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the postname has been updated
-  const updatedpost = await page.textContent(`text=${newPostName}`);
-  expect(updatedpost).toBe(newPostName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Draft Saved'
-  expect(successMessage).toBe('Draft Saved');
-});
-
-test('Should find search results based on tag', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(1).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="One"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/posts/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find search results based on category', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(2).click();
-  // Select the option "One" from the dropdown
-  // Select the option "Nine" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="nkxnckxn"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/posts/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find search results based on author', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(3).click();
-  // Select the option "One" from the dropdown
-  // Select the option "Nine" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="Ramsai Rapole"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Wait for all the search results to be visible
-  const resultsSelector =
-    'tbody.ant-table-tbody tr.ant-table-row td.ant-table-cell a[href*="/.factly/dega/studio/posts/"]';
-  const results = page.locator(resultsSelector);
-  const count = await results.count();
-  for (let i = 0; i < count; i++) {
-    await expect(results.nth(i)).toBeVisible();
-  }
-});
-
-test('Should find no search results based on tag', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(1).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="This is a test tag a0Xh2oSXTA"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('Should find no search results based on category', async ({ page }) => {
-  await page.click('span:has-text("More Filters ")');
-  // Locate the specific dropdown using a more specific selector
-  const dropdownContainerSelector = '.ant-form-item-control-input-content';
-  const dropdownSelector = `${dropdownContainerSelector} .ant-select-selector`;
-  // Click on the dropdown to open it
-  await page.locator(dropdownSelector).nth(2).click();
-  // Select the option "One" from the dropdown
-  const optionSelector = '.ant-select-item-option[title="jxmixckixmm"]';
-  await page.waitForSelector(optionSelector);
-  await page.locator(optionSelector).click();
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should create a template successfully ', async ({ page }) => {
-  const postSelector = 'text=One';
-  // Click on the post to be edited
-  await page.click(postSelector);
-  // Click on the 'Templates' button
-  await page.click('button#template');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Template created'
-  expect(successMessage).toBe('Template created');
-});
-
-test('should save a draft when clicked on a template successfully ', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  const postSelector = 'text=One';
-  // Click on the post to be edited
-  await page.click(postSelector);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Post added'
-  expect(successMessage).toBe('Post added');
-});
-
-test('should edit a template successfully', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  await page.click('button:has-text("show more")');
-  const postSelector = 'div.ant-card-meta-description >> text="One"';
-  const newPostName = 'One one';
-  // Click on the post to be edited
-  await page.click(postSelector);
-  // Fill in the new post name
-  const inputSelector = '#title';
-  await page.fill(inputSelector, newPostName);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  await page.click('.ant-notification-notice-close');
-  // Click on the 'Publish' button
-  await page.click('button:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Check if "cannot publish post without author" message is displayed
-  const authorMessageSelector = 'text=cannot publish post without author';
-  const isAuthorMessageVisible = await page.isVisible(authorMessageSelector);
-  if (isAuthorMessageVisible) {
-    console.log('Author selection required');
-    await page.click('.ant-notification-notice-close'); // Close the notification
-    // Select an author if the message is displayed
-    await page.click('button:has([aria-label="setting"])');
-    await page.click('div.ant-select-selector');
-    await page.waitForSelector('div.ant-select-dropdown', { state: 'visible' }); // Ensure dropdown is visible
-    await page.keyboard.press('Enter'); // Select the first author in the list
-    await page.click('button:has([aria-label="close"])'); // Close the settings modal
-    await page.fill(inputSelector, newPostName);
-    // Click on the 'Publish' button again
-    await page.click('button:has-text("Publish")');
-    page.on('dialog', (dialog) => dialog.accept()); // Handle any dialog that appears by accepting it
-    // Get the success message text
-    const successMessage = await page.textContent('.ant-notification-notice-description');
-    console.log('Success message received:', successMessage); // Log the success message
-    // Assert that the success message is 'Article Published'
-    expect(successMessage).toBe('Article Published');
-  }
-});
-
-test('Should find search results', async ({ page }) => {
-  const postToSearch = 'new post';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill(searchInputSelector, postToSearch);
-  page.locator(postToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that the post is visible in the results
-  const postExists = await page.isVisible(`text=${postToSearch}`);
-});
-
-test('Should find no search results', async ({ page }) => {
-  const postToSearch = 'Zero';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill('#filters_q', postToSearch);
-  page.locator(postToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should show "cannot publish post without author" successfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Type the new post name into the input field
-  await page.type('#title', 'New Post');
-  // Type the new post name into the input block
-  await page.click('p.is-empty.is-editor-empty');
-  await page.keyboard.type('Sub title');
-  // Click on the 'Save' button
-  await page.click('button:has-text("Publish")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the error message is 'cannot publish post without author'
-  expect(errorMessage).toBe('cannot publish post without author');
-});
-
-test('should show "Please input the title!" succesfully ', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  await page.click('button:has-text("Publish")');
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the error message is 'Please input the title!'
-  expect(errorMessage).toBe('Please input the title!');
-});
-
-test('should open to edit when clicked on template edit button successfully ', async ({ page }) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  // Locate the 'edit' buttons and click on the one in the second row, fourth column
-  const editButtons = page.locator('span[aria-label="edit"]');
-  await editButtons.nth(5).click();
-});
-
-test('should delete template when clicked on template delete button successfully ', async ({
-  page,
-}) => {
-  // Click on the 'Templates' button
-  await page.click('span:has-text("Templates")');
-  // Click on the 'Show more' button
-  await page.click('button:has-text("Show more")');
-  // Locate the 'edit' buttons and click on the one in the second row, fourth column
-  const editButtons = page.locator('span[aria-label="delete"]');
-  await editButtons.nth(5).click();
-  await page.click('button:has-text("OK")');
-});
-
-test('should navigate to the next page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain('page=2');
-});
-
-test('should navigate to the previous page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Click the button to navigate back to the previous page
-  await page.click('button:has([aria-label="left"])');
-  // Verify that the URL contains 'page=1'
-  expect(page.url()).toContain('page=1');
-});
-
-test('should navigate to the selected page', async ({ page }) => {
-  const pageNumber = 2; // You can set this to any number dynamically
-  // Click the button to navigate to the next page
-  await page.click(`.ant-pagination-item-${pageNumber}`);
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain(`page=${pageNumber}`);
-});
-
-test('should sort tags from latest to oldest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from latest to oldest
-  await page.click('.ant-select-item[title="Latest"]');
-  // Get the text content of all tags
-  const tags = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-  // Check if tags are sorted from latest to oldest
-  const sortedtags = tags.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(b) - getTime(a);
-  });
-  // Check if the tags are in the correct order
-  expect(tags).toEqual(sortedtags);
-});
-
-test('should load the posts page successfully', async ({ page }) => {
-  // Locate the header postwith the text 'posts'
-  const accountLogin = await page.locator('h3');
-  // Assert that the header has the text 'posts'
-  await expect(accountLogin).toHaveText('Posts');
-});
-
-test('should handle invalid URL parameters gracefully', async ({ page }) => {
-  // Navigate to the URL with invalid parameters
-  await page.goto(`${process.env.BASE_URL}posts-`);
-  // Locate the postthat shows '404' message
-  const accountLogin = await page.locator('text=404');
-  // Assert that the '404' message is visible
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should persist posts data across sessions', async ({ page, context }) => {
-  // Get the text content of the first h3 element
-  const firstTagText = await page.locator('h3').first().textContent();
-  // Open a new page in the same context
-  await context.newPage();
-  // Navigate to the tags page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Get the text content of the first h3 element again
-  const newFirstTagText = await page.locator('h3').first().textContent();
-  // Assert that the tag data is the same across sessions
-  expect(firstTagText).toEqual(newFirstTagText);
-});
-
-//Perform this test case only when there are no tags present
-test('should display empty state when no posts are present', async ({ page }) => {
-  // Locate the selector that represents the empty state image
-  const emptyStateMessage = await page.locator('.ant-empty-image');
-  // Assert that the empty state image is visible
-  await expect(emptyStateMessage).toBeVisible();
-});
-
-test('should sort tags from oldest to latest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from oldest to latest
-  await page.click('.ant-select-item[title="Old"]'); // Adjust the title as needed if "Old" means oldest
-  // Get the text content of all tags
-  const tags = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-  // Check if tags are sorted from oldest to latest
-  const sortedtags = tags.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(a) - getTime(b); // Sorting in ascending order
-  });
-  // Check if the tags are in the correct order
-  expect(tags).toEqual(sortedtags);
-});
diff --git a/studio/e2e_tests/tests/randomfunc.js b/studio/e2e_tests/tests/randomfunc.js
deleted file mode 100644
index 9bb5d2757..000000000
--- a/studio/e2e_tests/tests/randomfunc.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// Helper function to generate a random string using JavaScript's Math.random
-export function getRandomString(length) {
-  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-  let result = '';
-  for (let i = 0; i < length; i++) {
-    result += characters.charAt(Math.floor(Math.random() * characters.length));
-  }
-  return result;
-}
diff --git a/studio/e2e_tests/tests/ratings.spec.js b/studio/e2e_tests/tests/ratings.spec.js
deleted file mode 100644
index 028ec165b..000000000
--- a/studio/e2e_tests/tests/ratings.spec.js
+++ /dev/null
@@ -1,254 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(900000);
-  // Load session cookies from the file
-  await page
-    .context()
-    .addCookies(JSON.parse(require('fs').readFileSync('state.json', 'utf8')).cookies);
-  // Navigate to a page that requires login
-  await page.goto(`${process.env.BASE_URL}`);
-  // Verify the user is still logged in
-  expect(await page.isVisible('text="Dashboard"')).toBeTruthy();
-  await page.goto(`${process.env.BASE_URL}ratings?sort=desc&limit=10&page=1`);
-});
-
-let createdRatingName = '';
-let editedRatingName = '';
-
-test('login', async ({ page }) => {
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
-
-test.only('should create rating successfully', async ({ page }) => {
-  // Click on the 'New Rating' button
-  await page.click('button:has-text("New Rating")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  // Type the new rating name with the random string into the input field
-  createdRatingName = `This is a test rating ${randomString}`;
-  await page.type('#creat-rating_name', createdRatingName);
-  await page.type('#creat-rating_numeric_value', '5');
-  // Click on the 'Save' button
-  await page.click('button:has-text("Save")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Rating created'
-  expect(successMessage).toBe('Rating created');
-});
-
-test.only('should edit a ratings name successfully', async ({ page }) => {
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  const editedRatingName = `This is an edited rating name ${randomString}`;
-  // Click on the rating to be edited
-  await page.click(`text=${createdRatingName}`);
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Fill in the new rating name
-  const inputSelector = '#creat-rating_name';
-  await page.fill(inputSelector, editedRatingName);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'rating updated'
-  expect(successMessage).toBe('Rating updated');
-});
-
-test.only('should delete rating successfully', async ({ page }) => {
-  const ratingText = editedRatingName;
-  const nextButtonSelector = 'button:has([aria-label="right"])';
-  let ratingFound = false;
-  while (true) {
-    // Check if the rating is present on the current page
-    const rowSelector = `tr:has-text("${ratingText}")`;
-
-    const buttonSelector = 'button:has([aria-label="delete"])';
-    const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-    // Check if the row with the rating text is visible
-    const rowCount = await page.locator(rowSelector).count();
-    if (rowCount > 0) {
-      // Click the delete button
-      await buttonLocator.first().click();
-      // Click on the 'OK' button in the confirmation dialog
-      await page.click('button:has-text("OK")');
-      ratingFound = true;
-      break;
-    }
-    // Check if the "Next" button is available
-    const nextButtonEnabled = await page.isEnabled(nextButtonSelector);
-    if (!nextButtonEnabled) {
-      // If there are no more pages to check, break the loop
-      break;
-    }
-    // Click the "Next" button to go to the next page
-    await page.click(nextButtonSelector);
-  }
-  // Assert that the rating was found and deleted
-  expect(ratingFound).toBe(true);
-});
-
-test('should edit a ratings value successfully ', async ({ page }) => {
-  const ratingSelector = 'text=Trues';
-  const newRatingValue = '6';
-  // Click on the rating to be edited
-  await page.click(ratingSelector);
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Fill in the new rating name
-  const inputSelector = '#creat-rating_numeric_value';
-  await page.fill(inputSelector, newRatingValue);
-  // Click on the 'Update' button
-  await page.click('button:has-text("Update")');
-  // Check if the rating name has been updated
-  await page.isVisible(`text=True`);
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'rating updated'
-  expect(successMessage).toBe('Rating updated');
-});
-
-test('should display "rating with same name already exists" successfully', async ({ page }) => {
-  // Click on the 'New Rating' button
-  await page.click('button:has-text("New Rating")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Type the rating name which already exists and its value into the input fields
-  await page.type('#creat-rating_name', 'Trues');
-  await page.type('#creat-rating_numeric_value', '3');
-  // Click on the 'Save' button
-  await page.click('button:has-text("Save")');
-  page.on('dialog', (dialog) => dialog.accept());
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  expect(successMessage).toBe('Entity with same name exists');
-});
-
-test('should display "rating with same numeric value exists" successfully', async ({ page }) => {
-  // Click on the 'New Rating' button
-  await page.click('button:has-text("New Rating")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  // Type the new rating name with the random string into the input field
-  const ratingName = `This is a test rating ${randomString}`;
-  await page.type('#creat-rating_name', ratingName);
-  await page.type('#creat-rating_numeric_value', '3');
-  // Click on the 'Save' button
-  await page.click('button:has-text("Save")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'rating with same numeric value exists'
-  expect(successMessage).toBe('rating with same numeric value exists');
-});
-
-test('should load the ratings page successfully', async ({ page }) => {
-  // Locate the header element with the text 'ratings'
-  const accountLogin = await page.locator('h3');
-  // Assert that the header has the text 'Ratings'
-  await expect(accountLogin).toHaveText('Ratings');
-});
-
-test('should handle invalid URL parameters gracefully', async ({ page }) => {
-  // Navigate to the URL with invalid parameters
-  await page.goto(`${process.env.BASE_URL}ratings?page=NaN`);
-  // Locate the element that shows 'No data' message
-  const accountLogin = await page.locator('text=No data');
-  // Assert that the 'No data' message is visible
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should persist ratings data across sessions', async ({ page, context }) => {
-  // Get the text content of the first h3 element
-  const firstratingText = await page.locator('h3').first().textContent();
-  // Open a new page in the same context
-  await context.newPage();
-  // Navigate to the ratings page
-  await page.goto(`${process.env.BASE_URL}ratings?page=1`);
-  // Get the text content of the first h3 element again
-  const newFirstratingText = await page.locator('h3').first().textContent();
-  // Assert that the rating data is the same across sessions
-  expect(firstratingText).toEqual(newFirstratingText);
-});
-
-//Perform this test case only when there are no ratings present
-test('should display empty state when no ratings are present', async ({ page }) => {
-  // Locate the element that represents the empty state image
-  const emptyStateMessage = await page.locator('.ant-empty-image');
-  // Assert that the empty state image is visible
-  await expect(emptyStateMessage).toBeVisible();
-});
-
-test('should check for the numeric value input field up and down functionality successfully', async ({
-  page,
-}) => {
-  // Click on the 'New Rating' button
-  await page.click('button:has-text("New Rating")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Type the rating name into the input field
-  const ratingName = 'This is a test rating';
-  let ratingValue = 5; // starting value
-  await page.type('#creat-rating_name', ratingName);
-  // Focus on the rating value input field
-  const ratingInput = await page.$('#creat-rating_numeric_value');
-  await ratingInput.focus();
-  await page.type('#creat-rating_numeric_value', ratingValue.toString());
-  // Press the 'Up' key to increment the rating value
-  await page.keyboard.press('ArrowUp');
-  ratingValue += 1;
-  // Press the 'Down' key to decrement the rating value
-  await page.keyboard.press('ArrowDown');
-  ratingValue -= 1;
-  // Click on the 'Save' button
-  await page.click('button:has-text("Save")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Rating created'
-  expect(successMessage).toBe('Rating created');
-});
-
-test('when the button is clicked, should scroll to the top of the page', async ({ page }) => {
-  const ratingSelector = 'text=Trues';
-  await page.click(ratingSelector);
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  // Find the scroll to top button and click it
-  const spanElement = page.locator('span[aria-label="vertical-align-top"]');
-  // Click on the span element
-  await spanElement.click();
-  // Wait for the scroll action to complete
-  await page.waitForTimeout(1000); // adjust the timeout based on your scroll animation duration
-  // Check if the page is scrolled to the top
-  const scrollPosition = await page.evaluate(() => window.scrollY);
-  expect(scrollPosition).toBe(0);
-});
diff --git a/studio/e2e_tests/tests/tags.spec.js b/studio/e2e_tests/tests/tags.spec.js
deleted file mode 100644
index a75febbe6..000000000
--- a/studio/e2e_tests/tests/tags.spec.js
+++ /dev/null
@@ -1,376 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(900000);
-  // Load session cookies from the file
-  await page
-    .context()
-    .addCookies(JSON.parse(require('fs').readFileSync('state.json', 'utf8')).cookies);
-  // Navigate to a page that requires login
-  await page.goto(`${process.env.BASE_URL}`);
-  // Verify the user is still logged in
-  expect(await page.isVisible('text="Dashboard"')).toBeTruthy();
-  await page.goto(`${process.env.BASE_URL}tags?sort=desc&limit=10&page=1`);
-});
-
-test('login', async ({ page }) => {
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
-
-let createdTagName = ''; // Define a global variable to store the created tag name
-let editedTagName = ''; // Define a global variable to store the edited tag name
-
-test.only('should create tag successfully', async ({ page }) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  // Type the new tag name with the random string into the input field
-  createdTagName = `This is a test tag ${randomString}`;
-  await page.type('#create-tag_name', createdTagName);
-  // Click on the 'Save' button
-  await page.click('button:has-text("Save")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message text
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message is 'Tag created'
-  expect(successMessage).toBe('Tag created');
-});
-
-test('should edit a tag successfully', async ({ page }) => {
-  // Generate a random string
-  const randomString = getRandomString(10); // Adjust the length as needed
-  editedTagName = `This is an edited test tag ${randomString}`;
-  const tagSelector = `text=${createdTagName}`;
-  let tagFound = false;
-  let pageIndex = 1;
-  // Function to check if the tag is on the current page
-  const isTagVisible = async () => {
-    const tagElements = await page.$$(tagSelector);
-    return tagElements.length > 0;
-  };
-  // Loop through pages until the tag is found
-  while (!tagFound) {
-    tagFound = await isTagVisible();
-    if (!tagFound) {
-      // Click the next page button (assuming there's a next page button with the text 'Next')
-      const nextButton = await page.$('button:has([aria-label="right"])');
-      if (!nextButton) {
-        break; // No more pages to navigate
-      }
-      await nextButton.click();
-      await page.waitForTimeout(1000); // Wait for the next page to load
-      pageIndex++;
-    }
-  }
-  if (tagFound) {
-    // Click on the tag to be edited
-    await page.click(tagSelector);
-    // Click on the 'Expand' button
-    await page.click('button:has-text("Expand")');
-    // Fill in the new tag name
-    const inputSelector = '#create-tag_name';
-    await page.fill(inputSelector, editedTagName);
-    // Click on the 'Update' button
-    await page.click('button:has-text("Update")');
-    // Handle any dialog that appears by accepting it
-    page.on('dialog', (dialog) => dialog.accept());
-    // Check if the tag name has been updated
-    const updatedTag = await page.textContent(`text=${editedTagName}`);
-    expect(updatedTag).toBe(editedTagName);
-    // Get the success message text
-    const successMessage = await page.textContent('.ant-notification-notice-description');
-    // Assert that the success message is 'Tag updated'
-    expect(successMessage).toBe('Tag updated');
-  } else {
-    throw new Error(`Tag with name "${createdTagName}" not found.`);
-  }
-});
-
-test('Should find search results', async ({ page }) => {
-  const tagToSearch = editedTagName;
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill(searchInputSelector, tagToSearch);
-  page.locator(tagToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that the tag is visible in the results
-  const tagExists = await page.isVisible(`text=${tagToSearch}`);
-});
-
-test('should display "tag already exists" successfully', async ({ page }) => {
-  // Define the selector for the tag to be clicked
-  const tagName = editedTagName;
-  // Define the new tag name to be entered
-  const newTagName = editedTagName;
-  // Click the tag to create a new entry
-  await page.click(`text=${tagName}`);
-  // Click the button to expand the form
-  await page.click('button:has-text("Expand")');
-  // Define the selector for the input field where the tag name will be entered
-  const inputSelector = '#create-tag_name';
-  await page.click(inputSelector);
-  // Get the length of the typed text
-  const deletePressCount = tagName.length;
-  // Press the Backspace key multiple times
-  for (let i = 0; i < deletePressCount; i++) {
-    await page.keyboard.press('Backspace');
-  }
-  // Fill the input field with the new tag name
-  await page.fill(inputSelector, newTagName);
-  // Click the button to update/create the tag
-  await page.click('button:has-text("Update")');
-  // Handle the dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  // Get the success message displayed in the notification
-  const successMessage = await page.textContent('.ant-notification-notice-description');
-  // Assert that the success message matches the expected text
-  expect(successMessage).toBe('Entity with same name exists');
-});
-
-test('should delete tag successfully', async ({ page }) => {
-  const tagText = editedTagName;
-  const nextButtonSelector = 'button:has([aria-label="right"])';
-  let tagFound = false;
-  while (true) {
-    // Check if the tag is present on the current page
-    const rowSelector = `tr:has-text("${tagText}")`;
-
-    const buttonSelector = 'button:has([aria-label="delete"])';
-    const buttonLocator = page.locator(`${rowSelector} ${buttonSelector}`);
-    // Check if the row with the tag text is visible
-    const rowCount = await page.locator(rowSelector).count();
-    if (rowCount > 0) {
-      // Ensure the button is available before clicking
-      await buttonLocator.waitFor({ state: 'visible' });
-      // Click the delete button
-      await buttonLocator.click();
-      // Click on the 'OK' button in the confirmation dialog
-      await page.click('button:has-text("OK")');
-      // Handle any dialog that appears by accepting it
-      page.on('dialog', (dialog) => dialog.accept());
-      // Get the success message text
-      const successMessage = await page.textContent('.ant-notification-notice-description');
-      // Assert that the success message is 'Tag deleted'
-      expect(successMessage).toBe('Tag deleted');
-      tagFound = true;
-      break;
-    }
-    // Check if the "Next" button is available
-    const nextButtonEnabled = await page.isEnabled(nextButtonSelector);
-    if (!nextButtonEnabled) {
-      // If there are no more pages to check, break the loop
-      break;
-    }
-    // Click the "Next" button to go to the next page
-    await page.click(nextButtonSelector);
-  }
-  // Assert that the tag was found and deleted
-  expect(tagFound).toBe(true);
-});
-
-test('should load the tags page successfully', async ({ page }) => {
-  // Locate the header element with the text 'Tags'
-  const accountLogin = await page.locator('h3');
-  // Assert that the header has the text 'Tags'
-  await expect(accountLogin).toHaveText('Tags');
-});
-
-test('should handle invalid URL parameters gracefully', async ({ page }) => {
-  // Navigate to the URL with invalid parameters
-  await page.goto(`${process.env.BASE_URL}tags?sort=desc&limit=10&page=NaN`);
-  // Locate the element that shows 'No data' message
-  const accountLogin = await page.locator('text=No data');
-  // Assert that the 'No data' message is visible
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should persist tag data across sessions', async ({ page, context }) => {
-  // Get the text content of the first h3 element
-  const firstTagText = await page.locator('h3').first().textContent();
-  // Open a new page in the same context
-  await context.newPage();
-  // Navigate to the tags page
-  await page.goto(`${process.env.BASE_URL}tags?sort=desc&limit=10&page=1`);
-  // Get the text content of the first h3 element again
-  const newFirstTagText = await page.locator('h3').first().textContent();
-  // Assert that the tag data is the same across sessions
-  expect(firstTagText).toEqual(newFirstTagText);
-});
-
-test('should display "Please enter name!" successfully, when the name input field is empty', async ({
-  page,
-}) => {
-  // Click on the 'Create' button
-  await page.click('button:has-text("Create")');
-  // Click on the 'Expand' button
-  await page.click('button:has-text("Expand")');
-  // Type the new tag name into the input field
-  const tagName = 'This is a test tag';
-  await page.type('#create-tag_name', tagName);
-  // Get the length of the typed text
-  const deletePressCount = tagName.length;
-  // Press the Backspace key multiple times
-  for (let i = 0; i < deletePressCount; i++) {
-    await page.keyboard.press('Backspace');
-  }
-  // Click on the 'Save' button
-  await page.click('button:has-text("Save")');
-  // Wait for the error message to appear
-  await page.waitForSelector('.ant-form-item-explain-error', { timeout: 80000 });
-  // Get the error message text
-  const errorMessage = await page.textContent('.ant-form-item-explain-error');
-  // Assert that the success message is 'Please enter name!'
-  expect(errorMessage).toBe('Please enter name!');
-});
-
-test('should remove alert box when x is clicked successfully', async ({ page }) => {
-  const tagText = 'Twelve';
-  const tagSelector = `text=${tagText}`;
-  // Click on the delete button for the tag
-  await page.click('button:has([aria-label="delete"])');
-  // Click on the 'OK' button in the confirmation dialog
-  await page.click('button:has-text("OK")');
-  // Handle any dialog that appears by accepting it
-  page.on('dialog', (dialog) => dialog.accept());
-  await page.click('.ant-notification-notice-close');
-  // Locate the element that shows 'Tag deleted' message
-  const accountLogin = await page.locator('text=Tag deleted');
-  // Assert that the 'No data' message is visible
-  await expect(accountLogin).not.toBeVisible();
-});
-
-test('when the button is clicked, should scroll to the top of the page', async ({ page }) => {
-  const tagSelector = 'text=Nine';
-  await page.click(tagSelector);
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  await page.click('button:has-text("Expand")');
-  // Find the scroll to top button and click it
-  const spanElement = page.locator('span[aria-label="vertical-align-top"]');
-  // Click on the span element
-  await spanElement.click();
-  // Wait for the scroll action to complete
-  await page.waitForTimeout(1000); // adjust the timeout based on your scroll animation duration
-  // Check if the page is scrolled to the top
-  const scrollPosition = await page.evaluate(() => window.scrollY);
-  expect(scrollPosition).toBe(0);
-});
-
-//Perform this test case only when there are no tags present
-test('should display empty state when no tags are present', async ({ page }) => {
-  // Locate the element that represents the empty state image
-  const emptyStateMessage = await page.locator('.ant-empty-image');
-  // Assert that the empty state image is visible
-  await expect(emptyStateMessage).toBeVisible();
-});
-
-test('Should find no search results', async ({ page }) => {
-  const tagToSearch = 'Zero';
-  const searchInputSelector = '#filters_q';
-  // Click the search button
-  await page.click('button:has([aria-label="search"])');
-  // Enter the search query
-  await page.fill('#filters_q', tagToSearch);
-  page.locator(tagToSearch);
-  // Press 'Enter' to search
-  await page.press(searchInputSelector, 'Enter');
-  // Verify that 'No data' is visible
-  const accountLogin = await page.locator('text=No data');
-  await expect(accountLogin).toBeVisible();
-});
-
-test('should navigate to the next page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain('page=2');
-});
-
-test('should navigate to the previous page', async ({ page }) => {
-  // Click the button to navigate to the next page
-  await page.click('button:has([aria-label="right"])');
-  // Click the button to navigate back to the previous page
-  await page.click('button:has([aria-label="left"])');
-  // Verify that the URL contains 'page=1'
-  expect(page.url()).toContain('page=1');
-});
-
-test('should navigate to the selected page', async ({ page }) => {
-  const pageNumber = 2; // You can set this to any number dynamically
-  // Click the button to navigate to the next page
-  await page.click(`.ant-pagination-item-${pageNumber}`);
-  // Verify that the URL contains 'page=2'
-  expect(page.url()).toContain(`page=${pageNumber}`);
-});
-
-test('should sort tags from latest to oldest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from latest to oldest
-  await page.click('.ant-select-item[title="Latest"]');
-  // Get the text content of all tags
-  const tags = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-  // Check if tags are sorted from latest to oldest
-  const sortedtags = tags.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(b) - getTime(a);
-  });
-  // Check if the tags are in the correct order
-  expect(tags).toEqual(sortedtags);
-});
-
-test('should sort tags from oldest to latest', async ({ page }) => {
-  // Click on the sorting dropdown
-  await page.click('#filters_sort', { force: true });
-  // Click on the option for sorting from oldest to latest
-  await page.click('.ant-select-item[title="Old"]'); // Adjust the title as needed if "Old" means oldest
-  // Get the text content of all tags
-  const tags = await page.$$eval('.ant-table-tbody tr', (rows) => {
-    return rows.map((row) => row.textContent.trim());
-  });
-  // Check if tags are sorted from oldest to latest
-  const sortedtags = tags.slice().sort((a, b) => {
-    // Extract timestamp from the row content and compare
-    const getTime = (str) => {
-      const match = str.match(/Created At:\s*(.+)/);
-      if (match) {
-        return new Date(match[1]).getTime();
-      }
-      return 0;
-    };
-    return getTime(a) - getTime(b); // Sorting in ascending order
-  });
-  // Check if the tags are in the correct order
-  expect(tags).toEqual(sortedtags);
-});
diff --git a/studio/e2e_tests/tests/test.spec.js b/studio/e2e_tests/tests/test.spec.js
deleted file mode 100644
index bcbd79980..000000000
--- a/studio/e2e_tests/tests/test.spec.js
+++ /dev/null
@@ -1,33 +0,0 @@
-// Import necessary modules from Playwright
-import { test, expect } from '@playwright/test';
-import dotenv from 'dotenv';
-import { getRandomString } from './randomfunc.js';
-// Read from default ".env" file.
-dotenv.config();
-
-// This beforeEach hook runs before each test, setting up the test environment
-test.beforeEach(async ({ page }) => {
-  test.setTimeout(900000);
-  // Load session cookies from the file
-  await page
-    .context()
-    .addCookies(JSON.parse(require('fs').readFileSync('state.json', 'utf8')).cookies);
-  // Navigate to a page that requires login
-  await page.goto(`${process.env.BASE_URL}`);
-  // Verify the user is still logged in
-  expect(await page.isVisible('text="Dashboard"')).toBeTruthy();
-  await page.goto(`${process.env.BASE_URL}posts`);
-});
-
-test('login', async ({ page }) => {
-  // Navigate to the login page
-  await page.goto(`${process.env.BASE_URL}`);
-  // Fill in the email and password fields
-  await page.type('#auth_email', `${process.env.AUTH_EMAIL}`);
-  await page.type('#auth_password', `${process.env.AUTH_PASSWORD}`);
-  // Click the login button
-  await page.click('text=Login');
-  // Save session cookies to a file
-  const cookies = await page.context().cookies();
-  await page.context().storageState({ path: 'state.json' });
-});
diff --git a/studio/eslint.config.js b/studio/eslint.config.js
new file mode 100644
index 000000000..dc5773ed4
--- /dev/null
+++ b/studio/eslint.config.js
@@ -0,0 +1,31 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  { ignores: ["dist"] },
+  {
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    files: ["**/*.{ts,tsx}"],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "no-unused-vars": "off",
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  }
+);
diff --git a/studio/index.html b/studio/index.html
new file mode 100644
index 000000000..f6055b789
--- /dev/null
+++ b/studio/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/png" href="/dega.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Dega</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/studio/package-lock.json b/studio/package-lock.json
index ea8cd0589..a59dfd2f7 100644
--- a/studio/package-lock.json
+++ b/studio/package-lock.json
@@ -1,95 +1,106 @@
 {
-  "name": "gateway",
-  "version": "0.3.0",
+  "name": "studio-shadcn",
+  "version": "0.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "gateway",
-      "version": "0.3.0",
-      "license": "MIT",
-      "dependencies": {
-        "@ant-design/icons": "^4.2.1",
-        "@ant-design/pro-layout": "^7.2.6",
-        "@editorjs/editorjs": "^2.18.0",
-        "@editorjs/header": "^2.5.0",
-        "@editorjs/list": "^1.5.0",
-        "@editorjs/paragraph": "^2.7.0",
-        "@editorjs/quote": "^2.3.0",
-        "@editorjs/raw": "^2.1.2",
-        "@editorjs/table": "^1.2.2",
-        "@factly/scooter-claim": "^0.0.45",
-        "@factly/scooter-code-block": "^0.0.45",
-        "@factly/scooter-core": "^0.0.45",
-        "@factly/scooter-embed": "^0.0.45",
-        "@factly/scooter-table": "^0.0.45",
-        "@monaco-editor/react": "4.4.6",
-        "@testing-library/jest-dom": "^4.2.4",
-        "@testing-library/react": "^9.5.0",
-        "@testing-library/user-event": "^7.2.1",
-        "@uppy/google-drive": "^3.5.0",
-        "@uppy/image-editor": "^2.4.0",
-        "ajv": "^8.17.1",
-        "antd": "^5.0.4",
-        "axios": "^0.21.1",
-        "dayjs": "^1.11.6",
-        "deep-equal": "^2.0.3",
-        "dotenv": "^16.4.5",
-        "jest-sonar-reporter": "^2.0.0",
-        "monaco-editor": "^0.25.2",
-        "playwright": "^1.44.1",
+      "name": "studio-shadcn",
+      "version": "0.0.0",
+      "dependencies": {
+        "@factly/scooter-claim": "^0.0.48",
+        "@factly/scooter-code-block": "^0.0.48",
+        "@factly/scooter-core": "^0.0.48",
+        "@factly/scooter-embed": "^0.0.48",
+        "@factly/scooter-table": "^0.0.48",
+        "@hookform/resolvers": "^4.1.0",
+        "@monaco-editor/react": "^4.7.0",
+        "@radix-ui/react-accordion": "^1.2.3",
+        "@radix-ui/react-alert-dialog": "^1.1.6",
+        "@radix-ui/react-avatar": "^1.1.3",
+        "@radix-ui/react-checkbox": "^1.1.4",
+        "@radix-ui/react-collapsible": "^1.1.3",
+        "@radix-ui/react-dialog": "^1.1.6",
+        "@radix-ui/react-dropdown-menu": "^2.1.6",
+        "@radix-ui/react-label": "^2.1.2",
+        "@radix-ui/react-popover": "^1.1.6",
+        "@radix-ui/react-radio-group": "^1.2.3",
+        "@radix-ui/react-scroll-area": "^1.2.3",
+        "@radix-ui/react-select": "^2.1.6",
+        "@radix-ui/react-separator": "^1.1.2",
+        "@radix-ui/react-slot": "^1.1.2",
+        "@radix-ui/react-switch": "^1.1.3",
+        "@radix-ui/react-tabs": "^1.1.3",
+        "@radix-ui/react-tooltip": "^1.1.8",
+        "@redux-devtools/extension": "^3.3.0",
+        "@reduxjs/toolkit": "^2.5.1",
+        "@tailwindcss/vite": "^4.0.17",
+        "@uppy/aws-s3": "^4.2.3",
+        "@uppy/core": "^4.4.2",
+        "@uppy/dashboard": "^4.3.2",
+        "@uppy/drag-drop": "^4.1.1",
+        "@uppy/file-input": "^4.1.1",
+        "@uppy/google-drive": "^4.3.1",
+        "@uppy/image-editor": "^3.3.1",
+        "@uppy/progress-bar": "^4.2.1",
+        "@uppy/react": "^4.2.1",
+        "@uppy/url": "^4.2.2",
+        "axios": "^1.7.9",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "cmdk": "^1.0.0",
+        "date-fns": "^4.1.0",
+        "dayjs": "^1.11.13",
+        "deep-equal": "^2.2.3",
+        "deps": "^1.0.0",
+        "lucide-react": "^0.475.0",
+        "next-themes": "^0.4.6",
         "qrcode.react": "^4.2.0",
-        "react": "^18.2.0",
+        "react": "^19.0.0",
         "react-color": "^2.19.3",
-        "react-dom": "^18.2.0",
+        "react-day-picker": "^8.10.1",
+        "react-dayjs": "^0.3.2",
+        "react-dom": "^19.0.0",
         "react-helmet": "^6.1.0",
-        "react-redux": "^7.2.0",
-        "react-router-dom": "^6.9.0",
-        "react-scripts": "^5.0.1",
-        "redux": "^4.0.5",
-        "redux-devtools-extension": "^2.13.8",
-        "redux-thunk": "^2.3.0"
+        "react-hook-form": "^7.54.2",
+        "react-redux": "^9.2.0",
+        "react-router-dom": "^7.1.5",
+        "redux": "^5.0.1",
+        "reselect": "^5.1.1",
+        "sonner": "^2.0.3",
+        "tailwind-merge": "^3.0.1",
+        "tailwindcss": "^4.0.17",
+        "tailwindcss-animate": "^1.0.7",
+        "vaul": "^1.1.2",
+        "zod": "^3.24.2"
       },
       "devDependencies": {
-        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-        "@commitlint/cli": "^9.1.1",
-        "@commitlint/config-conventional": "^9.1.1",
-        "@editorjs/code": "^2.6.0",
-        "@editorjs/delimiter": "^1.2.0",
-        "@editorjs/inline-code": "^1.3.1",
-        "@editorjs/marker": "^1.2.2",
-        "@playwright/test": "^1.44.1",
-        "cz-conventional-changelog": "^3.3.0",
-        "enzyme": "^3.11.0",
-        "enzyme-adapter-react-16": "^1.15.2",
-        "enzyme-to-json": "^3.5.0",
-        "eslint": "^8.46.0",
-        "husky": "^4.2.5",
-        "lint-staged": "^10.2.11",
-        "prettier": "2.0.5",
-        "react-test-renderer": "^16.13.1",
-        "redux-mock-store": "^1.5.4",
-        "semantic-release": "^17.1.1"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@alloc/quick-lru": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
-      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "@eslint/js": "^9.19.0",
+        "@types/deep-equal": "^1.0.4",
+        "@types/node": "^22.13.4",
+        "@types/qrcode.react": "^1.0.5",
+        "@types/react": "^19.0.10",
+        "@types/react-color": "^3.0.13",
+        "@types/react-dom": "^19.0.3",
+        "@types/react-helmet": "^6.1.11",
+        "@types/tailwindcss": "^3.0.11",
+        "@vitejs/plugin-react": "^4.3.4",
+        "eslint": "^9.19.0",
+        "eslint-plugin-react-hooks": "^5.0.0",
+        "eslint-plugin-react-refresh": "^0.4.18",
+        "globals": "^15.14.0",
+        "typescript": "~5.7.2",
+        "typescript-eslint": "^8.22.0",
+        "vite": "^6.1.0",
+        "vite-plugin-svgr": "^4.3.0"
       }
     },
     "node_modules/@ampproject/remapping": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz",
       "integrity": "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.24"
@@ -98,239 +109,11 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@ant-design/colors": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-6.0.0.tgz",
-      "integrity": "sha512-qAZRvPzfdWHtfameEGP2Qvuf838NhergR35o+EuVyB5XvSA98xod5r4utvi4TJ3ywmevm290g9nsCG5MryrdWQ==",
-      "dependencies": {
-        "@ctrl/tinycolor": "^3.4.0"
-      }
-    },
-    "node_modules/@ant-design/cssinjs": {
-      "version": "1.22.1",
-      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs/-/cssinjs-1.22.1.tgz",
-      "integrity": "sha512-SLuXM4wiEE1blOx94iXrkOgseMZHzdr4ngdFu3VVDq6AOWh7rlwqTkMAtJho3EsBF6x/eUGOtK53VZXGQG7+sQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.11.1",
-        "@emotion/hash": "^0.8.0",
-        "@emotion/unitless": "^0.7.5",
-        "classnames": "^2.3.1",
-        "csstype": "^3.1.3",
-        "rc-util": "^5.35.0",
-        "stylis": "^4.3.4"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
-    },
-    "node_modules/@ant-design/cssinjs-utils": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/@ant-design/cssinjs-utils/-/cssinjs-utils-1.1.3.tgz",
-      "integrity": "sha512-nOoQMLW1l+xR1Co8NFVYiP8pZp3VjIIzqV6D6ShYF2ljtdwWJn5WSsH+7kvCktXL/yhEtWURKOfH5Xz/gzlwsg==",
-      "dependencies": {
-        "@ant-design/cssinjs": "^1.21.0",
-        "@babel/runtime": "^7.23.2",
-        "rc-util": "^5.38.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/@ant-design/fast-color": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@ant-design/fast-color/-/fast-color-2.0.6.tgz",
-      "integrity": "sha512-y2217gk4NqL35giHl72o6Zzqji9O7vHh9YmhUVkPtAOpoTCH4uWxo/pr4VE8t0+ChEPs0qo4eJRC5Q1eXWo3vA==",
-      "dependencies": {
-        "@babel/runtime": "^7.24.7"
-      },
-      "engines": {
-        "node": ">=8.x"
-      }
-    },
-    "node_modules/@ant-design/icons": {
-      "version": "4.8.3",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-4.8.3.tgz",
-      "integrity": "sha512-HGlIQZzrEbAhpJR6+IGdzfbPym94Owr6JZkJ2QCCnOkPVIWMO2xgIVcOKnl8YcpijIo39V7l2qQL5fmtw56cMw==",
-      "dependencies": {
-        "@ant-design/colors": "^6.0.0",
-        "@ant-design/icons-svg": "^4.3.0",
-        "@babel/runtime": "^7.11.2",
-        "classnames": "^2.2.6",
-        "lodash": "^4.17.15",
-        "rc-util": "^5.9.4"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
-    },
-    "node_modules/@ant-design/icons-svg": {
-      "version": "4.4.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons-svg/-/icons-svg-4.4.2.tgz",
-      "integrity": "sha512-vHbT+zJEVzllwP+CM+ul7reTEfBR0vgxFe7+lREAsAA7YGsYpboiq2sQNeQeRvh09GfQgs/GyFEvZpJ9cLXpXA=="
-    },
-    "node_modules/@ant-design/pro-layout": {
-      "version": "7.21.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/pro-layout/-/pro-layout-7.21.2.tgz",
-      "integrity": "sha512-dtqap5YNDrxUWxhi43QJQSv1JLHYPCV4/h4cFM10HNiX/86Cxw37DiCOMdIM/ZwWk619BiwN7CJNgL5Q8obrAQ==",
-      "dependencies": {
-        "@ant-design/cssinjs": "^1.21.1",
-        "@ant-design/icons": "^5.0.0",
-        "@ant-design/pro-provider": "2.15.2",
-        "@ant-design/pro-utils": "2.16.2",
-        "@babel/runtime": "^7.18.0",
-        "@umijs/route-utils": "^4.0.0",
-        "@umijs/use-params": "^1.0.9",
-        "classnames": "^2.3.2",
-        "lodash": "^4.17.21",
-        "lodash-es": "^4.17.21",
-        "omit.js": "^2.0.2",
-        "path-to-regexp": "8.0.0",
-        "rc-resize-observer": "^1.1.0",
-        "rc-util": "^5.0.6",
-        "swr": "^2.0.0",
-        "warning": "^4.0.3"
-      },
-      "peerDependencies": {
-        "antd": "^4.24.15 || ^5.11.2",
-        "react": ">=17.0.0",
-        "react-dom": ">=17.0.0"
-      }
-    },
-    "node_modules/@ant-design/pro-layout/node_modules/@ant-design/colors": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.1.0.tgz",
-      "integrity": "sha512-MMoDGWn1y9LdQJQSHiCC20x3uZ3CwQnv9QMz6pCmJOrqdgM9YxsoVVY0wtrdXbmfSgnV0KNk6zi09NAhMR2jvg==",
-      "dependencies": {
-        "@ctrl/tinycolor": "^3.6.1"
-      }
-    },
-    "node_modules/@ant-design/pro-layout/node_modules/@ant-design/icons": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.5.2.tgz",
-      "integrity": "sha512-xc53rjVBl9v2BqFxUjZGti/RfdDeA8/6KYglmInM2PNqSXc/WfuGDTifJI/ZsokJK0aeKvOIbXc9y2g8ILAhEA==",
-      "dependencies": {
-        "@ant-design/colors": "^7.0.0",
-        "@ant-design/icons-svg": "^4.4.0",
-        "@babel/runtime": "^7.24.8",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.31.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
-    },
-    "node_modules/@ant-design/pro-provider": {
-      "version": "2.15.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/pro-provider/-/pro-provider-2.15.2.tgz",
-      "integrity": "sha512-7WSJcjYIuLwco1YiiSgEEJnrqvg7x/YZap8pxOChRnyNh9S3HuV1D5HTc18kfHTpWqZWTAUcS66b0kMP96uKrw==",
-      "dependencies": {
-        "@ant-design/cssinjs": "^1.21.1",
-        "@babel/runtime": "^7.18.0",
-        "@ctrl/tinycolor": "^3.4.0",
-        "dayjs": "^1.11.10",
-        "rc-util": "^5.0.1",
-        "swr": "^2.0.0"
-      },
-      "peerDependencies": {
-        "antd": "^4.24.15 || ^5.11.2",
-        "react": ">=17.0.0",
-        "react-dom": ">=17.0.0"
-      }
-    },
-    "node_modules/@ant-design/pro-utils": {
-      "version": "2.16.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/pro-utils/-/pro-utils-2.16.2.tgz",
-      "integrity": "sha512-ama73ZSzz9O6Qz6DvHd6cnyUA3vI7N+AAl5BV5plijujtnXpNC8KJMXl9jOI1K7QuUVJgJIKbZ2DVm8LnBcTAQ==",
-      "dependencies": {
-        "@ant-design/icons": "^5.0.0",
-        "@ant-design/pro-provider": "2.15.2",
-        "@babel/runtime": "^7.18.0",
-        "classnames": "^2.3.2",
-        "dayjs": "^1.11.10",
-        "lodash": "^4.17.21",
-        "lodash-es": "^4.17.21",
-        "rc-util": "^5.0.6",
-        "safe-stable-stringify": "^2.4.3",
-        "swr": "^2.0.0"
-      },
-      "peerDependencies": {
-        "antd": "^4.24.15 || ^5.11.2",
-        "react": ">=17.0.0",
-        "react-dom": ">=17.0.0"
-      }
-    },
-    "node_modules/@ant-design/pro-utils/node_modules/@ant-design/colors": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.1.0.tgz",
-      "integrity": "sha512-MMoDGWn1y9LdQJQSHiCC20x3uZ3CwQnv9QMz6pCmJOrqdgM9YxsoVVY0wtrdXbmfSgnV0KNk6zi09NAhMR2jvg==",
-      "dependencies": {
-        "@ctrl/tinycolor": "^3.6.1"
-      }
-    },
-    "node_modules/@ant-design/pro-utils/node_modules/@ant-design/icons": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.5.2.tgz",
-      "integrity": "sha512-xc53rjVBl9v2BqFxUjZGti/RfdDeA8/6KYglmInM2PNqSXc/WfuGDTifJI/ZsokJK0aeKvOIbXc9y2g8ILAhEA==",
-      "dependencies": {
-        "@ant-design/colors": "^7.0.0",
-        "@ant-design/icons-svg": "^4.4.0",
-        "@babel/runtime": "^7.24.8",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.31.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
-    },
-    "node_modules/@ant-design/react-slick": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/react-slick/-/react-slick-1.1.2.tgz",
-      "integrity": "sha512-EzlvzE6xQUBrZuuhSAFTdsr4P2bBBHGZwKFemEfq8gIGyIQCxalYfZW/T2ORbtQx5rU69o+WycP3exY/7T1hGA==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.4",
-        "classnames": "^2.2.5",
-        "json2mq": "^0.2.0",
-        "resize-observer-polyfill": "^1.5.1",
-        "throttle-debounce": "^5.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0"
-      }
-    },
-    "node_modules/@apideck/better-ajv-errors": {
-      "version": "0.3.6",
-      "resolved": "https://registry.npmjs.org/@apideck/better-ajv-errors/-/better-ajv-errors-0.3.6.tgz",
-      "integrity": "sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==",
-      "dependencies": {
-        "json-schema": "^0.4.0",
-        "jsonpointer": "^5.0.0",
-        "leven": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "ajv": ">=8"
-      }
-    },
     "node_modules/@babel/code-frame": {
       "version": "7.26.2",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
       "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-validator-identifier": "^7.25.9",
         "js-tokens": "^4.0.0",
@@ -341,28 +124,32 @@
       }
     },
     "node_modules/@babel/compat-data": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.3.tgz",
-      "integrity": "sha512-nHIxvKPniQXpmQLb0vhY3VaFb3S0YrTAwpOWJZh1wn3oJPjJk9Asva204PsBdmAE8vpzfHudT8DB0scYvy9q0g==",
+      "version": "7.26.8",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.8.tgz",
+      "integrity": "sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/core": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.0.tgz",
-      "integrity": "sha512-i1SLeK+DzNnQ3LL/CswPCa/E5u4lh1k6IAEphON8F+cXt0t9euTshDru0q7/IqMa1PMPz5RnHuHscF8/ZJsStg==",
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.9.tgz",
+      "integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@ampproject/remapping": "^2.2.0",
-        "@babel/code-frame": "^7.26.0",
-        "@babel/generator": "^7.26.0",
-        "@babel/helper-compilation-targets": "^7.25.9",
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.9",
+        "@babel/helper-compilation-targets": "^7.26.5",
         "@babel/helper-module-transforms": "^7.26.0",
-        "@babel/helpers": "^7.26.0",
-        "@babel/parser": "^7.26.0",
-        "@babel/template": "^7.25.9",
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.26.0",
+        "@babel/helpers": "^7.26.9",
+        "@babel/parser": "^7.26.9",
+        "@babel/template": "^7.26.9",
+        "@babel/traverse": "^7.26.9",
+        "@babel/types": "^7.26.9",
         "convert-source-map": "^2.0.0",
         "debug": "^4.1.0",
         "gensync": "^1.0.0-beta.2",
@@ -377,38 +164,15 @@
         "url": "https://opencollective.com/babel"
       }
     },
-    "node_modules/@babel/eslint-parser": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/eslint-parser/-/eslint-parser-7.25.9.tgz",
-      "integrity": "sha512-5UXfgpK0j0Xr/xIdgdLEhOFxaDZ0bRPWJJchRpqOSur/3rZoPbqqki5mm0p4NE2cs28krBEiSM2MB7//afRSQQ==",
-      "dependencies": {
-        "@nicolo-ribaudo/eslint-scope-5-internals": "5.1.1-v1",
-        "eslint-visitor-keys": "^2.1.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || >=14.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.11.0",
-        "eslint": "^7.5.0 || ^8.0.0 || ^9.0.0"
-      }
-    },
-    "node_modules/@babel/eslint-parser/node_modules/eslint-visitor-keys": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
-      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/@babel/generator": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.3.tgz",
-      "integrity": "sha512-6FF/urZvD0sTeO7k6/B15pMLC4CHUv1426lzr3N01aHJTl046uCAh9LXW/fzeXXjPNCJ6iABW5XaWOsIZB93aQ==",
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.9.tgz",
+      "integrity": "sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/parser": "^7.26.3",
-        "@babel/types": "^7.26.3",
+        "@babel/parser": "^7.26.9",
+        "@babel/types": "^7.26.9",
         "@jridgewell/gen-mapping": "^0.3.5",
         "@jridgewell/trace-mapping": "^0.3.25",
         "jsesc": "^3.0.2"
@@ -417,23 +181,14 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-annotate-as-pure": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.25.9.tgz",
-      "integrity": "sha512-gv7320KBUFJz1RnylIg5WWYPRXKZ884AGkYpgpWW02TH66Dl+HaC1t1CKd0z3R4b6hdYEcmrNZHUmfCP+1u3/g==",
-      "dependencies": {
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-compilation-targets": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.25.9.tgz",
-      "integrity": "sha512-j9Db8Suy6yV/VHa4qzrj9yZfZxhLWQdVnRlXxmKLYlhWUVB1sB2G5sxuWYXk/whHD9iW76PmNzxZ4UCnTQTVEQ==",
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz",
+      "integrity": "sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.25.9",
+        "@babel/compat-data": "^7.26.5",
         "@babel/helper-validator-option": "^7.25.9",
         "browserslist": "^4.24.0",
         "lru-cache": "^5.1.1",
@@ -443,86 +198,12 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
-      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
-      "dependencies": {
-        "yallist": "^3.0.2"
-      }
-    },
-    "node_modules/@babel/helper-compilation-targets/node_modules/yallist": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
-      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
-    },
-    "node_modules/@babel/helper-create-class-features-plugin": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.9.tgz",
-      "integrity": "sha512-UTZQMvt0d/rSz6KI+qdu7GQze5TIajwTS++GUozlw8VBJDEOAqSXwm1WvmYEZwqdqSGQshRocPDqrt4HBZB3fQ==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/helper-replace-supers": "^7.25.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/traverse": "^7.25.9",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-create-regexp-features-plugin": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.26.3.tgz",
-      "integrity": "sha512-G7ZRb40uUgdKOQqPLjfD12ZmGA54PzqDFUv2BKImnC9QIfGhIHKvVML0oN8IUiDq4iRqpq74ABpvOaerfWdong==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "regexpu-core": "^6.2.0",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-define-polyfill-provider": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.3.tgz",
-      "integrity": "sha512-HK7Bi+Hj6H+VTHA3ZvBis7V/6hu9QuTrnMXNybfUf2iiuU/N97I8VjB+KbhFF8Rld/Lx5MzoCwPCpPjfK+n8Cg==",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.22.6",
-        "@babel/helper-plugin-utils": "^7.22.5",
-        "debug": "^4.1.1",
-        "lodash.debounce": "^4.0.8",
-        "resolve": "^1.14.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/@babel/helper-member-expression-to-functions": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.25.9.tgz",
-      "integrity": "sha512-wbfdZ9w5vk0C0oyHqAJbc62+vet5prjj01jjJ8sKn3j9h3MQQlflEdXYvuqRWjHnM12coDEqiC1IRCi0U/EKwQ==",
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-module-imports": {
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
       "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/traverse": "^7.25.9",
         "@babel/types": "^7.25.9"
@@ -535,6 +216,8 @@
       "version": "7.26.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
       "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-module-imports": "^7.25.9",
         "@babel/helper-validator-identifier": "^7.25.9",
@@ -547,65 +230,12 @@
         "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/helper-optimise-call-expression": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.25.9.tgz",
-      "integrity": "sha512-FIpuNaz5ow8VyrYcnXQTDRGvV6tTjkNtCK/RYNDXGSLlUD6cBuQTSw43CShGxjvfBTfcUA/r6UhUCbtYqkhcuQ==",
-      "dependencies": {
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
     "node_modules/@babel/helper-plugin-utils": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
-      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-remap-async-to-generator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.9.tgz",
-      "integrity": "sha512-IZtukuUeBbhgOcaW2s06OXTzVNJR0ybm4W5xC1opWFFJMZbwRj5LCk+ByYH7WdZPZTt8KnFwA8pvjN2yqcPlgw==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-wrap-function": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-replace-supers": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.9.tgz",
-      "integrity": "sha512-IiDqTOTBQy0sWyeXyGSC5TBJpGFXBkRynjBeXsvbhQFKj2viwJC76Epz35YLU1fpe/Am6Vppb7W7zM4fPQzLsQ==",
-      "dependencies": {
-        "@babel/helper-member-expression-to-functions": "^7.25.9",
-        "@babel/helper-optimise-call-expression": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.25.9.tgz",
-      "integrity": "sha512-K4Du3BFa3gvyhzgPcntrkDgZzQaq6uozzcpGbOO1OEJaI+EJdqWIMTLgFgQf6lrfiDFo5FU+BxKepI9RmZqahA==",
-      "dependencies": {
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.26.5.tgz",
+      "integrity": "sha512-RS+jZcRdZdRFzMyr+wcsaqOmld1/EqTghfaBGQQd/WnRdzdlvSZ//kF7U8VQTxf1ynZ4cjUcYgjVGx13ewNPMg==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -614,6 +244,8 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
       "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -622,6 +254,7 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
       "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -630,41 +263,34 @@
       "version": "7.25.9",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
       "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/helper-wrap-function": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.9.tgz",
-      "integrity": "sha512-ETzz9UTjQSTmw39GboatdymDq4XIQbR8ySgVrylRhPOFpsd+JrKHIuF0de7GCWmem+T4uC5z7EZguod7Wj4A4g==",
-      "dependencies": {
-        "@babel/template": "^7.25.9",
-        "@babel/traverse": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/helpers": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.0.tgz",
-      "integrity": "sha512-tbhNuIxNcVb21pInl3ZSjksLCvgdZy9KwJ8brv993QtIVKJBBkYXz4q4ZbAv31GdnC+R90np23L5FbEBlthAEw==",
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.9.tgz",
+      "integrity": "sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/template": "^7.25.9",
-        "@babel/types": "^7.26.0"
+        "@babel/template": "^7.26.9",
+        "@babel/types": "^7.26.9"
       },
       "engines": {
         "node": ">=6.9.0"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
-      "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.9.tgz",
+      "integrity": "sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/types": "^7.26.3"
+        "@babel/types": "^7.26.9"
       },
       "bin": {
         "parser": "bin/babel-parser.js"
@@ -673,25 +299,28 @@
         "node": ">=6.0.0"
       }
     },
-    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
       "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.9.tgz",
-      "integrity": "sha512-ZkRyVkThtxQ/J6nv3JFYv1RYY+JT5BvU0y3k5bWrmuG4woXypRa4PXmm9RhOwodRkYFWqC0C0cqcJ4OqR7kW+g==",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.25.9.tgz",
+      "integrity": "sha512-y8quW6p0WHkEhmErnfe58r7x0A70uKphQm8Sp8cV7tjNQwK56sNVK0M73LK3WuYmsuyrftut4xAkjjgU0twaMg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
+        "@babel/helper-plugin-utils": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
       "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.9.tgz",
-      "integrity": "sha512-MrGRLZxLD/Zjj0gdU15dfs+HH/OXvnw/U4jJD8vpcP2CJQapPEv1IWwjc/qMg7ItBlPwSv1hRBbb7LeuANdcnw==",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.25.9.tgz",
+      "integrity": "sha512-+iqjT8xmXhhYv4/uiYd8FNQsraMFZIfxVSqxxVSZP0WbbSAWvBXAul0m/zu+7Vv4O/3WtApy9pmaTMiumEZgfg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.25.9"
       },
@@ -699,24624 +328,7381 @@
         "node": ">=6.9.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.9.tgz",
-      "integrity": "sha512-2qUwwfAFpJLZqxd02YW9btUCZHl+RFvdDkNfZwaIJrvB8Tesjsk8pEQkTvGwZXLqXUx/2oyY3ySRhm6HOXuCug==",
+    "node_modules/@babel/runtime": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.9.tgz",
+      "integrity": "sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "regenerator-runtime": "^0.14.0"
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.25.9.tgz",
-      "integrity": "sha512-6xWgLZTJXwilVjlnV7ospI3xi+sl8lN8rXXbBD6vYn3UYDlGsag8wrZkKcSI8G6KgqKP7vNFaDgeDnfAABq61g==",
+    "node_modules/@babel/template": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.26.9.tgz",
+      "integrity": "sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/plugin-transform-optional-chaining": "^7.25.9"
+        "@babel/code-frame": "^7.26.2",
+        "@babel/parser": "^7.26.9",
+        "@babel/types": "^7.26.9"
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.13.0"
       }
     },
-    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.9.tgz",
-      "integrity": "sha512-aLnMXYPnzwwqhYSCyXfKkIkYgJ8zv9RK+roo9DkTXz38ynIhd9XCbN08s3MGvqL2MYGVUGdRQLL/JqBIeJhJBg==",
+    "node_modules/@babel/traverse": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.9.tgz",
+      "integrity": "sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.9",
+        "@babel/parser": "^7.26.9",
+        "@babel/template": "^7.26.9",
+        "@babel/types": "^7.26.9",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
       }
     },
-    "node_modules/@babel/plugin-proposal-class-properties": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
-      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
+    "node_modules/@babel/traverse/node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=4"
       }
     },
-    "node_modules/@babel/plugin-proposal-decorators": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-decorators/-/plugin-proposal-decorators-7.25.9.tgz",
-      "integrity": "sha512-smkNLL/O1ezy9Nhy4CNosc4Va+1wo5w4gzSZeLe6y6dM4mmHfYOCPolXQPHQxonZCF+ZyebxN9vqOolkYrSn5g==",
+    "node_modules/@babel/types": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.9.tgz",
+      "integrity": "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/plugin-syntax-decorators": "^7.25.9"
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
       },
       "engines": {
         "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz",
-      "integrity": "sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
-      },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.2.tgz",
+      "integrity": "sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-proposal-numeric-separator": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz",
-      "integrity": "sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.18.6",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
-      },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.24.2.tgz",
+      "integrity": "sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-proposal-optional-chaining": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.21.0.tgz",
-      "integrity": "sha512-p4zeefM72gpmEe2fkUr/OnOXpWEf8nAgk7ZYVqqfFiyIG7oFfVZcCrU64hWn5xp4tQ9LkV4bTIa5rD0KANpKNA==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.20.0",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
-      },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.24.2.tgz",
+      "integrity": "sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-proposal-private-methods": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz",
-      "integrity": "sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
-      },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.24.2.tgz",
+      "integrity": "sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-proposal-private-property-in-object": {
-      "version": "7.21.11",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.11.tgz",
-      "integrity": "sha512-0QZ8qP/3RLDVBwBFoWAwCtgcDZJVwA5LUJRZU8x2YFfKNuFq161wK3cuGrALu5yiPu+vzwTAg/sMWVNeWeNyaw==",
-      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-property-in-object instead.",
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.24.2.tgz",
+      "integrity": "sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.18.6",
-        "@babel/helper-create-class-features-plugin": "^7.21.0",
-        "@babel/helper-plugin-utils": "^7.20.2",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
-      },
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-async-generators": {
-      "version": "7.8.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
-      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.24.2.tgz",
+      "integrity": "sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-bigint": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-bigint/-/plugin-syntax-bigint-7.8.3.tgz",
-      "integrity": "sha512-wnTnFlG+YxQm3vDxpGE57Pj0srRU4sHE/mDkt1qv2YJJSeUAec2ma4WLUnUPeKjyrfntVwe/N6dCXpU+zL3Npg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.24.2.tgz",
+      "integrity": "sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-class-properties": {
-      "version": "7.12.13",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
-      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.12.13"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.24.2.tgz",
+      "integrity": "sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-class-static-block": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
-      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.24.2.tgz",
+      "integrity": "sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-decorators": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-decorators/-/plugin-syntax-decorators-7.25.9.tgz",
-      "integrity": "sha512-ryzI0McXUPJnRCvMo4lumIKZUzhYUO/ScI+Mz4YVaTLt04DHNSjEUjKVvbzQjZFLuod/cYEc07mJWhzl6v4DPg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.24.2.tgz",
+      "integrity": "sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-flow": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.26.0.tgz",
-      "integrity": "sha512-B+O2DnPc0iG+YXFqOxv2WNuNU97ToWjOomUQ78DouOENWUaM5sVrmet9mcomUGQFwpJd//gvUagXBSdzO1fRKg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.24.2.tgz",
+      "integrity": "sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-import-assertions": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.26.0.tgz",
-      "integrity": "sha512-QCWT5Hh830hK5EQa7XzuqIkQU9tT/whqbDz7kuaZMHFl1inRRg7JnuAEOQ0Ur0QUl0NufCk1msK2BeY79Aj/eg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.24.2.tgz",
+      "integrity": "sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-import-attributes": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.26.0.tgz",
-      "integrity": "sha512-e2dttdsJ1ZTpi3B9UYGLw41hifAubg19AtCu/2I/F1QNVclOBr1dYpTdmdyZ84Xiz43BS/tCUkMAZNLv12Pi+A==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.24.2.tgz",
+      "integrity": "sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-import-meta": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
-      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.24.2.tgz",
+      "integrity": "sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-json-strings": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
-      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.24.2.tgz",
+      "integrity": "sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-jsx": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.25.9.tgz",
-      "integrity": "sha512-ld6oezHQMZsZfp6pWtbjaNDF2tiiCYYDqQszHt5VV437lewP9aSi2Of99CK0D0XB21k7FLgnLcmQKyKzynfeAA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.24.2.tgz",
+      "integrity": "sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
-      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.24.2.tgz",
+      "integrity": "sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
-      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.24.2.tgz",
+      "integrity": "sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-numeric-separator": {
-      "version": "7.10.4",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
-      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.10.4"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.24.2.tgz",
+      "integrity": "sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
-      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.24.2.tgz",
+      "integrity": "sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
-      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.24.2.tgz",
+      "integrity": "sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-optional-chaining": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
-      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.24.2.tgz",
+      "integrity": "sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-private-property-in-object": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
-      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.24.2.tgz",
+      "integrity": "sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-top-level-await": {
-      "version": "7.14.5",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
-      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.14.5"
-      },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.24.2.tgz",
+      "integrity": "sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-typescript": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.25.9.tgz",
-      "integrity": "sha512-hjMgRy5hb8uJJjUcdWunWVcoi9bGpJp8p5Ol1229PoN6aytsLwNMgmdftO23wnCLMfVmTwZDWMPNq/D1SY60JQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.24.2.tgz",
+      "integrity": "sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18"
       }
     },
-    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
-      "version": "7.18.6",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
-      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
+      "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
-        "@babel/helper-plugin-utils": "^7.18.6"
+        "eslint-visitor-keys": "^3.4.3"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-arrow-functions": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.25.9.tgz",
-      "integrity": "sha512-6jmooXYIwn9ca5/RylZADJ+EnSxVUS5sjeJ9UPk6RWRzXCmOJCy6dqItPJFpw2cuCangPK4OYr5uhGKcmrm5Qg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=6.9.0"
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@babel/plugin-transform-async-generator-functions": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.9.tgz",
-      "integrity": "sha512-RXV6QAzTBbhDMO9fWwOmwwTuYaiPbggWQ9INdZqAYeSHyG7FzQ+nOZaUUjNwKv9pV3aE4WFqFm1Hnbci5tBCAw==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-remap-async-to-generator": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
-      },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
+      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-async-to-generator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.25.9.tgz",
-      "integrity": "sha512-NT7Ejn7Z/LjUH0Gv5KsBCxh7BH3fbLTV0ptHvpeMvrt3cPThHfJfst9Wrb7S8EvJ7vRTFI7z+VAvFVEQn/m5zQ==",
+    "node_modules/@eslint/config-array": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.19.2.tgz",
+      "integrity": "sha512-GNKqxfHG2ySmJOBSHg7LxeUx4xpuCoFjacmlCoYWEbaPXLwvfIjixRI12xCQZeULksQb23uiA8F40w5TojpV7w==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-remap-async-to-generator": "^7.25.9"
+        "@eslint/object-schema": "^2.1.6",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.2"
       },
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@babel/plugin-transform-block-scoped-functions": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.25.9.tgz",
-      "integrity": "sha512-toHc9fzab0ZfenFpsyYinOX0J/5dgJVA2fm64xPewu7CoYHWEivIWKxkK2rMi4r3yQqLnVmheMXRdG+k239CgA==",
+    "node_modules/@eslint/core": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.12.0.tgz",
+      "integrity": "sha512-cmrR6pytBuSMTaBweKoGMwu3EiHiEC+DoyupPmlZ0HxBJBtIxwe+j/E4XPIKNx+Q74c8lXKPwYawBf5glsTkHg==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "@types/json-schema": "^7.0.15"
       },
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.9.tgz",
-      "integrity": "sha512-1F05O7AYjymAtqbsFETboN1NvBdcnzMerO+zlMyJBEz6WkMdejvGWw9p05iTSjC85RLlBseHHQpYaM4gzJkBGg==",
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.0.tgz",
+      "integrity": "sha512-yaVPAiNAalnCZedKLdR21GOGILMLKPyqSLWaAjQFvYA2i/ciDi8ArYVr69Anohb6cH2Ukhqti4aFnYyPm8wdwQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@babel/plugin-transform-class-properties": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.25.9.tgz",
-      "integrity": "sha512-bbMAII8GRSkcd0h0b4X+36GksxuheLFjP65ul9w6C3KgAamI3JqErNgSrosX6ZPj+Mpim5VvEbawXxJCyEUV3Q==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=18"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@babel/plugin-transform-class-static-block": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.26.0.tgz",
-      "integrity": "sha512-6J2APTs7BDDm+UMqP1useWqhcRAXo0WIoVj26N7kPFB6S73Lgvyka4KTZYIxtgYXiN5HTyRObA72N2iu628iTQ==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@eslint/js": {
+      "version": "9.21.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.21.0.tgz",
+      "integrity": "sha512-BqStZ3HX8Yz6LvsF5ByXYrtigrV5AXADWLAGc7PH/1SxOb7/FIYYMszZZWiUou/GB9P2lXWk2SV4d+Z8h0nknw==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.12.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@babel/plugin-transform-classes": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.9.tgz",
-      "integrity": "sha512-mD8APIXmseE7oZvZgGABDyM34GUmK45Um2TXiBUt7PnuAxrgoSVf123qUzPxEr/+/BHrRn5NMZCdE2m/1F8DGg==",
-      "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-compilation-targets": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-replace-supers": "^7.25.9",
-        "@babel/traverse": "^7.25.9",
-        "globals": "^11.1.0"
-      },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.6.tgz",
+      "integrity": "sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.25.9.tgz",
-      "integrity": "sha512-HnBegGqXZR12xbcTHlJ9HGxw1OniltT26J5YpfruGqtUHlz/xKf/G2ak9e+t0rVqrjXa9WOhvYPz1ERfMj23AA==",
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.2.7.tgz",
+      "integrity": "sha512-JubJ5B2pJ4k4yGxaNLdbjrnk9d/iDz6/q8wOilpIowd6PJPgaxCuHBnBszq7Ce2TyMrywm5r4PnKm6V3iiZF+g==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/template": "^7.25.9"
+        "@eslint/core": "^0.12.0",
+        "levn": "^0.4.1"
       },
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       }
     },
-    "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.25.9.tgz",
-      "integrity": "sha512-WkCGb/3ZxXepmMiX101nnGiU+1CAdut8oHyEOHxkKuS1qKpU2SMXE2uSvfz8PBuLd49V6LEsbtyPhWC7fnkgvQ==",
+    "node_modules/@factly/scooter-bubble-menu": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-bubble-menu/-/scooter-bubble-menu-0.0.48.tgz",
+      "integrity": "sha512-4raBcUIixqi3NG6Ef2qF1SsD03qQwkS7Vqo6Bzoec8FTIwcvw6RJZTJfRtQWH96CDv59GN4mHJcgfur2eYlNPg==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@factly/scooter-image": "0.0.48",
+        "@factly/scooter-shared-utils": "0.0.48",
+        "@factly/scooter-ui": "0.0.48",
+        "@tiptap/pm": "2.3.1",
+        "@tiptap/react": "2.0.4",
+        "classnames": "2.5.1",
+        "react-icons": "^4.7.1",
+        "tippy.js": "6.3.7"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-dotall-regex": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.25.9.tgz",
-      "integrity": "sha512-t7ZQ7g5trIgSRYhI9pIJtRl64KHotutUJsh4Eze5l7olJv+mRSg4/MmbZ0tv1eeqRbdvo/+trvJD/Oc5DmW2cA==",
+    "node_modules/@factly/scooter-bubble-menu/node_modules/@remirror/core-constants": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz",
+      "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ==",
+      "license": "MIT"
+    },
+    "node_modules/@factly/scooter-bubble-menu/node_modules/@tiptap/pm": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.3.1.tgz",
+      "integrity": "sha512-jdd1PFAFeewcu1rWsiqoCc04u5NCplHVjsGPN4jxUmqKdU0YN/9sp7h8gRG6YN1GZRoC1Y6KD+WPLMdzkwizZQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "prosemirror-changeset": "^2.2.1",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.5.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.3.2",
+        "prosemirror-inputrules": "^1.3.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.12.0",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.19.4",
+        "prosemirror-schema-basic": "^1.2.2",
+        "prosemirror-schema-list": "^1.3.0",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.3.5",
+        "prosemirror-trailing-node": "^2.0.7",
+        "prosemirror-transform": "^1.8.0",
+        "prosemirror-view": "^1.32.7"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       }
     },
-    "node_modules/@babel/plugin-transform-duplicate-keys": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.25.9.tgz",
-      "integrity": "sha512-LZxhJ6dvBb/f3x8xwWIuyiAHy56nrRG3PeYTpBkkzkYRRQ6tJLu68lEF5VIqMUZiAV7a8+Tb78nEoMCMcqjXBw==",
+    "node_modules/@factly/scooter-bubble-menu/node_modules/prosemirror-trailing-node": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.9.tgz",
+      "integrity": "sha512-YvyIn3/UaLFlFKrlJB6cObvUhmwFNZVhy1Q8OpW/avoTbD/Y7H5EcjK4AZFKhmuS6/N6WkGgt7gWtBWDnmFvHg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@remirror/core-constants": "^2.0.2",
+        "escape-string-regexp": "^4.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
       }
     },
-    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.9.tgz",
-      "integrity": "sha512-0UfuJS0EsXbRvKnwcLjFtJy/Sxc5J5jhLHnFhy7u4zih97Hz6tJkLU+O+FMMrNZrosUPxDi6sYxJ/EA8jDiAog==",
+    "node_modules/@factly/scooter-claim": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-claim/-/scooter-claim-0.0.48.tgz",
+      "integrity": "sha512-+tsvw/Yqm0Jd4cgQhrED/tEDwyy52SJoDYW4p6NCZ2X9x7BP9nNjIJPR6iHgnAyOdxkocExqBqXpxvNHlECtoQ==",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@factly/scooter-ui": "0.0.48",
+        "@tiptap/core": "2.3.1",
+        "@tiptap/react": "2.0.4",
+        "react-icons": "^4.7.1",
+        "react-paginate": "8.2.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-dynamic-import": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.25.9.tgz",
-      "integrity": "sha512-GCggjexbmSLaFhqsojeugBpeaRIgWNTcgKVq/0qIteFEqY2A+b9QidYadrWlnbWQUrW5fn+mCvf3tr7OeBFTyg==",
+    "node_modules/@factly/scooter-code-block": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-code-block/-/scooter-code-block-0.0.48.tgz",
+      "integrity": "sha512-9n0nStVzQcCmd6/59Qx9haFr0xgmXnhwMzAdVc5nCLxigyJ6y7azRcB0zhMJ52GxFE/9xehRzW1VfVRQkhV7fg==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@tiptap/extension-code-block-lowlight": "2.3.1",
+        "@tiptap/react": "2.0.4",
+        "lowlight": "2.9.0",
+        "react-icons": "4.12.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-exponentiation-operator": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.26.3.tgz",
-      "integrity": "sha512-7CAHcQ58z2chuXPWblnn1K6rLDnDWieghSOEmqQsrBenH0P9InCUtOJYD89pvngljmZlJcz3fcmgYsXFNGa1ZQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+    "node_modules/@factly/scooter-core": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-core/-/scooter-core-0.0.48.tgz",
+      "integrity": "sha512-8pzIIsWuNDNSl4BEiRXfykS8nbO13K1mDKk0//gk4Cp93ppuU/Ywln4urQ0+D65xT7rd3FHTwXtHOEzKB/KzxQ==",
+      "dependencies": {
+        "@factly/scooter-bubble-menu": "0.0.48",
+        "@factly/scooter-fixed-menu": "0.0.48",
+        "@factly/scooter-shared-utils": "0.0.48",
+        "@factly/scooter-slash-commands": "0.0.48",
+        "@factly/scooter-ui": "0.0.48",
+        "@storybook/addons": "6.5.16",
+        "@storybook/theming": "6.5.16",
+        "@tiptap/core": "2.3.1",
+        "@tiptap/extension-character-count": "2.3.1",
+        "@tiptap/extension-color": "2.3.1",
+        "@tiptap/extension-document": "2.3.1",
+        "@tiptap/extension-heading": "2.3.1",
+        "@tiptap/extension-highlight": "2.3.1",
+        "@tiptap/extension-link": "2.3.1",
+        "@tiptap/extension-subscript": "2.3.1",
+        "@tiptap/extension-superscript": "2.3.1",
+        "@tiptap/extension-text-align": "2.3.1",
+        "@tiptap/extension-text-style": "2.3.1",
+        "@tiptap/extension-typography": "2.3.1",
+        "@tiptap/extension-underline": "2.3.1",
+        "@tiptap/pm": "^2.0.0-beta.218",
+        "@tiptap/react": "2.0.4",
+        "@tiptap/starter-kit": "2.3.1",
+        "classnames": "2.5.1",
+        "dangerously-set-html-content": "1.1.0",
+        "dompurify": "3.1.2",
+        "lodash.isplainobject": "4.0.6",
+        "react-icons": "4.12.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-export-namespace-from": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.25.9.tgz",
-      "integrity": "sha512-2NsEz+CxzJIVOPx2o9UsW1rXLqtChtLoVnwYHHiB04wS5sgn7mrV45fWMBX0Kk+ub9uXytVYfNP2HjbVbCB3Ww==",
+    "node_modules/@factly/scooter-embed": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-embed/-/scooter-embed-0.0.48.tgz",
+      "integrity": "sha512-SO46+D5OihYj/BHh5xXzCsSJyc6eNnIXWYSJKmVrblfjSzAeyjbNfH2MkBG8eLgq2IeMBZMF6U4qq5KSVNn7Ug==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@factly/scooter-shared-utils": "0.0.48",
+        "@factly/scooter-ui": "0.0.48",
+        "@tiptap/core": "2.3.1",
+        "@tiptap/react": "2.0.4",
+        "axios": "1.6.8",
+        "dangerously-set-html-content": "1.1.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-flow-strip-types": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.25.9.tgz",
-      "integrity": "sha512-/VVukELzPDdci7UUsWQaSkhgnjIWXnIyRpM02ldxaVoFK96c41So8JcKT3m0gYjyv7j5FNPGS5vfELrWalkbDA==",
+    "node_modules/@factly/scooter-embed/node_modules/axios": {
+      "version": "1.6.8",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
+      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/plugin-syntax-flow": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/@factly/scooter-fixed-menu": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-fixed-menu/-/scooter-fixed-menu-0.0.48.tgz",
+      "integrity": "sha512-aRijiWryEI4wVtsycX/NHUAJ/9df6ZQZ17kl/X5WAz/hSwXGAzrs60Qh4FgbFAFFVlULsm1kZRYfwLP0Ln8TAA==",
+      "dependencies": {
+        "@factly/scooter-bubble-menu": "0.0.48",
+        "@factly/scooter-image": "0.0.48",
+        "@factly/scooter-shared-utils": "0.0.48",
+        "@factly/scooter-ui": "0.0.48",
+        "classnames": "2.5.1",
+        "react-icons": "4.12.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-for-of": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.25.9.tgz",
-      "integrity": "sha512-LqHxduHoaGELJl2uhImHwRQudhCM50pT46rIBNvtT/Oql3nqiS3wOwP+5ten7NpYSXrrVLgtZU3DZmPtWZo16A==",
+    "node_modules/@factly/scooter-image": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-image/-/scooter-image-0.0.48.tgz",
+      "integrity": "sha512-G7Q/HxztVodV9jk50YwjOAd2yjUvEsoA468rSPQ3/d6mLUDOFk/R++JXSljO6rNT7D2VgzRMIycNRct8ee2ssA==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@factly/scooter-shared-utils": "0.0.48",
+        "@factly/scooter-ui": "0.0.48",
+        "@tiptap/core": "2.3.1",
+        "@tiptap/extension-image": "2.3.1",
+        "@uppy/aws-s3": "3.6.2",
+        "@uppy/core": "3.11.0",
+        "@uppy/dashboard": "^3.3.1",
+        "@uppy/drag-drop": "^3.0.1",
+        "@uppy/file-input": "^3.0.1",
+        "@uppy/progress-bar": "^3.0.1",
+        "@uppy/react": "3.3.1",
+        "@uppy/status-bar": "^3.0.1",
+        "@uppy/url": "3.6.1",
+        "axios": "1.6.8",
+        "classnames": "2.5.1",
+        "react-icons": "4.12.0",
+        "react-masonry-infinite": "1.2.2",
+        "react-paginate": "8.2.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-function-name": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.9.tgz",
-      "integrity": "sha512-8lP+Yxjv14Vc5MuWBpJsoUCd3hD6V9DgBon2FVYL4jJgbnVQ9fTgYmonchzZJOVNgzEgbxp4OwAf6xz6M/14XA==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/aws-s3": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/@uppy/aws-s3/-/aws-s3-3.6.2.tgz",
+      "integrity": "sha512-pXXSfJbPLR9tmmLFckKU3lyp7Zx4AVvamH/Y5MU2WHKj8TQMrGeM0/M/nXn8SIa7roYEaskY6dVYT/DcHLdO9A==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-compilation-targets": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/aws-s3-multipart": "^3.10.2",
+        "@uppy/companion-client": "^3.7.2",
+        "@uppy/utils": "^5.7.2",
+        "@uppy/xhr-upload": "^3.6.2",
+        "nanoid": "^4.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.9.1"
       }
     },
-    "node_modules/@babel/plugin-transform-json-strings": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.25.9.tgz",
-      "integrity": "sha512-xoTMk0WXceiiIvsaquQQUaLLXSW1KJ159KP87VilruQm0LNNGxWzahxSS6T6i4Zg3ezp4vA4zuwiNUR53qmQAw==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/companion-client": {
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@uppy/companion-client/-/companion-client-3.8.2.tgz",
+      "integrity": "sha512-WLjZ0Y6Fe7lzwU1YPvvQ/YqooejcgIZkT2TC39xr+QQ7Y1FwJECsyUdlKwgi1ee8TNpjoCrj3Q1Hjel/+p0VhA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/utils": "^5.9.0",
+        "namespace-emitter": "^2.0.1",
+        "p-retry": "^6.1.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.13.1"
       }
     },
-    "node_modules/@babel/plugin-transform-literals": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.9.tgz",
-      "integrity": "sha512-9N7+2lFziW8W9pBl2TzaNht3+pgMIRP74zizeCSrtnSKVdUl8mAjjOP2OOVQAfZ881P2cNjDj1uAMEdeD50nuQ==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/core": {
+      "version": "3.11.0",
+      "resolved": "https://registry.npmjs.org/@uppy/core/-/core-3.11.0.tgz",
+      "integrity": "sha512-sqQEvAvZRC3Pq/qqAptLPYj4VVb5HAUqLHuUevnI1MevZUAnn1iYIvddSXDAdpNbtwUvOZlEx06UfRAo6C0dIQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@transloadit/prettier-bytes": "^0.3.0",
+        "@uppy/store-default": "^3.2.2",
+        "@uppy/utils": "^5.9.0",
+        "lodash": "^4.17.21",
+        "mime-match": "^1.0.2",
+        "namespace-emitter": "^2.0.1",
+        "nanoid": "^4.0.0",
+        "preact": "^10.5.13"
       }
     },
-    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.25.9.tgz",
-      "integrity": "sha512-wI4wRAzGko551Y8eVf6iOY9EouIDTtPb0ByZx+ktDGHwv6bHFimrgJM/2T021txPZ2s4c7bqvHbd+vXG6K948Q==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/dashboard": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/@uppy/dashboard/-/dashboard-3.9.1.tgz",
+      "integrity": "sha512-zZp+5Dwqu1jUdAZEu0Os2kC/8bF3cdrkve8CYEwqP/12yjNe8PF+XUQKF1RCYITjDE4hPSXcTh0MWw6t2LONuw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@transloadit/prettier-bytes": "^0.3.4",
+        "@uppy/informer": "^3.1.0",
+        "@uppy/provider-views": "^3.13.0",
+        "@uppy/status-bar": "^3.3.3",
+        "@uppy/thumbnail-generator": "^3.1.0",
+        "@uppy/utils": "^5.9.0",
+        "classnames": "^2.2.6",
+        "is-shallow-equal": "^1.0.1",
+        "lodash": "^4.17.21",
+        "memoize-one": "^6.0.0",
+        "nanoid": "^4.0.0",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.13.0"
       }
     },
-    "node_modules/@babel/plugin-transform-member-expression-literals": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.25.9.tgz",
-      "integrity": "sha512-PYazBVfofCQkkMzh2P6IdIUaCEWni3iYEerAsRWuVd8+jlM1S9S9cz1dF9hIzyoZ8IA3+OwVYIp9v9e+GbgZhA==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/drag-drop": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@uppy/drag-drop/-/drag-drop-3.1.1.tgz",
+      "integrity": "sha512-ujUBswJ/Acvg1UQUPtfWO6PekPzFgQAEtDW7yxsi81wy1/WNIYjY36bxKVpM/cz5PjmWOTWoqdjBQa4LIJCdyw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/utils": "^5.9.0",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.13.1"
       }
     },
-    "node_modules/@babel/plugin-transform-modules-amd": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.25.9.tgz",
-      "integrity": "sha512-g5T11tnI36jVClQlMlt4qKDLlWnG5pP9CSM4GhdRciTNMRgkfpo5cR6b4rGIOYPgRRuFAvwjPQ/Yk+ql4dyhbw==",
-      "dependencies": {
-        "@babel/helper-module-transforms": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-modules-commonjs": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.26.3.tgz",
-      "integrity": "sha512-MgR55l4q9KddUDITEzEFYn5ZsGDXMSsU9E+kh7fjRXTIC3RHqfCo8RPRbyReYJh44HQ/yomFkqbOFohXvDCiIQ==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/file-input": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@uppy/file-input/-/file-input-3.1.2.tgz",
+      "integrity": "sha512-IgZhK3EfO2bEqmEwpqfo3N9k8OxV2pmuGdKU4IuwJFv3Q1s1F6ceSDhWX8ivtVXlDvnbJIkqZbZjnvWwJxfjng==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.26.0",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/utils": "^5.9.0",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.11.0"
       }
     },
-    "node_modules/@babel/plugin-transform-modules-systemjs": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.9.tgz",
-      "integrity": "sha512-hyss7iIlH/zLHaehT+xwiymtPOpsiwIIRlCAOwBB04ta5Tt+lNItADdlXw3jAWZ96VJ2jlhl/c+PNIQPKNfvcA==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/informer": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@uppy/informer/-/informer-3.1.0.tgz",
+      "integrity": "sha512-vmpTLqzSLmZSuIVDZV0o19yXVqyTh5/uCbKUEiyfBhR726kQiuYQLP/ZHaKcvW3c1ESQGbNg53iNHbFBqF681w==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9",
-        "@babel/traverse": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/utils": "^5.7.4",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.9.3"
       }
     },
-    "node_modules/@babel/plugin-transform-modules-umd": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.25.9.tgz",
-      "integrity": "sha512-bS9MVObUgE7ww36HEfwe6g9WakQ0KF07mQF74uuXdkoziUPfKyu/nIm663kz//e5O1nPInPFx36z7WJmJ4yNEw==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/progress-bar": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@uppy/progress-bar/-/progress-bar-3.1.1.tgz",
+      "integrity": "sha512-c7Wcv6/gvrdxICnZUaU/cZG6wUtS0V/GYGssGFQ6OW84h0smuzGGA+KOh9zKqr6HBHxgKRxmCDtrlTlSSvAuQQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-module-transforms": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/utils": "^5.7.5",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.10.0"
       }
     },
-    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.25.9.tgz",
-      "integrity": "sha512-oqB6WHdKTGl3q/ItQhpLSnWWOpjUJLsOCLVyeFgeTktkBSCiurvPOsyt93gibI9CmuKvTUEtWmG5VhZD+5T/KA==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/provider-views": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/@uppy/provider-views/-/provider-views-3.13.0.tgz",
+      "integrity": "sha512-Z2oI88A+GC2zIPk8beoeFN/miHKkhtF58mYjvb5miGCMMZM7p7LRj98sgb5OOdKsGrfeiuTavtgL424BvcVd8w==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/utils": "^5.9.0",
+        "classnames": "^2.2.6",
+        "nanoid": "^4.0.0",
+        "p-queue": "^7.3.4",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "@uppy/core": "^3.13.0"
       }
     },
-    "node_modules/@babel/plugin-transform-new-target": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.25.9.tgz",
-      "integrity": "sha512-U/3p8X1yCSoKyUj2eOBIx3FOn6pElFOKvAAGf8HTtItuPyB+ZeOqfn+mvTtg9ZlOAjsPdK3ayQEjqHjU/yLeVQ==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/react": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@uppy/react/-/react-3.3.1.tgz",
+      "integrity": "sha512-9BTbWgix4Ob4HyaT2+PJWSLfCCJRqyozDQRREMOBTGL0aVwLlcXyXEZZFyI/LMA0Cstt86rO0xVPAW9ugNepDw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/utils": "^5.9.0",
+        "prop-types": "^15.6.1"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.25.9.tgz",
-      "integrity": "sha512-ENfftpLZw5EItALAD4WsY/KUWvhUlZndm5GC7G3evUsVeSJB6p0pBeLQUnRnBCBx7zV0RKQjR9kCuwrsIrjWog==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/core": "^3.11.0",
+        "@uppy/dashboard": "^3.8.2",
+        "@uppy/drag-drop": "^3.1.0",
+        "@uppy/file-input": "^3.1.2",
+        "@uppy/progress-bar": "^3.1.1",
+        "@uppy/status-bar": "^3.3.2",
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "peerDependenciesMeta": {
+        "@uppy/dashboard": {
+          "optional": true
+        },
+        "@uppy/drag-drop": {
+          "optional": true
+        },
+        "@uppy/file-input": {
+          "optional": true
+        },
+        "@uppy/progress-bar": {
+          "optional": true
+        },
+        "@uppy/status-bar": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@babel/plugin-transform-numeric-separator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.25.9.tgz",
-      "integrity": "sha512-TlprrJ1GBZ3r6s96Yq8gEQv82s8/5HnCVHtEJScUj90thHQbwe+E5MLhi2bbNHBEJuzrvltXSru+BUxHDoog7Q==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/status-bar": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@uppy/status-bar/-/status-bar-3.3.3.tgz",
+      "integrity": "sha512-TCcnBjTDbq/AmnGOcWbCpQNsv05Z6Y36zdmTCt/xNe2/gTVAYAzGRoGOrkeb6jf/E4AAi25VyOolSqL2ibB8Kw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@transloadit/prettier-bytes": "^0.3.4",
+        "@uppy/utils": "^5.9.0",
+        "classnames": "^2.2.6",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.11.2"
       }
     },
-    "node_modules/@babel/plugin-transform-object-rest-spread": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.25.9.tgz",
-      "integrity": "sha512-fSaXafEE9CVHPweLYw4J0emp1t8zYTXyzN3UuG+lylqkvYd7RMrsOQ8TYx5RF231be0vqtFC6jnx3UmpJmKBYg==",
-      "dependencies": {
-        "@babel/helper-compilation-targets": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/plugin-transform-parameters": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
+    "node_modules/@factly/scooter-image/node_modules/@uppy/store-default": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@uppy/store-default/-/store-default-3.2.2.tgz",
+      "integrity": "sha512-OiSgT++Jj4nLK0N9WTeod3UNjCH81OXE5BcMJCd9oWzl2d0xPNq2T/E9Y6O72XVd+6Y7+tf5vZlPElutfMB3KQ==",
+      "license": "MIT"
     },
-    "node_modules/@babel/plugin-transform-object-super": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.25.9.tgz",
-      "integrity": "sha512-Kj/Gh+Rw2RNLbCK1VAWj2U48yxxqL2x0k10nPtSdRa0O2xnHXalD0s+o1A6a0W43gJ00ANo38jxkQreckOzv5A==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/thumbnail-generator": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@uppy/thumbnail-generator/-/thumbnail-generator-3.1.0.tgz",
+      "integrity": "sha512-tDKK/cukC0CrM0F/OlHFmvpGGUq+Db4YfakhIGPKtT7ZO8aWOiIu5JIvaYUnKRxGq3RGsk4zhkxYXuoxVzzsGA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-replace-supers": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/utils": "^5.7.5",
+        "exifr": "^7.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.10.0"
       }
     },
-    "node_modules/@babel/plugin-transform-optional-catch-binding": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.25.9.tgz",
-      "integrity": "sha512-qM/6m6hQZzDcZF3onzIhZeDHDO43bkNNlOX0i8n3lR6zLbu0GN2d8qfM/IERJZYauhAHSLHy39NF0Ctdvcid7g==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/url": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@uppy/url/-/url-3.6.1.tgz",
+      "integrity": "sha512-EqnhNSHv7HYY8T9pQ3Cc7/SlSs1eD9rIoNd0GH7axPrJiR1KNwinN3EKnipIlUQgKvjpmrqAdPpHzkAyUVQqDw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@uppy/companion-client": "^3.8.1",
+        "@uppy/utils": "^5.9.0",
+        "nanoid": "^4.0.0",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@uppy/core": "^3.11.0"
       }
     },
-    "node_modules/@babel/plugin-transform-optional-chaining": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.25.9.tgz",
-      "integrity": "sha512-6AvV0FsLULbpnXeBjrY4dmWF8F7gf8QnvTEoO/wX/5xm/xE1Xo8oPuD3MPS+KS9f9XBEAWN7X1aWr4z9HdOr7A==",
+    "node_modules/@factly/scooter-image/node_modules/@uppy/utils": {
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/@uppy/utils/-/utils-5.9.0.tgz",
+      "integrity": "sha512-9Ubddd3orCOLYjf0KobwgJ+aTrABSxk9t4X/QdM4qJHVZuMIftkaMplrViRUO+kvIBCXEZDIP2AmS060siDNGw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "lodash": "^4.17.21",
+        "preact": "^10.5.13"
       }
     },
-    "node_modules/@babel/plugin-transform-parameters": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.25.9.tgz",
-      "integrity": "sha512-wzz6MKwpnshBAiRmn4jR8LYz/g8Ksg0o80XmwZDlordjwEk9SxBzTWC7F5ef1jhbrbOW2DJ5J6ayRukrJmnr0g==",
+    "node_modules/@factly/scooter-image/node_modules/axios": {
+      "version": "1.6.8",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
+      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
-    "node_modules/@babel/plugin-transform-private-methods": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.25.9.tgz",
-      "integrity": "sha512-D/JUozNpQLAPUVusvqMxyvjzllRaF8/nSrP1s2YGQT/W4LHK4xxsMcHjhOGTS01mp9Hda8nswb+FblLdJornQw==",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
+    "node_modules/@factly/scooter-image/node_modules/nanoid": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-4.0.2.tgz",
+      "integrity": "sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
       },
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": "^14 || ^16 || >=18"
       }
     },
-    "node_modules/@babel/plugin-transform-private-property-in-object": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.25.9.tgz",
-      "integrity": "sha512-Evf3kcMqzXA3xfYJmZ9Pg1OvKdtqsDMSWBDzZOPLvHiTt36E75jLDQo5w1gtRU95Q4E5PDttrTf25Fw8d/uWLw==",
+    "node_modules/@factly/scooter-image/node_modules/p-queue": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-7.4.1.tgz",
+      "integrity": "sha512-vRpMXmIkYF2/1hLBKisKeVYJZ8S2tZ0zEAmIJgdVKP2nq0nh4qCdf8bgw+ZgKrkh71AOCaqzwbJJk1WtdcF3VA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-create-class-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "eventemitter3": "^5.0.1",
+        "p-timeout": "^5.0.2"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=12"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@babel/plugin-transform-property-literals": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.25.9.tgz",
-      "integrity": "sha512-IvIUeV5KrS/VPavfSM/Iu+RE6llrHrYIKY1yfCzyO/lMXHQ+p7uGhonmGVisv6tSBSVgWzMBohTcvkC9vQcQFA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
+    "node_modules/@factly/scooter-image/node_modules/p-timeout": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-5.1.0.tgz",
+      "integrity": "sha512-auFDyzzzGZZZdHz3BtET9VEz0SE/uMEAx7uWfGPucfzEwwe/xH0iVeZibQmANYE/hp9T2+UUZT5m+BKyrDp3Ew==",
+      "license": "MIT",
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=12"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@babel/plugin-transform-react-constant-elements": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.25.9.tgz",
-      "integrity": "sha512-Ncw2JFsJVuvfRsa2lSHiC55kETQVLSnsYGQ1JDDwkUeWGTL/8Tom8aLTnlqgoeuopWrbbGndrc9AlLYrIosrow==",
+    "node_modules/@factly/scooter-shared-utils": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-shared-utils/-/scooter-shared-utils-0.0.48.tgz",
+      "integrity": "sha512-4H6qL6weChGth2f1De93PkROZtLS6gwcnhjmpDc+IAmWjc6WRbT5wRlxJZbc6KVcWe33U1d2s1uduksv28O/kQ==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@tiptap/core": "2.3.1",
+        "@tiptap/pm": "2.3.1",
+        "highlight.js": "11.9.0",
+        "ramda": "0.28.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-react-display-name": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.25.9.tgz",
-      "integrity": "sha512-KJfMlYIUxQB1CJfO3e0+h0ZHWOTLCPP115Awhaz8U0Zpq36Gl/cXlpoyMRnUWlhNUBAzldnCiAZNvCDj7CrKxQ==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+    "node_modules/@factly/scooter-shared-utils/node_modules/@remirror/core-constants": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz",
+      "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ==",
+      "license": "MIT"
+    },
+    "node_modules/@factly/scooter-shared-utils/node_modules/@tiptap/pm": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.3.1.tgz",
+      "integrity": "sha512-jdd1PFAFeewcu1rWsiqoCc04u5NCplHVjsGPN4jxUmqKdU0YN/9sp7h8gRG6YN1GZRoC1Y6KD+WPLMdzkwizZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-changeset": "^2.2.1",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.5.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.3.2",
+        "prosemirror-inputrules": "^1.3.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.12.0",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.19.4",
+        "prosemirror-schema-basic": "^1.2.2",
+        "prosemirror-schema-list": "^1.3.0",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.3.5",
+        "prosemirror-trailing-node": "^2.0.7",
+        "prosemirror-transform": "^1.8.0",
+        "prosemirror-view": "^1.32.7"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       }
     },
-    "node_modules/@babel/plugin-transform-react-jsx": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.9.tgz",
-      "integrity": "sha512-s5XwpQYCqGerXl+Pu6VDL3x0j2d82eiV77UJ8a2mDHAW7j9SWRqQ2y1fNo1Z74CdcYipl5Z41zvjj4Nfzq36rw==",
+    "node_modules/@factly/scooter-shared-utils/node_modules/prosemirror-trailing-node": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.9.tgz",
+      "integrity": "sha512-YvyIn3/UaLFlFKrlJB6cObvUhmwFNZVhy1Q8OpW/avoTbD/Y7H5EcjK4AZFKhmuS6/N6WkGgt7gWtBWDnmFvHg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/plugin-syntax-jsx": "^7.25.9",
-        "@babel/types": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@remirror/core-constants": "^2.0.2",
+        "escape-string-regexp": "^4.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
       }
     },
-    "node_modules/@babel/plugin-transform-react-jsx-development": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.25.9.tgz",
-      "integrity": "sha512-9mj6rm7XVYs4mdLIpbZnHOYdpW42uoiBCTVowg7sP1thUOiANgMb4UtpRivR0pp5iL+ocvUv7X4mZgFRpJEzGw==",
+    "node_modules/@factly/scooter-slash-commands": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-slash-commands/-/scooter-slash-commands-0.0.48.tgz",
+      "integrity": "sha512-QbVq1ZQ/lwKdpgJQy2qvaGyH6k29NO49n/kGYKX/AwAeNcxMYeHMqYQX+y0DeqKYy+D2qmoYgte9P6z2qHyJKQ==",
       "dependencies": {
-        "@babel/plugin-transform-react-jsx": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@factly/scooter-shared-utils": "0.0.48",
+        "@tippyjs/react": "4.2.6",
+        "@tiptap/core": "2.3.1",
+        "@tiptap/pm": "2.3.1",
+        "@tiptap/react": "2.0.4",
+        "@tiptap/suggestion": "2.3.1",
+        "classnames": "2.5.1",
+        "react-icons": "4.12.0",
+        "tippy.js": "6.3.7"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-react-pure-annotations": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.25.9.tgz",
-      "integrity": "sha512-KQ/Takk3T8Qzj5TppkS1be588lkbTp5uj7w6a0LeQaTMSckU/wK0oJ/pih+T690tkgI5jfmg2TqDJvd41Sj1Cg==",
+    "node_modules/@factly/scooter-slash-commands/node_modules/@remirror/core-constants": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz",
+      "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ==",
+      "license": "MIT"
+    },
+    "node_modules/@factly/scooter-slash-commands/node_modules/@tiptap/pm": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.3.1.tgz",
+      "integrity": "sha512-jdd1PFAFeewcu1rWsiqoCc04u5NCplHVjsGPN4jxUmqKdU0YN/9sp7h8gRG6YN1GZRoC1Y6KD+WPLMdzkwizZQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "prosemirror-changeset": "^2.2.1",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.5.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.3.2",
+        "prosemirror-inputrules": "^1.3.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.12.0",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.19.4",
+        "prosemirror-schema-basic": "^1.2.2",
+        "prosemirror-schema-list": "^1.3.0",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.3.5",
+        "prosemirror-trailing-node": "^2.0.7",
+        "prosemirror-transform": "^1.8.0",
+        "prosemirror-view": "^1.32.7"
       },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       }
     },
-    "node_modules/@babel/plugin-transform-regenerator": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.25.9.tgz",
-      "integrity": "sha512-vwDcDNsgMPDGP0nMqzahDWE5/MLcX8sv96+wfX7as7LoF/kr97Bo/7fI00lXY4wUXYfVmwIIyG80fGZ1uvt2qg==",
+    "node_modules/@factly/scooter-slash-commands/node_modules/prosemirror-trailing-node": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.9.tgz",
+      "integrity": "sha512-YvyIn3/UaLFlFKrlJB6cObvUhmwFNZVhy1Q8OpW/avoTbD/Y7H5EcjK4AZFKhmuS6/N6WkGgt7gWtBWDnmFvHg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "regenerator-transform": "^0.15.2"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@remirror/core-constants": "^2.0.2",
+        "escape-string-regexp": "^4.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
       }
     },
-    "node_modules/@babel/plugin-transform-regexp-modifiers": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regexp-modifiers/-/plugin-transform-regexp-modifiers-7.26.0.tgz",
-      "integrity": "sha512-vN6saax7lrA2yA/Pak3sCxuD6F5InBjn9IcrIKQPjpsLvuHYLVroTxjdlVRHjjBWxKOqIwpTXDkOssYT4BFdRw==",
+    "node_modules/@factly/scooter-table": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-table/-/scooter-table-0.0.48.tgz",
+      "integrity": "sha512-cNLJfxfW42u8v6dMJW9+CPPcgWvbtKx0Psb/xav2GjsOUCcSB+stYRfT6TTLumMoK7cdOE50kUiHzJfDlFR/xA==",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@factly/scooter-table-cell": "0.0.41",
+        "@factly/scooter-table-head-cell": "0.0.41",
+        "@factly/scooter-table-row": "0.0.41"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0"
+        "@factly/scooter-shared-utils": "0.0.48",
+        "@tiptap/core": "2.3.1",
+        "@tiptap/pm": "2.3.1",
+        "markdown-it": "14.1.0"
       }
     },
-    "node_modules/@babel/plugin-transform-reserved-words": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.25.9.tgz",
-      "integrity": "sha512-7DL7DKYjn5Su++4RXu8puKZm2XBPHyjWLUidaPEkCUBbE7IPcsrkRHggAOOKydH1dASWdcUBxrkOGNxUv5P3Jg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
+    "node_modules/@factly/scooter-table-cell": {
+      "version": "0.0.41",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-table-cell/-/scooter-table-cell-0.0.41.tgz",
+      "integrity": "sha512-1zGrY4T4YX4yHPgwa2Td95x59NHEelWK6UjxqgKLTraMn36SA6/R7YS8vvXj63BsoOGqsh/lOE13KI4yEIha7g==",
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@factly/scooter-shared-utils": "0.0.41",
+        "@tiptap/core": "2.0.1",
+        "@tiptap/pm": "2.0.1"
       }
     },
-    "node_modules/@babel/plugin-transform-runtime": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.9.tgz",
-      "integrity": "sha512-nZp7GlEl+yULJrClz0SwHPqir3lc0zsPrDHQUcxGspSL7AKrexNSEfTbfqnDNJUO13bgKyfuOLMF8Xqtu8j3YQ==",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.10.6",
-        "babel-plugin-polyfill-regenerator": "^0.6.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
+    "node_modules/@factly/scooter-table-head-cell": {
+      "version": "0.0.41",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-table-head-cell/-/scooter-table-head-cell-0.0.41.tgz",
+      "integrity": "sha512-EVSwza05ND2sJ3NrWxpYQRFvGCRbP6WNECtkA3pVqt5dNb5ii6d4TBdhDezVVeGKqGmAsvRBNmDLpYjL+juXaw==",
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@factly/scooter-shared-utils": "0.0.41",
+        "@tiptap/core": "2.0.1",
+        "@tiptap/pm": "2.0.1"
       }
     },
-    "node_modules/@babel/plugin-transform-shorthand-properties": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.25.9.tgz",
-      "integrity": "sha512-MUv6t0FhO5qHnS/W8XCbHmiRWOphNufpE1IVxhK5kuN3Td9FT1x4rx4K42s3RYdMXCXpfWkGSbCSd0Z64xA7Ng==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
+    "node_modules/@factly/scooter-table-row": {
+      "version": "0.0.41",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-table-row/-/scooter-table-row-0.0.41.tgz",
+      "integrity": "sha512-ce3FsXKDb3FTCyj27wWghBRauwYJOE8aZgUdCZRoqFdqT9T33MwsMX6HH7K8WzJqTHuwqNLnLjDNBu3O6vL/lg==",
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@tiptap/core": "2.0.1"
       }
     },
-    "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.25.9.tgz",
-      "integrity": "sha512-oNknIB0TbURU5pqJFVbOOFspVlrpVwo2H1+HUIsVDvp5VauGGDP1ZEvO8Nn5xyMEs3dakajOxlmkNW7kNgSm6A==",
+    "node_modules/@factly/scooter-ui": {
+      "version": "0.0.48",
+      "resolved": "https://registry.npmjs.org/@factly/scooter-ui/-/scooter-ui-0.0.48.tgz",
+      "integrity": "sha512-b1Yv6hXXxkuidnz+iXbZb07ayx9UYj3Hv0EIPto2Uy4hmQCRUrM3MWOVzBdIeTGOd0gEAJvuGWThLma5B0QvxQ==",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@factly/scooter-shared-utils": "0.0.48",
+        "@tippyjs/react": "4.2.6",
+        "classnames": "2.5.1",
+        "prop-types": "15.8.1",
+        "ramda": "0.28.0",
+        "react-dom": "18.2.0",
+        "react-hotkeys-hook": "4.5.0",
+        "react-icons": "4.12.0",
+        "react-popper": "2.3.0",
+        "react-router-dom": "6.10.0",
+        "tippy.js": "6.3.7"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.0.0"
       }
     },
-    "node_modules/@babel/plugin-transform-sticky-regex": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.25.9.tgz",
-      "integrity": "sha512-WqBUSgeVwucYDP9U/xNRQam7xV8W5Zf+6Eo7T2SRVUFlhRiMNFdFz58u0KZmCVVqs2i7SHgpRnAhzRNmKfi2uA==",
+    "node_modules/@factly/scooter-ui/node_modules/react-dom": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
+      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": "^18.2.0"
       }
     },
-    "node_modules/@babel/plugin-transform-template-literals": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.25.9.tgz",
-      "integrity": "sha512-o97AE4syN71M/lxrCtQByzphAdlYluKPDBzDVzMmfCobUjjhAryZV0AIpRPrxN0eAkxXO6ZLEScmt+PNhj2OTw==",
+    "node_modules/@factly/scooter-ui/node_modules/react-router": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz",
+      "integrity": "sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "@remix-run/router": "1.5.0"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=14"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": ">=16.8"
       }
     },
-    "node_modules/@babel/plugin-transform-typeof-symbol": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.25.9.tgz",
-      "integrity": "sha512-v61XqUMiueJROUv66BVIOi0Fv/CUuZuZMl5NkRoCVxLAnMexZ0A3kMe7vvZ0nulxMuMp0Mk6S5hNh48yki08ZA==",
+    "node_modules/@factly/scooter-ui/node_modules/react-router-dom": {
+      "version": "6.10.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.10.0.tgz",
+      "integrity": "sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
+        "@remix-run/router": "1.5.0",
+        "react-router": "6.10.0"
       },
       "engines": {
-        "node": ">=6.9.0"
+        "node": ">=14"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
       }
     },
-    "node_modules/@babel/plugin-transform-typescript": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.26.3.tgz",
-      "integrity": "sha512-6+5hpdr6mETwSKjmJUdYw0EIkATiQhnELWlE3kJFBwSg/BGIVwVaVbX+gOXBCdc7Ln1RXZxyWGecIXhUfnl7oA==",
+    "node_modules/@factly/scooter-ui/node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-annotate-as-pure": "^7.25.9",
-        "@babel/helper-create-class-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.25.9",
-        "@babel/plugin-syntax-typescript": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "loose-envify": "^1.1.0"
       }
     },
-    "node_modules/@babel/plugin-transform-unicode-escapes": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.25.9.tgz",
-      "integrity": "sha512-s5EDrE6bW97LtxOcGj1Khcx5AaXwiMmi4toFWRDP9/y0Woo6pXC+iyPu/KuhKtfSrNFd7jJB+/fkOtZy6aIC6Q==",
+    "node_modules/@floating-ui/core": {
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.6.9.tgz",
+      "integrity": "sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@floating-ui/utils": "^0.2.9"
       }
     },
-    "node_modules/@babel/plugin-transform-unicode-property-regex": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.25.9.tgz",
-      "integrity": "sha512-Jt2d8Ga+QwRluxRQ307Vlxa6dMrYEMZCgGxoPR8V52rxPyldHu3hdlHspxaqYmE7oID5+kB+UKUB/eWS+DkkWg==",
+    "node_modules/@floating-ui/dom": {
+      "version": "1.6.13",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.6.13.tgz",
+      "integrity": "sha512-umqzocjDgNRGTuO7Q8CU32dkHkECqI8ZdMZ5Swb6QAM0t5rnlrN3lGo1hdpscRd3WS8T6DKYK4ephgIH9iRh3w==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "@floating-ui/core": "^1.6.0",
+        "@floating-ui/utils": "^0.2.9"
       }
     },
-    "node_modules/@babel/plugin-transform-unicode-regex": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.25.9.tgz",
-      "integrity": "sha512-yoxstj7Rg9dlNn9UQxzk4fcNivwv4nUYz7fYXBaKxvw/lnmPuOm/ikoELygbYq68Bls3D/D+NBPHiLwZdZZ4HA==",
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.2.tgz",
+      "integrity": "sha512-06okr5cgPzMNBy+Ycse2A6udMi4bqwW/zgBF/rwjcNqWkyr82Mcg8b0vjX8OJpZFy/FKjJmw6wV7t44kK6kW7A==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@floating-ui/dom": "^1.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
       }
     },
-    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.25.9.tgz",
-      "integrity": "sha512-8BYqO3GeVNHtx69fdPshN3fnzUNLrWdHhk/icSwigksJGczKSizZ+Z6SBCxTs723Fr5VSNorTIK7a+R2tISvwQ==",
-      "dependencies": {
-        "@babel/helper-create-regexp-features-plugin": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.9.tgz",
+      "integrity": "sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==",
+      "license": "MIT"
     },
-    "node_modules/@babel/preset-env": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.26.0.tgz",
-      "integrity": "sha512-H84Fxq0CQJNdPFT2DrfnylZ3cf5K43rGfWK4LJGPpjKHiZlk0/RzwEus3PDDZZg+/Er7lCA03MVacueUuXdzfw==",
+    "node_modules/@hookform/resolvers": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@hookform/resolvers/-/resolvers-4.1.2.tgz",
+      "integrity": "sha512-wl6H9c9wLOZMJAqGLEVKzbCkxJuV+BYuLFZFCQtCwMe0b3qQk4kUBd/ZAj13SwcSqcx86rCgSCyngQfmA6DOWg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/compat-data": "^7.26.0",
-        "@babel/helper-compilation-targets": "^7.25.9",
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-validator-option": "^7.25.9",
-        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.9",
-        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.9",
-        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.9",
-        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.25.9",
-        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.9",
-        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
-        "@babel/plugin-syntax-import-assertions": "^7.26.0",
-        "@babel/plugin-syntax-import-attributes": "^7.26.0",
-        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
-        "@babel/plugin-transform-arrow-functions": "^7.25.9",
-        "@babel/plugin-transform-async-generator-functions": "^7.25.9",
-        "@babel/plugin-transform-async-to-generator": "^7.25.9",
-        "@babel/plugin-transform-block-scoped-functions": "^7.25.9",
-        "@babel/plugin-transform-block-scoping": "^7.25.9",
-        "@babel/plugin-transform-class-properties": "^7.25.9",
-        "@babel/plugin-transform-class-static-block": "^7.26.0",
-        "@babel/plugin-transform-classes": "^7.25.9",
-        "@babel/plugin-transform-computed-properties": "^7.25.9",
-        "@babel/plugin-transform-destructuring": "^7.25.9",
-        "@babel/plugin-transform-dotall-regex": "^7.25.9",
-        "@babel/plugin-transform-duplicate-keys": "^7.25.9",
-        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.9",
-        "@babel/plugin-transform-dynamic-import": "^7.25.9",
-        "@babel/plugin-transform-exponentiation-operator": "^7.25.9",
-        "@babel/plugin-transform-export-namespace-from": "^7.25.9",
-        "@babel/plugin-transform-for-of": "^7.25.9",
-        "@babel/plugin-transform-function-name": "^7.25.9",
-        "@babel/plugin-transform-json-strings": "^7.25.9",
-        "@babel/plugin-transform-literals": "^7.25.9",
-        "@babel/plugin-transform-logical-assignment-operators": "^7.25.9",
-        "@babel/plugin-transform-member-expression-literals": "^7.25.9",
-        "@babel/plugin-transform-modules-amd": "^7.25.9",
-        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
-        "@babel/plugin-transform-modules-systemjs": "^7.25.9",
-        "@babel/plugin-transform-modules-umd": "^7.25.9",
-        "@babel/plugin-transform-named-capturing-groups-regex": "^7.25.9",
-        "@babel/plugin-transform-new-target": "^7.25.9",
-        "@babel/plugin-transform-nullish-coalescing-operator": "^7.25.9",
-        "@babel/plugin-transform-numeric-separator": "^7.25.9",
-        "@babel/plugin-transform-object-rest-spread": "^7.25.9",
-        "@babel/plugin-transform-object-super": "^7.25.9",
-        "@babel/plugin-transform-optional-catch-binding": "^7.25.9",
-        "@babel/plugin-transform-optional-chaining": "^7.25.9",
-        "@babel/plugin-transform-parameters": "^7.25.9",
-        "@babel/plugin-transform-private-methods": "^7.25.9",
-        "@babel/plugin-transform-private-property-in-object": "^7.25.9",
-        "@babel/plugin-transform-property-literals": "^7.25.9",
-        "@babel/plugin-transform-regenerator": "^7.25.9",
-        "@babel/plugin-transform-regexp-modifiers": "^7.26.0",
-        "@babel/plugin-transform-reserved-words": "^7.25.9",
-        "@babel/plugin-transform-shorthand-properties": "^7.25.9",
-        "@babel/plugin-transform-spread": "^7.25.9",
-        "@babel/plugin-transform-sticky-regex": "^7.25.9",
-        "@babel/plugin-transform-template-literals": "^7.25.9",
-        "@babel/plugin-transform-typeof-symbol": "^7.25.9",
-        "@babel/plugin-transform-unicode-escapes": "^7.25.9",
-        "@babel/plugin-transform-unicode-property-regex": "^7.25.9",
-        "@babel/plugin-transform-unicode-regex": "^7.25.9",
-        "@babel/plugin-transform-unicode-sets-regex": "^7.25.9",
-        "@babel/preset-modules": "0.1.6-no-external-plugins",
-        "babel-plugin-polyfill-corejs2": "^0.4.10",
-        "babel-plugin-polyfill-corejs3": "^0.10.6",
-        "babel-plugin-polyfill-regenerator": "^0.6.1",
-        "core-js-compat": "^3.38.1",
-        "semver": "^6.3.1"
-      },
-      "engines": {
-        "node": ">=6.9.0"
+        "@standard-schema/utils": "^0.3.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "react-hook-form": "^7.0.0"
       }
     },
-    "node_modules/@babel/preset-env/node_modules/@babel/plugin-proposal-private-property-in-object": {
-      "version": "7.21.0-placeholder-for-preset-env.2",
-      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
-      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/preset-modules": {
-      "version": "0.1.6-no-external-plugins",
-      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
-      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@babel/types": "^7.4.4",
-        "esutils": "^2.0.2"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+        "node": ">=18.18.0"
       }
     },
-    "node_modules/@babel/preset-react": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.26.3.tgz",
-      "integrity": "sha512-Nl03d6T9ky516DGK2YMxrTqvnpUW63TnJMOMonj+Zae0JiPC5BC9xPMSL6L8fiSpA5vP88qfygavVQvnLp+6Cw==",
+    "node_modules/@humanfs/node": {
+      "version": "0.16.6",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.6.tgz",
+      "integrity": "sha512-YuI2ZHQL78Q5HbhDiBA1X4LmYdXCKCMQIfw0pw7piHJwyREFebJUvrQN4cMssyES6x+vfUbx1CIpaQUKYdQZOw==",
+      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-validator-option": "^7.25.9",
-        "@babel/plugin-transform-react-display-name": "^7.25.9",
-        "@babel/plugin-transform-react-jsx": "^7.25.9",
-        "@babel/plugin-transform-react-jsx-development": "^7.25.9",
-        "@babel/plugin-transform-react-pure-annotations": "^7.25.9"
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.3.0"
       },
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "node": ">=18.18.0"
       }
     },
-    "node_modules/@babel/preset-typescript": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.26.0.tgz",
-      "integrity": "sha512-NMk1IGZ5I/oHhoXEElcm+xUnL/szL6xflkFZmoEU9xj1qSJXpiS7rsspYo92B4DRCDvZn2erT5LdsCeXAKNCkg==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.25.9",
-        "@babel/helper-validator-option": "^7.25.9",
-        "@babel/plugin-syntax-jsx": "^7.25.9",
-        "@babel/plugin-transform-modules-commonjs": "^7.25.9",
-        "@babel/plugin-transform-typescript": "^7.25.9"
-      },
+    "node_modules/@humanfs/node/node_modules/@humanwhocodes/retry": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.3.1.tgz",
+      "integrity": "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.0.tgz",
-      "integrity": "sha512-FDSOghenHTiToteC/QRlv2q3DhPZ/oOXTBoirfWNx1Cx3TMVcGWQtMMmQcSvb/JjpNeGzx8Pq/b4fKEJuWm1sw==",
-      "dependencies": {
-        "regenerator-runtime": "^0.14.0"
+        "node": ">=18.18"
       },
-      "engines": {
-        "node": ">=6.9.0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/@babel/runtime-corejs3": {
-      "version": "7.26.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.26.0.tgz",
-      "integrity": "sha512-YXHu5lN8kJCb1LOb9PgV6pvak43X2h4HvRApcN5SdWeaItQOzfn1hgP6jasD6KWQyJDBxrVmA9o9OivlnNJK/w==",
-      "dependencies": {
-        "core-js-pure": "^3.30.2",
-        "regenerator-runtime": "^0.14.0"
-      },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/template": {
-      "version": "7.25.9",
-      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.9.tgz",
-      "integrity": "sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==",
-      "dependencies": {
-        "@babel/code-frame": "^7.25.9",
-        "@babel/parser": "^7.25.9",
-        "@babel/types": "^7.25.9"
+        "node": ">=12.22"
       },
-      "engines": {
-        "node": ">=6.9.0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/@babel/traverse": {
-      "version": "7.26.4",
-      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.4.tgz",
-      "integrity": "sha512-fH+b7Y4p3yqvApJALCPJcwb0/XaOSgtK4pzV6WVjPR5GLFQBRI7pfoX2V2iM48NXvX07NUxxm1Vw98YjqTcU5w==",
-      "dependencies": {
-        "@babel/code-frame": "^7.26.2",
-        "@babel/generator": "^7.26.3",
-        "@babel/parser": "^7.26.3",
-        "@babel/template": "^7.25.9",
-        "@babel/types": "^7.26.3",
-        "debug": "^4.3.1",
-        "globals": "^11.1.0"
-      },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.2.tgz",
+      "integrity": "sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==",
+      "dev": true,
+      "license": "Apache-2.0",
       "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/@babel/types": {
-      "version": "7.26.3",
-      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
-      "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
-      "dependencies": {
-        "@babel/helper-string-parser": "^7.25.9",
-        "@babel/helper-validator-identifier": "^7.25.9"
+        "node": ">=18.18"
       },
-      "engines": {
-        "node": ">=6.9.0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
       }
     },
-    "node_modules/@bcoe/v8-coverage": {
-      "version": "0.2.3",
-      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
-      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw=="
-    },
-    "node_modules/@codexteam/icons": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@codexteam/icons/-/icons-0.3.3.tgz",
-      "integrity": "sha512-cp7mkZPgmBuSxigTm3Vb+DtVHYeX7qXfQd7o05vcLD8Ag5WvRlol2QSn5P10k0CDAJwmkH9nQGQLBycErS9lsQ=="
-    },
-    "node_modules/@colors/colors": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
-      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
-      "dev": true,
-      "optional": true,
-      "engines": {
-        "node": ">=0.1.90"
+    "node_modules/@icons/material": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@icons/material/-/material-0.2.4.tgz",
+      "integrity": "sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
       }
     },
-    "node_modules/@commitlint/cli": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/cli/-/cli-9.1.2.tgz",
-      "integrity": "sha512-ctRrrPqjZ8r4Vc4FXpPaScEpkPwfvB0Us3NK2SD2AnLwXGMxOLFTabDmNySU1Xc40ud2CmJsaV8lpavvzs8ZZA==",
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.9.6",
-        "@commitlint/format": "^9.1.2",
-        "@commitlint/lint": "^9.1.2",
-        "@commitlint/load": "^9.1.2",
-        "@commitlint/read": "^9.1.2",
-        "chalk": "4.1.0",
-        "core-js": "^3.6.1",
-        "get-stdin": "7.0.0",
-        "lodash": "^4.17.19",
-        "resolve-from": "5.0.0",
-        "resolve-global": "1.0.0",
-        "yargs": "^15.1.0"
-      },
-      "bin": {
-        "commitlint": "cli.js"
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
       },
       "engines": {
-        "node": ">=v8.17.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/@commitlint/config-conventional": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/config-conventional/-/config-conventional-9.1.2.tgz",
-      "integrity": "sha512-2zfnsrBJuCNJEKMEmltYlCUEoQNE4anvEBI/SYEuiB1JYXYaELijobDBpqhUVjh5NEpprNTY16oMZat6ewnxOg==",
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
       "dev": true,
-      "dependencies": {
-        "conventional-changelog-conventionalcommits": "4.3.0"
-      },
+      "license": "MIT",
       "engines": {
-        "node": ">=v8.17.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/@commitlint/ensure": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/ensure/-/ensure-9.1.2.tgz",
-      "integrity": "sha512-hwQICwpNSTsZgj/1/SdPvYAzhwjwgCJI4vLbT879+Jc+AJ6sj2bUDGw/F89vzgKz1VnaMm4D65bNhoWhG3pdhQ==",
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
       "dev": true,
-      "dependencies": {
-        "@commitlint/types": "^9.1.2",
-        "lodash": "^4.17.19"
-      },
+      "license": "MIT",
       "engines": {
-        "node": ">=v8.17.0"
+        "node": ">=6.0.0"
       }
     },
-    "node_modules/@commitlint/execute-rule": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/execute-rule/-/execute-rule-9.1.2.tgz",
-      "integrity": "sha512-NGbeo0KCVYo1yj9vVPFHv6RGFpIF6wcQxpFYUKGIzZVV9Vz1WyiKS689JXa99Dt1aN0cZlEJJLnTNDIgYls0Vg==",
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
       "dev": true,
-      "engines": {
-        "node": ">=v8.17.0"
-      }
+      "license": "MIT"
     },
-    "node_modules/@commitlint/format": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/format/-/format-9.1.2.tgz",
-      "integrity": "sha512-+ZWTOSGEU6dbn3NRh1q7sY5K5QLiSs7E2uSzuYnWHXcQk8nlTvnE0ibwMCQxdKLaOTZiN57fHM/7M9Re2gsRuw==",
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@commitlint/types": "^9.1.2",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=v8.17.0"
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
-    "node_modules/@commitlint/is-ignored": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/is-ignored/-/is-ignored-9.1.2.tgz",
-      "integrity": "sha512-423W/+Ro+Cc8cg81+t9gds1EscMZNjnGT31nKDvxVxJxXiXQsYYoFEQbU+nfUrRGQsUikEgEJ3ppVGr1linvcQ==",
-      "dev": true,
+    "node_modules/@monaco-editor/loader": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.5.0.tgz",
+      "integrity": "sha512-hKoGSM+7aAc7eRTRjpqAZucPmoNOC4UUbknb/VNoTkEIkCPhqV8LfbsgM1webRM7S/z21eHEx9Fkwx8Z/C/+Xw==",
+      "license": "MIT",
       "dependencies": {
-        "@commitlint/types": "^9.1.2",
-        "semver": "7.3.2"
-      },
-      "engines": {
-        "node": ">=v8.17.0"
-      }
-    },
-    "node_modules/@commitlint/is-ignored/node_modules/semver": {
-      "version": "7.3.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.2.tgz",
-      "integrity": "sha512-OrOb32TeeambH6UrhtShmF7CRDqhL6/5XpPNp2DuRH6+9QLw/orhp72j87v8Qa1ScDkvrrBNpZcDejAirJmfXQ==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
+        "state-local": "^1.0.6"
       }
     },
-    "node_modules/@commitlint/lint": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/lint/-/lint-9.1.2.tgz",
-      "integrity": "sha512-XvggqHZ4XSTKOgzJhCzz52cWRRO57QQnEviwGj0qnD4jdwC+8h2u9LNZwoa2tGAuaNM3nSm//wNK7FRZhgiiFA==",
-      "dev": true,
+    "node_modules/@monaco-editor/react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.7.0.tgz",
+      "integrity": "sha512-cyzXQCtO47ydzxpQtCGSQGOC8Gk3ZUeBXFAxD+CWXYFo5OqZyZUonFl0DwUlTyAfRHntBfw2p3w4s9R6oe1eCA==",
+      "license": "MIT",
       "dependencies": {
-        "@commitlint/is-ignored": "^9.1.2",
-        "@commitlint/parse": "^9.1.2",
-        "@commitlint/rules": "^9.1.2",
-        "@commitlint/types": "^9.1.2"
+        "@monaco-editor/loader": "^1.5.0"
       },
-      "engines": {
-        "node": ">=v8.17.0"
+      "peerDependencies": {
+        "monaco-editor": ">= 0.25.0 < 1",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
-    "node_modules/@commitlint/load": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/load/-/load-9.1.2.tgz",
-      "integrity": "sha512-FPL82xBuF7J3EJ57kLVoligQP4BFRwrknooP+vNT787AXmQ/Fddc/iYYwHwy67pNkk5N++/51UyDl/CqiHb6nA==",
-      "dev": true,
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
       "dependencies": {
-        "@commitlint/execute-rule": "^9.1.2",
-        "@commitlint/resolve-extends": "^9.1.2",
-        "@commitlint/types": "^9.1.2",
-        "chalk": "4.1.0",
-        "cosmiconfig": "^6.0.0",
-        "lodash": "^4.17.19",
-        "resolve-from": "^5.0.0"
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
       },
       "engines": {
-        "node": ">=v8.17.0"
+        "node": ">= 8"
       }
     },
-    "node_modules/@commitlint/message": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/message/-/message-9.1.2.tgz",
-      "integrity": "sha512-ndlx5z7bPVLG347oYJUHuQ41eTcsw+aUYT1ZwQyci0Duy2atpuoeeSw9SuM1PjufzRCpb6ExzFEgGzcCRKAJsg==",
-      "dev": true,
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
       "engines": {
-        "node": ">=v8.17.0"
+        "node": ">= 8"
       }
     },
-    "node_modules/@commitlint/parse": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/parse/-/parse-9.1.2.tgz",
-      "integrity": "sha512-d+/VYbkotctW+lzDpus/R6xTerOqFQkW1myH+3PwnqYSE6JU/uHT4MlZNGJBv8pX9SPlR66t6X9puFobqtezEw==",
-      "dev": true,
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
       "dependencies": {
-        "conventional-changelog-angular": "^5.0.0",
-        "conventional-commits-parser": "^3.0.0"
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
       },
       "engines": {
-        "node": ">=v8.17.0"
+        "node": ">= 8"
       }
     },
-    "node_modules/@commitlint/read": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/read/-/read-9.1.2.tgz",
-      "integrity": "sha512-C2sNBQOqeQXMxpWtRnXYKYB3D9yuybPtQNY/P67A6o8XH/UMHkFaUTyIx1KRgu0IG0yTTItRt46FGnsMWLotvA==",
-      "dev": true,
-      "dependencies": {
-        "@commitlint/top-level": "^9.1.2",
-        "fs-extra": "^8.1.0",
-        "git-raw-commits": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=v8.17.0"
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
       }
     },
-    "node_modules/@commitlint/resolve-extends": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/resolve-extends/-/resolve-extends-9.1.2.tgz",
-      "integrity": "sha512-HcoL+qFGmWEu9VM4fY0HI+VzF4yHcg3x+9Hx6pYFZ+r2wLbnKs964y0v68oyMO/mS/46MVoLNXZGR8U3adpadg==",
-      "dev": true,
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.0.tgz",
+      "integrity": "sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.1.tgz",
+      "integrity": "sha512-SJ31y+Q/zAyShtXJc8x83i9TYdbAfHZ++tUZnvjJJqFjzsdUnKsxPL6IEtBlxKkU7yzer//GQtZSV4GbldL3YA==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-accordion": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.3.tgz",
+      "integrity": "sha512-RIQ15mrcvqIkDARJeERSuXSry2N8uYnxkdDetpfmalT/+0ntOXLkFOsh9iwlAsCv+qcmhZjbdJogIm6WBa6c4A==",
+      "license": "MIT",
       "dependencies": {
-        "import-fresh": "^3.0.0",
-        "lodash": "^4.17.19",
-        "resolve-from": "^5.0.0",
-        "resolve-global": "^1.0.0"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collapsible": "1.1.3",
+        "@radix-ui/react-collection": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
       },
-      "engines": {
-        "node": ">=v8.17.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@commitlint/rules": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/rules/-/rules-9.1.2.tgz",
-      "integrity": "sha512-1vecFuzqVqjiT57ocXq1bL8V6GEF1NZs3BR0dQzObaqHftImIxBVII299gasckTkcuxNc8M+7XxZyKxUthukpQ==",
-      "dev": true,
+    "node_modules/@radix-ui/react-alert-dialog": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.6.tgz",
+      "integrity": "sha512-p4XnPqgej8sZAAReCAKgz1REYZEBLR8hU9Pg27wFnCWIMc8g1ccCs0FjBcy05V15VTu8pAePw/VDYeOm/uZ6yQ==",
+      "license": "MIT",
       "dependencies": {
-        "@commitlint/ensure": "^9.1.2",
-        "@commitlint/message": "^9.1.2",
-        "@commitlint/to-lines": "^9.1.2",
-        "@commitlint/types": "^9.1.2"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dialog": "1.1.6",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-slot": "1.1.2"
       },
-      "engines": {
-        "node": ">=v8.17.0"
-      }
-    },
-    "node_modules/@commitlint/to-lines": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/to-lines/-/to-lines-9.1.2.tgz",
-      "integrity": "sha512-o4zWcMf9EnzA3MOqx01780SgrKq5hqDJmUBPk30g6an0XcDuDy3OSZHHTJFdzsg4V9FjC4OY44sFeK7GN7NaxQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=v8.17.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@commitlint/top-level": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/top-level/-/top-level-9.1.2.tgz",
-      "integrity": "sha512-KMPP5xVePcz3B1dKqcZdU4FZBVOkT+bG3ip4RQX2TeCJoomMkTjd0utALs7rpTGLID6BXbwwXepZCZJREjR/Bw==",
-      "dev": true,
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.2.tgz",
+      "integrity": "sha512-G+KcpzXHq24iH0uGG/pF8LyzpFJYGD4RfLjCIBfGdSLXvjLHST31RUiRVrupIBMvIppMgSzQ6l66iAxl03tdlg==",
+      "license": "MIT",
       "dependencies": {
-        "find-up": "^4.0.0"
+        "@radix-ui/react-primitive": "2.0.2"
       },
-      "engines": {
-        "node": ">=v8.17.0"
-      }
-    },
-    "node_modules/@commitlint/types": {
-      "version": "9.1.2",
-      "resolved": "https://registry.npmjs.org/@commitlint/types/-/types-9.1.2.tgz",
-      "integrity": "sha512-r3fwVbVH+M8W0qYlBBZFsUwKe6NT5qvz+EmU7sr8VeN1cQ63z+3cfXyTo7WGGEMEgKiT0jboNAK3b1FZp8k9LQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=v8.17.0"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/normalize.css": {
-      "version": "12.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/normalize.css/-/normalize.css-12.1.1.tgz",
-      "integrity": "sha512-YAYeJ+Xqh7fUou1d1j9XHl44BmsuThiTr4iNrgCQ3J27IbhXsxXDGZ1cXv8Qvs99d4rBbLiSKy3+WZiet32PcQ=="
-    },
-    "node_modules/@csstools/postcss-cascade-layers": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-1.1.1.tgz",
-      "integrity": "sha512-+KdYrpKC5TgomQr2DlZF4lDEpHcoxnj5IGddYYfBWJAKfj1JtuHUIqMa+E1pJJ+z3kvDViWMqyqPlG4Ja7amQA==",
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.1.3.tgz",
+      "integrity": "sha512-Paen00T4P8L8gd9bNsRMw7Cbaz85oxiv+hzomsRZgFm2byltPFDtfcoqlWJ8GyZlIBWgLssJlzLCnKU0G0302g==",
+      "license": "MIT",
       "dependencies": {
-        "@csstools/selector-specificity": "^2.0.2",
-        "postcss-selector-parser": "^6.0.10"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-color-function": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-1.1.1.tgz",
-      "integrity": "sha512-Bc0f62WmHdtRDjf5f3e2STwRAl89N2CLb+9iAwzrv4L2hncrbDwnQD9PCq0gtAt7pOI2leIV08HIBUd4jxD8cw==",
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.1.4.tgz",
+      "integrity": "sha512-wP0CPAHq+P5I4INKe3hJrIa1WoNqqrejzW+zoU0rOvo1b9gDEJJFl2rYfO1PYJUQCc2H1WZxIJmyv9BS8i5fLw==",
+      "license": "MIT",
       "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-font-format-keywords": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-1.0.1.tgz",
-      "integrity": "sha512-ZgrlzuUAjXIOc2JueK0X5sZDjCtgimVp/O5CEqTcs5ShWBa6smhWYbS0x5cVc/+rycTDbjjzoP0KTDnUneZGOg==",
+    "node_modules/@radix-ui/react-collapsible": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.3.tgz",
+      "integrity": "sha512-jFSerheto1X03MUC0g6R7LedNW9EEGWdg9W1+MlpkMLwGkgkbUXLPBH/KIuWKXUoeYRVY11llqbTBDzuLg7qrw==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-hwb-function": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-1.0.2.tgz",
-      "integrity": "sha512-YHdEru4o3Rsbjmu6vHy4UKOXZD+Rn2zmkAmLRfPet6+Jz4Ojw8cbWxe1n42VaXQhD3CQUXXTooIy8OkVbUcL+w==",
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.2.tgz",
+      "integrity": "sha512-9z54IEKRxIa9VityapoEYMuByaG42iSy1ZXlY2KcuLSEtq8x4987/N6m15ppoMffgZX72gER2uHe1D9Y6Unlcw==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-slot": "1.1.2"
       },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.1.1.tgz",
+      "integrity": "sha512-UASk9zi+crv9WteK/NU4PLvOoL3OuE6BWVKNF6hPRBtYBDXQ2u5iu3O59zUlJiTVvkyuycnqrztsHVJwcK9K+Q==",
+      "license": "MIT",
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-ic-unit": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-ic-unit/-/postcss-ic-unit-1.0.1.tgz",
-      "integrity": "sha512-Ot1rcwRAaRHNKC9tAqoqNZhjdYBzKk1POgWfhN4uCOE47ebGcLRqXjKkApVDpjifL6u2/55ekkpnFcp+s/OZUw==",
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.6.tgz",
+      "integrity": "sha512-/IVhJV5AceX620DUJ4uYVMymzsipdKBzo3edo+omeskCKGm9FRHM0ebIdbPnlQVJqyuHbuBltQUOG2mOTq2IYw==",
+      "license": "MIT",
       "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.5",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.2",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-portal": "1.1.4",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-slot": "1.1.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
+      "integrity": "sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg==",
+      "license": "MIT",
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-is-pseudo-class": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-2.0.7.tgz",
-      "integrity": "sha512-7JPeVVZHd+jxYdULl87lvjgvWldYu+Bc62s9vD/ED6/QTGjy0jy0US/f6BG53sVMTBJ1lzKZFpYmofBN9eaRiA==",
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.5.tgz",
+      "integrity": "sha512-E4TywXY6UsXNRhFrECa5HAvE5/4BFcGyfTyK36gP+pAW1ed7UTK4vKwdr53gAJYwqbfCWC6ATvJa3J3R/9+Qrg==",
+      "license": "MIT",
       "dependencies": {
-        "@csstools/selector-specificity": "^2.0.0",
-        "postcss-selector-parser": "^6.0.10"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-escape-keydown": "1.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-nested-calc": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-nested-calc/-/postcss-nested-calc-1.0.0.tgz",
-      "integrity": "sha512-JCsQsw1wjYwv1bJmgjKSoZNvf7R6+wuHDAbi5f/7MbFhl2d/+v+TvBTU4BJH3G1X1H87dHl0mh6TfYogbT/dJQ==",
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.6.tgz",
+      "integrity": "sha512-no3X7V5fD487wab/ZYSHXq3H37u4NVeLDKI/Ks724X/eEFSSEFYZxWgsIlr1UBeEyDaM29HM5x9p1Nv8DuTYPA==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-menu": "2.1.6",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.1.tgz",
+      "integrity": "sha512-pSIwfrT1a6sIoDASCSpFwOasEwKTZWDw/iBdtnqKO7v6FeOzYJ7U53cPzYFVR3geGGXgVHaH+CdngrrAzqUGxg==",
+      "license": "MIT",
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-normalize-display-values": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-1.0.1.tgz",
-      "integrity": "sha512-jcOanIbv55OFKQ3sYeFD/T0Ti7AMXc9nM1hZWu8m/2722gOTxFg7xYu4RDLJLeZmPUVQlGzo4jhzvTUq3x4ZUw==",
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.2.tgz",
+      "integrity": "sha512-zxwE80FCU7lcXUGWkdt6XpTTCKPitG1XKOwViTxHVKIJhZl9MvIl2dVHeZENCWD9+EdWv05wlaEkRXUykU27RA==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-oklab-function": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-1.1.1.tgz",
-      "integrity": "sha512-nJpJgsdA3dA9y5pgyb/UfEzE7W5Ka7u0CX0/HIMVBNWzWemdcTH3XwANECU6anWv/ao4vVNLTMxhiPNZsTK6iA==",
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.0.tgz",
+      "integrity": "sha512-EJUrI8yYh7WOjNOqpoJaf1jlFIH2LvtgAl+YcFqNCa+4hj64ZXmPkAKOFs/ukjz3byN6bdb/AVUqHkI8/uWWMA==",
+      "license": "MIT",
       "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-progressive-custom-properties": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-1.3.0.tgz",
-      "integrity": "sha512-ASA9W1aIy5ygskZYuWams4BzafD12ULvSypmaLJT2jvQ8G0M3I8PRQhC0h7mG0Z3LI05+agZjqSR9+K9yaQQjA==",
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.2.tgz",
+      "integrity": "sha512-zo1uGMTaNlHehDyFQcDZXRJhUPDuukcnHz0/jnrup0JA6qL+AFpAnty+7VKa9esuU5xTblAZzTGYJKSKaBxBhw==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+        "@radix-ui/react-primitive": "2.0.2"
       },
       "peerDependencies": {
-        "postcss": "^8.3"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-stepped-value-functions": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-1.0.1.tgz",
-      "integrity": "sha512-dz0LNoo3ijpTOQqEJLY8nyaapl6umbmDcgj4AD0lgVQ572b2eqA1iGZYTTWhrcrHztWDDRAX2DGYyw2VBjvCvQ==",
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.6.tgz",
+      "integrity": "sha512-tBBb5CXDJW3t2mo9WlO7r6GTmWV0F0uzHZVFmlRmYpiSK1CDU5IKojP1pm7oknpBOrFZx/YgBRW9oorPO2S/Lg==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.5",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.2",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.2",
+        "@radix-ui/react-portal": "1.1.4",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-roving-focus": "1.1.2",
+        "@radix-ui/react-slot": "1.1.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-text-decoration-shorthand": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-1.0.0.tgz",
-      "integrity": "sha512-c1XwKJ2eMIWrzQenN0XbcfzckOLLJiczqy+YvfGmzoVXd7pT9FfObiSEfzs84bpE/VqfpEuAZ9tCRbZkZxxbdw==",
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.6.tgz",
+      "integrity": "sha512-NQouW0x4/GnkFJ/pRqsIS3rM/k97VzKnVb2jB7Gq7VEGPy5g7uNV1ykySFt7eWSp3i2uSGFwaJcvIRJBAHmmFg==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.5",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.2",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.2",
+        "@radix-ui/react-portal": "1.1.4",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-slot": "1.1.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-trigonometric-functions": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-1.0.2.tgz",
-      "integrity": "sha512-woKaLO///4bb+zZC2s80l+7cm07M7268MsyG3M0ActXXEFi6SuhvriQYcb58iiKGbjwwIU7n45iRLEHypB47Og==",
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.2.tgz",
+      "integrity": "sha512-Rvqc3nOpwseCyj/rgjlJDYAgyfw7OC1tTkKn2ivhaMGcYt8FSBlahHOZak2i3QwkRXUXgGgzeEe2RuqeEHuHgA==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-rect": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0",
+        "@radix-ui/rect": "1.1.0"
       },
-      "engines": {
-        "node": "^14 || >=16"
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@csstools/postcss-unset-value": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz",
-      "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==",
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.4.tgz",
+      "integrity": "sha512-sn2O9k1rPFYVyKd5LAJfo96JlSGVFpa1fS6UuBJfrZadudiw5tAmru+n1x7aMRQ84qDM71Zh1+SzK5QwU0tJfA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
-      }
-    },
-    "node_modules/@csstools/selector-specificity": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
-      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "peerDependencies": {
-        "postcss-selector-parser": "^6.0.10"
-      }
-    },
-    "node_modules/@ctrl/tinycolor": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
-      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
-      "engines": {
-        "node": ">=10"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/code": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/@editorjs/code/-/code-2.9.3.tgz",
-      "integrity": "sha512-nXUrK3CjhpubvShYtcbkpZ9SU15IYwmJOsWZrlWYSzy9unZBRQthii6eABndsCtODzzV0yiSKmTp00RQkFow3Q==",
-      "dev": true,
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.2.tgz",
+      "integrity": "sha512-18TFr80t5EVgL9x1SwF/YGtfG+l0BS0PRAlCWBDoBEiDQjeKgnNZRVJp/oVBl24sr3Gbfwc/Qpj4OcWTQMsAEg==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.3.2"
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/delimiter": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/@editorjs/delimiter/-/delimiter-1.4.2.tgz",
-      "integrity": "sha512-S8q2LpeYdYkVShLp7K8c4HLthDHBevLw+sT+iO0+SH0oMvFmld9SUon3DFzMQ2gG07EOdZGRZ958+sVxyvFjZw==",
-      "dev": true,
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.0.2.tgz",
+      "integrity": "sha512-Ec/0d38EIuvDF+GZjcMU/Ze6MxntVJYO/fRlCPhCaVUyPY9WTalHJw54tp9sXeJo3tlShWpy41vQRgLRGOuz+w==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.3.2"
+        "@radix-ui/react-slot": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/dom": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/@editorjs/dom/-/dom-0.0.5.tgz",
-      "integrity": "sha512-SZ78Gwpkp3EUhjBIp0lSojeQ35V9acF8SubJsMeOH/vlOUE40GOnvvwWZnF05lO7bIB0dOHhhJy4N7IIAWxP2w==",
+    "node_modules/@radix-ui/react-radio-group": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.2.3.tgz",
+      "integrity": "sha512-xtCsqt8Rp09FK50ItqEqTJ7Sxanz8EM8dnkVIhJrc/wkMMomSmXHvYbhv3E7Zx4oXh98aaLt9W679SUYXg4IDA==",
+      "license": "MIT",
       "dependencies": {
-        "@editorjs/helpers": "^0.0.4"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-roving-focus": "1.1.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/editorjs": {
-      "version": "2.30.7",
-      "resolved": "https://registry.npmjs.org/@editorjs/editorjs/-/editorjs-2.30.7.tgz",
-      "integrity": "sha512-FfdeUqrgcKWC+Cy2GW6Dxup6s2TaRKokR4FL+HKXshu6h9Y//rrx4SQkURgkZOCSbV77t9btbmAXdFXWGB+diw=="
-    },
-    "node_modules/@editorjs/header": {
-      "version": "2.8.8",
-      "resolved": "https://registry.npmjs.org/@editorjs/header/-/header-2.8.8.tgz",
-      "integrity": "sha512-bsMSs34u2hoi0UBuRoc5EGWXIFzJiwYgkFUYQGVm63y5FU+s8zPBmVx5Ip2sw1xgs0fqfDROqmteMvvmbCy62w==",
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.2.tgz",
+      "integrity": "sha512-zgMQWkNO169GtGqRvYrzb0Zf8NhMHS2DuEB/TiEmVnpr5OqPU3i8lfbxaAmC2J/KYuIQxyoQQ6DxepyXp61/xw==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.0.5",
-        "@editorjs/editorjs": "^2.29.1"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/header/node_modules/@codexteam/icons": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/@codexteam/icons/-/icons-0.0.5.tgz",
-      "integrity": "sha512-s6H2KXhLz2rgbMZSkRm8dsMJvyUNZsEjxobBEg9ztdrb1B2H3pEzY6iTwI4XUPJWJ3c3qRKwV4TrO3J5jUdoQA=="
-    },
-    "node_modules/@editorjs/helpers": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/@editorjs/helpers/-/helpers-0.0.4.tgz",
-      "integrity": "sha512-ieg3dzo2m1/ELze/RMNADiAiC5amXxIlVXoJ5vvXITOu/p/dPsrF+Oi3h5gBYvtGk9vg5LJUSG5YWU0tBUO1tw=="
-    },
-    "node_modules/@editorjs/inline-code": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/@editorjs/inline-code/-/inline-code-1.5.1.tgz",
-      "integrity": "sha512-XvKpqw9y1bOYgyuVUHGDuu7KlNWCYIXD5uU1Lpc4s4LJ8VN4TjWFGKJ3sS+LR7zzasWe8hu2ffR1JC6MHIS0EQ==",
-      "dev": true,
+    "node_modules/@radix-ui/react-scroll-area": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.3.tgz",
+      "integrity": "sha512-l7+NNBfBYYJa9tNqVcP2AGvxdE3lmE6kFTBXdvHgUaZuy+4wGCL1Cl2AfaR7RKyimj7lZURGLwFO59k4eBnDJQ==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.3.2"
+        "@radix-ui/number": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/list": {
-      "version": "1.10.0",
-      "resolved": "https://registry.npmjs.org/@editorjs/list/-/list-1.10.0.tgz",
-      "integrity": "sha512-zXCHaNcIscpefnteBOS3x+98f/qBgEVsv+OvtKoTDZipMNqck2uVG+X2qMQr8xcwtJrj9ySX54lUac9FDlAHnA==",
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.1.6.tgz",
+      "integrity": "sha512-T6ajELxRvTuAMWH0YmRJ1qez+x4/7Nq7QIx7zJ0VK3qaEWdnWpNbEDnmWldG1zBDwqrLy5aLMUWcoGirVj5kMg==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.0.4"
+        "@radix-ui/number": "1.1.0",
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-collection": "1.1.2",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-dismissable-layer": "1.1.5",
+        "@radix-ui/react-focus-guards": "1.1.1",
+        "@radix-ui/react-focus-scope": "1.1.2",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.2",
+        "@radix-ui/react-portal": "1.1.4",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-slot": "1.1.2",
+        "@radix-ui/react-use-callback-ref": "1.1.0",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-layout-effect": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.2",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.6.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/list/node_modules/@codexteam/icons": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/@codexteam/icons/-/icons-0.0.4.tgz",
-      "integrity": "sha512-V8N/TY2TGyas4wLrPIFq7bcow68b3gu8DfDt1+rrHPtXxcexadKauRJL6eQgfG7Z0LCrN4boLRawR4S9gjIh/Q=="
-    },
-    "node_modules/@editorjs/marker": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@editorjs/marker/-/marker-1.4.0.tgz",
-      "integrity": "sha512-5ipEXfL44jTTRzgNp/p/YjMO7jT08S5z4V8qA3FFJTfdhKgQyM3mvP1zpdYKw47ZZpVWMCncvk5Nto3BxihEtg==",
-      "dev": true,
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.2.tgz",
+      "integrity": "sha512-oZfHcaAp2Y6KFBX6I5P1u7CQoy4lheCGiYj+pGFrHy8E/VNRb5E39TkTr3JrV520csPBTZjkuKFdEsjS5EUNKQ==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.0.5"
+        "@radix-ui/react-primitive": "2.0.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/marker/node_modules/@codexteam/icons": {
-      "version": "0.0.5",
-      "resolved": "https://registry.npmjs.org/@codexteam/icons/-/icons-0.0.5.tgz",
-      "integrity": "sha512-s6H2KXhLz2rgbMZSkRm8dsMJvyUNZsEjxobBEg9ztdrb1B2H3pEzY6iTwI4XUPJWJ3c3qRKwV4TrO3J5jUdoQA==",
-      "dev": true
-    },
-    "node_modules/@editorjs/paragraph": {
-      "version": "2.11.7",
-      "resolved": "https://registry.npmjs.org/@editorjs/paragraph/-/paragraph-2.11.7.tgz",
-      "integrity": "sha512-qD6bbWvRc4VvP0mXDOm+hOhzzhUYR9ZjcAvgCuKWcCbUMpCvhVF1s8NX40zdjekPi6JEnuHTamCncTrSzVsVhw==",
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.2.tgz",
+      "integrity": "sha512-YAKxaiGsSQJ38VzKH86/BPRC4rh+b1Jpa+JneA5LRE7skmLPNAyeG8kPJj/oo4STLvlrs8vkf/iYyc3A5stYCQ==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.0.4"
+        "@radix-ui/react-compose-refs": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/paragraph/node_modules/@codexteam/icons": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/@codexteam/icons/-/icons-0.0.4.tgz",
-      "integrity": "sha512-V8N/TY2TGyas4wLrPIFq7bcow68b3gu8DfDt1+rrHPtXxcexadKauRJL6eQgfG7Z0LCrN4boLRawR4S9gjIh/Q=="
-    },
-    "node_modules/@editorjs/quote": {
-      "version": "2.7.6",
-      "resolved": "https://registry.npmjs.org/@editorjs/quote/-/quote-2.7.6.tgz",
-      "integrity": "sha512-D01KUMSDj2r+6Z+xjDkQqI+y6URpeHCvj0+P4pah+GtkG040lWjFb2H4pgHFXuol2cbfyAoraYSw85fuPheCvw==",
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.1.3.tgz",
+      "integrity": "sha512-1nc+vjEOQkJVsJtWPSiISGT6OKm4SiOdjMo+/icLxo2G4vxz1GntC5MzfL4v8ey9OEfw787QCD1y3mUv0NiFEQ==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.3.2",
-        "@editorjs/dom": "^0.0.5"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-use-previous": "1.1.0",
+        "@radix-ui/react-use-size": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/raw": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/@editorjs/raw/-/raw-2.5.1.tgz",
-      "integrity": "sha512-h7CjXtfSTe4Bj1CL84ch5NW0q0CdrlWsLzQ/kbaFTgx914CzKz4Ug+xgdvytVO1dd1QzB5/HCW0ic1VxtgkhMQ==",
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.3.tgz",
+      "integrity": "sha512-9mFyI30cuRDImbmFF6O2KUJdgEOsGh9Vmx9x/Dh9tOhL7BngmQPQfwW4aejKm5OHpfWIdmeV6ySyuxoOGjtNng==",
+      "license": "MIT",
       "dependencies": {
-        "@codexteam/icons": "^0.0.4"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-direction": "1.1.0",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-roving-focus": "1.1.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@editorjs/raw/node_modules/@codexteam/icons": {
-      "version": "0.0.4",
-      "resolved": "https://registry.npmjs.org/@codexteam/icons/-/icons-0.0.4.tgz",
-      "integrity": "sha512-V8N/TY2TGyas4wLrPIFq7bcow68b3gu8DfDt1+rrHPtXxcexadKauRJL6eQgfG7Z0LCrN4boLRawR4S9gjIh/Q=="
-    },
-    "node_modules/@editorjs/table": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/@editorjs/table/-/table-1.3.0.tgz",
-      "integrity": "sha512-3/gr7IkjsYuECndCpcBSKzZQHos7C9QU1ach8avyVbXB3VLAa1RyGjgocu0Ct4d02HdxirrYZ7+vP1Na+s04GQ=="
-    },
-    "node_modules/@emotion/hash": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz",
-      "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
-    },
-    "node_modules/@emotion/unitless": {
-      "version": "0.7.5",
-      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz",
-      "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
-    },
-    "node_modules/@eslint-community/eslint-utils": {
-      "version": "4.4.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.1.tgz",
-      "integrity": "sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==",
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.8.tgz",
+      "integrity": "sha512-YAA2cu48EkJZdAMHC0dqo9kialOcRStbtiY4nJPaht7Ptrhcvpo+eDChaM6BIs8kL6a8Z5l5poiqLnXcNduOkA==",
+      "license": "MIT",
       "dependencies": {
-        "eslint-visitor-keys": "^3.4.3"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+        "@radix-ui/primitive": "1.1.1",
+        "@radix-ui/react-compose-refs": "1.1.1",
+        "@radix-ui/react-context": "1.1.1",
+        "@radix-ui/react-dismissable-layer": "1.1.5",
+        "@radix-ui/react-id": "1.1.0",
+        "@radix-ui/react-popper": "1.2.2",
+        "@radix-ui/react-portal": "1.1.4",
+        "@radix-ui/react-presence": "1.1.2",
+        "@radix-ui/react-primitive": "2.0.2",
+        "@radix-ui/react-slot": "1.1.2",
+        "@radix-ui/react-use-controllable-state": "1.1.0",
+        "@radix-ui/react-visually-hidden": "1.1.2"
       },
       "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
-      }
-    },
-    "node_modules/@eslint-community/regexpp": {
-      "version": "4.12.1",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.1.tgz",
-      "integrity": "sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==",
-      "engines": {
-        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@eslint/eslintrc": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
-      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
-      "dependencies": {
-        "ajv": "^6.12.4",
-        "debug": "^4.3.2",
-        "espree": "^9.6.0",
-        "globals": "^13.19.0",
-        "ignore": "^5.2.0",
-        "import-fresh": "^3.2.1",
-        "js-yaml": "^4.1.0",
-        "minimatch": "^3.1.2",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
+      "integrity": "sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.1.0.tgz",
+      "integrity": "sha512-MtfMVJiSr2NjzS0Aa90NPTnvTSg6C/JLCV7ma0W6+OMV78vd8OyRpID+Ng9LxzsPbLeuBnWBA1Nq30AtBIDChw==",
+      "license": "MIT",
       "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
+        "@radix-ui/react-use-callback-ref": "1.1.0"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.0.tgz",
+      "integrity": "sha512-L7vwWlR1kTTQ3oh7g1O0CBF3YCyyTj8NmhLR+phShpyA50HCfBFKVJTpshm9PzLiKmehsrQzTYTpX9HvmC9rhw==",
+      "license": "MIT",
       "dependencies": {
-        "type-fest": "^0.20.2"
+        "@radix-ui/react-use-callback-ref": "1.1.0"
       },
-      "engines": {
-        "node": ">=8"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
-    },
-    "node_modules/@eslint/eslintrc/node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "engines": {
-        "node": ">=10"
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz",
+      "integrity": "sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@eslint/js": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
-      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@factly/scooter-bubble-menu": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-bubble-menu/-/scooter-bubble-menu-0.0.45.tgz",
-      "integrity": "sha512-40th0D6444q58rgBSLtbhlWbvpnPC/Vo68H0L67iGcucEr8oIHYJ+/j3MU+UY5DT0ozXiai0/jysWmMZ3A+Umg==",
-      "dependencies": {
-        "@factly/scooter-image": "0.0.45",
-        "@factly/scooter-shared-utils": "0.0.45",
-        "@factly/scooter-ui": "0.0.45",
-        "@tiptap/pm": "2.3.1",
-        "@tiptap/react": "2.0.4",
-        "classnames": "2.5.1",
-        "react-icons": "^4.7.1",
-        "tippy.js": "6.3.7"
-      },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.0.tgz",
+      "integrity": "sha512-Z/e78qg2YFnnXcW88A4JmTtm4ADckLno6F7OXotmkQfeuCVaKuYzqAATPhVzl3delXE7CxIV8shofPn3jPc5Og==",
+      "license": "MIT",
       "peerDependencies": {
-        "react": "^18.0.0"
-      }
-    },
-    "node_modules/@factly/scooter-bubble-menu/node_modules/@remirror/core-constants": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz",
-      "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ=="
-    },
-    "node_modules/@factly/scooter-bubble-menu/node_modules/@tiptap/pm": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.3.1.tgz",
-      "integrity": "sha512-jdd1PFAFeewcu1rWsiqoCc04u5NCplHVjsGPN4jxUmqKdU0YN/9sp7h8gRG6YN1GZRoC1Y6KD+WPLMdzkwizZQ==",
-      "dependencies": {
-        "prosemirror-changeset": "^2.2.1",
-        "prosemirror-collab": "^1.3.1",
-        "prosemirror-commands": "^1.5.2",
-        "prosemirror-dropcursor": "^1.8.1",
-        "prosemirror-gapcursor": "^1.3.2",
-        "prosemirror-history": "^1.3.2",
-        "prosemirror-inputrules": "^1.3.0",
-        "prosemirror-keymap": "^1.2.2",
-        "prosemirror-markdown": "^1.12.0",
-        "prosemirror-menu": "^1.2.4",
-        "prosemirror-model": "^1.19.4",
-        "prosemirror-schema-basic": "^1.2.2",
-        "prosemirror-schema-list": "^1.3.0",
-        "prosemirror-state": "^1.4.3",
-        "prosemirror-tables": "^1.3.5",
-        "prosemirror-trailing-node": "^2.0.7",
-        "prosemirror-transform": "^1.8.0",
-        "prosemirror-view": "^1.32.7"
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@factly/scooter-bubble-menu/node_modules/prosemirror-trailing-node": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.9.tgz",
-      "integrity": "sha512-YvyIn3/UaLFlFKrlJB6cObvUhmwFNZVhy1Q8OpW/avoTbD/Y7H5EcjK4AZFKhmuS6/N6WkGgt7gWtBWDnmFvHg==",
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.0.tgz",
+      "integrity": "sha512-0Fmkebhr6PiseyZlYAOtLS+nb7jLmpqTrJyv61Pe68MKYW6OWdRE2kI70TaYY27u7H0lajqM3hSMMLFq18Z7nQ==",
+      "license": "MIT",
       "dependencies": {
-        "@remirror/core-constants": "^2.0.2",
-        "escape-string-regexp": "^4.0.0"
+        "@radix-ui/rect": "1.1.0"
       },
       "peerDependencies": {
-        "prosemirror-model": "^1.22.1",
-        "prosemirror-state": "^1.4.2",
-        "prosemirror-view": "^1.33.8"
-      }
-    },
-    "node_modules/@factly/scooter-claim": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-claim/-/scooter-claim-0.0.45.tgz",
-      "integrity": "sha512-qcTpGUL9Sh/1iFcQd/5i9wjJPigoZeuo6BoUS6rqV0jvbAhn2jY6evDoWinYEgmXN/ZaL6tmWlkf0mqDZJrk1A==",
-      "dependencies": {
-        "@factly/scooter-ui": "0.0.45",
-        "@tiptap/core": "2.3.1",
-        "@tiptap/react": "2.0.4",
-        "react-icons": "^4.7.1",
-        "react-paginate": "8.2.0"
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "peerDependencies": {
-        "react": "^18.0.0"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@factly/scooter-code-block": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-code-block/-/scooter-code-block-0.0.45.tgz",
-      "integrity": "sha512-Mvayd2cfcHQKH/x/wg2rls1T48HVctUCw9hpBpr1HHRZ+z57Lrf0dE0tvTzKLejFHGvqWxQxUAu/nU21yxa53Q==",
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.0.tgz",
+      "integrity": "sha512-XW3/vWuIXHa+2Uwcc2ABSfcCledmXhhQPlGbfcRXbiUQI5Icjcg19BGCZVKKInYbvUCut/ufbbLLPFC5cbb1hw==",
+      "license": "MIT",
       "dependencies": {
-        "@tiptap/extension-code-block-lowlight": "2.3.1",
-        "@tiptap/react": "2.0.4",
-        "lowlight": "2.9.0",
-        "react-icons": "4.12.0"
+        "@radix-ui/react-use-layout-effect": "1.1.0"
       },
       "peerDependencies": {
-        "react": "^18.0.0"
-      }
-    },
-    "node_modules/@factly/scooter-core": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-core/-/scooter-core-0.0.45.tgz",
-      "integrity": "sha512-rNmKBQh/Lt+/Ea9O2yUF1ow+I2fJgsb1NxVpbTr0x6NlYTKgxfGG+jyRMHVO3YzOn7WofgR9xI0/HLuImoCh9g==",
-      "dependencies": {
-        "@factly/scooter-bubble-menu": "0.0.45",
-        "@factly/scooter-fixed-menu": "0.0.45",
-        "@factly/scooter-shared-utils": "0.0.45",
-        "@factly/scooter-slash-commands": "0.0.45",
-        "@factly/scooter-ui": "0.0.45",
-        "@storybook/addons": "6.5.16",
-        "@storybook/theming": "6.5.16",
-        "@tiptap/core": "2.3.1",
-        "@tiptap/extension-character-count": "2.3.1",
-        "@tiptap/extension-color": "2.3.1",
-        "@tiptap/extension-document": "2.3.1",
-        "@tiptap/extension-heading": "2.3.1",
-        "@tiptap/extension-highlight": "2.3.1",
-        "@tiptap/extension-link": "2.3.1",
-        "@tiptap/extension-subscript": "2.3.1",
-        "@tiptap/extension-superscript": "2.3.1",
-        "@tiptap/extension-text-align": "2.3.1",
-        "@tiptap/extension-text-style": "2.3.1",
-        "@tiptap/extension-typography": "2.3.1",
-        "@tiptap/extension-underline": "2.3.1",
-        "@tiptap/pm": "^2.0.0-beta.218",
-        "@tiptap/react": "2.0.4",
-        "@tiptap/starter-kit": "2.3.1",
-        "classnames": "2.5.1",
-        "dangerously-set-html-content": "1.1.0",
-        "dompurify": "3.1.2",
-        "lodash.isplainobject": "4.0.6",
-        "react-icons": "4.12.0"
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
       },
-      "peerDependencies": {
-        "react": "^18.0.0"
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@factly/scooter-embed": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-embed/-/scooter-embed-0.0.45.tgz",
-      "integrity": "sha512-TLV7koik7SEOWzejRiUrRGrRFT8p0JMjiVtc1PcQcEGbCFha0Z39n4YTsm4l9zRskj1SPB7727nJKT0kjrEucA==",
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.1.2.tgz",
+      "integrity": "sha512-1SzA4ns2M1aRlvxErqhLHsBHoS5eI5UUcI2awAMgGUp4LoaoWOKYmvqDY2s/tltuPkh3Yk77YF/r3IRj+Amx4Q==",
+      "license": "MIT",
       "dependencies": {
-        "@factly/scooter-shared-utils": "0.0.45",
-        "@factly/scooter-ui": "0.0.45",
-        "@tiptap/core": "2.3.1",
-        "@tiptap/react": "2.0.4",
-        "axios": "1.6.8",
-        "dangerously-set-html-content": "1.1.0"
+        "@radix-ui/react-primitive": "2.0.2"
       },
       "peerDependencies": {
-        "react": "^18.0.0"
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@factly/scooter-embed/node_modules/axios": {
-      "version": "1.6.8",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
-      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
-      "dependencies": {
-        "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.0.tgz",
+      "integrity": "sha512-A9+lCBZoaMJlVKcRBz2YByCG+Cp2t6nAnMnNba+XiWxnj6r4JUFqfsgwocMBZU9LPtdxC6wB56ySYpc7LQIoJg==",
+      "license": "MIT"
     },
-    "node_modules/@factly/scooter-embed/node_modules/form-data": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
-      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
+    "node_modules/@redux-devtools/extension": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@redux-devtools/extension/-/extension-3.3.0.tgz",
+      "integrity": "sha512-X34S/rC8S/M1BIrkYD1mJ5f8vlH0BDqxXrs96cvxSBo4FhMdbhU+GUGsmNYov1xjSyLMHgo8NYrUG8bNX7525g==",
+      "license": "MIT",
       "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@factly/scooter-fixed-menu": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-fixed-menu/-/scooter-fixed-menu-0.0.45.tgz",
-      "integrity": "sha512-ss7M9IkL/hcF90lEPKLGfEoAKakBpYcZPO0y8YOR1O4R0jkjauBH5kH5n/8mzmvMXXYGQqijLtnjjE799NlqzQ==",
-      "dependencies": {
-        "@factly/scooter-bubble-menu": "0.0.45",
-        "@factly/scooter-image": "0.0.45",
-        "@factly/scooter-shared-utils": "0.0.45",
-        "@factly/scooter-ui": "0.0.45",
-        "classnames": "2.5.1",
-        "react-icons": "4.12.0"
+        "@babel/runtime": "^7.23.2",
+        "immutable": "^4.3.4"
       },
       "peerDependencies": {
-        "react": "^18.0.0"
+        "redux": "^3.1.0 || ^4.0.0 || ^5.0.0"
       }
     },
-    "node_modules/@factly/scooter-image": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-image/-/scooter-image-0.0.45.tgz",
-      "integrity": "sha512-JBwZSILZhHt+Xmf7Zaqaf0obsmN7CQSWjZ4ZRPW5q1yhP8T1z61yNTnNIhOkssQD3aCrpxiatc3tQ/J9UJTplA==",
+    "node_modules/@reduxjs/toolkit": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.6.0.tgz",
+      "integrity": "sha512-mWJCYpewLRyTuuzRSEC/IwIBBkYg2dKtQas8mty5MaV2iXzcmicS3gW554FDeOvLnY3x13NIk8MB1e8wHO7rqQ==",
+      "license": "MIT",
       "dependencies": {
-        "@factly/scooter-shared-utils": "0.0.45",
-        "@factly/scooter-ui": "0.0.45",
-        "@tiptap/core": "2.3.1",
-        "@tiptap/extension-image": "2.3.1",
-        "@uppy/aws-s3": "3.6.2",
-        "@uppy/core": "3.11.0",
-        "@uppy/dashboard": "^3.3.1",
-        "@uppy/drag-drop": "^3.0.1",
-        "@uppy/file-input": "^3.0.1",
-        "@uppy/progress-bar": "^3.0.1",
-        "@uppy/react": "3.3.1",
-        "@uppy/status-bar": "^3.0.1",
-        "@uppy/url": "3.6.1",
-        "axios": "1.6.8",
-        "classnames": "2.5.1",
-        "react-icons": "4.12.0",
-        "react-masonry-infinite": "1.2.2",
-        "react-paginate": "8.2.0"
+        "immer": "^10.0.3",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.1.0"
       },
       "peerDependencies": {
-        "react": "^18.0.0"
+        "react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
+        "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-redux": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@factly/scooter-image/node_modules/axios": {
-      "version": "1.6.8",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
-      "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
-      "dependencies": {
-        "follow-redirects": "^1.15.6",
-        "form-data": "^4.0.0",
-        "proxy-from-env": "^1.1.0"
-      }
+    "node_modules/@remirror/core-constants": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
+      "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg==",
+      "license": "MIT"
     },
-    "node_modules/@factly/scooter-image/node_modules/form-data": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
-      "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
+    "node_modules/@remix-run/router": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.5.0.tgz",
+      "integrity": "sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 6"
+        "node": ">=14"
       }
     },
-    "node_modules/@factly/scooter-shared-utils": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-shared-utils/-/scooter-shared-utils-0.0.45.tgz",
-      "integrity": "sha512-rnB4+GlpEi92OqV36gj5wSRd6eaVJC6CJALwN8Tr13pJakw/rLEvFULMiE9rADpWfj7Vtr4G/hpFFSCmXEClRg==",
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.4.tgz",
+      "integrity": "sha512-USm05zrsFxYLPdWWq+K3STlWiT/3ELn3RcV5hJMghpeAIhxfsUIg6mt12CBJBInWMV4VneoV7SfGv8xIwo2qNQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@tiptap/core": "2.3.1",
-        "@tiptap/pm": "2.3.1",
-        "highlight.js": "11.9.0",
-        "ramda": "0.28.0"
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
       },
       "peerDependencies": {
-        "react": "^18.0.0"
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
       }
     },
-    "node_modules/@factly/scooter-shared-utils/node_modules/@remirror/core-constants": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz",
-      "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ=="
+    "node_modules/@rollup/pluginutils/node_modules/picomatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.2.tgz",
+      "integrity": "sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
     },
-    "node_modules/@factly/scooter-shared-utils/node_modules/@tiptap/pm": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.3.1.tgz",
-      "integrity": "sha512-jdd1PFAFeewcu1rWsiqoCc04u5NCplHVjsGPN4jxUmqKdU0YN/9sp7h8gRG6YN1GZRoC1Y6KD+WPLMdzkwizZQ==",
-      "dependencies": {
-        "prosemirror-changeset": "^2.2.1",
-        "prosemirror-collab": "^1.3.1",
-        "prosemirror-commands": "^1.5.2",
-        "prosemirror-dropcursor": "^1.8.1",
-        "prosemirror-gapcursor": "^1.3.2",
-        "prosemirror-history": "^1.3.2",
-        "prosemirror-inputrules": "^1.3.0",
-        "prosemirror-keymap": "^1.2.2",
-        "prosemirror-markdown": "^1.12.0",
-        "prosemirror-menu": "^1.2.4",
-        "prosemirror-model": "^1.19.4",
-        "prosemirror-schema-basic": "^1.2.2",
-        "prosemirror-schema-list": "^1.3.0",
-        "prosemirror-state": "^1.4.3",
-        "prosemirror-tables": "^1.3.5",
-        "prosemirror-trailing-node": "^2.0.7",
-        "prosemirror-transform": "^1.8.0",
-        "prosemirror-view": "^1.32.7"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      }
-    },
-    "node_modules/@factly/scooter-shared-utils/node_modules/prosemirror-trailing-node": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.9.tgz",
-      "integrity": "sha512-YvyIn3/UaLFlFKrlJB6cObvUhmwFNZVhy1Q8OpW/avoTbD/Y7H5EcjK4AZFKhmuS6/N6WkGgt7gWtBWDnmFvHg==",
-      "dependencies": {
-        "@remirror/core-constants": "^2.0.2",
-        "escape-string-regexp": "^4.0.0"
-      },
-      "peerDependencies": {
-        "prosemirror-model": "^1.22.1",
-        "prosemirror-state": "^1.4.2",
-        "prosemirror-view": "^1.33.8"
-      }
-    },
-    "node_modules/@factly/scooter-slash-commands": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-slash-commands/-/scooter-slash-commands-0.0.45.tgz",
-      "integrity": "sha512-X8gfYL7YOWQwJQQKN8yP38V4BTryqzmb7a8SKOHNPTiY7xhQyq8L2nZk9IixzBSck6yWMGJAge2EMuNcwT3/ew==",
-      "dependencies": {
-        "@factly/scooter-shared-utils": "0.0.45",
-        "@tippyjs/react": "4.2.6",
-        "@tiptap/core": "2.3.1",
-        "@tiptap/pm": "2.3.1",
-        "@tiptap/react": "2.0.4",
-        "@tiptap/suggestion": "2.3.1",
-        "classnames": "2.5.1",
-        "react-icons": "4.12.0",
-        "tippy.js": "6.3.7"
-      },
-      "peerDependencies": {
-        "react": "^18.0.0"
-      }
-    },
-    "node_modules/@factly/scooter-slash-commands/node_modules/@remirror/core-constants": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-2.0.2.tgz",
-      "integrity": "sha512-dyHY+sMF0ihPus3O27ODd4+agdHMEmuRdyiZJ2CCWjPV5UFmn17ZbElvk6WOGVE4rdCJKZQCrPV2BcikOMLUGQ=="
-    },
-    "node_modules/@factly/scooter-slash-commands/node_modules/@tiptap/pm": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.3.1.tgz",
-      "integrity": "sha512-jdd1PFAFeewcu1rWsiqoCc04u5NCplHVjsGPN4jxUmqKdU0YN/9sp7h8gRG6YN1GZRoC1Y6KD+WPLMdzkwizZQ==",
-      "dependencies": {
-        "prosemirror-changeset": "^2.2.1",
-        "prosemirror-collab": "^1.3.1",
-        "prosemirror-commands": "^1.5.2",
-        "prosemirror-dropcursor": "^1.8.1",
-        "prosemirror-gapcursor": "^1.3.2",
-        "prosemirror-history": "^1.3.2",
-        "prosemirror-inputrules": "^1.3.0",
-        "prosemirror-keymap": "^1.2.2",
-        "prosemirror-markdown": "^1.12.0",
-        "prosemirror-menu": "^1.2.4",
-        "prosemirror-model": "^1.19.4",
-        "prosemirror-schema-basic": "^1.2.2",
-        "prosemirror-schema-list": "^1.3.0",
-        "prosemirror-state": "^1.4.3",
-        "prosemirror-tables": "^1.3.5",
-        "prosemirror-trailing-node": "^2.0.7",
-        "prosemirror-transform": "^1.8.0",
-        "prosemirror-view": "^1.32.7"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      }
-    },
-    "node_modules/@factly/scooter-slash-commands/node_modules/prosemirror-trailing-node": {
-      "version": "2.0.9",
-      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-2.0.9.tgz",
-      "integrity": "sha512-YvyIn3/UaLFlFKrlJB6cObvUhmwFNZVhy1Q8OpW/avoTbD/Y7H5EcjK4AZFKhmuS6/N6WkGgt7gWtBWDnmFvHg==",
-      "dependencies": {
-        "@remirror/core-constants": "^2.0.2",
-        "escape-string-regexp": "^4.0.0"
-      },
-      "peerDependencies": {
-        "prosemirror-model": "^1.22.1",
-        "prosemirror-state": "^1.4.2",
-        "prosemirror-view": "^1.33.8"
-      }
-    },
-    "node_modules/@factly/scooter-table": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-table/-/scooter-table-0.0.45.tgz",
-      "integrity": "sha512-SIConp9aaqCkD2mpfEa4zu+OqpfjGw6UZDtGJcnz2MLF1Oa8ZT90CqEmU7vC8mWsCe+I+lsfuYWQoiJE8HHCHQ==",
-      "dependencies": {
-        "@factly/scooter-table-cell": "0.0.41",
-        "@factly/scooter-table-head-cell": "0.0.41",
-        "@factly/scooter-table-row": "0.0.41"
-      },
-      "peerDependencies": {
-        "@factly/scooter-shared-utils": "0.0.45",
-        "@tiptap/core": "2.3.1",
-        "@tiptap/pm": "2.3.1",
-        "markdown-it": "14.1.0"
-      }
-    },
-    "node_modules/@factly/scooter-table-cell": {
-      "version": "0.0.41",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-table-cell/-/scooter-table-cell-0.0.41.tgz",
-      "integrity": "sha512-1zGrY4T4YX4yHPgwa2Td95x59NHEelWK6UjxqgKLTraMn36SA6/R7YS8vvXj63BsoOGqsh/lOE13KI4yEIha7g==",
-      "peerDependencies": {
-        "@factly/scooter-shared-utils": "0.0.41",
-        "@tiptap/core": "2.0.1",
-        "@tiptap/pm": "2.0.1"
-      }
-    },
-    "node_modules/@factly/scooter-table-head-cell": {
-      "version": "0.0.41",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-table-head-cell/-/scooter-table-head-cell-0.0.41.tgz",
-      "integrity": "sha512-EVSwza05ND2sJ3NrWxpYQRFvGCRbP6WNECtkA3pVqt5dNb5ii6d4TBdhDezVVeGKqGmAsvRBNmDLpYjL+juXaw==",
-      "peerDependencies": {
-        "@factly/scooter-shared-utils": "0.0.41",
-        "@tiptap/core": "2.0.1",
-        "@tiptap/pm": "2.0.1"
-      }
-    },
-    "node_modules/@factly/scooter-table-row": {
-      "version": "0.0.41",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-table-row/-/scooter-table-row-0.0.41.tgz",
-      "integrity": "sha512-ce3FsXKDb3FTCyj27wWghBRauwYJOE8aZgUdCZRoqFdqT9T33MwsMX6HH7K8WzJqTHuwqNLnLjDNBu3O6vL/lg==",
-      "peerDependencies": {
-        "@tiptap/core": "2.0.1"
-      }
-    },
-    "node_modules/@factly/scooter-ui": {
-      "version": "0.0.45",
-      "resolved": "https://registry.npmjs.org/@factly/scooter-ui/-/scooter-ui-0.0.45.tgz",
-      "integrity": "sha512-ZlJBNyHXkeKkJSEmS/f+iFY2kEb1UYlJ7elAFYzus2rJty/rjJHK1V+rxlBRvbGpAlDfjRO9mkRXmk2Hnu9WPw==",
-      "dependencies": {
-        "@factly/scooter-shared-utils": "0.0.45",
-        "@tippyjs/react": "4.2.6",
-        "classnames": "2.5.1",
-        "prop-types": "15.8.1",
-        "ramda": "0.28.0",
-        "react-dom": "18.2.0",
-        "react-hotkeys-hook": "4.5.0",
-        "react-icons": "4.12.0",
-        "react-popper": "2.3.0",
-        "react-router-dom": "6.10.0",
-        "tippy.js": "6.3.7"
-      },
-      "peerDependencies": {
-        "react": "^18.0.0"
-      }
-    },
-    "node_modules/@factly/scooter-ui/node_modules/@remix-run/router": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.5.0.tgz",
-      "integrity": "sha512-bkUDCp8o1MvFO+qxkODcbhSqRa6P2GXgrGZVpt0dCXNW2HCSCqYI0ZoAqEOSAjRWmmlKcYgFvN4B4S+zo/f8kg==",
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@factly/scooter-ui/node_modules/react-dom": {
-      "version": "18.2.0",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
-      "integrity": "sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.0"
-      },
-      "peerDependencies": {
-        "react": "^18.2.0"
-      }
-    },
-    "node_modules/@factly/scooter-ui/node_modules/react-router": {
-      "version": "6.10.0",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.10.0.tgz",
-      "integrity": "sha512-Nrg0BWpQqrC3ZFFkyewrflCud9dio9ME3ojHCF/WLsprJVzkq3q3UeEhMCAW1dobjeGbWgjNn/PVF6m46ANxXQ==",
-      "dependencies": {
-        "@remix-run/router": "1.5.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "react": ">=16.8"
-      }
-    },
-    "node_modules/@factly/scooter-ui/node_modules/react-router-dom": {
-      "version": "6.10.0",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.10.0.tgz",
-      "integrity": "sha512-E5dfxRPuXKJqzwSe/qGcqdwa18QiWC6f3H3cWXM24qj4N0/beCIf/CWTipop2xm7mR0RCS99NnaqPNjHtrAzCg==",
-      "dependencies": {
-        "@remix-run/router": "1.5.0",
-        "react-router": "6.10.0"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "peerDependencies": {
-        "react": ">=16.8",
-        "react-dom": ">=16.8"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array": {
-      "version": "0.13.0",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
-      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
-      "deprecated": "Use @eslint/config-array instead",
-      "dependencies": {
-        "@humanwhocodes/object-schema": "^2.0.3",
-        "debug": "^4.3.1",
-        "minimatch": "^3.0.5"
-      },
-      "engines": {
-        "node": ">=10.10.0"
-      }
-    },
-    "node_modules/@humanwhocodes/module-importer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
-      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
-      "engines": {
-        "node": ">=12.22"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/nzakas"
-      }
-    },
-    "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
-      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
-      "deprecated": "Use @eslint/object-schema instead"
-    },
-    "node_modules/@icons/material": {
-      "version": "0.2.4",
-      "resolved": "https://registry.npmjs.org/@icons/material/-/material-0.2.4.tgz",
-      "integrity": "sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw==",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz",
-      "integrity": "sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==",
-      "dependencies": {
-        "camelcase": "^5.3.1",
-        "find-up": "^4.1.0",
-        "get-package-type": "^0.1.0",
-        "js-yaml": "^3.13.1",
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
-      }
-    },
-    "node_modules/@istanbuljs/load-nyc-config/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
-      "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/@istanbuljs/schema": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
-      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@jest/console": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/console/-/console-27.5.1.tgz",
-      "integrity": "sha512-kZ/tNpS3NXn0mlXXXPNuDZnb4c0oZ20r4K5eemM2k30ZC3G0T02nXUvyhf5YdbXWHPEJLc9qGLxEZ216MdL+Zg==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "jest-message-util": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/console/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/console/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@jest/console/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@jest/core": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/core/-/core-27.5.1.tgz",
-      "integrity": "sha512-AK6/UTrvQD0Cd24NSqmIA6rKsu0tKIxfiCducZvqxYdmMisOYAsdItspT+fQDQYARPf8XgjAFZi0ogW2agH5nQ==",
-      "dependencies": {
-        "@jest/console": "^27.5.1",
-        "@jest/reporters": "^27.5.1",
-        "@jest/test-result": "^27.5.1",
-        "@jest/transform": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.0.0",
-        "emittery": "^0.8.1",
-        "exit": "^0.1.2",
-        "graceful-fs": "^4.2.9",
-        "jest-changed-files": "^27.5.1",
-        "jest-config": "^27.5.1",
-        "jest-haste-map": "^27.5.1",
-        "jest-message-util": "^27.5.1",
-        "jest-regex-util": "^27.5.1",
-        "jest-resolve": "^27.5.1",
-        "jest-resolve-dependencies": "^27.5.1",
-        "jest-runner": "^27.5.1",
-        "jest-runtime": "^27.5.1",
-        "jest-snapshot": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "jest-validate": "^27.5.1",
-        "jest-watcher": "^27.5.1",
-        "micromatch": "^4.0.4",
-        "rimraf": "^3.0.0",
-        "slash": "^3.0.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@jest/core/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/core/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@jest/core/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@jest/environment": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/environment/-/environment-27.5.1.tgz",
-      "integrity": "sha512-/WQjhPJe3/ghaol/4Bq480JKXV/Rfw8nQdN7f41fM8VDHLcxKXou6QyXAh3EFr9/bVG3x74z1NWDkP87EiY8gA==",
-      "dependencies": {
-        "@jest/fake-timers": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "jest-mock": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/environment/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/environment/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@jest/environment/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@jest/fake-timers": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/fake-timers/-/fake-timers-27.5.1.tgz",
-      "integrity": "sha512-/aPowoolwa07k7/oM3aASneNeBGCmGQsc3ugN4u6s4C/+s5M64MFo/+djTdiwcbQlRfFElGuDXWzaWj6QgKObQ==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "@sinonjs/fake-timers": "^8.0.1",
-        "@types/node": "*",
-        "jest-message-util": "^27.5.1",
-        "jest-mock": "^27.5.1",
-        "jest-util": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/fake-timers/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/fake-timers/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@jest/fake-timers/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@jest/globals": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/globals/-/globals-27.5.1.tgz",
-      "integrity": "sha512-ZEJNB41OBQQgGzgyInAv0UUfDDj3upmHydjieSxFvTRuZElrx7tXg/uVQ5hYVEwiXs3+aMsAeEc9X7xiSKCm4Q==",
-      "dependencies": {
-        "@jest/environment": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "expect": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/globals/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/globals/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@jest/globals/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@jest/reporters": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/reporters/-/reporters-27.5.1.tgz",
-      "integrity": "sha512-cPXh9hWIlVJMQkVk84aIvXuBB4uQQmFqZiacloFuGiP3ah1sbCxCosidXFDfqG8+6fO1oR2dTJTlsOy4VFmUfw==",
-      "dependencies": {
-        "@bcoe/v8-coverage": "^0.2.3",
-        "@jest/console": "^27.5.1",
-        "@jest/test-result": "^27.5.1",
-        "@jest/transform": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "collect-v8-coverage": "^1.0.0",
-        "exit": "^0.1.2",
-        "glob": "^7.1.2",
-        "graceful-fs": "^4.2.9",
-        "istanbul-lib-coverage": "^3.0.0",
-        "istanbul-lib-instrument": "^5.1.0",
-        "istanbul-lib-report": "^3.0.0",
-        "istanbul-lib-source-maps": "^4.0.0",
-        "istanbul-reports": "^3.1.3",
-        "jest-haste-map": "^27.5.1",
-        "jest-resolve": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "jest-worker": "^27.5.1",
-        "slash": "^3.0.0",
-        "source-map": "^0.6.0",
-        "string-length": "^4.0.1",
-        "terminal-link": "^2.0.0",
-        "v8-to-istanbul": "^8.1.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@jest/reporters/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/reporters/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@jest/reporters/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@jest/schemas": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-28.1.3.tgz",
-      "integrity": "sha512-/l/VWsdt/aBXgjshLWOFyFt3IVdYypu5y2Wn2rOO1un6nkqIn8SLXzgIMYXFyYsRWDyF5EthmKJMIdJvk08grg==",
-      "dependencies": {
-        "@sinclair/typebox": "^0.24.1"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/@jest/source-map": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/source-map/-/source-map-27.5.1.tgz",
-      "integrity": "sha512-y9NIHUYF3PJRlHk98NdC/N1gl88BL08aQQgu4k4ZopQkCw9t9cV8mtl3TV8b/YCB8XaVTFrmUTAJvjsntDireg==",
-      "dependencies": {
-        "callsites": "^3.0.0",
-        "graceful-fs": "^4.2.9",
-        "source-map": "^0.6.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/test-result": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-27.5.1.tgz",
-      "integrity": "sha512-EW35l2RYFUcUQxFJz5Cv5MTOxlJIQs4I7gxzi2zVU7PJhOwfYq1MdC5nhSmYjX1gmMmLPvB3sIaC+BkcHRBfag==",
-      "dependencies": {
-        "@jest/console": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "collect-v8-coverage": "^1.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/test-result/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/test-result/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@jest/test-result/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@jest/test-sequencer": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/test-sequencer/-/test-sequencer-27.5.1.tgz",
-      "integrity": "sha512-LCheJF7WB2+9JuCS7VB/EmGIdQuhtqjRNI9A43idHv3E4KltCTsPsLxvdaubFHSYwY/fNjMWjl6vNRhDiN7vpQ==",
-      "dependencies": {
-        "@jest/test-result": "^27.5.1",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^27.5.1",
-        "jest-runtime": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/transform": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/transform/-/transform-27.5.1.tgz",
-      "integrity": "sha512-ipON6WtYgl/1329g5AIJVbUuEh0wZVbdpGwC99Jw4LwuoBNS95MVphU6zOeD9pDkon+LLbFL7lOQRapbB8SCHw==",
-      "dependencies": {
-        "@babel/core": "^7.1.0",
-        "@jest/types": "^27.5.1",
-        "babel-plugin-istanbul": "^6.1.1",
-        "chalk": "^4.0.0",
-        "convert-source-map": "^1.4.0",
-        "fast-json-stable-stringify": "^2.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^27.5.1",
-        "jest-regex-util": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "micromatch": "^4.0.4",
-        "pirates": "^4.0.4",
-        "slash": "^3.0.0",
-        "source-map": "^0.6.1",
-        "write-file-atomic": "^3.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/transform/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/@jest/transform/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@jest/transform/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@jest/transform/node_modules/convert-source-map": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
-    },
-    "node_modules/@jest/types": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-24.9.0.tgz",
-      "integrity": "sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^1.1.1",
-        "@types/yargs": "^13.0.0"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
-      "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
-      "dependencies": {
-        "@jridgewell/set-array": "^1.2.1",
-        "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.24"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/set-array": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
-      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/source-map": {
-      "version": "0.3.6",
-      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
-      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.5",
-        "@jridgewell/trace-mapping": "^0.3.25"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.25",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
-      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.1.0",
-        "@jridgewell/sourcemap-codec": "^1.4.14"
-      }
-    },
-    "node_modules/@leichtgewicht/ip-codec": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
-      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw=="
-    },
-    "node_modules/@monaco-editor/loader": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@monaco-editor/loader/-/loader-1.4.0.tgz",
-      "integrity": "sha512-00ioBig0x642hytVspPl7DbQyaSWRaolYie/UFNjoTdvoKPzo6xrXLhTk9ixgIKcLH5b5vDOjVNiGyY+uDCUlg==",
-      "dependencies": {
-        "state-local": "^1.0.6"
-      },
-      "peerDependencies": {
-        "monaco-editor": ">= 0.21.0 < 1"
-      }
-    },
-    "node_modules/@monaco-editor/react": {
-      "version": "4.4.6",
-      "resolved": "https://registry.npmjs.org/@monaco-editor/react/-/react-4.4.6.tgz",
-      "integrity": "sha512-Gr3uz3LYf33wlFE3eRnta4RxP5FSNxiIV9ENn2D2/rN8KgGAD8ecvcITRtsbbyuOuNkwbuHYxfeaz2Vr+CtyFA==",
-      "dependencies": {
-        "@monaco-editor/loader": "^1.3.2",
-        "prop-types": "^15.7.2"
-      },
-      "peerDependencies": {
-        "monaco-editor": ">= 0.25.0 < 1",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals": {
-      "version": "5.1.1-v1",
-      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/eslint-scope-5-internals/-/eslint-scope-5-internals-5.1.1-v1.tgz",
-      "integrity": "sha512-54/JRvkLIzzDWshCWfuhadfrfZVPiElY8Fcgmg1HroEly/EDSszzhBAsarCux+D/kOslTRquNzuyGSmUSTTHGg==",
-      "dependencies": {
-        "eslint-scope": "5.1.1"
-      }
-    },
-    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals/node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/@nicolo-ribaudo/eslint-scope-5-internals/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/@nodelib/fs.scandir": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
-      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "dependencies": {
-        "@nodelib/fs.stat": "2.0.5",
-        "run-parallel": "^1.1.9"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.stat": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@nodelib/fs.walk": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
-      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "dependencies": {
-        "@nodelib/fs.scandir": "2.1.5",
-        "fastq": "^1.6.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@octokit/auth-token": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/@octokit/auth-token/-/auth-token-2.5.0.tgz",
-      "integrity": "sha512-r5FVUJCOLl19AxiuZD2VRZ/ORjp/4IN98Of6YJoJOkY75CIBuYfmiNHGrDwXr+aLGG55igl9QrxX3hbiXlLb+g==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/types": "^6.0.3"
-      }
-    },
-    "node_modules/@octokit/core": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@octokit/core/-/core-3.6.0.tgz",
-      "integrity": "sha512-7RKRKuA4xTjMhY+eG3jthb3hlZCsOwg3rztWh75Xc+ShDWOfDDATWbeZpAHBNRpm4Tv9WgBMOy1zEJYXG6NJ7Q==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/auth-token": "^2.4.4",
-        "@octokit/graphql": "^4.5.8",
-        "@octokit/request": "^5.6.3",
-        "@octokit/request-error": "^2.0.5",
-        "@octokit/types": "^6.0.3",
-        "before-after-hook": "^2.2.0",
-        "universal-user-agent": "^6.0.0"
-      }
-    },
-    "node_modules/@octokit/endpoint": {
-      "version": "6.0.12",
-      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-6.0.12.tgz",
-      "integrity": "sha512-lF3puPwkQWGfkMClXb4k/eUT/nZKQfxinRWJrdZaJO85Dqwo/G0yOC434Jr2ojwafWJMYqFGFa5ms4jJUgujdA==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/types": "^6.0.3",
-        "is-plain-object": "^5.0.0",
-        "universal-user-agent": "^6.0.0"
-      }
-    },
-    "node_modules/@octokit/graphql": {
-      "version": "4.8.0",
-      "resolved": "https://registry.npmjs.org/@octokit/graphql/-/graphql-4.8.0.tgz",
-      "integrity": "sha512-0gv+qLSBLKF0z8TKaSKTsS39scVKF9dbMxJpj3U0vC7wjNWFuIpL/z76Qe2fiuCbDRcJSavkXsVtMS6/dtQQsg==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/request": "^5.6.0",
-        "@octokit/types": "^6.0.3",
-        "universal-user-agent": "^6.0.0"
-      }
-    },
-    "node_modules/@octokit/openapi-types": {
-      "version": "12.11.0",
-      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-12.11.0.tgz",
-      "integrity": "sha512-VsXyi8peyRq9PqIz/tpqiL2w3w80OgVMwBHltTml3LmVvXiphgeqmY9mvBw9Wu7e0QWk/fqD37ux8yP5uVekyQ==",
-      "dev": true
-    },
-    "node_modules/@octokit/plugin-paginate-rest": {
-      "version": "2.21.3",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-paginate-rest/-/plugin-paginate-rest-2.21.3.tgz",
-      "integrity": "sha512-aCZTEf0y2h3OLbrgKkrfFdjRL6eSOo8komneVQJnYecAxIej7Bafor2xhuDJOIFau4pk0i/P28/XgtbyPF0ZHw==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/types": "^6.40.0"
-      },
-      "peerDependencies": {
-        "@octokit/core": ">=2"
-      }
-    },
-    "node_modules/@octokit/plugin-request-log": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-request-log/-/plugin-request-log-1.0.4.tgz",
-      "integrity": "sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==",
-      "dev": true,
-      "peerDependencies": {
-        "@octokit/core": ">=3"
-      }
-    },
-    "node_modules/@octokit/plugin-rest-endpoint-methods": {
-      "version": "5.16.2",
-      "resolved": "https://registry.npmjs.org/@octokit/plugin-rest-endpoint-methods/-/plugin-rest-endpoint-methods-5.16.2.tgz",
-      "integrity": "sha512-8QFz29Fg5jDuTPXVtey05BLm7OB+M8fnvE64RNegzX7U+5NUXcOcnpTIK0YfSHBg8gYd0oxIq3IZTe9SfPZiRw==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/types": "^6.39.0",
-        "deprecation": "^2.3.1"
-      },
-      "peerDependencies": {
-        "@octokit/core": ">=3"
-      }
-    },
-    "node_modules/@octokit/request": {
-      "version": "5.6.3",
-      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-5.6.3.tgz",
-      "integrity": "sha512-bFJl0I1KVc9jYTe9tdGGpAMPy32dLBXXo1dS/YwSCTL/2nd9XeHsY616RE3HPXDVk+a+dBuzyz5YdlXwcDTr2A==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/endpoint": "^6.0.1",
-        "@octokit/request-error": "^2.1.0",
-        "@octokit/types": "^6.16.1",
-        "is-plain-object": "^5.0.0",
-        "node-fetch": "^2.6.7",
-        "universal-user-agent": "^6.0.0"
-      }
-    },
-    "node_modules/@octokit/request-error": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/@octokit/request-error/-/request-error-2.1.0.tgz",
-      "integrity": "sha512-1VIvgXxs9WHSjicsRwq8PlR2LR2x6DwsJAaFgzdi0JfJoGSO8mYI/cHJQ+9FbN21aa+DrgNLnwObmyeSC8Rmpg==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/types": "^6.0.3",
-        "deprecation": "^2.0.0",
-        "once": "^1.4.0"
-      }
-    },
-    "node_modules/@octokit/rest": {
-      "version": "18.12.0",
-      "resolved": "https://registry.npmjs.org/@octokit/rest/-/rest-18.12.0.tgz",
-      "integrity": "sha512-gDPiOHlyGavxr72y0guQEhLsemgVjwRePayJ+FcKc2SJqKUbxbkvf5kAZEWA/MKvsfYlQAMVzNJE3ezQcxMJ2Q==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/core": "^3.5.1",
-        "@octokit/plugin-paginate-rest": "^2.16.8",
-        "@octokit/plugin-request-log": "^1.0.4",
-        "@octokit/plugin-rest-endpoint-methods": "^5.12.0"
-      }
-    },
-    "node_modules/@octokit/types": {
-      "version": "6.41.0",
-      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-6.41.0.tgz",
-      "integrity": "sha512-eJ2jbzjdijiL3B4PrSQaSjuF2sPEQPVCPzBvTHJD9Nz+9dw2SGH4K4xeQJ77YfTq5bRQ+bD8wT11JbeDPmxmGg==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/openapi-types": "^12.11.0"
-      }
-    },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/@playwright/test": {
-      "version": "1.49.1",
-      "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.49.1.tgz",
-      "integrity": "sha512-Ky+BVzPz8pL6PQxHqNRW1k3mIyv933LML7HktS8uik0bUXNCdPhoS/kLihiO1tMf/egaJb4IutXd7UywvXEW+g==",
-      "dev": true,
-      "dependencies": {
-        "playwright": "1.49.1"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
-      "version": "0.5.15",
-      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.15.tgz",
-      "integrity": "sha512-LFWllMA55pzB9D34w/wXUCf8+c+IYKuJDgxiZ3qMhl64KRMBHYM1I3VdGaD2BV5FNPV2/S2596bppxHbv2ZydQ==",
-      "dependencies": {
-        "ansi-html": "^0.0.9",
-        "core-js-pure": "^3.23.3",
-        "error-stack-parser": "^2.0.6",
-        "html-entities": "^2.1.0",
-        "loader-utils": "^2.0.4",
-        "schema-utils": "^4.2.0",
-        "source-map": "^0.7.3"
-      },
-      "engines": {
-        "node": ">= 10.13"
-      },
-      "peerDependencies": {
-        "@types/webpack": "4.x || 5.x",
-        "react-refresh": ">=0.10.0 <1.0.0",
-        "sockjs-client": "^1.4.0",
-        "type-fest": ">=0.17.0 <5.0.0",
-        "webpack": ">=4.43.0 <6.0.0",
-        "webpack-dev-server": "3.x || 4.x || 5.x",
-        "webpack-hot-middleware": "2.x",
-        "webpack-plugin-serve": "0.x || 1.x"
-      },
-      "peerDependenciesMeta": {
-        "@types/webpack": {
-          "optional": true
-        },
-        "sockjs-client": {
-          "optional": true
-        },
-        "type-fest": {
-          "optional": true
-        },
-        "webpack-dev-server": {
-          "optional": true
-        },
-        "webpack-hot-middleware": {
-          "optional": true
-        },
-        "webpack-plugin-serve": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/source-map": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/@popperjs/core": {
-      "version": "2.11.8",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
-      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/popperjs"
-      }
-    },
-    "node_modules/@rc-component/async-validator": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@rc-component/async-validator/-/async-validator-5.0.4.tgz",
-      "integrity": "sha512-qgGdcVIF604M9EqjNF0hbUTz42bz/RDtxWdWuU5EQe3hi7M8ob54B6B35rOsvX5eSvIHIzT9iH1R3n+hk3CGfg==",
-      "dependencies": {
-        "@babel/runtime": "^7.24.4"
-      },
-      "engines": {
-        "node": ">=14.x"
-      }
-    },
-    "node_modules/@rc-component/color-picker": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/@rc-component/color-picker/-/color-picker-2.0.1.tgz",
-      "integrity": "sha512-WcZYwAThV/b2GISQ8F+7650r5ZZJ043E57aVBFkQ+kSY4C6wdofXgB0hBx+GPGpIU0Z81eETNoDUJMr7oy/P8Q==",
-      "dependencies": {
-        "@ant-design/fast-color": "^2.0.6",
-        "@babel/runtime": "^7.23.6",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.38.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/@rc-component/context": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@rc-component/context/-/context-1.4.0.tgz",
-      "integrity": "sha512-kFcNxg9oLRMoL3qki0OMxK+7g5mypjgaaJp/pkOis/6rVxma9nJBF/8kCIuTYHUQNr0ii7MxqE33wirPZLJQ2w==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "rc-util": "^5.27.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/@rc-component/mini-decimal": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rc-component/mini-decimal/-/mini-decimal-1.1.0.tgz",
-      "integrity": "sha512-jS4E7T9Li2GuYwI6PyiVXmxTiM6b07rlD9Ge8uGZSCz3WlzcG5ZK7g5bbuKNeZ9pgUuPK/5guV781ujdVpm4HQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.0"
-      },
-      "engines": {
-        "node": ">=8.x"
-      }
-    },
-    "node_modules/@rc-component/mutate-observer": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rc-component/mutate-observer/-/mutate-observer-1.1.0.tgz",
-      "integrity": "sha512-QjrOsDXQusNwGZPf4/qRQasg7UFEj06XiCJ8iuiq/Io7CrHrgVi6Uuetw60WAMG1799v+aM8kyc+1L/GBbHSlw==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.0",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.24.4"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/@rc-component/portal": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@rc-component/portal/-/portal-1.1.2.tgz",
-      "integrity": "sha512-6f813C0IsasTZms08kfA8kPAGxbbkYToa8ALaiDIGGECU4i9hj8Plgbx0sNJDrey3EtHO30hmdaxtT0138xZcg==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.0",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.24.4"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/@rc-component/qrcode": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@rc-component/qrcode/-/qrcode-1.0.0.tgz",
-      "integrity": "sha512-L+rZ4HXP2sJ1gHMGHjsg9jlYBX/SLN2D6OxP9Zn3qgtpMWtO2vUfxVFwiogHpAIqs54FnALxraUy/BCO1yRIgg==",
-      "dependencies": {
-        "@babel/runtime": "^7.24.7",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.38.0"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/@rc-component/tour": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/@rc-component/tour/-/tour-1.15.1.tgz",
-      "integrity": "sha512-Tr2t7J1DKZUpfJuDZWHxyxWpfmj8EZrqSgyMZ+BCdvKZ6r1UDsfU46M/iWAAFBy961Ssfom2kv5f3UcjIL2CmQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.0",
-        "@rc-component/portal": "^1.0.0-9",
-        "@rc-component/trigger": "^2.0.0",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.24.4"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/@rc-component/trigger": {
-      "version": "2.2.6",
-      "resolved": "https://registry.npmjs.org/@rc-component/trigger/-/trigger-2.2.6.tgz",
-      "integrity": "sha512-/9zuTnWwhQ3S3WT1T8BubuFTT46kvnXgaERR9f4BTKyn61/wpf/BvbImzYBubzJibU707FxwbKszLlHjcLiv1Q==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.2",
-        "@rc-component/portal": "^1.1.0",
-        "classnames": "^2.3.2",
-        "rc-motion": "^2.0.0",
-        "rc-resize-observer": "^1.3.1",
-        "rc-util": "^5.44.0"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/@remirror/core-constants": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@remirror/core-constants/-/core-constants-3.0.0.tgz",
-      "integrity": "sha512-42aWfPrimMfDKDi4YegyS7x+/0tlzaqwPQCULLanv3DMIlu96KTJR0fM5isWX2UViOqlGnX6YFgqWepcX+XMNg=="
-    },
-    "node_modules/@remix-run/router": {
-      "version": "1.21.0",
-      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.21.0.tgz",
-      "integrity": "sha512-xfSkCAchbdG5PnbrKqFWwia4Bi61nH+wm8wLEqfHDyp7Y3dZzgqS2itV8i4gAq9pC2HsTpwyBC6Ds8VHZ96JlA==",
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/@rollup/plugin-babel": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
-      "integrity": "sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.10.4",
-        "@rollup/pluginutils": "^3.1.0"
-      },
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0",
-        "@types/babel__core": "^7.1.9",
-        "rollup": "^1.20.0||^2.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@types/babel__core": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@rollup/plugin-node-resolve": {
-      "version": "11.2.1",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-11.2.1.tgz",
-      "integrity": "sha512-yc2n43jcqVyGE2sqV5/YCmocy9ArjVAP/BeXyTtADTBBX6V0e5UMqwO8CdQ0kzjb6zu5P1qMzsScCMRvE9OlVg==",
-      "dependencies": {
-        "@rollup/pluginutils": "^3.1.0",
-        "@types/resolve": "1.17.1",
-        "builtin-modules": "^3.1.0",
-        "deepmerge": "^4.2.2",
-        "is-module": "^1.0.0",
-        "resolve": "^1.19.0"
-      },
-      "engines": {
-        "node": ">= 10.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0"
-      }
-    },
-    "node_modules/@rollup/plugin-replace": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/@rollup/plugin-replace/-/plugin-replace-2.4.2.tgz",
-      "integrity": "sha512-IGcu+cydlUMZ5En85jxHH4qj2hta/11BHq95iHEyb2sbgiN0eCdzvUcHw5gt9pBL5lTi4JDYJ1acCoMGpTvEZg==",
-      "dependencies": {
-        "@rollup/pluginutils": "^3.1.0",
-        "magic-string": "^0.25.7"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0 || ^2.0.0"
-      }
-    },
-    "node_modules/@rollup/pluginutils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
-      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
-      "dependencies": {
-        "@types/estree": "0.0.39",
-        "estree-walker": "^1.0.1",
-        "picomatch": "^2.2.2"
-      },
-      "engines": {
-        "node": ">= 8.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^1.20.0||^2.0.0"
-      }
-    },
-    "node_modules/@rollup/pluginutils/node_modules/@types/estree": {
-      "version": "0.0.39",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
-      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw=="
-    },
-    "node_modules/@rtsao/scc": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
-      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g=="
-    },
-    "node_modules/@rushstack/eslint-patch": {
-      "version": "1.10.4",
-      "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz",
-      "integrity": "sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA=="
-    },
-    "node_modules/@semantic-release/commit-analyzer": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/@semantic-release/commit-analyzer/-/commit-analyzer-8.0.1.tgz",
-      "integrity": "sha512-5bJma/oB7B4MtwUkZC2Bf7O1MHfi4gWe4mA+MIQ3lsEV0b422Bvl1z5HRpplDnMLHH3EXMoRdEng6Ds5wUqA3A==",
-      "dev": true,
-      "dependencies": {
-        "conventional-changelog-angular": "^5.0.0",
-        "conventional-commits-filter": "^2.0.0",
-        "conventional-commits-parser": "^3.0.7",
-        "debug": "^4.0.0",
-        "import-from": "^3.0.0",
-        "lodash": "^4.17.4",
-        "micromatch": "^4.0.2"
-      },
-      "engines": {
-        "node": ">=10.18"
-      },
-      "peerDependencies": {
-        "semantic-release": ">=16.0.0 <18.0.0"
-      }
-    },
-    "node_modules/@semantic-release/error": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/@semantic-release/error/-/error-2.2.0.tgz",
-      "integrity": "sha512-9Tj/qn+y2j+sjCI3Jd+qseGtHjOAeg7dU2/lVcqIQ9TV3QDaDXDYXcoOHU+7o2Hwh8L8ymL4gfuO7KxDs3q2zg==",
-      "dev": true
-    },
-    "node_modules/@semantic-release/github": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/@semantic-release/github/-/github-7.2.3.tgz",
-      "integrity": "sha512-lWjIVDLal+EQBzy697ayUNN8MoBpp+jYIyW2luOdqn5XBH4d9bQGfTnjuLyzARZBHejqh932HVjiH/j4+R7VHw==",
-      "dev": true,
-      "dependencies": {
-        "@octokit/rest": "^18.0.0",
-        "@semantic-release/error": "^2.2.0",
-        "aggregate-error": "^3.0.0",
-        "bottleneck": "^2.18.1",
-        "debug": "^4.0.0",
-        "dir-glob": "^3.0.0",
-        "fs-extra": "^10.0.0",
-        "globby": "^11.0.0",
-        "http-proxy-agent": "^4.0.0",
-        "https-proxy-agent": "^5.0.0",
-        "issue-parser": "^6.0.0",
-        "lodash": "^4.17.4",
-        "mime": "^2.4.3",
-        "p-filter": "^2.0.0",
-        "p-retry": "^4.0.0",
-        "url-join": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10.18"
-      },
-      "peerDependencies": {
-        "semantic-release": ">=16.0.0 <18.0.0"
-      }
-    },
-    "node_modules/@semantic-release/github/node_modules/@types/retry": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
-      "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA==",
-      "dev": true
-    },
-    "node_modules/@semantic-release/github/node_modules/fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@semantic-release/github/node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/@semantic-release/github/node_modules/p-retry": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
-      "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==",
-      "dev": true,
-      "dependencies": {
-        "@types/retry": "0.12.0",
-        "retry": "^0.13.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@semantic-release/github/node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/@semantic-release/npm": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/@semantic-release/npm/-/npm-7.1.3.tgz",
-      "integrity": "sha512-x52kQ/jR09WjuWdaTEHgQCvZYMOTx68WnS+TZ4fya5ZAJw4oRtJETtrvUw10FdfM28d/keInQdc66R1Gw5+OEQ==",
-      "dev": true,
-      "dependencies": {
-        "@semantic-release/error": "^2.2.0",
-        "aggregate-error": "^3.0.0",
-        "execa": "^5.0.0",
-        "fs-extra": "^10.0.0",
-        "lodash": "^4.17.15",
-        "nerf-dart": "^1.0.0",
-        "normalize-url": "^6.0.0",
-        "npm": "^7.0.0",
-        "rc": "^1.2.8",
-        "read-pkg": "^5.0.0",
-        "registry-auth-token": "^4.0.0",
-        "semver": "^7.1.2",
-        "tempy": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=10.19"
-      },
-      "peerDependencies": {
-        "semantic-release": ">=16.0.0 <18.0.0"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@semantic-release/npm/node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/@semantic-release/release-notes-generator": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/@semantic-release/release-notes-generator/-/release-notes-generator-9.0.3.tgz",
-      "integrity": "sha512-hMZyddr0u99OvM2SxVOIelHzly+PP3sYtJ8XOLHdMp8mrluN5/lpeTnIO27oeCYdupY/ndoGfvrqDjHqkSyhVg==",
-      "dev": true,
-      "dependencies": {
-        "conventional-changelog-angular": "^5.0.0",
-        "conventional-changelog-writer": "^4.0.0",
-        "conventional-commits-filter": "^2.0.0",
-        "conventional-commits-parser": "^3.0.0",
-        "debug": "^4.0.0",
-        "get-stream": "^6.0.0",
-        "import-from": "^3.0.0",
-        "into-stream": "^6.0.0",
-        "lodash": "^4.17.4",
-        "read-pkg-up": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=10.18"
-      },
-      "peerDependencies": {
-        "semantic-release": ">=15.8.0 <18.0.0"
-      }
-    },
-    "node_modules/@semantic-release/release-notes-generator/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@sheerun/mutationobserver-shim": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/@sheerun/mutationobserver-shim/-/mutationobserver-shim-0.3.3.tgz",
-      "integrity": "sha512-DetpxZw1fzPD5xUBrIAoplLChO2VB8DlL5Gg+I1IR9b2wPqYIca2WSUxL5g1vLeR4MsQq1NeWriXAVffV+U1Fw=="
-    },
-    "node_modules/@sinclair/typebox": {
-      "version": "0.24.51",
-      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.24.51.tgz",
-      "integrity": "sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA=="
-    },
-    "node_modules/@sinonjs/commons": {
-      "version": "1.8.6",
-      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.6.tgz",
-      "integrity": "sha512-Ky+XkAkqPZSm3NLBeUng77EBQl3cmeJhITaGHdYH8kjVB+aun3S4XBRti2zt17mtt0mIUDiNxYeoJm6drVvBJQ==",
-      "dependencies": {
-        "type-detect": "4.0.8"
-      }
-    },
-    "node_modules/@sinonjs/fake-timers": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-8.1.0.tgz",
-      "integrity": "sha512-OAPJUAtgeINhh/TAlUID4QTs53Njm7xzddaVlEs/SXwgtiD1tW22zAB/W1wdqfrpmikgaWQ9Fw6Ws+hsiRm5Vg==",
-      "dependencies": {
-        "@sinonjs/commons": "^1.7.0"
-      }
-    },
-    "node_modules/@storybook/addons": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-6.5.16.tgz",
-      "integrity": "sha512-p3DqQi+8QRL5k7jXhXmJZLsE/GqHqyY6PcoA1oNTJr0try48uhTGUOYkgzmqtDaa/qPFO5LP+xCPzZXckGtquQ==",
-      "dependencies": {
-        "@storybook/api": "6.5.16",
-        "@storybook/channels": "6.5.16",
-        "@storybook/client-logger": "6.5.16",
-        "@storybook/core-events": "6.5.16",
-        "@storybook/csf": "0.0.2--canary.4566f4d.1",
-        "@storybook/router": "6.5.16",
-        "@storybook/theming": "6.5.16",
-        "@types/webpack-env": "^1.16.0",
-        "core-js": "^3.8.2",
-        "global": "^4.4.0",
-        "regenerator-runtime": "^0.13.7"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/addons/node_modules/regenerator-runtime": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
-    },
-    "node_modules/@storybook/api": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-6.5.16.tgz",
-      "integrity": "sha512-HOsuT8iomqeTMQJrRx5U8nsC7lJTwRr1DhdD0SzlqL4c80S/7uuCy4IZvOt4sYQjOzW5fOo/kamcoBXyLproTA==",
-      "dependencies": {
-        "@storybook/channels": "6.5.16",
-        "@storybook/client-logger": "6.5.16",
-        "@storybook/core-events": "6.5.16",
-        "@storybook/csf": "0.0.2--canary.4566f4d.1",
-        "@storybook/router": "6.5.16",
-        "@storybook/semver": "^7.3.2",
-        "@storybook/theming": "6.5.16",
-        "core-js": "^3.8.2",
-        "fast-deep-equal": "^3.1.3",
-        "global": "^4.4.0",
-        "lodash": "^4.17.21",
-        "memoizerific": "^1.11.3",
-        "regenerator-runtime": "^0.13.7",
-        "store2": "^2.12.0",
-        "telejson": "^6.0.8",
-        "ts-dedent": "^2.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/api/node_modules/regenerator-runtime": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
-    },
-    "node_modules/@storybook/channels": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-6.5.16.tgz",
-      "integrity": "sha512-VylzaWQZaMozEwZPJdyJoz+0jpDa8GRyaqu9TGG6QGv+KU5POoZaGLDkRE7TzWkyyP0KQLo80K99MssZCpgSeg==",
-      "dependencies": {
-        "core-js": "^3.8.2",
-        "ts-dedent": "^2.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/client-logger": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-6.5.16.tgz",
-      "integrity": "sha512-pxcNaCj3ItDdicPTXTtmYJE3YC1SjxFrBmHcyrN+nffeNyiMuViJdOOZzzzucTUG0wcOOX8jaSyak+nnHg5H1Q==",
-      "dependencies": {
-        "core-js": "^3.8.2",
-        "global": "^4.4.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/core-events": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-6.5.16.tgz",
-      "integrity": "sha512-qMZQwmvzpH5F2uwNUllTPg6eZXr2OaYZQRRN8VZJiuorZzDNdAFmiVWMWdkThwmyLEJuQKXxqCL8lMj/7PPM+g==",
-      "dependencies": {
-        "core-js": "^3.8.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      }
-    },
-    "node_modules/@storybook/csf": {
-      "version": "0.0.2--canary.4566f4d.1",
-      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.0.2--canary.4566f4d.1.tgz",
-      "integrity": "sha512-9OVvMVh3t9znYZwb0Svf/YQoxX2gVOeQTGe2bses2yj+a3+OJnCrUF3/hGv6Em7KujtOdL2LL+JnG49oMVGFgQ==",
-      "dependencies": {
-        "lodash": "^4.17.15"
-      }
-    },
-    "node_modules/@storybook/router": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-6.5.16.tgz",
-      "integrity": "sha512-ZgeP8a5YV/iuKbv31V8DjPxlV4AzorRiR8OuSt/KqaiYXNXlOoQDz/qMmiNcrshrfLpmkzoq7fSo4T8lWo2UwQ==",
-      "dependencies": {
-        "@storybook/client-logger": "6.5.16",
-        "core-js": "^3.8.2",
-        "memoizerific": "^1.11.3",
-        "qs": "^6.10.0",
-        "regenerator-runtime": "^0.13.7"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/router/node_modules/regenerator-runtime": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
-    },
-    "node_modules/@storybook/semver": {
-      "version": "7.3.2",
-      "resolved": "https://registry.npmjs.org/@storybook/semver/-/semver-7.3.2.tgz",
-      "integrity": "sha512-SWeszlsiPsMI0Ps0jVNtH64cI5c0UF3f7KgjVKJoNP30crQ6wUSddY2hsdeczZXEKVJGEn50Q60flcGsQGIcrg==",
-      "dependencies": {
-        "core-js": "^3.6.5",
-        "find-up": "^4.1.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@storybook/theming": {
-      "version": "6.5.16",
-      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
-      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
-      "dependencies": {
-        "@storybook/client-logger": "6.5.16",
-        "core-js": "^3.8.2",
-        "memoizerific": "^1.11.3",
-        "regenerator-runtime": "^0.13.7"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/storybook"
-      },
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@storybook/theming/node_modules/regenerator-runtime": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
-    },
-    "node_modules/@surma/rollup-plugin-off-main-thread": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-2.2.3.tgz",
-      "integrity": "sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==",
-      "dependencies": {
-        "ejs": "^3.1.6",
-        "json5": "^2.2.0",
-        "magic-string": "^0.25.0",
-        "string.prototype.matchall": "^4.0.6"
-      }
-    },
-    "node_modules/@svgr/babel-plugin-add-jsx-attribute": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz",
-      "integrity": "sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz",
-      "integrity": "sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz",
-      "integrity": "sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz",
-      "integrity": "sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/babel-plugin-svg-dynamic-title": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz",
-      "integrity": "sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/babel-plugin-svg-em-dimensions": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz",
-      "integrity": "sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/babel-plugin-transform-react-native-svg": {
-      "version": "5.4.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz",
-      "integrity": "sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/babel-plugin-transform-svg-component": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz",
-      "integrity": "sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/babel-preset": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-5.5.0.tgz",
-      "integrity": "sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig==",
-      "dependencies": {
-        "@svgr/babel-plugin-add-jsx-attribute": "^5.4.0",
-        "@svgr/babel-plugin-remove-jsx-attribute": "^5.4.0",
-        "@svgr/babel-plugin-remove-jsx-empty-expression": "^5.0.1",
-        "@svgr/babel-plugin-replace-jsx-attribute-value": "^5.0.1",
-        "@svgr/babel-plugin-svg-dynamic-title": "^5.4.0",
-        "@svgr/babel-plugin-svg-em-dimensions": "^5.4.0",
-        "@svgr/babel-plugin-transform-react-native-svg": "^5.4.0",
-        "@svgr/babel-plugin-transform-svg-component": "^5.5.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/core": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-5.5.0.tgz",
-      "integrity": "sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ==",
-      "dependencies": {
-        "@svgr/plugin-jsx": "^5.5.0",
-        "camelcase": "^6.2.0",
-        "cosmiconfig": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/core/node_modules/camelcase": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/@svgr/core/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@svgr/hast-util-to-babel-ast": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz",
-      "integrity": "sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ==",
-      "dependencies": {
-        "@babel/types": "^7.12.6"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/plugin-jsx": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz",
-      "integrity": "sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA==",
-      "dependencies": {
-        "@babel/core": "^7.12.3",
-        "@svgr/babel-preset": "^5.5.0",
-        "@svgr/hast-util-to-babel-ast": "^5.5.0",
-        "svg-parser": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/plugin-svgo": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz",
-      "integrity": "sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ==",
-      "dependencies": {
-        "cosmiconfig": "^7.0.0",
-        "deepmerge": "^4.2.2",
-        "svgo": "^1.2.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@svgr/plugin-svgo/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@svgr/webpack": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/@svgr/webpack/-/webpack-5.5.0.tgz",
-      "integrity": "sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g==",
-      "dependencies": {
-        "@babel/core": "^7.12.3",
-        "@babel/plugin-transform-react-constant-elements": "^7.12.1",
-        "@babel/preset-env": "^7.12.1",
-        "@babel/preset-react": "^7.12.5",
-        "@svgr/core": "^5.5.0",
-        "@svgr/plugin-jsx": "^5.5.0",
-        "@svgr/plugin-svgo": "^5.5.0",
-        "loader-utils": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/gregberge"
-      }
-    },
-    "node_modules/@testing-library/dom": {
-      "version": "6.16.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-6.16.0.tgz",
-      "integrity": "sha512-lBD88ssxqEfz0wFL6MeUyyWZfV/2cjEZZV3YRpb2IoJRej/4f1jB0TzqIOznTpfR1r34CNesrubxwIlAQ8zgPA==",
-      "dependencies": {
-        "@babel/runtime": "^7.8.4",
-        "@sheerun/mutationobserver-shim": "^0.3.2",
-        "@types/testing-library__dom": "^6.12.1",
-        "aria-query": "^4.0.2",
-        "dom-accessibility-api": "^0.3.0",
-        "pretty-format": "^25.1.0",
-        "wait-for-expect": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/@jest/types": {
-      "version": "25.5.0",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
-      "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^1.1.1",
-        "@types/yargs": "^15.0.0",
-        "chalk": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 8.3"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/@types/yargs": {
-      "version": "15.0.19",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.19.tgz",
-      "integrity": "sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/chalk": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@testing-library/dom/node_modules/pretty-format": {
-      "version": "25.5.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
-      "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
-      "dependencies": {
-        "@jest/types": "^25.5.0",
-        "ansi-regex": "^5.0.0",
-        "ansi-styles": "^4.0.0",
-        "react-is": "^16.12.0"
-      },
-      "engines": {
-        "node": ">= 8.3"
-      }
-    },
-    "node_modules/@testing-library/jest-dom": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-4.2.4.tgz",
-      "integrity": "sha512-j31Bn0rQo12fhCWOUWy9fl7wtqkp7In/YP2p5ZFyRuiiB9Qs3g+hS4gAmDWONbAHcRmVooNJ5eOHQDCOmUFXHg==",
-      "dependencies": {
-        "@babel/runtime": "^7.5.1",
-        "chalk": "^2.4.1",
-        "css": "^2.2.3",
-        "css.escape": "^1.5.1",
-        "jest-diff": "^24.0.0",
-        "jest-matcher-utils": "^24.0.0",
-        "lodash": "^4.17.11",
-        "pretty-format": "^24.0.0",
-        "redent": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8",
-        "npm": ">=6"
-      }
-    },
-    "node_modules/@testing-library/jest-dom/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@testing-library/jest-dom/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/@testing-library/jest-dom/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/@testing-library/jest-dom/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/@testing-library/jest-dom/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@testing-library/jest-dom/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/@testing-library/react": {
-      "version": "9.5.0",
-      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-9.5.0.tgz",
-      "integrity": "sha512-di1b+D0p+rfeboHO5W7gTVeZDIK5+maEgstrZbWZSSvxDyfDRkkyBE1AJR5Psd6doNldluXlCWqXriUfqu/9Qg==",
-      "dependencies": {
-        "@babel/runtime": "^7.8.4",
-        "@testing-library/dom": "^6.15.0",
-        "@types/testing-library__react": "^9.1.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
-      }
-    },
-    "node_modules/@testing-library/user-event": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-7.2.1.tgz",
-      "integrity": "sha512-oZ0Ib5I4Z2pUEcoo95cT1cr6slco9WY7yiPpG+RGNkj8YcYgJnM7pXmYmorNOReh8MIGcKSqXyeGjxnr8YiZbA==",
-      "peerDependencies": {
-        "@testing-library/dom": ">=5"
-      }
-    },
-    "node_modules/@tippyjs/react": {
-      "version": "4.2.6",
-      "resolved": "https://registry.npmjs.org/@tippyjs/react/-/react-4.2.6.tgz",
-      "integrity": "sha512-91RicDR+H7oDSyPycI13q3b7o4O60wa2oRbjlz2fyRLmHImc4vyDwuUP8NtZaN0VARJY5hybvDYrFzhY9+Lbyw==",
-      "dependencies": {
-        "tippy.js": "^6.3.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.8",
-        "react-dom": ">=16.8"
-      }
-    },
-    "node_modules/@tiptap/core": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.3.1.tgz",
-      "integrity": "sha512-ycpQlmczAOc05TgB5sc3RUTEEBXAVmS8MR9PqQzg96qidaRfVkgE+2w4k7t83PMHl2duC0MGqOCy96pLYwSpeg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/pm": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-blockquote": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.10.4.tgz",
-      "integrity": "sha512-4JSwAM3B92YWvGzu/Vd5rovPrCGwLSaSLD5rxcLyfxLSrTDQd3n7lp78pzVgGhunVECzaGF5A0ByWWpEyS0a3w==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-bold": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.10.4.tgz",
-      "integrity": "sha512-SdO4oFQKaERCGfwOc1CLYQRtThENam2KWfWmvpsymknokt5qYzU57ft0SE1HQV9vVYEzZ9HrWIgv2xrgu0g9kg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-bubble-menu": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.10.4.tgz",
-      "integrity": "sha512-GVtZwJaQyLBptMsmDtYl5GEobd1Uu7C9sc9Z+PdXwMuxmFfg+j07bCKCj5JJj/tjgXCSLVxWdTlDHxNrgzQHjw==",
-      "dependencies": {
-        "tippy.js": "^6.3.7"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-bullet-list": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.10.4.tgz",
-      "integrity": "sha512-JVwDPgOBYRU2ivaadOh4IaQYXQEiSw6sB36KT/bwqJF2GnEvLiMwptdRMn9Uuh6xYR3imjIZtV6uZAoneZdd6g==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-character-count": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-character-count/-/extension-character-count-2.3.1.tgz",
-      "integrity": "sha512-9aYj1K7uejPm+U0kaviECC+p0bWhIo2ld2x9FFvw4RJF7UlULAz8kiS55WhHBpLiv6OdAIuQH8SwVDLNac5/yQ==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0",
-        "@tiptap/pm": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-code": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.10.4.tgz",
-      "integrity": "sha512-Vj/N0nbSQiV1o7X7pRySK9Fu72Dd266gm27TSlsts6IwJu5MklFvz7ezJUWoLjt2wmCV8/U/USmk/39ic9qjvg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-code-block": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.10.4.tgz",
-      "integrity": "sha512-qS4jnbJqghNMT2+B+GQ807ATgqkL9OQ//NlL+ZwVSe+DPDduNA9B6IB9SrWENDfOnzekpi7kcEcm+RenELARRQ==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-code-block-lowlight": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.3.1.tgz",
-      "integrity": "sha512-cITugRxTy2/HM2csvjpAnCYBp1Z+A+dXLpNic1QzcXvTTjxTw7V4dtOE7ymmiMHlsAOKQLeWkkgc6W0pPES6IA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0",
-        "@tiptap/extension-code-block": "^2.0.0",
-        "@tiptap/pm": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-color": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-color/-/extension-color-2.3.1.tgz",
-      "integrity": "sha512-a127akyS3nMbcLKzZ02l/rHUP5BlCmbma6vYJNjRk6Srd1DlhXCIynMZJr7Bzgngq9KNLGQha2uxbPr7me3xAA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0",
-        "@tiptap/extension-text-style": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-document": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.3.1.tgz",
-      "integrity": "sha512-uWYbzAV95JnetFBduWRI9n2QbQfmznQ7I6XzfZxuTAO2KcWGvHPBS7F00COO9Y67FZAPMbuQ1njtCJK0nClOPw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-dropcursor": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.10.4.tgz",
-      "integrity": "sha512-0XEM/yNLaMc/sZlYOau7XpHyYiHT9LwXUe7kmze/L8eowIa/iLvmRbcnUd3rtlZ7x7wooE6UO9c7OtlREg4ZBw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-floating-menu": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.10.4.tgz",
-      "integrity": "sha512-K2MDiu6CwQ7+Jr6g1Lh3Tuxm1L6SefSHMpQO0UW3aRGwgEV5pjlrztnBFX4K9b7MNuQ4dJGCUK9u8Cv7Xss0qg==",
-      "dependencies": {
-        "tippy.js": "^6.3.7"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-gapcursor": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.10.4.tgz",
-      "integrity": "sha512-KbJfoaqTZePpkWAN+klpK5j0UVtELxN7H5B0J556/UCB/rnq+OsdEFHPks2Ss9TidqWzRUqcxUE50UZ7b8h7Ug==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-hard-break": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.10.4.tgz",
-      "integrity": "sha512-nW9wubW1A/CO2Ssn9wNMP08tR9Oarg9VUGzJ5qNuz38DDNyntE1SyDS+XStkeMq5nKqJ3YKhukyAJH/PiRq4Mg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-heading": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.3.1.tgz",
-      "integrity": "sha512-epdIrg1xpuk5ApnNyM/NJO1dhVZgD7kDPem6QH4fug5UJtCueze942yNzUhCuvckmIegfdferAb1p4ug4674ig==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-highlight": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-highlight/-/extension-highlight-2.3.1.tgz",
-      "integrity": "sha512-BWetu1jqHVsl6bZMaZM8VZYtHC6JBM2CRgI7R8GnKKDM8aSxK0P7CHCZLs4dGwOPlFVjE/nCjwdKd+GUUkeaQg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-history": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.10.4.tgz",
-      "integrity": "sha512-fg6BNxbpMMtgKaiNI/GLcCzkxIQMwSYBhO9LA0CxLvmsWGU+My4r9W3DK6HwNoRJ9+6OleDPSLo1P73fbSTtEA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-horizontal-rule": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.10.4.tgz",
-      "integrity": "sha512-s9ycm/BOGoW3L0Epnj541vdngHbFbMM488HoODd1CmVSw1C+wBWFgsukgqKjlyE3VGfZXuSb1ur9zinW0RiLJQ==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0",
-        "@tiptap/pm": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-image": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-image/-/extension-image-2.3.1.tgz",
-      "integrity": "sha512-3RhVBySQA2LbftWhtZ0p2Mqf9lihNAYs3uQ3iyaB+BYViQiHyVpui09Wny0BwNy0oV6ryUWjBifko2Z1AZgANw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-italic": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.10.4.tgz",
-      "integrity": "sha512-8MIQ+wsbyxNCZDCFTVTOXrS2AvFyOhtlBNgVU2+6r6xnJV4AcfEA3qclysqrjOlL117ped/nzDeoB0AeX0CI+Q==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-link": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-2.3.1.tgz",
-      "integrity": "sha512-VE54iLwWcPldqZl7a4E/pmGD7waCWS//VT8jxTuFUroTouIzT+OjB9DQAXMkrRiaz+na3I8Jie1yBE+zYB0gvQ==",
-      "dependencies": {
-        "linkifyjs": "^4.1.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0",
-        "@tiptap/pm": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-list-item": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.10.4.tgz",
-      "integrity": "sha512-8K3WUD5fPyw2poQKnJGGm7zlfeIbpld92+SRF4M9wkp95EzvgexTlodvxlrL3i8zKXcQQVyExWA8kCcGPFb9bA==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-ordered-list": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.10.4.tgz",
-      "integrity": "sha512-NaeEu+qFG2O0emc8WlwOM7DKNKOaqHWuNkuKrrmQzslgL+UQSEGlGMo6NEJ5sLLckPBDpIa0MuRm30407JE+cg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-paragraph": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.10.4.tgz",
-      "integrity": "sha512-SRNVhT8OXqjpZtcyuOtofbtOpXXFrQrjqqCc/yXebda//2SfUTOvB16Lss77vQOWi6xr7TF1mZuowJgSTkcczw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-strike": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.10.4.tgz",
-      "integrity": "sha512-OibipsomFpOJWTPVX/z4Z53HgwDA93lE/loHGa+ONJfML1dO6Zd6UTwzaVO1/g8WOwRgwkYu/6JnhxLKRlP8Lg==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-subscript": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-subscript/-/extension-subscript-2.3.1.tgz",
-      "integrity": "sha512-fTe7/U/1iteoa/cci0Ya7KLuf5VFTrthizzCoWiUiv08C2AJSHTLEURtljmiZ6iA37P8l6FvgzS/ZXTOZ/1o2A==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-superscript": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-superscript/-/extension-superscript-2.3.1.tgz",
-      "integrity": "sha512-xAFgiW39zlHhzoyrcdiLTqmE/jRexJof7jhChCxHTt5DqOZxWS+1JPcn47XY+Ho0W0CpqiO5JuhO3i/5gs5Llw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-text": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.10.4.tgz",
-      "integrity": "sha512-wPdVxCHrIS9S+8n08lgyyqRZPj9FBbyLlFt74/lV5yBC3LOorq1VKdjrTskmaj4jud7ImXoKDyBddAYTHdJ1xw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.7.0"
-      }
-    },
-    "node_modules/@tiptap/extension-text-align": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-align/-/extension-text-align-2.3.1.tgz",
-      "integrity": "sha512-EhV8xuCKdy0abZNALW0AwgqK3KeFzUFmRiKETTkfZb9Y2Jqz8HVGJT8EAAIMfEMkO9AaRMoGRIDMCx3vQsiJlw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-text-style": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-style/-/extension-text-style-2.3.1.tgz",
-      "integrity": "sha512-eXtuf3AqcOv28BM0dO4lbBNnvM1fo4WWuT+/s1YV5Ovex3T5OS7PsPuR/9p5AD4NuX9QvNrV+eM02mcNzaTBWw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-typography": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-2.3.1.tgz",
-      "integrity": "sha512-7TWpU2nvCqz1RGldnsocviUvMpzBqm6zowV0+ecRaXSBI/bDui5tK5kf6fhYrxtb4WF2vGF9C6Wr4tF7Mx8OIw==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/extension-underline": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.3.1.tgz",
-      "integrity": "sha512-xgLGr7bM5OAKagUKdL5dWxJHgwEp2fk3D5XCVUBwqgeOZtOFteoqPzb/2617w7qrP+9oM9zRjw6z27hM8YxyvQ==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0"
-      }
-    },
-    "node_modules/@tiptap/pm": {
-      "version": "2.10.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.10.4.tgz",
-      "integrity": "sha512-pZ4NEkRtYoDLe0spARvXZ1N3hNv/5u6vfPdPtEbmNpoOSjSNqDC1kVM+qJY0iaCYpxbxcv7cxn3kBumcFLQpJQ==",
-      "dependencies": {
-        "prosemirror-changeset": "^2.2.1",
-        "prosemirror-collab": "^1.3.1",
-        "prosemirror-commands": "^1.6.2",
-        "prosemirror-dropcursor": "^1.8.1",
-        "prosemirror-gapcursor": "^1.3.2",
-        "prosemirror-history": "^1.4.1",
-        "prosemirror-inputrules": "^1.4.0",
-        "prosemirror-keymap": "^1.2.2",
-        "prosemirror-markdown": "^1.13.1",
-        "prosemirror-menu": "^1.2.4",
-        "prosemirror-model": "^1.23.0",
-        "prosemirror-schema-basic": "^1.2.3",
-        "prosemirror-schema-list": "^1.4.1",
-        "prosemirror-state": "^1.4.3",
-        "prosemirror-tables": "^1.6.1",
-        "prosemirror-trailing-node": "^3.0.0",
-        "prosemirror-transform": "^1.10.2",
-        "prosemirror-view": "^1.37.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      }
-    },
-    "node_modules/@tiptap/react": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@tiptap/react/-/react-2.0.4.tgz",
-      "integrity": "sha512-NcrZL4Tu3+1Xfj/us5AOD7+kJhwYo2XViOB2iRRnfwS80PUtiLWDis6o3ngMGot/jBWzaMn4gofXnMWHtFdIAw==",
-      "dependencies": {
-        "@tiptap/extension-bubble-menu": "^2.0.4",
-        "@tiptap/extension-floating-menu": "^2.0.4"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0",
-        "@tiptap/pm": "^2.0.0",
-        "react": "^17.0.0 || ^18.0.0",
-        "react-dom": "^17.0.0 || ^18.0.0"
-      }
-    },
-    "node_modules/@tiptap/starter-kit": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.3.1.tgz",
-      "integrity": "sha512-VGk1o5y5f2ZHKkvP2WNj8BH7FGak0d0cjxQiXP1n5w8eS0vFnTkCz3JbCPM+KTKobsBmxd2vSC3ElgP9E9d2xw==",
-      "dependencies": {
-        "@tiptap/core": "^2.3.1",
-        "@tiptap/extension-blockquote": "^2.3.1",
-        "@tiptap/extension-bold": "^2.3.1",
-        "@tiptap/extension-bullet-list": "^2.3.1",
-        "@tiptap/extension-code": "^2.3.1",
-        "@tiptap/extension-code-block": "^2.3.1",
-        "@tiptap/extension-document": "^2.3.1",
-        "@tiptap/extension-dropcursor": "^2.3.1",
-        "@tiptap/extension-gapcursor": "^2.3.1",
-        "@tiptap/extension-hard-break": "^2.3.1",
-        "@tiptap/extension-heading": "^2.3.1",
-        "@tiptap/extension-history": "^2.3.1",
-        "@tiptap/extension-horizontal-rule": "^2.3.1",
-        "@tiptap/extension-italic": "^2.3.1",
-        "@tiptap/extension-list-item": "^2.3.1",
-        "@tiptap/extension-ordered-list": "^2.3.1",
-        "@tiptap/extension-paragraph": "^2.3.1",
-        "@tiptap/extension-strike": "^2.3.1",
-        "@tiptap/extension-text": "^2.3.1"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      }
-    },
-    "node_modules/@tiptap/suggestion": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/@tiptap/suggestion/-/suggestion-2.3.1.tgz",
-      "integrity": "sha512-hfUIsC80QivPH833rlqh3x1RCOat2mE0SzR6m2Z1ZNZ86N5BrYDU8e8p81gR//4SlNBJ7BZGVWN3DXj+aAKs2A==",
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/ueberdosis"
-      },
-      "peerDependencies": {
-        "@tiptap/core": "^2.0.0",
-        "@tiptap/pm": "^2.0.0"
-      }
-    },
-    "node_modules/@tootallnate/once": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-1.1.2.tgz",
-      "integrity": "sha512-RbzJvlNzmRq5c3O09UipeuXno4tA1FE6ikOjxZK0tuxVv3412l64l5t1W5pj4+rJq9vpkm/kwiR07aZXnsKPxw==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/@transloadit/prettier-bytes": {
-      "version": "0.3.5",
-      "resolved": "https://registry.npmjs.org/@transloadit/prettier-bytes/-/prettier-bytes-0.3.5.tgz",
-      "integrity": "sha512-xF4A3d/ZyX2LJWeQZREZQw+qFX4TGQ8bGVP97OLRt6sPO6T0TNHBFTuRHOJh7RNmYOBmQ9MHxpolD9bXihpuVA=="
-    },
-    "node_modules/@trysound/sax": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
-      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/@types/babel__core": {
-      "version": "7.20.5",
-      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
-      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
-      "dependencies": {
-        "@babel/parser": "^7.20.7",
-        "@babel/types": "^7.20.7",
-        "@types/babel__generator": "*",
-        "@types/babel__template": "*",
-        "@types/babel__traverse": "*"
-      }
-    },
-    "node_modules/@types/babel__generator": {
-      "version": "7.6.8",
-      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
-      "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
-      "dependencies": {
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__template": {
-      "version": "7.4.4",
-      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
-      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
-      "dependencies": {
-        "@babel/parser": "^7.1.0",
-        "@babel/types": "^7.0.0"
-      }
-    },
-    "node_modules/@types/babel__traverse": {
-      "version": "7.20.6",
-      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz",
-      "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==",
-      "dependencies": {
-        "@babel/types": "^7.20.7"
-      }
-    },
-    "node_modules/@types/body-parser": {
-      "version": "1.19.5",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.5.tgz",
-      "integrity": "sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg==",
-      "dependencies": {
-        "@types/connect": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/bonjour": {
-      "version": "3.5.13",
-      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
-      "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/cheerio": {
-      "version": "0.22.35",
-      "resolved": "https://registry.npmjs.org/@types/cheerio/-/cheerio-0.22.35.tgz",
-      "integrity": "sha512-yD57BchKRvTV+JD53UZ6PD8KWY5g5rvvMLRnZR3EQBCZXiDT/HR+pKpMzFGlWNhFrXlo7VPZXtKvIEwZkAWOIA==",
-      "dev": true,
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/connect": {
-      "version": "3.4.38",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
-      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/connect-history-api-fallback": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
-      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
-      "dependencies": {
-        "@types/express-serve-static-core": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/eslint": {
-      "version": "8.56.12",
-      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.12.tgz",
-      "integrity": "sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==",
-      "dependencies": {
-        "@types/estree": "*",
-        "@types/json-schema": "*"
-      }
-    },
-    "node_modules/@types/eslint-scope": {
-      "version": "3.7.7",
-      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
-      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
-      "dependencies": {
-        "@types/eslint": "*",
-        "@types/estree": "*"
-      }
-    },
-    "node_modules/@types/estree": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
-      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw=="
-    },
-    "node_modules/@types/express": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
-      "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
-      "dependencies": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^4.17.33",
-        "@types/qs": "*",
-        "@types/serve-static": "*"
-      }
-    },
-    "node_modules/@types/express-serve-static-core": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-5.0.2.tgz",
-      "integrity": "sha512-vluaspfvWEtE4vcSDlKRNer52DvOGrB2xv6diXy6UKyKW0lqZiWHGNApSyxOv+8DE5Z27IzVvE7hNkxg7EXIcg==",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*",
-        "@types/send": "*"
-      }
-    },
-    "node_modules/@types/express/node_modules/@types/express-serve-static-core": {
-      "version": "4.19.6",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.6.tgz",
-      "integrity": "sha512-N4LZ2xG7DatVqhCZzOGb1Yi5lMbXSZcmdLDe9EzSndPV2HpWYWzRbaerl2n27irrm94EPpprqa8KpskPT085+A==",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*",
-        "@types/send": "*"
-      }
-    },
-    "node_modules/@types/graceful-fs": {
-      "version": "4.1.9",
-      "resolved": "https://registry.npmjs.org/@types/graceful-fs/-/graceful-fs-4.1.9.tgz",
-      "integrity": "sha512-olP3sd1qOEe5dXTSaFvQG+02VdRXcdytWLAZsAq1PecU8uqQAhkrnbli7DagjtXKW/Bl7YJbUsa8MPcuc8LHEQ==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/hast": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz",
-      "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==",
-      "dependencies": {
-        "@types/unist": "^2"
-      }
-    },
-    "node_modules/@types/hoist-non-react-statics": {
-      "version": "3.3.6",
-      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.6.tgz",
-      "integrity": "sha512-lPByRJUer/iN/xa4qpyL0qmL11DqNW81iU/IG1S3uvRUq4oKagz8VCxZjiWkumgt66YT3vOdDgZ0o32sGKtCEw==",
-      "dependencies": {
-        "@types/react": "*",
-        "hoist-non-react-statics": "^3.3.0"
-      }
-    },
-    "node_modules/@types/html-minifier-terser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
-      "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg=="
-    },
-    "node_modules/@types/http-errors": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.4.tgz",
-      "integrity": "sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA=="
-    },
-    "node_modules/@types/http-proxy": {
-      "version": "1.17.15",
-      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.15.tgz",
-      "integrity": "sha512-25g5atgiVNTIv0LBDTg1H74Hvayx0ajtJPLLcYE3whFv75J0pWNtOBzaXJQgDTmrX1bx5U9YC2w/n65BN1HwRQ==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/is-function": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@types/is-function/-/is-function-1.0.3.tgz",
-      "integrity": "sha512-/CLhCW79JUeLKznI6mbVieGbl4QU5Hfn+6udw1YHZoofASjbQ5zaP5LzAUZYDpRYEjS4/P+DhEgyJ/PQmGGTWw=="
-    },
-    "node_modules/@types/istanbul-lib-coverage": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz",
-      "integrity": "sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w=="
-    },
-    "node_modules/@types/istanbul-lib-report": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz",
-      "integrity": "sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "*"
-      }
-    },
-    "node_modules/@types/istanbul-reports": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-1.1.2.tgz",
-      "integrity": "sha512-P/W9yOX/3oPZSpaYOCQzGqgCQRXn0FFO/V8bWrCQs+wLmvVVxk6CRBXALEvNs9OHIatlnlFokfhuDo2ug01ciw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "*",
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/@types/json-schema": {
-      "version": "7.0.15",
-      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
-      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="
-    },
-    "node_modules/@types/json5": {
-      "version": "0.0.29",
-      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
-      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ=="
-    },
-    "node_modules/@types/linkify-it": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
-      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q=="
-    },
-    "node_modules/@types/markdown-it": {
-      "version": "14.1.2",
-      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
-      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
-      "dependencies": {
-        "@types/linkify-it": "^5",
-        "@types/mdurl": "^2"
-      }
-    },
-    "node_modules/@types/mdurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
-      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg=="
-    },
-    "node_modules/@types/mime": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
-      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w=="
-    },
-    "node_modules/@types/minimist": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.5.tgz",
-      "integrity": "sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==",
-      "dev": true
-    },
-    "node_modules/@types/node": {
-      "version": "22.10.2",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.2.tgz",
-      "integrity": "sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==",
-      "dependencies": {
-        "undici-types": "~6.20.0"
-      }
-    },
-    "node_modules/@types/node-forge": {
-      "version": "1.3.11",
-      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz",
-      "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/normalize-package-data": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
-      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
-      "dev": true
-    },
-    "node_modules/@types/parse-json": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz",
-      "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="
-    },
-    "node_modules/@types/prettier": {
-      "version": "2.7.3",
-      "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.7.3.tgz",
-      "integrity": "sha512-+68kP9yzs4LMp7VNh8gdzMSPZFL44MLGqiHWvttYJe+6qnuVr4Ek9wSBQoveqY/r+LwjCcU29kNVkidwim+kYA=="
-    },
-    "node_modules/@types/q": {
-      "version": "1.5.8",
-      "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.8.tgz",
-      "integrity": "sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw=="
-    },
-    "node_modules/@types/qs": {
-      "version": "6.9.17",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.17.tgz",
-      "integrity": "sha512-rX4/bPcfmvxHDv0XjfJELTTr+iB+tn032nPILqHm5wbthUUUuVtNGGqzhya9XUxjTP8Fpr0qYgSZZKxGY++svQ=="
-    },
-    "node_modules/@types/range-parser": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
-      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ=="
-    },
-    "node_modules/@types/react": {
-      "version": "19.0.2",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.2.tgz",
-      "integrity": "sha512-USU8ZI/xyKJwFTpjSVIrSeHBVAGagkHQKPNbxeWwql/vDmnTIBgx+TJnhFnj1NXgz8XfprU0egV2dROLGpsBEg==",
-      "dependencies": {
-        "csstype": "^3.0.2"
-      }
-    },
-    "node_modules/@types/react-dom": {
-      "version": "19.0.2",
-      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.2.tgz",
-      "integrity": "sha512-c1s+7TKFaDRRxr1TxccIX2u7sfCnc3RxkVyBIUA2lCpyqCF+QoAwQ/CBg7bsMdVwP120HEH143VQezKtef5nCg==",
-      "peerDependencies": {
-        "@types/react": "^19.0.0"
-      }
-    },
-    "node_modules/@types/react-redux": {
-      "version": "7.1.34",
-      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.34.tgz",
-      "integrity": "sha512-GdFaVjEbYv4Fthm2ZLvj1VSCedV7TqE5y1kNwnjSdBOTXuRSgowux6J8TAct15T3CKBr63UMk+2CO7ilRhyrAQ==",
-      "dependencies": {
-        "@types/hoist-non-react-statics": "^3.3.0",
-        "@types/react": "*",
-        "hoist-non-react-statics": "^3.3.0",
-        "redux": "^4.0.0"
-      }
-    },
-    "node_modules/@types/resolve": {
-      "version": "1.17.1",
-      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
-      "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/retry": {
-      "version": "0.12.2",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
-      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow=="
-    },
-    "node_modules/@types/semver": {
-      "version": "7.5.8",
-      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.8.tgz",
-      "integrity": "sha512-I8EUhyrgfLrcTkzV3TSsGyl1tSuPrEDzr0yd5m90UgNxQkyDXULk3b6MlQqTCpZpNtWe1K0hzclnZkTcLBe2UQ=="
-    },
-    "node_modules/@types/send": {
-      "version": "0.17.4",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.4.tgz",
-      "integrity": "sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==",
-      "dependencies": {
-        "@types/mime": "^1",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/serve-index": {
-      "version": "1.9.4",
-      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
-      "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
-      "dependencies": {
-        "@types/express": "*"
-      }
-    },
-    "node_modules/@types/serve-static": {
-      "version": "1.15.7",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz",
-      "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
-      "dependencies": {
-        "@types/http-errors": "*",
-        "@types/node": "*",
-        "@types/send": "*"
-      }
-    },
-    "node_modules/@types/sockjs": {
-      "version": "0.3.36",
-      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
-      "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/stack-utils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.3.tgz",
-      "integrity": "sha512-9aEbYZ3TbYMznPdcdr3SmIrLXwC/AKZXQeCf9Pgao5CKb8CyHuEX5jzWPTkvregvhRJHcpRO6BFoGW9ycaOkYw=="
-    },
-    "node_modules/@types/testing-library__dom": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/@types/testing-library__dom/-/testing-library__dom-6.14.0.tgz",
-      "integrity": "sha512-sMl7OSv0AvMOqn1UJ6j1unPMIHRXen0Ita1ujnMX912rrOcawe4f7wu0Zt9GIQhBhJvH2BaibqFgQ3lP+Pj2hA==",
-      "dependencies": {
-        "pretty-format": "^24.3.0"
-      }
-    },
-    "node_modules/@types/testing-library__react": {
-      "version": "9.1.3",
-      "resolved": "https://registry.npmjs.org/@types/testing-library__react/-/testing-library__react-9.1.3.tgz",
-      "integrity": "sha512-iCdNPKU3IsYwRK9JieSYAiX0+aYDXOGAmrC/3/M7AqqSDKnWWVv07X+Zk1uFSL7cMTUYzv4lQRfohucEocn5/w==",
-      "dependencies": {
-        "@types/react-dom": "*",
-        "@types/testing-library__dom": "*",
-        "pretty-format": "^25.1.0"
-      }
-    },
-    "node_modules/@types/testing-library__react/node_modules/@jest/types": {
-      "version": "25.5.0",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
-      "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^1.1.1",
-        "@types/yargs": "^15.0.0",
-        "chalk": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 8.3"
-      }
-    },
-    "node_modules/@types/testing-library__react/node_modules/@types/yargs": {
-      "version": "15.0.19",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.19.tgz",
-      "integrity": "sha512-2XUaGVmyQjgyAZldf0D0c14vvo/yv0MhQBSTJcejMMaitsn3nxCB6TmH4G0ZQf+uxROOa9mpanoSm8h6SG/1ZA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@types/testing-library__react/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@types/testing-library__react/node_modules/chalk": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/@types/testing-library__react/node_modules/pretty-format": {
-      "version": "25.5.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
-      "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
-      "dependencies": {
-        "@jest/types": "^25.5.0",
-        "ansi-regex": "^5.0.0",
-        "ansi-styles": "^4.0.0",
-        "react-is": "^16.12.0"
-      },
-      "engines": {
-        "node": ">= 8.3"
-      }
-    },
-    "node_modules/@types/trusted-types": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
-      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="
-    },
-    "node_modules/@types/unist": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
-      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="
-    },
-    "node_modules/@types/webpack-env": {
-      "version": "1.18.5",
-      "resolved": "https://registry.npmjs.org/@types/webpack-env/-/webpack-env-1.18.5.tgz",
-      "integrity": "sha512-wz7kjjRRj8/Lty4B+Kr0LN6Ypc/3SymeCCGSbaXp2leH0ZVg/PriNiOwNj4bD4uphI7A8NXS4b6Gl373sfO5mA=="
-    },
-    "node_modules/@types/ws": {
-      "version": "8.5.13",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.13.tgz",
-      "integrity": "sha512-osM/gWBTPKgHV8XkTunnegTRIsvF6owmf5w+JtAfOw472dptdm0dlGv4xCt6GwQRcC2XVOvvRE/0bAoQcL2QkA==",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/yargs": {
-      "version": "13.0.12",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-13.0.12.tgz",
-      "integrity": "sha512-qCxJE1qgz2y0hA4pIxjBR+PelCH0U5CK1XJXFwCNqfmliatKp47UCXXE9Dyk1OXBDLvsCF57TqQEJaeLfDYEOQ==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/@types/yargs-parser": {
-      "version": "21.0.3",
-      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.3.tgz",
-      "integrity": "sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ=="
-    },
-    "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.62.0.tgz",
-      "integrity": "sha512-TiZzBSJja/LbhNPvk6yc0JrX9XqhQ0hdh6M2svYfsHGejaKFIAGd9MQ+ERIMzLGlN/kZoYIgdxFV0PuljTKXag==",
-      "dependencies": {
-        "@eslint-community/regexpp": "^4.4.0",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/type-utils": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "natural-compare-lite": "^1.4.0",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/parser": "^5.0.0",
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/eslint-plugin/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/experimental-utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-5.62.0.tgz",
-      "integrity": "sha512-RTXpeB3eMkpoclG3ZHft6vG/Z30azNHuqY6wKPBHlVMZFuEvrtlEDe8gMqDb+SO+9hjC/pLekeSCryf9vMZlCw==",
-      "dependencies": {
-        "@typescript-eslint/utils": "5.62.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/parser": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-5.62.0.tgz",
-      "integrity": "sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==",
-      "dependencies": {
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "debug": "^4.3.4"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/scope-manager": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-5.62.0.tgz",
-      "integrity": "sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==",
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/type-utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-5.62.0.tgz",
-      "integrity": "sha512-xsSQreu+VnfbqQpW5vnCJdq1Z3Q0U31qiWmRhr98ONQmcp/yhiPJFPq8MXiJVLiksmOKSjIldZzkebzHuCGzew==",
-      "dependencies": {
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "@typescript-eslint/utils": "5.62.0",
-        "debug": "^4.3.4",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "*"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/types": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-5.62.0.tgz",
-      "integrity": "sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-5.62.0.tgz",
-      "integrity": "sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==",
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/visitor-keys": "5.62.0",
-        "debug": "^4.3.4",
-        "globby": "^11.1.0",
-        "is-glob": "^4.0.3",
-        "semver": "^7.3.7",
-        "tsutils": "^3.21.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/utils": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-5.62.0.tgz",
-      "integrity": "sha512-n8oxjeb5aIbPFEtmQxQYOLI0i9n5ySBEY/ZEHHZqKQSFnxio1rv6dthascc9dLuwrL0RC5mPCxB7vnAVGAYWAQ==",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@types/json-schema": "^7.0.9",
-        "@types/semver": "^7.3.12",
-        "@typescript-eslint/scope-manager": "5.62.0",
-        "@typescript-eslint/types": "5.62.0",
-        "@typescript-eslint/typescript-estree": "5.62.0",
-        "eslint-scope": "^5.1.1",
-        "semver": "^7.3.7"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      },
-      "peerDependencies": {
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/@typescript-eslint/utils/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "5.62.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-5.62.0.tgz",
-      "integrity": "sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==",
-      "dependencies": {
-        "@typescript-eslint/types": "5.62.0",
-        "eslint-visitor-keys": "^3.3.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/typescript-eslint"
-      }
-    },
-    "node_modules/@umijs/route-utils": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/@umijs/route-utils/-/route-utils-4.0.1.tgz",
-      "integrity": "sha512-+1ixf1BTOLuH+ORb4x8vYMPeIt38n9q0fJDwhv9nSxrV46mxbLF0nmELIo9CKQB2gHfuC4+hww6xejJ6VYnBHQ=="
-    },
-    "node_modules/@umijs/use-params": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/@umijs/use-params/-/use-params-1.0.9.tgz",
-      "integrity": "sha512-QlN0RJSBVQBwLRNxbxjQ5qzqYIGn+K7USppMoIOVlf7fxXHsnQZ2bEsa6Pm74bt6DVQxpUE8HqvdStn6Y9FV1w==",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
-    "node_modules/@ungap/structured-clone": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.1.tgz",
-      "integrity": "sha512-fEzPV3hSkSMltkw152tJKNARhOupqbH96MZWyRjNaYZOMIzbrTeQDG+MTc6Mr2pgzFQzFxAfmhGDNP5QK++2ZA=="
-    },
-    "node_modules/@uppy/aws-s3": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/@uppy/aws-s3/-/aws-s3-3.6.2.tgz",
-      "integrity": "sha512-pXXSfJbPLR9tmmLFckKU3lyp7Zx4AVvamH/Y5MU2WHKj8TQMrGeM0/M/nXn8SIa7roYEaskY6dVYT/DcHLdO9A==",
-      "dependencies": {
-        "@uppy/aws-s3-multipart": "^3.10.2",
-        "@uppy/companion-client": "^3.7.2",
-        "@uppy/utils": "^5.7.2",
-        "@uppy/xhr-upload": "^3.6.2",
-        "nanoid": "^4.0.0"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.9.1"
-      }
-    },
-    "node_modules/@uppy/aws-s3-multipart": {
-      "version": "3.12.0",
-      "resolved": "https://registry.npmjs.org/@uppy/aws-s3-multipart/-/aws-s3-multipart-3.12.0.tgz",
-      "integrity": "sha512-l6/TlRjde/mP4LMFWdJIRBEUUceYXtAiNAHukfyzM3VbY3/+YrEJTAchsa4DrqAiyToJJu6b+xxvL2H46cDs3Q==",
-      "deprecated": "Use @uppy/aws-s3 instead.",
-      "dependencies": {
-        "@uppy/companion-client": "^3.8.1",
-        "@uppy/utils": "^5.9.0"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.12.0"
-      }
-    },
-    "node_modules/@uppy/companion-client": {
-      "version": "3.8.2",
-      "resolved": "https://registry.npmjs.org/@uppy/companion-client/-/companion-client-3.8.2.tgz",
-      "integrity": "sha512-WLjZ0Y6Fe7lzwU1YPvvQ/YqooejcgIZkT2TC39xr+QQ7Y1FwJECsyUdlKwgi1ee8TNpjoCrj3Q1Hjel/+p0VhA==",
-      "dependencies": {
-        "@uppy/utils": "^5.9.0",
-        "namespace-emitter": "^2.0.1",
-        "p-retry": "^6.1.0"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.13.1"
-      }
-    },
-    "node_modules/@uppy/core": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/@uppy/core/-/core-3.11.0.tgz",
-      "integrity": "sha512-sqQEvAvZRC3Pq/qqAptLPYj4VVb5HAUqLHuUevnI1MevZUAnn1iYIvddSXDAdpNbtwUvOZlEx06UfRAo6C0dIQ==",
-      "dependencies": {
-        "@transloadit/prettier-bytes": "^0.3.0",
-        "@uppy/store-default": "^3.2.2",
-        "@uppy/utils": "^5.9.0",
-        "lodash": "^4.17.21",
-        "mime-match": "^1.0.2",
-        "namespace-emitter": "^2.0.1",
-        "nanoid": "^4.0.0",
-        "preact": "^10.5.13"
-      }
-    },
-    "node_modules/@uppy/dashboard": {
-      "version": "3.9.1",
-      "resolved": "https://registry.npmjs.org/@uppy/dashboard/-/dashboard-3.9.1.tgz",
-      "integrity": "sha512-zZp+5Dwqu1jUdAZEu0Os2kC/8bF3cdrkve8CYEwqP/12yjNe8PF+XUQKF1RCYITjDE4hPSXcTh0MWw6t2LONuw==",
-      "dependencies": {
-        "@transloadit/prettier-bytes": "^0.3.4",
-        "@uppy/informer": "^3.1.0",
-        "@uppy/provider-views": "^3.13.0",
-        "@uppy/status-bar": "^3.3.3",
-        "@uppy/thumbnail-generator": "^3.1.0",
-        "@uppy/utils": "^5.9.0",
-        "classnames": "^2.2.6",
-        "is-shallow-equal": "^1.0.1",
-        "lodash": "^4.17.21",
-        "memoize-one": "^6.0.0",
-        "nanoid": "^4.0.0",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.13.0"
-      }
-    },
-    "node_modules/@uppy/drag-drop": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@uppy/drag-drop/-/drag-drop-3.1.1.tgz",
-      "integrity": "sha512-ujUBswJ/Acvg1UQUPtfWO6PekPzFgQAEtDW7yxsi81wy1/WNIYjY36bxKVpM/cz5PjmWOTWoqdjBQa4LIJCdyw==",
-      "dependencies": {
-        "@uppy/utils": "^5.9.0",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.13.1"
-      }
-    },
-    "node_modules/@uppy/file-input": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@uppy/file-input/-/file-input-3.1.2.tgz",
-      "integrity": "sha512-IgZhK3EfO2bEqmEwpqfo3N9k8OxV2pmuGdKU4IuwJFv3Q1s1F6ceSDhWX8ivtVXlDvnbJIkqZbZjnvWwJxfjng==",
-      "dependencies": {
-        "@uppy/utils": "^5.9.0",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.11.0"
-      }
-    },
-    "node_modules/@uppy/google-drive": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/@uppy/google-drive/-/google-drive-3.6.0.tgz",
-      "integrity": "sha512-7Db98dJW/7ajvKUjJxQbL7D5MarJHG7T958jZhmy0jRugx19r9HqBcM88bsIn+A3ljmnrqzb9IfsRwTZ2W6D5A==",
-      "dependencies": {
-        "@uppy/companion-client": "^3.8.1",
-        "@uppy/provider-views": "^3.13.0",
-        "@uppy/utils": "^5.9.0",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.13.0"
-      }
-    },
-    "node_modules/@uppy/image-editor": {
-      "version": "2.4.6",
-      "resolved": "https://registry.npmjs.org/@uppy/image-editor/-/image-editor-2.4.6.tgz",
-      "integrity": "sha512-uQ8k4pUSsYBv6ZBoICwKq3M1DqiKg6AFM/nbvxL/q5KpRkRTszzPvP4hyvjY2zDLLf/NlK3E45N2IcWraV87dQ==",
-      "dependencies": {
-        "@uppy/utils": "^5.9.0",
-        "cropperjs": "1.5.7",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.11.3"
-      }
-    },
-    "node_modules/@uppy/informer": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@uppy/informer/-/informer-3.1.0.tgz",
-      "integrity": "sha512-vmpTLqzSLmZSuIVDZV0o19yXVqyTh5/uCbKUEiyfBhR726kQiuYQLP/ZHaKcvW3c1ESQGbNg53iNHbFBqF681w==",
-      "dependencies": {
-        "@uppy/utils": "^5.7.4",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.9.3"
-      }
-    },
-    "node_modules/@uppy/progress-bar": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/@uppy/progress-bar/-/progress-bar-3.1.1.tgz",
-      "integrity": "sha512-c7Wcv6/gvrdxICnZUaU/cZG6wUtS0V/GYGssGFQ6OW84h0smuzGGA+KOh9zKqr6HBHxgKRxmCDtrlTlSSvAuQQ==",
-      "dependencies": {
-        "@uppy/utils": "^5.7.5",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.10.0"
-      }
-    },
-    "node_modules/@uppy/provider-views": {
-      "version": "3.13.0",
-      "resolved": "https://registry.npmjs.org/@uppy/provider-views/-/provider-views-3.13.0.tgz",
-      "integrity": "sha512-Z2oI88A+GC2zIPk8beoeFN/miHKkhtF58mYjvb5miGCMMZM7p7LRj98sgb5OOdKsGrfeiuTavtgL424BvcVd8w==",
-      "dependencies": {
-        "@uppy/utils": "^5.9.0",
-        "classnames": "^2.2.6",
-        "nanoid": "^4.0.0",
-        "p-queue": "^7.3.4",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.13.0"
-      }
-    },
-    "node_modules/@uppy/react": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/@uppy/react/-/react-3.3.1.tgz",
-      "integrity": "sha512-9BTbWgix4Ob4HyaT2+PJWSLfCCJRqyozDQRREMOBTGL0aVwLlcXyXEZZFyI/LMA0Cstt86rO0xVPAW9ugNepDw==",
-      "dependencies": {
-        "@uppy/utils": "^5.9.0",
-        "prop-types": "^15.6.1"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.11.0",
-        "@uppy/dashboard": "^3.8.2",
-        "@uppy/drag-drop": "^3.1.0",
-        "@uppy/file-input": "^3.1.2",
-        "@uppy/progress-bar": "^3.1.1",
-        "@uppy/status-bar": "^3.3.2",
-        "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@uppy/dashboard": {
-          "optional": true
-        },
-        "@uppy/drag-drop": {
-          "optional": true
-        },
-        "@uppy/file-input": {
-          "optional": true
-        },
-        "@uppy/progress-bar": {
-          "optional": true
-        },
-        "@uppy/status-bar": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/@uppy/status-bar": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/@uppy/status-bar/-/status-bar-3.3.3.tgz",
-      "integrity": "sha512-TCcnBjTDbq/AmnGOcWbCpQNsv05Z6Y36zdmTCt/xNe2/gTVAYAzGRoGOrkeb6jf/E4AAi25VyOolSqL2ibB8Kw==",
-      "dependencies": {
-        "@transloadit/prettier-bytes": "^0.3.4",
-        "@uppy/utils": "^5.9.0",
-        "classnames": "^2.2.6",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.11.2"
-      }
-    },
-    "node_modules/@uppy/store-default": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/@uppy/store-default/-/store-default-3.2.2.tgz",
-      "integrity": "sha512-OiSgT++Jj4nLK0N9WTeod3UNjCH81OXE5BcMJCd9oWzl2d0xPNq2T/E9Y6O72XVd+6Y7+tf5vZlPElutfMB3KQ=="
-    },
-    "node_modules/@uppy/thumbnail-generator": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/@uppy/thumbnail-generator/-/thumbnail-generator-3.1.0.tgz",
-      "integrity": "sha512-tDKK/cukC0CrM0F/OlHFmvpGGUq+Db4YfakhIGPKtT7ZO8aWOiIu5JIvaYUnKRxGq3RGsk4zhkxYXuoxVzzsGA==",
-      "dependencies": {
-        "@uppy/utils": "^5.7.5",
-        "exifr": "^7.0.0"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.10.0"
-      }
-    },
-    "node_modules/@uppy/url": {
-      "version": "3.6.1",
-      "resolved": "https://registry.npmjs.org/@uppy/url/-/url-3.6.1.tgz",
-      "integrity": "sha512-EqnhNSHv7HYY8T9pQ3Cc7/SlSs1eD9rIoNd0GH7axPrJiR1KNwinN3EKnipIlUQgKvjpmrqAdPpHzkAyUVQqDw==",
-      "dependencies": {
-        "@uppy/companion-client": "^3.8.1",
-        "@uppy/utils": "^5.9.0",
-        "nanoid": "^4.0.0",
-        "preact": "^10.5.13"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.11.0"
-      }
-    },
-    "node_modules/@uppy/utils": {
-      "version": "5.9.0",
-      "resolved": "https://registry.npmjs.org/@uppy/utils/-/utils-5.9.0.tgz",
-      "integrity": "sha512-9Ubddd3orCOLYjf0KobwgJ+aTrABSxk9t4X/QdM4qJHVZuMIftkaMplrViRUO+kvIBCXEZDIP2AmS060siDNGw==",
-      "dependencies": {
-        "lodash": "^4.17.21",
-        "preact": "^10.5.13"
-      }
-    },
-    "node_modules/@uppy/xhr-upload": {
-      "version": "3.6.8",
-      "resolved": "https://registry.npmjs.org/@uppy/xhr-upload/-/xhr-upload-3.6.8.tgz",
-      "integrity": "sha512-zr3OHrIdo08jmCqTYKS0C7o3E0XQpjtZI40wmB6VvXYzu4x/aZankG9QqKxLiY0n8KbZ9aCIvO8loxBGoL7Kaw==",
-      "dependencies": {
-        "@uppy/companion-client": "^3.8.1",
-        "@uppy/utils": "^5.9.0"
-      },
-      "peerDependencies": {
-        "@uppy/core": "^3.13.0"
-      }
-    },
-    "node_modules/@webassemblyjs/ast": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
-      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
-      "dependencies": {
-        "@webassemblyjs/helper-numbers": "1.13.2",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
-      }
-    },
-    "node_modules/@webassemblyjs/floating-point-hex-parser": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
-      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA=="
-    },
-    "node_modules/@webassemblyjs/helper-api-error": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
-      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ=="
-    },
-    "node_modules/@webassemblyjs/helper-buffer": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
-      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA=="
-    },
-    "node_modules/@webassemblyjs/helper-numbers": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
-      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
-      "dependencies": {
-        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
-        "@webassemblyjs/helper-api-error": "1.13.2",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
-      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA=="
-    },
-    "node_modules/@webassemblyjs/helper-wasm-section": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
-      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
-      "dependencies": {
-        "@webassemblyjs/ast": "1.14.1",
-        "@webassemblyjs/helper-buffer": "1.14.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-        "@webassemblyjs/wasm-gen": "1.14.1"
-      }
-    },
-    "node_modules/@webassemblyjs/ieee754": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
-      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
-      "dependencies": {
-        "@xtuc/ieee754": "^1.2.0"
-      }
-    },
-    "node_modules/@webassemblyjs/leb128": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
-      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
-      "dependencies": {
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@webassemblyjs/utf8": {
-      "version": "1.13.2",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
-      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ=="
-    },
-    "node_modules/@webassemblyjs/wasm-edit": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
-      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
-      "dependencies": {
-        "@webassemblyjs/ast": "1.14.1",
-        "@webassemblyjs/helper-buffer": "1.14.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-        "@webassemblyjs/helper-wasm-section": "1.14.1",
-        "@webassemblyjs/wasm-gen": "1.14.1",
-        "@webassemblyjs/wasm-opt": "1.14.1",
-        "@webassemblyjs/wasm-parser": "1.14.1",
-        "@webassemblyjs/wast-printer": "1.14.1"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-gen": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
-      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
-      "dependencies": {
-        "@webassemblyjs/ast": "1.14.1",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-        "@webassemblyjs/ieee754": "1.13.2",
-        "@webassemblyjs/leb128": "1.13.2",
-        "@webassemblyjs/utf8": "1.13.2"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-opt": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
-      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
-      "dependencies": {
-        "@webassemblyjs/ast": "1.14.1",
-        "@webassemblyjs/helper-buffer": "1.14.1",
-        "@webassemblyjs/wasm-gen": "1.14.1",
-        "@webassemblyjs/wasm-parser": "1.14.1"
-      }
-    },
-    "node_modules/@webassemblyjs/wasm-parser": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
-      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
-      "dependencies": {
-        "@webassemblyjs/ast": "1.14.1",
-        "@webassemblyjs/helper-api-error": "1.13.2",
-        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
-        "@webassemblyjs/ieee754": "1.13.2",
-        "@webassemblyjs/leb128": "1.13.2",
-        "@webassemblyjs/utf8": "1.13.2"
-      }
-    },
-    "node_modules/@webassemblyjs/wast-printer": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
-      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
-      "dependencies": {
-        "@webassemblyjs/ast": "1.14.1",
-        "@xtuc/long": "4.2.2"
-      }
-    },
-    "node_modules/@xtuc/ieee754": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
-      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA=="
-    },
-    "node_modules/@xtuc/long": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
-      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
-    },
-    "node_modules/abab": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
-      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
-      "deprecated": "Use your platform's native atob() and btoa() methods instead"
-    },
-    "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/accepts/node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.14.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
-      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-globals": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
-      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
-      "dependencies": {
-        "acorn": "^7.1.1",
-        "acorn-walk": "^7.1.1"
-      }
-    },
-    "node_modules/acorn-globals/node_modules/acorn": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
-      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-jsx": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
-      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "peerDependencies": {
-        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      }
-    },
-    "node_modules/acorn-walk": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
-      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/address": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/address/-/address-1.2.2.tgz",
-      "integrity": "sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA==",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/adjust-sourcemap-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
-      "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
-      "dependencies": {
-        "loader-utils": "^2.0.0",
-        "regex-parser": "^2.2.11"
-      },
-      "engines": {
-        "node": ">=8.9"
-      }
-    },
-    "node_modules/agent-base": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
-      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "dependencies": {
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/aggregate-error": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
-      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
-      "dev": true,
-      "dependencies": {
-        "clean-stack": "^2.0.0",
-        "indent-string": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/airbnb-prop-types": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/airbnb-prop-types/-/airbnb-prop-types-2.16.0.tgz",
-      "integrity": "sha512-7WHOFolP/6cS96PhKNrslCLMYAI8yB1Pp6u6XmxozQOiZbsI5ycglZr5cHhBFfuRcQQjzCMith5ZPZdYiJCxUg==",
-      "deprecated": "This package has been renamed to 'prop-types-tools'",
-      "dev": true,
-      "dependencies": {
-        "array.prototype.find": "^2.1.1",
-        "function.prototype.name": "^1.1.2",
-        "is-regex": "^1.1.0",
-        "object-is": "^1.1.2",
-        "object.assign": "^4.1.0",
-        "object.entries": "^1.1.2",
-        "prop-types": "^15.7.2",
-        "prop-types-exact": "^1.2.0",
-        "react-is": "^16.13.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      },
-      "peerDependencies": {
-        "react": "^0.14 || ^15.0.0 || ^16.0.0-alpha"
-      }
-    },
-    "node_modules/ajv": {
-      "version": "8.17.1",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
-      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "fast-uri": "^3.0.1",
-        "json-schema-traverse": "^1.0.0",
-        "require-from-string": "^2.0.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/ajv-formats": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
-      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
-      "dependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependencies": {
-        "ajv": "^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ajv": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ajv-keywords": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
-      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3"
-      },
-      "peerDependencies": {
-        "ajv": "^8.8.2"
-      }
-    },
-    "node_modules/ansi-colors": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
-      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/ansi-escapes": {
-      "version": "4.3.2",
-      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
-      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
-      "dependencies": {
-        "type-fest": "^0.21.3"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ansi-html": {
-      "version": "0.0.9",
-      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.9.tgz",
-      "integrity": "sha512-ozbS3LuenHVxNRh/wdnN16QapUHzauqSomAl1jwwJRRsGwFwtj644lIhxfWu0Fy0acCij2+AEgHvjscq3dlVXg==",
-      "engines": [
-        "node >= 0.8.0"
-      ],
-      "bin": {
-        "ansi-html": "bin/ansi-html"
-      }
-    },
-    "node_modules/ansi-html-community": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
-      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
-      "engines": [
-        "node >= 0.8.0"
-      ],
-      "bin": {
-        "ansi-html": "bin/ansi-html"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
-      "integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/ansicolors": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/ansicolors/-/ansicolors-0.3.2.tgz",
-      "integrity": "sha512-QXu7BPrP29VllRxH8GwB7x5iX5qWKAAMLqKQGWTeLWVlNHNOpVMJ91dsxQAIWXpjuW5wqvxu3Jd/nRjrJ+0pqg==",
-      "dev": true
-    },
-    "node_modules/antd": {
-      "version": "5.22.6",
-      "resolved": "https://registry.npmjs.org/antd/-/antd-5.22.6.tgz",
-      "integrity": "sha512-ZYURSV3FR8qQgbfpa554thlO07L6PeHwhAM0wmxnobOBogND/HqSnTU+UZTqT2b2y9MxSfAIu5Xn1uEM9UpceQ==",
-      "dependencies": {
-        "@ant-design/colors": "^7.1.0",
-        "@ant-design/cssinjs": "^1.21.1",
-        "@ant-design/cssinjs-utils": "^1.1.3",
-        "@ant-design/icons": "^5.5.2",
-        "@ant-design/react-slick": "~1.1.2",
-        "@babel/runtime": "^7.25.7",
-        "@ctrl/tinycolor": "^3.6.1",
-        "@rc-component/color-picker": "~2.0.1",
-        "@rc-component/mutate-observer": "^1.1.0",
-        "@rc-component/qrcode": "~1.0.0",
-        "@rc-component/tour": "~1.15.1",
-        "@rc-component/trigger": "^2.2.6",
-        "classnames": "^2.5.1",
-        "copy-to-clipboard": "^3.3.3",
-        "dayjs": "^1.11.11",
-        "rc-cascader": "~3.30.0",
-        "rc-checkbox": "~3.3.0",
-        "rc-collapse": "~3.9.0",
-        "rc-dialog": "~9.6.0",
-        "rc-drawer": "~7.2.0",
-        "rc-dropdown": "~4.2.1",
-        "rc-field-form": "~2.7.0",
-        "rc-image": "~7.11.0",
-        "rc-input": "~1.6.4",
-        "rc-input-number": "~9.3.0",
-        "rc-mentions": "~2.17.0",
-        "rc-menu": "~9.16.0",
-        "rc-motion": "^2.9.5",
-        "rc-notification": "~5.6.2",
-        "rc-pagination": "~5.0.0",
-        "rc-picker": "~4.8.3",
-        "rc-progress": "~4.0.0",
-        "rc-rate": "~2.13.0",
-        "rc-resize-observer": "^1.4.3",
-        "rc-segmented": "~2.5.0",
-        "rc-select": "~14.16.4",
-        "rc-slider": "~11.1.7",
-        "rc-steps": "~6.0.1",
-        "rc-switch": "~4.1.0",
-        "rc-table": "~7.49.0",
-        "rc-tabs": "~15.4.0",
-        "rc-textarea": "~1.8.2",
-        "rc-tooltip": "~6.2.1",
-        "rc-tree": "~5.10.1",
-        "rc-tree-select": "~5.24.5",
-        "rc-upload": "~4.8.1",
-        "rc-util": "^5.44.2",
-        "scroll-into-view-if-needed": "^3.1.0",
-        "throttle-debounce": "^5.0.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/ant-design"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/antd/node_modules/@ant-design/colors": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/@ant-design/colors/-/colors-7.1.0.tgz",
-      "integrity": "sha512-MMoDGWn1y9LdQJQSHiCC20x3uZ3CwQnv9QMz6pCmJOrqdgM9YxsoVVY0wtrdXbmfSgnV0KNk6zi09NAhMR2jvg==",
-      "dependencies": {
-        "@ctrl/tinycolor": "^3.6.1"
-      }
-    },
-    "node_modules/antd/node_modules/@ant-design/icons": {
-      "version": "5.5.2",
-      "resolved": "https://registry.npmjs.org/@ant-design/icons/-/icons-5.5.2.tgz",
-      "integrity": "sha512-xc53rjVBl9v2BqFxUjZGti/RfdDeA8/6KYglmInM2PNqSXc/WfuGDTifJI/ZsokJK0aeKvOIbXc9y2g8ILAhEA==",
-      "dependencies": {
-        "@ant-design/colors": "^7.0.0",
-        "@ant-design/icons-svg": "^4.4.0",
-        "@babel/runtime": "^7.24.8",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.31.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
-    },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
-    },
-    "node_modules/argparse": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
-      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
-    },
-    "node_modules/argv-formatter": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/argv-formatter/-/argv-formatter-1.0.0.tgz",
-      "integrity": "sha512-F2+Hkm9xFaRg+GkaNnbwXNDV5O6pnCFEmqyhvfC/Ic5LbgOWjJh3L+mN/s91rxVL3znE7DYVpW0GJFT+4YBgWw==",
-      "dev": true
-    },
-    "node_modules/aria-query": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-4.2.2.tgz",
-      "integrity": "sha512-o/HelwhuKpTj/frsOsbNLNgnNGVIFsVP/SW2BSF14gVl7kAfMOJ6/8wUAUvG1R1NHKrfG+2sHZTu0yauT1qBrA==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.2",
-        "@babel/runtime-corejs3": "^7.10.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/array-buffer-byte-length": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
-      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "is-array-buffer": "^3.0.5"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-flatten": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
-    },
-    "node_modules/array-ify": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/array-ify/-/array-ify-1.0.0.tgz",
-      "integrity": "sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==",
-      "dev": true
-    },
-    "node_modules/array-includes": {
-      "version": "3.1.8",
-      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.8.tgz",
-      "integrity": "sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array-union": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
-      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/array.prototype.filter": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.filter/-/array.prototype.filter-1.0.4.tgz",
-      "integrity": "sha512-r+mCJ7zXgXElgR4IRC+fkvNCeoaavWBs6EdCso5Tbcf+iEMKzBU/His60lt34WEZ9vlb8wDkZvQGcVI5GwkfoQ==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-array-method-boxes-properly": "^1.0.0",
-        "es-object-atoms": "^1.0.0",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.find": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.find/-/array.prototype.find-2.2.3.tgz",
-      "integrity": "sha512-fO/ORdOELvjbbeIfZfzrXFMhYHGofRGqd+am9zm3tZ4GlJINj/pA2eITyfd65Vg6+ZbHd/Cys7stpoRSWtQFdA==",
-      "dev": true,
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.findlast": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
-      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.findlastindex": {
-      "version": "1.2.5",
-      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.5.tgz",
-      "integrity": "sha512-zfETvRFA8o7EiNn++N5f/kaCw221hrpGsDmcpndVupkPzEc1Wuf3VgC0qby1BbHs7f5DVYjgtEU2LLh5bqeGfQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flat": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
-      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.flatmap": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
-      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.reduce": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/array.prototype.reduce/-/array.prototype.reduce-1.0.7.tgz",
-      "integrity": "sha512-mzmiUCVwtiD4lgxYP8g7IYy8El8p2CSMePvIbTS7gchKir/L1fgJrk0yDKmAX6mnRQFKNADYIk8nNlTris5H1Q==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-array-method-boxes-properly": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "is-string": "^1.0.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/array.prototype.tosorted": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
-      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3",
-        "es-errors": "^1.3.0",
-        "es-shim-unscopables": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/arraybuffer.prototype.slice": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
-      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.1",
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "is-array-buffer": "^3.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/arrify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
-      "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/asap": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
-      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA=="
-    },
-    "node_modules/ast-types-flow": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
-      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ=="
-    },
-    "node_modules/astral-regex": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
-      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/async": {
-      "version": "3.2.6",
-      "resolved": "https://registry.npmjs.org/async/-/async-3.2.6.tgz",
-      "integrity": "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="
-    },
-    "node_modules/asynckit": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
-    },
-    "node_modules/at-least-node": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
-      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/atob": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
-      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
-      "bin": {
-        "atob": "bin/atob.js"
-      },
-      "engines": {
-        "node": ">= 4.5.0"
-      }
-    },
-    "node_modules/autoprefixer": {
-      "version": "10.4.20",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
-      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "browserslist": "^4.23.3",
-        "caniuse-lite": "^1.0.30001646",
-        "fraction.js": "^4.3.7",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/available-typed-arrays": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
-      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
-      "dependencies": {
-        "possible-typed-array-names": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/axe-core": {
-      "version": "4.10.2",
-      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.2.tgz",
-      "integrity": "sha512-RE3mdQ7P3FRSe7eqCWoeQ/Z9QXrtniSjp1wUjt5nRC3WIpz5rSCve6o3fsZ2aCpJtrZjSZgjwXAoTO5k4tEI0w==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/axios": {
-      "version": "0.21.4",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
-      "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
-      "dependencies": {
-        "follow-redirects": "^1.14.0"
-      }
-    },
-    "node_modules/axobject-query": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
-      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/babel-jest": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/babel-jest/-/babel-jest-27.5.1.tgz",
-      "integrity": "sha512-cdQ5dXjGRd0IBRATiQ4mZGlGlRE8kJpjPOixdNRdT+m3UcNqmYWN6rK6nvtXYfY3D76cb8s/O1Ss8ea24PIwcg==",
-      "dependencies": {
-        "@jest/transform": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/babel__core": "^7.1.14",
-        "babel-plugin-istanbul": "^6.1.1",
-        "babel-preset-jest": "^27.5.1",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.8.0"
-      }
-    },
-    "node_modules/babel-jest/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/babel-jest/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/babel-jest/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/babel-loader": {
-      "version": "8.4.1",
-      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-8.4.1.tgz",
-      "integrity": "sha512-nXzRChX+Z1GoE6yWavBQg6jDslyFF3SDjl2paADuoQtQW10JqShJt62R6eJQ5m/pjJFDT8xgKIWSP85OY8eXeA==",
-      "dependencies": {
-        "find-cache-dir": "^3.3.1",
-        "loader-utils": "^2.0.4",
-        "make-dir": "^3.1.0",
-        "schema-utils": "^2.6.5"
-      },
-      "engines": {
-        "node": ">= 8.9"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0",
-        "webpack": ">=2"
-      }
-    },
-    "node_modules/babel-loader/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/babel-loader/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/babel-loader/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
-    },
-    "node_modules/babel-loader/node_modules/schema-utils": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.1.tgz",
-      "integrity": "sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg==",
-      "dependencies": {
-        "@types/json-schema": "^7.0.5",
-        "ajv": "^6.12.4",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 8.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/babel-plugin-istanbul": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-istanbul/-/babel-plugin-istanbul-6.1.1.tgz",
-      "integrity": "sha512-Y1IQok9821cC9onCx5otgFfRm7Lm+I+wwxOx738M/WLPZ9Q42m4IG5W0FNX8WLL2gYMZo3JkuXIH2DOpWM+qwA==",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.0.0",
-        "@istanbuljs/load-nyc-config": "^1.0.0",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-instrument": "^5.0.4",
-        "test-exclude": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/babel-plugin-jest-hoist": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/babel-plugin-jest-hoist/-/babel-plugin-jest-hoist-27.5.1.tgz",
-      "integrity": "sha512-50wCwD5EMNW4aRpOwtqzyZHIewTYNxLA4nhB+09d8BIssfNfzBRhkBIHiaPv1Si226TQSvp8gxAJm2iY2qs2hQ==",
-      "dependencies": {
-        "@babel/template": "^7.3.3",
-        "@babel/types": "^7.3.3",
-        "@types/babel__core": "^7.0.0",
-        "@types/babel__traverse": "^7.0.6"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/babel-plugin-macros": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
-      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
-      "dependencies": {
-        "@babel/runtime": "^7.12.5",
-        "cosmiconfig": "^7.0.0",
-        "resolve": "^1.19.0"
-      },
-      "engines": {
-        "node": ">=10",
-        "npm": ">=6"
-      }
-    },
-    "node_modules/babel-plugin-macros/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/babel-plugin-named-asset-import": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz",
-      "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==",
-      "peerDependencies": {
-        "@babel/core": "^7.1.0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-corejs2": {
-      "version": "0.4.12",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.12.tgz",
-      "integrity": "sha512-CPWT6BwvhrTO2d8QVorhTCQw9Y43zOu7G9HigcfxvepOU6b8o3tcWad6oVgZIsZCTt42FFv97aA7ZJsbM4+8og==",
-      "dependencies": {
-        "@babel/compat-data": "^7.22.6",
-        "@babel/helper-define-polyfill-provider": "^0.6.3",
-        "semver": "^6.3.1"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-corejs3": {
-      "version": "0.10.6",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz",
-      "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==",
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.2",
-        "core-js-compat": "^3.38.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/babel-plugin-polyfill-regenerator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.3.tgz",
-      "integrity": "sha512-LiWSbl4CRSIa5x/JAU6jZiG9eit9w6mz+yVMFwDE83LAWvt0AfGBoZ7HS/mkhrKuh2ZlzfVZYKoLjXdqw6Yt7Q==",
-      "dependencies": {
-        "@babel/helper-define-polyfill-provider": "^0.6.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
-      }
-    },
-    "node_modules/babel-plugin-transform-react-remove-prop-types": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.4.24.tgz",
-      "integrity": "sha512-eqj0hVcJUR57/Ug2zE1Yswsw4LhuqqHhD+8v120T1cl3kjg76QwtyBrdIk4WVwK+lAhBJVYCd/v+4nc4y+8JsA=="
-    },
-    "node_modules/babel-preset-current-node-syntax": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/babel-preset-current-node-syntax/-/babel-preset-current-node-syntax-1.1.0.tgz",
-      "integrity": "sha512-ldYss8SbBlWva1bs28q78Ju5Zq1F+8BrqBZZ0VFhLBvhh6lCpC2o3gDJi/5DRLs9FgYZCnmPYIVFU4lRXCkyUw==",
-      "dependencies": {
-        "@babel/plugin-syntax-async-generators": "^7.8.4",
-        "@babel/plugin-syntax-bigint": "^7.8.3",
-        "@babel/plugin-syntax-class-properties": "^7.12.13",
-        "@babel/plugin-syntax-class-static-block": "^7.14.5",
-        "@babel/plugin-syntax-import-attributes": "^7.24.7",
-        "@babel/plugin-syntax-import-meta": "^7.10.4",
-        "@babel/plugin-syntax-json-strings": "^7.8.3",
-        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
-        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
-        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
-        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
-        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
-        "@babel/plugin-syntax-top-level-await": "^7.14.5"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/babel-preset-jest": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-jest/-/babel-preset-jest-27.5.1.tgz",
-      "integrity": "sha512-Nptf2FzlPCWYuJg41HBqXVT8ym6bXOevuCTbhxlUpjwtysGaIWFvDEjp4y+G7fl13FgOdjs7P/DmErqH7da0Ag==",
-      "dependencies": {
-        "babel-plugin-jest-hoist": "^27.5.1",
-        "babel-preset-current-node-syntax": "^1.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0"
-      }
-    },
-    "node_modules/babel-preset-react-app": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/babel-preset-react-app/-/babel-preset-react-app-10.0.1.tgz",
-      "integrity": "sha512-b0D9IZ1WhhCWkrTXyFuIIgqGzSkRIH5D5AmB0bXbzYAB1OBAwHcUeyWW2LorutLWF5btNo/N7r/cIdmvvKJlYg==",
-      "dependencies": {
-        "@babel/core": "^7.16.0",
-        "@babel/plugin-proposal-class-properties": "^7.16.0",
-        "@babel/plugin-proposal-decorators": "^7.16.4",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.0",
-        "@babel/plugin-proposal-numeric-separator": "^7.16.0",
-        "@babel/plugin-proposal-optional-chaining": "^7.16.0",
-        "@babel/plugin-proposal-private-methods": "^7.16.0",
-        "@babel/plugin-transform-flow-strip-types": "^7.16.0",
-        "@babel/plugin-transform-react-display-name": "^7.16.0",
-        "@babel/plugin-transform-runtime": "^7.16.4",
-        "@babel/preset-env": "^7.16.4",
-        "@babel/preset-react": "^7.16.0",
-        "@babel/preset-typescript": "^7.16.0",
-        "@babel/runtime": "^7.16.3",
-        "babel-plugin-macros": "^3.1.0",
-        "babel-plugin-transform-react-remove-prop-types": "^0.4.24"
-      }
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
-    },
-    "node_modules/base64-js": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
-      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/batch": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
-      "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw=="
-    },
-    "node_modules/before-after-hook": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/before-after-hook/-/before-after-hook-2.2.3.tgz",
-      "integrity": "sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==",
-      "dev": true
-    },
-    "node_modules/bfj": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/bfj/-/bfj-7.1.0.tgz",
-      "integrity": "sha512-I6MMLkn+anzNdCUp9hMRyui1HaNEUCco50lxbvNS4+EyXg8lN3nJ48PjPWtbH8UVS9CuMoaKE9U2V3l29DaRQw==",
-      "dependencies": {
-        "bluebird": "^3.7.2",
-        "check-types": "^11.2.3",
-        "hoopy": "^0.1.4",
-        "jsonpath": "^1.1.1",
-        "tryer": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 8.0.0"
-      }
-    },
-    "node_modules/big.js": {
-      "version": "5.2.2",
-      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
-      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/bl": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
-      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
-      "dev": true,
-      "dependencies": {
-        "buffer": "^5.5.0",
-        "inherits": "^2.0.4",
-        "readable-stream": "^3.4.0"
-      }
-    },
-    "node_modules/bluebird": {
-      "version": "3.7.2",
-      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
-      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
-    },
-    "node_modules/body-parser": {
-      "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
-      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "content-type": "~1.0.5",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "on-finished": "2.4.1",
-        "qs": "6.13.0",
-        "raw-body": "2.5.2",
-        "type-is": "~1.6.18",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/body-parser/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/body-parser/node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/body-parser/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/body-parser/node_modules/qs": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
-      "dependencies": {
-        "side-channel": "^1.0.6"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/bonjour-service": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz",
-      "integrity": "sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.3",
-        "multicast-dns": "^7.2.5"
-      }
-    },
-    "node_modules/boolbase": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
-      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
-    },
-    "node_modules/bottleneck": {
-      "version": "2.19.5",
-      "resolved": "https://registry.npmjs.org/bottleneck/-/bottleneck-2.19.5.tgz",
-      "integrity": "sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw==",
-      "dev": true
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/bricks.js": {
-      "version": "1.8.0",
-      "resolved": "https://registry.npmjs.org/bricks.js/-/bricks.js-1.8.0.tgz",
-      "integrity": "sha512-XJsIGxoixpMDo/KoLXR+uQizFVGWNAQy1lLoIwXKxm6/Zpd9QQLSUd0otybbK7wjqX23ZvCXFxnIw+uCXJHo0A==",
-      "dependencies": {
-        "knot.js": "^1.1.5"
-      }
-    },
-    "node_modules/browser-process-hrtime": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
-      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow=="
-    },
-    "node_modules/browserslist": {
-      "version": "4.24.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.3.tgz",
-      "integrity": "sha512-1CPmv8iobE2fyRMV97dAcMVegvvWKxmq94hkLiAkUGwKVTyDLw33K+ZxiFrREKmmps4rIw6grcCFCnTMSZ/YiA==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/browserslist"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "dependencies": {
-        "caniuse-lite": "^1.0.30001688",
-        "electron-to-chromium": "^1.5.73",
-        "node-releases": "^2.0.19",
-        "update-browserslist-db": "^1.1.1"
-      },
-      "bin": {
-        "browserslist": "cli.js"
-      },
-      "engines": {
-        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
-      }
-    },
-    "node_modules/bser": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/bser/-/bser-2.1.1.tgz",
-      "integrity": "sha512-gQxTNE/GAfIIrmHLUE3oJyp5FO6HRBfhjnw4/wMmA63ZGDJnWBmgY/lyQBpnDUkGmAhbSe39tx2d/iTOAfglwQ==",
-      "dependencies": {
-        "node-int64": "^0.4.0"
-      }
-    },
-    "node_modules/buffer": {
-      "version": "5.7.1",
-      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
-      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "dependencies": {
-        "base64-js": "^1.3.1",
-        "ieee754": "^1.1.13"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
-    },
-    "node_modules/builtin-modules": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
-      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/cachedir": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/cachedir/-/cachedir-2.3.0.tgz",
-      "integrity": "sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/call-bind": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
-      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.0",
-        "es-define-property": "^1.0.0",
-        "get-intrinsic": "^1.2.4",
-        "set-function-length": "^1.2.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.1.tgz",
-      "integrity": "sha512-BhYE+WDaywFg2TBWYNXAE+8B1ATnThNBqXHP5nQu0jWJdVvY2hvkpyB3qOmtmDePiS5/BDQ8wASEWGMWRG148g==",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/call-bound": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
-      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "get-intrinsic": "^1.2.6"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/callsites": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
-      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camel-case": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
-      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
-      "dependencies": {
-        "pascal-case": "^3.1.2",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
-      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/camelcase-css": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/camelcase-keys": {
-      "version": "6.2.2",
-      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz",
-      "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==",
-      "dev": true,
-      "dependencies": {
-        "camelcase": "^5.3.1",
-        "map-obj": "^4.0.0",
-        "quick-lru": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/caniuse-api": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
-      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
-      "dependencies": {
-        "browserslist": "^4.0.0",
-        "caniuse-lite": "^1.0.0",
-        "lodash.memoize": "^4.1.2",
-        "lodash.uniq": "^4.5.0"
-      }
-    },
-    "node_modules/caniuse-lite": {
-      "version": "1.0.30001690",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz",
-      "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/browserslist"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ]
-    },
-    "node_modules/cardinal": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/cardinal/-/cardinal-2.1.1.tgz",
-      "integrity": "sha512-JSr5eOgoEymtYHBjNWyjrMqet9Am2miJhlfKNdqLp6zoeAh0KN5dRAcxlecj5mAJrmQomgiOBj35xHLrFjqBpw==",
-      "dev": true,
-      "dependencies": {
-        "ansicolors": "~0.3.2",
-        "redeyed": "~2.1.0"
-      },
-      "bin": {
-        "cdl": "bin/cdl.js"
-      }
-    },
-    "node_modules/case-sensitive-paths-webpack-plugin": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
-      "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.0.tgz",
-      "integrity": "sha512-qwx12AxXe2Q5xQ43Ac//I6v5aXTipYrSESdOgzrN+9XjgEpyjpKuvSGaN4qE93f7TQTlerQQ8S+EQ0EyDoVL1A==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/char-regex": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-1.0.2.tgz",
-      "integrity": "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/chardet": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/chardet/-/chardet-0.7.0.tgz",
-      "integrity": "sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==",
-      "dev": true
-    },
-    "node_modules/check-types": {
-      "version": "11.2.3",
-      "resolved": "https://registry.npmjs.org/check-types/-/check-types-11.2.3.tgz",
-      "integrity": "sha512-+67P1GkJRaxQD6PKK0Et9DhwQB+vGg3PM5+aavopCpZT1lj9jeqfvpgTLAWErNj8qApkkmXlu/Ug74kmhagkXg=="
-    },
-    "node_modules/cheerio": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0.tgz",
-      "integrity": "sha512-quS9HgjQpdaXOvsZz82Oz7uxtXiy6UIsIQcpBj7HRw2M63Skasm9qlDocAM7jNuaxdhpPU7c4kJN+gA5MCu4ww==",
-      "dev": true,
-      "dependencies": {
-        "cheerio-select": "^2.1.0",
-        "dom-serializer": "^2.0.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.1.0",
-        "encoding-sniffer": "^0.2.0",
-        "htmlparser2": "^9.1.0",
-        "parse5": "^7.1.2",
-        "parse5-htmlparser2-tree-adapter": "^7.0.0",
-        "parse5-parser-stream": "^7.1.2",
-        "undici": "^6.19.5",
-        "whatwg-mimetype": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=18.17"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
-      }
-    },
-    "node_modules/cheerio-select": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-2.1.0.tgz",
-      "integrity": "sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-select": "^5.1.0",
-        "css-what": "^6.1.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/chokidar/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/chrome-trace-event": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
-      "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/ci-info": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
-      "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==",
-      "dev": true
-    },
-    "node_modules/cjs-module-lexer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.4.1.tgz",
-      "integrity": "sha512-cuSVIHi9/9E/+821Qjdvngor+xpnlwnuwIyZOaLmHBVdXL+gP+I6QQB9VkO7RI77YIcTV+S1W9AreJ5eN63JBA=="
-    },
-    "node_modules/classnames": {
-      "version": "2.5.1",
-      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
-      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow=="
-    },
-    "node_modules/clean-css": {
-      "version": "5.3.3",
-      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.3.tgz",
-      "integrity": "sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg==",
-      "dependencies": {
-        "source-map": "~0.6.0"
-      },
-      "engines": {
-        "node": ">= 10.0"
-      }
-    },
-    "node_modules/clean-stack": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
-      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/cli-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
-      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
-      "dev": true,
-      "dependencies": {
-        "restore-cursor": "^3.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cli-spinners": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/cli-spinners/-/cli-spinners-2.9.2.tgz",
-      "integrity": "sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cli-table3": {
-      "version": "0.6.5",
-      "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.5.tgz",
-      "integrity": "sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^4.2.0"
-      },
-      "engines": {
-        "node": "10.* || >= 12.*"
-      },
-      "optionalDependencies": {
-        "@colors/colors": "1.5.0"
-      }
-    },
-    "node_modules/cli-truncate": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
-      "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
-      "dev": true,
-      "dependencies": {
-        "slice-ansi": "^3.0.0",
-        "string-width": "^4.2.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/cli-width": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz",
-      "integrity": "sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
-      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0",
-        "wrap-ansi": "^6.2.0"
-      }
-    },
-    "node_modules/cliui/node_modules/wrap-ansi": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
-      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/clone": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
-      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/co": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
-      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
-      "engines": {
-        "iojs": ">= 1.0.0",
-        "node": ">= 0.12.0"
-      }
-    },
-    "node_modules/coa": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/coa/-/coa-2.0.2.tgz",
-      "integrity": "sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA==",
-      "dependencies": {
-        "@types/q": "^1.5.1",
-        "chalk": "^2.4.1",
-        "q": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 4.0"
-      }
-    },
-    "node_modules/coa/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/coa/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/coa/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/coa/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/coa/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/coa/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/coa/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/collect-v8-coverage": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/collect-v8-coverage/-/collect-v8-coverage-1.0.2.tgz",
-      "integrity": "sha512-lHl4d5/ONEbLlJvaJNtsF/Lz+WvB07u2ycqTYbdrq7UypDXailES4valYb2eWiJFxZlVmpGekfqoxQhzyFdT4Q=="
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
-    },
-    "node_modules/colord": {
-      "version": "2.9.3",
-      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
-      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
-    },
-    "node_modules/colorette": {
-      "version": "2.0.20",
-      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
-      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w=="
-    },
-    "node_modules/combined-stream": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
-      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/commander": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
-      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
-      "dev": true,
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/commitizen": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/commitizen/-/commitizen-4.3.1.tgz",
-      "integrity": "sha512-gwAPAVTy/j5YcOOebcCRIijn+mSjWJC+IYKivTu6aG8Ei/scoXgfsMRnuAk6b0GRste2J4NGxVdMN3ZpfNaVaw==",
-      "dev": true,
-      "dependencies": {
-        "cachedir": "2.3.0",
-        "cz-conventional-changelog": "3.3.0",
-        "dedent": "0.7.0",
-        "detect-indent": "6.1.0",
-        "find-node-modules": "^2.1.2",
-        "find-root": "1.1.0",
-        "fs-extra": "9.1.0",
-        "glob": "7.2.3",
-        "inquirer": "8.2.5",
-        "is-utf8": "^0.2.1",
-        "lodash": "4.17.21",
-        "minimist": "1.2.7",
-        "strip-bom": "4.0.0",
-        "strip-json-comments": "3.1.1"
-      },
-      "bin": {
-        "commitizen": "bin/commitizen",
-        "cz": "bin/git-cz",
-        "git-cz": "bin/git-cz"
-      },
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "node_modules/commitizen/node_modules/fs-extra": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
-      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-      "dev": true,
-      "dependencies": {
-        "at-least-node": "^1.0.0",
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/commitizen/node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dev": true,
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/commitizen/node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "dev": true,
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/common-tags": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
-      "integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/commondir": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
-      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg=="
-    },
-    "node_modules/compare-func": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/compare-func/-/compare-func-2.0.0.tgz",
-      "integrity": "sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==",
-      "dev": true,
-      "dependencies": {
-        "array-ify": "^1.0.0",
-        "dot-prop": "^5.1.0"
-      }
-    },
-    "node_modules/compare-versions": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-3.6.0.tgz",
-      "integrity": "sha512-W6Af2Iw1z4CB7q4uU4hv646dW9GQuBM+YpC0UvUCWSD8w90SJjp+ujJuXaEMtAXBtSqGfMPuFOVn4/+FlaqfBA==",
-      "dev": true
-    },
-    "node_modules/compressible": {
-      "version": "2.0.18",
-      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
-      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
-      "dependencies": {
-        "mime-db": ">= 1.43.0 < 2"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/compression": {
-      "version": "1.7.5",
-      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.5.tgz",
-      "integrity": "sha512-bQJ0YRck5ak3LgtnpKkiabX5pNF7tMUh1BSy2ZBOTh0Dim0BUu6aPPwByIns6/A5Prh8PufSPerMDUklpzes2Q==",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "compressible": "~2.0.18",
-        "debug": "2.6.9",
-        "negotiator": "~0.6.4",
-        "on-headers": "~1.0.2",
-        "safe-buffer": "5.2.1",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/compression/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/compression/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/compute-scroll-into-view": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-3.1.0.tgz",
-      "integrity": "sha512-rj8l8pD4bJ1nx+dAkMhV1xB5RuZEyVysfxJqB1pRchh1KVvwOv9b7CGB8ZfjTImVv2oF+sYMUkMZq6Na5Ftmbg=="
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
-    },
-    "node_modules/confusing-browser-globals": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/confusing-browser-globals/-/confusing-browser-globals-1.0.11.tgz",
-      "integrity": "sha512-JsPKdmh8ZkmnHxDk55FZ1TqVLvEQTvoByJZRN9jzI0UjxK/QgAmsphz7PGtqgPieQZ/CQcHWXCR7ATDNhGe+YA=="
-    },
-    "node_modules/connect-history-api-fallback": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
-      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/content-disposition": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
-      "dependencies": {
-        "safe-buffer": "5.2.1"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/conventional-changelog-angular": {
-      "version": "5.0.13",
-      "resolved": "https://registry.npmjs.org/conventional-changelog-angular/-/conventional-changelog-angular-5.0.13.tgz",
-      "integrity": "sha512-i/gipMxs7s8L/QeuavPF2hLnJgH6pEZAttySB6aiQLWcX3puWDL3ACVmvBhJGxnAy52Qc15ua26BufY6KpmrVA==",
-      "dev": true,
-      "dependencies": {
-        "compare-func": "^2.0.0",
-        "q": "^1.5.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/conventional-changelog-conventionalcommits": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/conventional-changelog-conventionalcommits/-/conventional-changelog-conventionalcommits-4.3.0.tgz",
-      "integrity": "sha512-oYHydvZKU+bS8LnGqTMlNrrd7769EsuEHKy4fh1oMdvvDi7fem8U+nvfresJ1IDB8K00Mn4LpiA/lR+7Gs6rgg==",
-      "dev": true,
-      "dependencies": {
-        "compare-func": "^1.3.1",
-        "lodash": "^4.17.15",
-        "q": "^1.5.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/conventional-changelog-conventionalcommits/node_modules/compare-func": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/compare-func/-/compare-func-1.3.4.tgz",
-      "integrity": "sha512-sq2sWtrqKPkEXAC8tEJA1+BqAH9GbFkGBtUOqrUX57VSfwp8xyktctk+uLoRy5eccTdxzDcVIztlYDpKs3Jv1Q==",
-      "dev": true,
-      "dependencies": {
-        "array-ify": "^1.0.0",
-        "dot-prop": "^3.0.0"
-      }
-    },
-    "node_modules/conventional-changelog-conventionalcommits/node_modules/dot-prop": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-3.0.0.tgz",
-      "integrity": "sha512-k4ELWeEU3uCcwub7+dWydqQBRjAjkV9L33HjVRG5Xo2QybI6ja/v+4W73SRi8ubCqJz0l9XsTP1NbewfyqaSlw==",
-      "dev": true,
-      "dependencies": {
-        "is-obj": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/conventional-changelog-conventionalcommits/node_modules/is-obj": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
-      "integrity": "sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/conventional-changelog-writer": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/conventional-changelog-writer/-/conventional-changelog-writer-4.1.0.tgz",
-      "integrity": "sha512-WwKcUp7WyXYGQmkLsX4QmU42AZ1lqlvRW9mqoyiQzdD+rJWbTepdWoKJuwXTS+yq79XKnQNa93/roViPQrAQgw==",
-      "dev": true,
-      "dependencies": {
-        "compare-func": "^2.0.0",
-        "conventional-commits-filter": "^2.0.7",
-        "dateformat": "^3.0.0",
-        "handlebars": "^4.7.6",
-        "json-stringify-safe": "^5.0.1",
-        "lodash": "^4.17.15",
-        "meow": "^8.0.0",
-        "semver": "^6.0.0",
-        "split": "^1.0.0",
-        "through2": "^4.0.0"
-      },
-      "bin": {
-        "conventional-changelog-writer": "cli.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/conventional-commit-types": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/conventional-commit-types/-/conventional-commit-types-3.0.0.tgz",
-      "integrity": "sha512-SmmCYnOniSsAa9GqWOeLqc179lfr5TRu5b4QFDkbsrJ5TZjPJx85wtOr3zn+1dbeNiXDKGPbZ72IKbPhLXh/Lg==",
-      "dev": true
-    },
-    "node_modules/conventional-commits-filter": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/conventional-commits-filter/-/conventional-commits-filter-2.0.7.tgz",
-      "integrity": "sha512-ASS9SamOP4TbCClsRHxIHXRfcGCnIoQqkvAzCSbZzTFLfcTqJVugB0agRgsEELsqaeWgsXv513eS116wnlSSPA==",
-      "dev": true,
-      "dependencies": {
-        "lodash.ismatch": "^4.4.0",
-        "modify-values": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/conventional-commits-parser": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/conventional-commits-parser/-/conventional-commits-parser-3.2.4.tgz",
-      "integrity": "sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==",
-      "dev": true,
-      "dependencies": {
-        "is-text-path": "^1.0.1",
-        "JSONStream": "^1.0.4",
-        "lodash": "^4.17.15",
-        "meow": "^8.0.0",
-        "split2": "^3.0.0",
-        "through2": "^4.0.0"
-      },
-      "bin": {
-        "conventional-commits-parser": "cli.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/convert-source-map": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
-      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="
-    },
-    "node_modules/cookie": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
-      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie-signature": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
-    },
-    "node_modules/copy-to-clipboard": {
-      "version": "3.3.3",
-      "resolved": "https://registry.npmjs.org/copy-to-clipboard/-/copy-to-clipboard-3.3.3.tgz",
-      "integrity": "sha512-2KV8NhB5JqC3ky0r9PMCAZKbUHSwtEo4CwCs0KXgruG43gX5PMqDEBbVU4OUzw2MuAWUfsuFmWvEKG5QRfSnJA==",
-      "dependencies": {
-        "toggle-selection": "^1.0.6"
-      }
-    },
-    "node_modules/core-js": {
-      "version": "3.39.0",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.39.0.tgz",
-      "integrity": "sha512-raM0ew0/jJUqkJ0E6e8UDtl+y/7ktFivgWvqw8dNSQeNWoSDLvQ1H/RN3aPXB9tBd4/FhyR4RDPGhsNIMsAn7g==",
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/core-js-compat": {
-      "version": "3.39.0",
-      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.39.0.tgz",
-      "integrity": "sha512-VgEUx3VwlExr5no0tXlBt+silBvhTryPwCXRI2Id1PN8WTKu7MreethvddqOubrYxkFdv/RnYrqlv1sFNAUelw==",
-      "dependencies": {
-        "browserslist": "^4.24.2"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/core-js-pure": {
-      "version": "3.39.0",
-      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.39.0.tgz",
-      "integrity": "sha512-7fEcWwKI4rJinnK+wLTezeg2smbFFdSBP6E2kQZNbnzM2s1rpKQ6aaRteZSSg7FLU3P0HGGVo/gbpfanU36urg==",
-      "hasInstallScript": true,
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/core-js"
-      }
-    },
-    "node_modules/core-util-is": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
-      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="
-    },
-    "node_modules/cosmiconfig": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
-      "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==",
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.1.0",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.7.2"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/crelt": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
-      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g=="
-    },
-    "node_modules/cropperjs": {
-      "version": "1.5.7",
-      "resolved": "https://registry.npmjs.org/cropperjs/-/cropperjs-1.5.7.tgz",
-      "integrity": "sha512-sGj+G/ofKh+f6A4BtXLJwtcKJgMUsXYVUubfTo9grERiDGXncttefmue/fyQFvn8wfdyoD1KhDRYLfjkJFl0yw=="
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.6",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
-      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/crypto-random-string": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
-      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/css": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/css/-/css-2.2.4.tgz",
-      "integrity": "sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "source-map": "^0.6.1",
-        "source-map-resolve": "^0.5.2",
-        "urix": "^0.1.0"
-      }
-    },
-    "node_modules/css-blank-pseudo": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-3.0.3.tgz",
-      "integrity": "sha512-VS90XWtsHGqoM0t4KpH053c4ehxZ2E6HtGI7x68YFV0pTo/QmkV/YFA+NnlvK8guxZVNWGQhVNJGC39Q8XF4OQ==",
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.9"
-      },
-      "bin": {
-        "css-blank-pseudo": "dist/cli.cjs"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
-    "node_modules/css-declaration-sorter": {
-      "version": "6.4.1",
-      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz",
-      "integrity": "sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==",
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.0.9"
-      }
-    },
-    "node_modules/css-has-pseudo": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-3.0.4.tgz",
-      "integrity": "sha512-Vse0xpR1K9MNlp2j5w1pgWIJtm1a8qS0JwS9goFYcImjlHEmywP9VUF05aGBXzGpDJF86QXk4L0ypBmwPhGArw==",
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.9"
-      },
-      "bin": {
-        "css-has-pseudo": "dist/cli.cjs"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
-    "node_modules/css-loader": {
-      "version": "6.11.0",
-      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.11.0.tgz",
-      "integrity": "sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g==",
-      "dependencies": {
-        "icss-utils": "^5.1.0",
-        "postcss": "^8.4.33",
-        "postcss-modules-extract-imports": "^3.1.0",
-        "postcss-modules-local-by-default": "^4.0.5",
-        "postcss-modules-scope": "^3.2.0",
-        "postcss-modules-values": "^4.0.0",
-        "postcss-value-parser": "^4.2.0",
-        "semver": "^7.5.4"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "@rspack/core": "0.x || 1.x",
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@rspack/core": {
-          "optional": true
-        },
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/css-loader/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/css-minimizer-webpack-plugin": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-3.4.1.tgz",
-      "integrity": "sha512-1u6D71zeIfgngN2XNRJefc/hY7Ybsxd74Jm4qngIXyUEk7fss3VUzuHxLAq/R8NAba4QU9OUSaMZlbpRc7bM4Q==",
-      "dependencies": {
-        "cssnano": "^5.0.6",
-        "jest-worker": "^27.0.2",
-        "postcss": "^8.3.5",
-        "schema-utils": "^4.0.0",
-        "serialize-javascript": "^6.0.0",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@parcel/css": {
-          "optional": true
-        },
-        "clean-css": {
-          "optional": true
-        },
-        "csso": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/css-prefers-color-scheme": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz",
-      "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==",
-      "bin": {
-        "css-prefers-color-scheme": "dist/cli.cjs"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
-    "node_modules/css-select": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
-      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
-      "dev": true,
-      "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.1.0",
-        "domhandler": "^5.0.2",
-        "domutils": "^3.0.1",
-        "nth-check": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/css-select-base-adapter": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz",
-      "integrity": "sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w=="
-    },
-    "node_modules/css-tree": {
-      "version": "1.0.0-alpha.37",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.37.tgz",
-      "integrity": "sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg==",
-      "dependencies": {
-        "mdn-data": "2.0.4",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/css-what": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
-      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
-      "engines": {
-        "node": ">= 6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/css.escape": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
-      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg=="
-    },
-    "node_modules/cssdb": {
-      "version": "7.11.2",
-      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.11.2.tgz",
-      "integrity": "sha512-lhQ32TFkc1X4eTefGfYPvgovRSzIMofHkigfH8nWtyRL4XJLsRhJFreRvEgKzept7x1rjBuy3J/MurXLaFxW/A==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/csstools"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/csstools"
-        }
-      ]
-    },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
-      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cssnano": {
-      "version": "5.1.15",
-      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-5.1.15.tgz",
-      "integrity": "sha512-j+BKgDcLDQA+eDifLx0EO4XSA56b7uut3BQFH+wbSaSTuGLuiyTa/wbRYthUXX8LC9mLg+WWKe8h+qJuwTAbHw==",
-      "dependencies": {
-        "cssnano-preset-default": "^5.2.14",
-        "lilconfig": "^2.0.3",
-        "yaml": "^1.10.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/cssnano"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
-      }
-    },
-    "node_modules/cssnano-preset-default": {
-      "version": "5.2.14",
-      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-5.2.14.tgz",
-      "integrity": "sha512-t0SFesj/ZV2OTylqQVOrFgEh5uanxbO6ZAdeCrNsUQ6fVuXwYTxJPNAGvGTxHbD68ldIJNec7PyYZDBrfDQ+6A==",
-      "dependencies": {
-        "css-declaration-sorter": "^6.3.1",
-        "cssnano-utils": "^3.1.0",
-        "postcss-calc": "^8.2.3",
-        "postcss-colormin": "^5.3.1",
-        "postcss-convert-values": "^5.1.3",
-        "postcss-discard-comments": "^5.1.2",
-        "postcss-discard-duplicates": "^5.1.0",
-        "postcss-discard-empty": "^5.1.1",
-        "postcss-discard-overridden": "^5.1.0",
-        "postcss-merge-longhand": "^5.1.7",
-        "postcss-merge-rules": "^5.1.4",
-        "postcss-minify-font-values": "^5.1.0",
-        "postcss-minify-gradients": "^5.1.1",
-        "postcss-minify-params": "^5.1.4",
-        "postcss-minify-selectors": "^5.2.1",
-        "postcss-normalize-charset": "^5.1.0",
-        "postcss-normalize-display-values": "^5.1.0",
-        "postcss-normalize-positions": "^5.1.1",
-        "postcss-normalize-repeat-style": "^5.1.1",
-        "postcss-normalize-string": "^5.1.0",
-        "postcss-normalize-timing-functions": "^5.1.0",
-        "postcss-normalize-unicode": "^5.1.1",
-        "postcss-normalize-url": "^5.1.0",
-        "postcss-normalize-whitespace": "^5.1.1",
-        "postcss-ordered-values": "^5.1.3",
-        "postcss-reduce-initial": "^5.1.2",
-        "postcss-reduce-transforms": "^5.1.0",
-        "postcss-svgo": "^5.1.0",
-        "postcss-unique-selectors": "^5.1.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
-      }
-    },
-    "node_modules/cssnano-utils": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz",
-      "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==",
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
-      }
-    },
-    "node_modules/csso": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/csso/-/csso-4.2.0.tgz",
-      "integrity": "sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA==",
-      "dependencies": {
-        "css-tree": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/css-tree": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
-      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
-      "dependencies": {
-        "mdn-data": "2.0.14",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/csso/node_modules/mdn-data": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
-      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
-    },
-    "node_modules/cssom": {
-      "version": "0.4.4",
-      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.4.4.tgz",
-      "integrity": "sha512-p3pvU7r1MyyqbTk+WbNJIgJjG2VmTIaB10rI93LzVPrmDJKkzKYMtxxyAvQXR/NS6otuzveI7+7BBq3SjBS2mw=="
-    },
-    "node_modules/cssstyle": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
-      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
-      "dependencies": {
-        "cssom": "~0.3.6"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cssstyle/node_modules/cssom": {
-      "version": "0.3.8",
-      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
-      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg=="
-    },
-    "node_modules/csstype": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
-    },
-    "node_modules/cz-conventional-changelog": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/cz-conventional-changelog/-/cz-conventional-changelog-3.3.0.tgz",
-      "integrity": "sha512-U466fIzU5U22eES5lTNiNbZ+d8dfcHcssH4o7QsdWaCcRs/feIPCxKYSWkYBNs5mny7MvEfwpTLWjvbm94hecw==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^2.4.1",
-        "commitizen": "^4.0.3",
-        "conventional-commit-types": "^3.0.0",
-        "lodash.map": "^4.5.1",
-        "longest": "^2.0.1",
-        "word-wrap": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 10"
-      },
-      "optionalDependencies": {
-        "@commitlint/load": ">6.1.1"
-      }
-    },
-    "node_modules/cz-conventional-changelog/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cz-conventional-changelog/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cz-conventional-changelog/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/cz-conventional-changelog/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
-    },
-    "node_modules/cz-conventional-changelog/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/cz-conventional-changelog/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cz-conventional-changelog/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/damerau-levenshtein": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
-      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
-    },
-    "node_modules/dangerously-set-html-content": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/dangerously-set-html-content/-/dangerously-set-html-content-1.1.0.tgz",
-      "integrity": "sha512-kUHpnYZ9EgT6BKUEgrgccg17Pa0YdI9MlWdDYeu49HIXYONCxZpKr6Tj24q+LwFmbmtL3IJ1Rvj+aaTTzFOepg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "react": "^18.2.0"
-      }
-    },
-    "node_modules/dargs": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/dargs/-/dargs-7.0.0.tgz",
-      "integrity": "sha512-2iy1EkLdlBzQGvbweYRFxmFath8+K7+AKB0TlhHWkNuH+TmovaMH/Wp7V7R4u7f4SnX3OgLsU9t1NI9ioDnUpg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/data-urls": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-2.0.0.tgz",
-      "integrity": "sha512-X5eWTSXO/BJmpdIKCRuKUgSCgAN0OwliVK3yPKbwIWU1Tdw5BRajxlzMidvh+gwko9AfQ9zIj52pzF91Q3YAvQ==",
-      "dependencies": {
-        "abab": "^2.0.3",
-        "whatwg-mimetype": "^2.3.0",
-        "whatwg-url": "^8.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/data-urls/node_modules/whatwg-mimetype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz",
-      "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g=="
-    },
-    "node_modules/data-view-buffer": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
-      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/data-view-byte-length": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
-      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/inspect-js"
-      }
-    },
-    "node_modules/data-view-byte-offset": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
-      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-data-view": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/dateformat": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-3.0.3.tgz",
-      "integrity": "sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==",
-      "dev": true,
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/dayjs": {
-      "version": "1.11.13",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
-      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="
-    },
-    "node_modules/debug": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
-      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
-      "dependencies": {
-        "ms": "^2.1.3"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/decamelize": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
-      "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decamelize-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz",
-      "integrity": "sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==",
-      "dev": true,
-      "dependencies": {
-        "decamelize": "^1.1.0",
-        "map-obj": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/decamelize-keys/node_modules/map-obj": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz",
-      "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/decimal.js": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
-      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
-    },
-    "node_modules/decode-uri-component": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
-      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/dedent": {
-      "version": "0.7.0",
-      "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
-      "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA=="
-    },
-    "node_modules/deep-equal": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
-      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.0",
-        "call-bind": "^1.0.5",
-        "es-get-iterator": "^1.1.3",
-        "get-intrinsic": "^1.2.2",
-        "is-arguments": "^1.1.1",
-        "is-array-buffer": "^3.0.2",
-        "is-date-object": "^1.0.5",
-        "is-regex": "^1.1.4",
-        "is-shared-array-buffer": "^1.0.2",
-        "isarray": "^2.0.5",
-        "object-is": "^1.1.5",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.4",
-        "regexp.prototype.flags": "^1.5.1",
-        "side-channel": "^1.0.4",
-        "which-boxed-primitive": "^1.0.2",
-        "which-collection": "^1.0.1",
-        "which-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/deep-extend": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
-      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/deep-is": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
-      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
-    },
-    "node_modules/deepmerge": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
-      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/default-gateway": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/default-gateway/-/default-gateway-6.0.3.tgz",
-      "integrity": "sha512-fwSOJsbbNzZ/CUFpqFBqYfYNLj1NbMPm8MMCIzHjC83iSJRBEGmDUxU+WP661BaBQImeC2yHwXtz+P/O9o+XEg==",
-      "dependencies": {
-        "execa": "^5.0.0"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/default-gateway/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/default-gateway/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/default-gateway/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/defaults": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
-      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
-      "dev": true,
-      "dependencies": {
-        "clone": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/define-data-property": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
-      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "dependencies": {
-        "es-define-property": "^1.0.0",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/define-lazy-prop": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
-      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/define-properties": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
-      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dependencies": {
-        "define-data-property": "^1.0.1",
-        "has-property-descriptors": "^1.0.0",
-        "object-keys": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/del": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/del/-/del-6.1.1.tgz",
-      "integrity": "sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==",
-      "dev": true,
-      "dependencies": {
-        "globby": "^11.0.1",
-        "graceful-fs": "^4.2.4",
-        "is-glob": "^4.0.1",
-        "is-path-cwd": "^2.2.0",
-        "is-path-inside": "^3.0.2",
-        "p-map": "^4.0.0",
-        "rimraf": "^3.0.2",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
-      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/depd": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/deprecation": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/deprecation/-/deprecation-2.3.1.tgz",
-      "integrity": "sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==",
-      "dev": true
-    },
-    "node_modules/dequal": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
-      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/destroy": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/detect-file": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/detect-file/-/detect-file-1.0.0.tgz",
-      "integrity": "sha512-DtCOLG98P007x7wiiOmfI0fi3eIKyWiLTGJ2MDnVi/E04lWGbf+JzrRHMm0rgIIZJGtHpKpbVgLWHrv8xXpc3Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/detect-indent": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-6.1.0.tgz",
-      "integrity": "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/detect-newline": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/detect-newline/-/detect-newline-3.1.0.tgz",
-      "integrity": "sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/detect-node": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
-      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g=="
-    },
-    "node_modules/detect-port-alt": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/detect-port-alt/-/detect-port-alt-1.1.6.tgz",
-      "integrity": "sha512-5tQykt+LqfJFBEYaDITx7S7cR7mJ/zQmLXZ2qt5w04ainYZw6tBf9dBunMjVeVOdYVRUzUOE4HkY5J7+uttb5Q==",
-      "dependencies": {
-        "address": "^1.0.1",
-        "debug": "^2.6.0"
-      },
-      "bin": {
-        "detect": "bin/detect-port",
-        "detect-port": "bin/detect-port"
-      },
-      "engines": {
-        "node": ">= 4.2.1"
-      }
-    },
-    "node_modules/detect-port-alt/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/detect-port-alt/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/didyoumean": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
-    },
-    "node_modules/diff-sequences": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-24.9.0.tgz",
-      "integrity": "sha512-Dj6Wk3tWyTE+Fo1rW8v0Xhwk80um6yFYKbuAxc9c3EZxIHFDYwbi34Uk42u1CdnIiVorvt4RmlSDjIPyzGC2ew==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/dir-glob": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
-      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
-      "dependencies": {
-        "path-type": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/discontinuous-range": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/discontinuous-range/-/discontinuous-range-1.0.0.tgz",
-      "integrity": "sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ==",
-      "dev": true
-    },
-    "node_modules/dlv": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
-    },
-    "node_modules/dns-packet": {
-      "version": "5.6.1",
-      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
-      "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
-      "dependencies": {
-        "@leichtgewicht/ip-codec": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/doctrine": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
-      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/dom-accessibility-api": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.3.0.tgz",
-      "integrity": "sha512-PzwHEmsRP3IGY4gv/Ug+rMeaTIyTJvadCb+ujYXYeIylbHJezIyNToe8KfEgHTCEYyC+/bUghYOGg8yMGlZ6vA=="
-    },
-    "node_modules/dom-converter": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
-      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
-      "dependencies": {
-        "utila": "~0.4"
-      }
-    },
-    "node_modules/dom-serializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
-      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
-      "dev": true,
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.2",
-        "entities": "^4.2.0"
-      },
-      "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
-      }
-    },
-    "node_modules/dom-walk": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
-      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
-    },
-    "node_modules/domelementtype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
-      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ]
-    },
-    "node_modules/domexception": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/domexception/-/domexception-2.0.1.tgz",
-      "integrity": "sha512-yxJ2mFy/sibVQlu5qHjOkf9J3K6zgmCxgJ94u2EdvDOV09H+32LtRswEcUsmUWN72pVLOEnTSRaIVVzVQgS0dg==",
-      "deprecated": "Use your platform's native DOMException instead",
-      "dependencies": {
-        "webidl-conversions": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/domexception/node_modules/webidl-conversions": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-5.0.0.tgz",
-      "integrity": "sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/domhandler": {
-      "version": "5.0.3",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
-      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
-      "dev": true,
-      "dependencies": {
-        "domelementtype": "^2.3.0"
-      },
-      "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
-      }
-    },
-    "node_modules/dompurify": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.2.tgz",
-      "integrity": "sha512-hLGGBI1tw5N8qTELr3blKjAML/LY4ANxksbS612UiJyDfyf/2D092Pvm+S7pmeTGJRqvlJkFzBoHBQKgQlOQVg=="
-    },
-    "node_modules/domutils": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.2.1.tgz",
-      "integrity": "sha512-xWXmuRnN9OMP6ptPd2+H0cCbcYBULa5YDTbMm/2lvkWvNA3O4wcW+GvzooqBuNM8yy6pl3VIAeJTUUWUbfI5Fw==",
-      "dev": true,
-      "dependencies": {
-        "dom-serializer": "^2.0.0",
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
-    "node_modules/dot-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
-      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/dot-prop": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-5.3.0.tgz",
-      "integrity": "sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==",
-      "dev": true,
-      "dependencies": {
-        "is-obj": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/dotenv": {
-      "version": "16.4.7",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.4.7.tgz",
-      "integrity": "sha512-47qPchRCykZC03FhkYAhrvwU4xDBFIj1QPqaarj6mdM/hgUzfPHcpkHJOn3mJAufFeeAxAzeGsr5X0M4k6fLZQ==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://dotenvx.com"
-      }
-    },
-    "node_modules/dotenv-expand": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/dotenv-expand/-/dotenv-expand-5.1.0.tgz",
-      "integrity": "sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA=="
-    },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/duplexer": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/duplexer/-/duplexer-0.1.2.tgz",
-      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
-    },
-    "node_modules/duplexer2": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/duplexer2/-/duplexer2-0.1.4.tgz",
-      "integrity": "sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==",
-      "dev": true,
-      "dependencies": {
-        "readable-stream": "^2.0.2"
-      }
-    },
-    "node_modules/duplexer2/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
-    },
-    "node_modules/duplexer2/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/duplexer2/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/duplexer2/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
-    },
-    "node_modules/ee-first": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
-    },
-    "node_modules/ejs": {
-      "version": "3.1.10",
-      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
-      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
-      "dependencies": {
-        "jake": "^10.8.5"
-      },
-      "bin": {
-        "ejs": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.76",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.76.tgz",
-      "integrity": "sha512-CjVQyG7n7Sr+eBXE86HIulnL5N8xZY1sgmOPGuq/F0Rr0FJq63lg0kEtOIDfZBk44FnDLf6FUJ+dsJcuiUDdDQ=="
-    },
-    "node_modules/emittery": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
-      "integrity": "sha512-uDfvUjVrfGJJhymx/kz6prltenw1u7WrCg1oa94zYY8xxVpLLUu045LAT0dhDZdXG58/EpPL/5kA180fQ/qudg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
-      }
-    },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
-    },
-    "node_modules/emojis-list": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
-      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/encoding-sniffer": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/encoding-sniffer/-/encoding-sniffer-0.2.0.tgz",
-      "integrity": "sha512-ju7Wq1kg04I3HtiYIOrUrdfdDvkyO9s5XM8QAj/bN61Yo/Vb4vgJxy5vi4Yxk01gWHbrofpPtpxM8bKger9jhg==",
-      "dev": true,
-      "dependencies": {
-        "iconv-lite": "^0.6.3",
-        "whatwg-encoding": "^3.1.1"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/encoding-sniffer?sponsor=1"
-      }
-    },
-    "node_modules/end-of-stream": {
-      "version": "1.4.4",
-      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
-      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
-      "dev": true,
-      "dependencies": {
-        "once": "^1.4.0"
-      }
-    },
-    "node_modules/enhanced-resolve": {
-      "version": "5.18.0",
-      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.0.tgz",
-      "integrity": "sha512-0/r0MySGYG8YqlayBZ6MuCfECmHFdJ5qyPh8s8wa5Hnm6SaFLSK1VYCbj+NKp090Nm1caZhD+QTnmxO7esYGyQ==",
-      "dependencies": {
-        "graceful-fs": "^4.2.4",
-        "tapable": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/enquirer": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz",
-      "integrity": "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-colors": "^4.1.1",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/entities": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
-      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "engines": {
-        "node": ">=0.12"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/env-ci": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/env-ci/-/env-ci-5.5.0.tgz",
-      "integrity": "sha512-o0JdWIbOLP+WJKIUt36hz1ImQQFuN92nhsfTkHHap+J8CiI8WgGpH/a9jEGHh4/TU5BUUGjlnKXNoDb57+ne+A==",
-      "dev": true,
-      "dependencies": {
-        "execa": "^5.0.0",
-        "fromentries": "^1.3.2",
-        "java-properties": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=10.17"
-      }
-    },
-    "node_modules/env-ci/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/env-ci/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/env-ci/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/enzyme": {
-      "version": "3.11.0",
-      "resolved": "https://registry.npmjs.org/enzyme/-/enzyme-3.11.0.tgz",
-      "integrity": "sha512-Dw8/Gs4vRjxY6/6i9wU0V+utmQO9kvh9XLnz3LIudviOnVYDEe2ec+0k+NQoMamn1VrjKgCUOWj5jG/5M5M0Qw==",
-      "dev": true,
-      "dependencies": {
-        "array.prototype.flat": "^1.2.3",
-        "cheerio": "^1.0.0-rc.3",
-        "enzyme-shallow-equal": "^1.0.1",
-        "function.prototype.name": "^1.1.2",
-        "has": "^1.0.3",
-        "html-element-map": "^1.2.0",
-        "is-boolean-object": "^1.0.1",
-        "is-callable": "^1.1.5",
-        "is-number-object": "^1.0.4",
-        "is-regex": "^1.0.5",
-        "is-string": "^1.0.5",
-        "is-subset": "^0.1.1",
-        "lodash.escape": "^4.0.1",
-        "lodash.isequal": "^4.5.0",
-        "object-inspect": "^1.7.0",
-        "object-is": "^1.0.2",
-        "object.assign": "^4.1.0",
-        "object.entries": "^1.1.1",
-        "object.values": "^1.1.1",
-        "raf": "^3.4.1",
-        "rst-selector-parser": "^2.2.3",
-        "string.prototype.trim": "^1.2.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/enzyme-adapter-react-16": {
-      "version": "1.15.8",
-      "resolved": "https://registry.npmjs.org/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.15.8.tgz",
-      "integrity": "sha512-uYGC31eGZBp5nGsr4nKhZKvxGQjyHGjS06BJsUlWgE29/hvnpgCsT1BJvnnyny7N3GIIVyxZ4O9GChr6hy2WQA==",
-      "dev": true,
-      "dependencies": {
-        "enzyme-adapter-utils": "^1.14.2",
-        "enzyme-shallow-equal": "^1.0.7",
-        "hasown": "^2.0.0",
-        "object.assign": "^4.1.5",
-        "object.values": "^1.1.7",
-        "prop-types": "^15.8.1",
-        "react-is": "^16.13.1",
-        "react-test-renderer": "^16.0.0-0",
-        "semver": "^5.7.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      },
-      "peerDependencies": {
-        "enzyme": "^3.0.0",
-        "react": "^16.0.0-0",
-        "react-dom": "^16.0.0-0"
-      }
-    },
-    "node_modules/enzyme-adapter-react-16/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/enzyme-adapter-utils": {
-      "version": "1.14.2",
-      "resolved": "https://registry.npmjs.org/enzyme-adapter-utils/-/enzyme-adapter-utils-1.14.2.tgz",
-      "integrity": "sha512-1ZC++RlsYRaiOWE5NRaF5OgsMt7F5rn/VuaJIgc7eW/fmgg8eS1/Ut7EugSPPi7VMdWMLcymRnMF+mJUJ4B8KA==",
-      "dev": true,
-      "dependencies": {
-        "airbnb-prop-types": "^2.16.0",
-        "function.prototype.name": "^1.1.6",
-        "hasown": "^2.0.0",
-        "object.assign": "^4.1.5",
-        "object.fromentries": "^2.0.7",
-        "prop-types": "^15.8.1",
-        "semver": "^6.3.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      },
-      "peerDependencies": {
-        "react": "0.13.x || 0.14.x || ^15.0.0-0 || ^16.0.0-0"
-      }
-    },
-    "node_modules/enzyme-shallow-equal": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/enzyme-shallow-equal/-/enzyme-shallow-equal-1.0.7.tgz",
-      "integrity": "sha512-/um0GFqUXnpM9SvKtje+9Tjoz3f1fpBC3eXRFrNs8kpYn69JljciYP7KZTqM/YQbUY9KUjvKB4jo/q+L6WGGvg==",
-      "dev": true,
-      "dependencies": {
-        "hasown": "^2.0.0",
-        "object-is": "^1.1.5"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/enzyme-to-json": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/enzyme-to-json/-/enzyme-to-json-3.6.2.tgz",
-      "integrity": "sha512-Ynm6Z6R6iwQ0g2g1YToz6DWhxVnt8Dy1ijR2zynRKxTyBGA8rCDXU3rs2Qc4OKvUvc2Qoe1bcFK6bnPs20TrTg==",
-      "dev": true,
-      "dependencies": {
-        "@types/cheerio": "^0.22.22",
-        "lodash": "^4.17.21",
-        "react-is": "^16.12.0"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "peerDependencies": {
-        "enzyme": "^3.4.0"
-      }
-    },
-    "node_modules/error-ex": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
-      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
-      "dependencies": {
-        "is-arrayish": "^0.2.1"
-      }
-    },
-    "node_modules/error-stack-parser": {
-      "version": "2.1.4",
-      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
-      "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
-      "dependencies": {
-        "stackframe": "^1.3.4"
-      }
-    },
-    "node_modules/es-abstract": {
-      "version": "1.23.7",
-      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.7.tgz",
-      "integrity": "sha512-OygGC8kIcDhXX+6yAZRGLqwi2CmEXCbLQixeGUgYeR+Qwlppqmo7DIDr8XibtEBZp+fJcoYpoatp5qwLMEdcqQ==",
-      "dependencies": {
-        "array-buffer-byte-length": "^1.0.2",
-        "arraybuffer.prototype.slice": "^1.0.4",
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "data-view-buffer": "^1.0.2",
-        "data-view-byte-length": "^1.0.2",
-        "data-view-byte-offset": "^1.0.1",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "es-set-tostringtag": "^2.0.3",
-        "es-to-primitive": "^1.3.0",
-        "function.prototype.name": "^1.1.8",
-        "get-intrinsic": "^1.2.6",
-        "get-symbol-description": "^1.1.0",
-        "globalthis": "^1.0.4",
-        "gopd": "^1.2.0",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "internal-slot": "^1.1.0",
-        "is-array-buffer": "^3.0.5",
-        "is-callable": "^1.2.7",
-        "is-data-view": "^1.0.2",
-        "is-regex": "^1.2.1",
-        "is-shared-array-buffer": "^1.0.4",
-        "is-string": "^1.1.1",
-        "is-typed-array": "^1.1.15",
-        "is-weakref": "^1.1.0",
-        "math-intrinsics": "^1.1.0",
-        "object-inspect": "^1.13.3",
-        "object-keys": "^1.1.1",
-        "object.assign": "^4.1.7",
-        "regexp.prototype.flags": "^1.5.3",
-        "safe-array-concat": "^1.1.3",
-        "safe-regex-test": "^1.1.0",
-        "string.prototype.trim": "^1.2.10",
-        "string.prototype.trimend": "^1.0.9",
-        "string.prototype.trimstart": "^1.0.8",
-        "typed-array-buffer": "^1.0.3",
-        "typed-array-byte-length": "^1.0.3",
-        "typed-array-byte-offset": "^1.0.4",
-        "typed-array-length": "^1.0.7",
-        "unbox-primitive": "^1.1.0",
-        "which-typed-array": "^1.1.18"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-array-method-boxes-properly": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz",
-      "integrity": "sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA=="
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-get-iterator": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
-      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
-      "dependencies": {
-        "call-bind": "^1.0.2",
-        "get-intrinsic": "^1.1.3",
-        "has-symbols": "^1.0.3",
-        "is-arguments": "^1.1.1",
-        "is-map": "^2.0.2",
-        "is-set": "^2.0.2",
-        "is-string": "^1.0.7",
-        "isarray": "^2.0.5",
-        "stop-iteration-iterator": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/es-iterator-helpers": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.2.1.tgz",
-      "integrity": "sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.6",
-        "es-errors": "^1.3.0",
-        "es-set-tostringtag": "^2.0.3",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.6",
-        "globalthis": "^1.0.4",
-        "gopd": "^1.2.0",
-        "has-property-descriptors": "^1.0.2",
-        "has-proto": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "internal-slot": "^1.1.0",
-        "iterator.prototype": "^1.1.4",
-        "safe-array-concat": "^1.1.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-module-lexer": {
-      "version": "1.5.4",
-      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz",
-      "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw=="
-    },
-    "node_modules/es-object-atoms": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
-      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-set-tostringtag": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
-      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
-      "dependencies": {
-        "get-intrinsic": "^1.2.4",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-shim-unscopables": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.2.tgz",
-      "integrity": "sha512-J3yBRXCzDu4ULnQwxyToo/OjdMx6akgVC7K6few0a7F/0wLtmKKN7I73AH5T2836UuXRqN7Qg+IIUw/+YJksRw==",
-      "dependencies": {
-        "hasown": "^2.0.0"
-      }
-    },
-    "node_modules/es-to-primitive": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
-      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
-      "dependencies": {
-        "is-callable": "^1.2.7",
-        "is-date-object": "^1.0.5",
-        "is-symbol": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
-    },
-    "node_modules/escape-string-regexp": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
-      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/escodegen": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
-      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
-      "dependencies": {
-        "esprima": "^4.0.1",
-        "estraverse": "^5.2.0",
-        "esutils": "^2.0.2"
-      },
-      "bin": {
-        "escodegen": "bin/escodegen.js",
-        "esgenerate": "bin/esgenerate.js"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "optionalDependencies": {
-        "source-map": "~0.6.1"
-      }
-    },
-    "node_modules/eslint": {
-      "version": "8.57.1",
-      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
-      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
-      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
-      "dependencies": {
-        "@eslint-community/eslint-utils": "^4.2.0",
-        "@eslint-community/regexpp": "^4.6.1",
-        "@eslint/eslintrc": "^2.1.4",
-        "@eslint/js": "8.57.1",
-        "@humanwhocodes/config-array": "^0.13.0",
-        "@humanwhocodes/module-importer": "^1.0.1",
-        "@nodelib/fs.walk": "^1.2.8",
-        "@ungap/structured-clone": "^1.2.0",
-        "ajv": "^6.12.4",
-        "chalk": "^4.0.0",
-        "cross-spawn": "^7.0.2",
-        "debug": "^4.3.2",
-        "doctrine": "^3.0.0",
-        "escape-string-regexp": "^4.0.0",
-        "eslint-scope": "^7.2.2",
-        "eslint-visitor-keys": "^3.4.3",
-        "espree": "^9.6.1",
-        "esquery": "^1.4.2",
-        "esutils": "^2.0.2",
-        "fast-deep-equal": "^3.1.3",
-        "file-entry-cache": "^6.0.1",
-        "find-up": "^5.0.0",
-        "glob-parent": "^6.0.2",
-        "globals": "^13.19.0",
-        "graphemer": "^1.4.0",
-        "ignore": "^5.2.0",
-        "imurmurhash": "^0.1.4",
-        "is-glob": "^4.0.0",
-        "is-path-inside": "^3.0.3",
-        "js-yaml": "^4.1.0",
-        "json-stable-stringify-without-jsonify": "^1.0.1",
-        "levn": "^0.4.1",
-        "lodash.merge": "^4.6.2",
-        "minimatch": "^3.1.2",
-        "natural-compare": "^1.4.0",
-        "optionator": "^0.9.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "bin": {
-        "eslint": "bin/eslint.js"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-config-react-app": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/eslint-config-react-app/-/eslint-config-react-app-7.0.1.tgz",
-      "integrity": "sha512-K6rNzvkIeHaTd8m/QEh1Zko0KI7BACWkkneSs6s9cKZC/J27X3eZR6Upt1jkmZ/4FK+XUOPPxMEN7+lbUXfSlA==",
-      "dependencies": {
-        "@babel/core": "^7.16.0",
-        "@babel/eslint-parser": "^7.16.3",
-        "@rushstack/eslint-patch": "^1.1.0",
-        "@typescript-eslint/eslint-plugin": "^5.5.0",
-        "@typescript-eslint/parser": "^5.5.0",
-        "babel-preset-react-app": "^10.0.1",
-        "confusing-browser-globals": "^1.0.11",
-        "eslint-plugin-flowtype": "^8.0.3",
-        "eslint-plugin-import": "^2.25.3",
-        "eslint-plugin-jest": "^25.3.0",
-        "eslint-plugin-jsx-a11y": "^6.5.1",
-        "eslint-plugin-react": "^7.27.1",
-        "eslint-plugin-react-hooks": "^4.3.0",
-        "eslint-plugin-testing-library": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "eslint": "^8.0.0"
-      }
-    },
-    "node_modules/eslint-import-resolver-node": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.9.tgz",
-      "integrity": "sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==",
-      "dependencies": {
-        "debug": "^3.2.7",
-        "is-core-module": "^2.13.0",
-        "resolve": "^1.22.4"
-      }
-    },
-    "node_modules/eslint-import-resolver-node/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-module-utils": {
-      "version": "2.12.0",
-      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.0.tgz",
-      "integrity": "sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==",
-      "dependencies": {
-        "debug": "^3.2.7"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-module-utils/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-flowtype": {
-      "version": "8.0.3",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-flowtype/-/eslint-plugin-flowtype-8.0.3.tgz",
-      "integrity": "sha512-dX8l6qUL6O+fYPtpNRideCFSpmWOUVx5QcaGLVqe/vlDiBSe4vYljDWDETwnyFzpl7By/WVIu6rcrniCgH9BqQ==",
-      "dependencies": {
-        "lodash": "^4.17.21",
-        "string-natural-compare": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "@babel/plugin-syntax-flow": "^7.14.5",
-        "@babel/plugin-transform-react-jsx": "^7.14.9",
-        "eslint": "^8.1.0"
-      }
-    },
-    "node_modules/eslint-plugin-import": {
-      "version": "2.31.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.31.0.tgz",
-      "integrity": "sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==",
-      "dependencies": {
-        "@rtsao/scc": "^1.1.0",
-        "array-includes": "^3.1.8",
-        "array.prototype.findlastindex": "^1.2.5",
-        "array.prototype.flat": "^1.3.2",
-        "array.prototype.flatmap": "^1.3.2",
-        "debug": "^3.2.7",
-        "doctrine": "^2.1.0",
-        "eslint-import-resolver-node": "^0.3.9",
-        "eslint-module-utils": "^2.12.0",
-        "hasown": "^2.0.2",
-        "is-core-module": "^2.15.1",
-        "is-glob": "^4.0.3",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.8",
-        "object.groupby": "^1.0.3",
-        "object.values": "^1.2.0",
-        "semver": "^6.3.1",
-        "string.prototype.trimend": "^1.0.8",
-        "tsconfig-paths": "^3.15.0"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/debug": {
-      "version": "3.2.7",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
-      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
-    "node_modules/eslint-plugin-import/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-jest": {
-      "version": "25.7.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jest/-/eslint-plugin-jest-25.7.0.tgz",
-      "integrity": "sha512-PWLUEXeeF7C9QGKqvdSbzLOiLTx+bno7/HC9eefePfEb257QFHg7ye3dh80AZVkaa/RQsBB1Q/ORQvg2X7F0NQ==",
-      "dependencies": {
-        "@typescript-eslint/experimental-utils": "^5.0.0"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "@typescript-eslint/eslint-plugin": "^4.0.0 || ^5.0.0",
-        "eslint": "^6.0.0 || ^7.0.0 || ^8.0.0"
-      },
-      "peerDependenciesMeta": {
-        "@typescript-eslint/eslint-plugin": {
-          "optional": true
-        },
-        "jest": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y": {
-      "version": "6.10.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
-      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
-      "dependencies": {
-        "aria-query": "^5.3.2",
-        "array-includes": "^3.1.8",
-        "array.prototype.flatmap": "^1.3.2",
-        "ast-types-flow": "^0.0.8",
-        "axe-core": "^4.10.0",
-        "axobject-query": "^4.1.0",
-        "damerau-levenshtein": "^1.0.8",
-        "emoji-regex": "^9.2.2",
-        "hasown": "^2.0.2",
-        "jsx-ast-utils": "^3.3.5",
-        "language-tags": "^1.0.9",
-        "minimatch": "^3.1.2",
-        "object.fromentries": "^2.0.8",
-        "safe-regex-test": "^1.0.3",
-        "string.prototype.includes": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
-      }
-    },
-    "node_modules/eslint-plugin-jsx-a11y/node_modules/aria-query": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
-      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/eslint-plugin-react": {
-      "version": "7.37.3",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.3.tgz",
-      "integrity": "sha512-DomWuTQPFYZwF/7c9W2fkKkStqZmBd3uugfqBYLdkZ3Hii23WzZuOLUskGxB8qkSKqftxEeGL1TB2kMhrce0jA==",
-      "dependencies": {
-        "array-includes": "^3.1.8",
-        "array.prototype.findlast": "^1.2.5",
-        "array.prototype.flatmap": "^1.3.3",
-        "array.prototype.tosorted": "^1.1.4",
-        "doctrine": "^2.1.0",
-        "es-iterator-helpers": "^1.2.1",
-        "estraverse": "^5.3.0",
-        "hasown": "^2.0.2",
-        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
-        "minimatch": "^3.1.2",
-        "object.entries": "^1.1.8",
-        "object.fromentries": "^2.0.8",
-        "object.values": "^1.2.1",
-        "prop-types": "^15.8.1",
-        "resolve": "^2.0.0-next.5",
-        "semver": "^6.3.1",
-        "string.prototype.matchall": "^4.0.12",
-        "string.prototype.repeat": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      },
-      "peerDependencies": {
-        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
-      }
-    },
-    "node_modules/eslint-plugin-react-hooks": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
-      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/doctrine": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
-      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
-      "dependencies": {
-        "esutils": "^2.0.2"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/eslint-plugin-react/node_modules/resolve": {
-      "version": "2.0.0-next.5",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.5.tgz",
-      "integrity": "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==",
-      "dependencies": {
-        "is-core-module": "^2.13.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/eslint-plugin-testing-library": {
-      "version": "5.11.1",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-testing-library/-/eslint-plugin-testing-library-5.11.1.tgz",
-      "integrity": "sha512-5eX9e1Kc2PqVRed3taaLnAAqPZGEX75C+M/rXzUAI3wIg/ZxzUm1OVAwfe/O+vE+6YXOLetSe9g5GKD2ecXipw==",
-      "dependencies": {
-        "@typescript-eslint/utils": "^5.58.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0",
-        "npm": ">=6"
-      },
-      "peerDependencies": {
-        "eslint": "^7.5.0 || ^8.0.0"
-      }
-    },
-    "node_modules/eslint-scope": {
-      "version": "7.2.2",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
-      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-visitor-keys": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
-      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/eslint-webpack-plugin": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/eslint-webpack-plugin/-/eslint-webpack-plugin-3.2.0.tgz",
-      "integrity": "sha512-avrKcGncpPbPSUHX6B3stNGzkKFto3eL+DKM4+VyMrVnhPc3vRczVlCq3uhuFOdRvDHTVXuzwk1ZKUrqDQHQ9w==",
-      "dependencies": {
-        "@types/eslint": "^7.29.0 || ^8.4.1",
-        "jest-worker": "^28.0.2",
-        "micromatch": "^4.0.5",
-        "normalize-path": "^3.0.0",
-        "schema-utils": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "eslint": "^7.0.0 || ^8.0.0",
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/eslint-webpack-plugin/node_modules/jest-worker": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-28.1.3.tgz",
-      "integrity": "sha512-CqRA220YV/6jCo8VWvAt1KKx6eek1VIHMPeLEbpcfSfkEeWyBNppynM/o6q+Wmw+sOhos2ml34wZbSX3G13//g==",
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/eslint-webpack-plugin/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/eslint/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/eslint/node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/globals": {
-      "version": "13.24.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
-      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
-      "dependencies": {
-        "type-fest": "^0.20.2"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
-    },
-    "node_modules/eslint/node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/eslint/node_modules/type-fest": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
-      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/espree": {
-      "version": "9.6.1",
-      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
-      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
-      "dependencies": {
-        "acorn": "^8.9.0",
-        "acorn-jsx": "^5.3.2",
-        "eslint-visitor-keys": "^3.4.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://opencollective.com/eslint"
-      }
-    },
-    "node_modules/esprima": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
-      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/esquery": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
-      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
-      "dependencies": {
-        "estraverse": "^5.1.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/esrecurse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
-      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
-      "dependencies": {
-        "estraverse": "^5.2.0"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estraverse": {
-      "version": "5.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
-      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/estree-walker": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
-      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg=="
-    },
-    "node_modules/esutils": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
-      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/eventemitter3": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
-      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA=="
-    },
-    "node_modules/events": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
-      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
-      "engines": {
-        "node": ">=0.8.x"
-      }
-    },
-    "node_modules/execa": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
-      "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "get-stream": "^5.0.0",
-        "human-signals": "^1.1.1",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.0",
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/exifr": {
-      "version": "7.1.3",
-      "resolved": "https://registry.npmjs.org/exifr/-/exifr-7.1.3.tgz",
-      "integrity": "sha512-g/aje2noHivrRSLbAUtBPWFbxKdKhgj/xr1vATDdUXPOFYJlQ62Ft0oy+72V6XLIpDJfHs6gXLbBLAolqOXYRw=="
-    },
-    "node_modules/exit": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz",
-      "integrity": "sha512-Zk/eNKV2zbjpKzrsQ+n1G6poVbErQxJ0LBOJXaKZ1EViLzH+hrLu9cdXI4zw9dBQJslwBEpbQ2P1oS7nDxs6jQ==",
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/expand-tilde": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
-      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
-      "dev": true,
-      "dependencies": {
-        "homedir-polyfill": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/expect": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/expect/-/expect-27.5.1.tgz",
-      "integrity": "sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "jest-matcher-utils": "^27.5.1",
-        "jest-message-util": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/expect/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/expect/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/expect/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/expect/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/expect/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/expect/node_modules/diff-sequences": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
-      "integrity": "sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/expect/node_modules/jest-diff": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz",
-      "integrity": "sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/expect/node_modules/jest-get-type": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
-      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/expect/node_modules/jest-matcher-utils": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz",
-      "integrity": "sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "jest-diff": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/expect/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/expect/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/express": {
-      "version": "4.21.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
-      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
-      "dependencies": {
-        "accepts": "~1.3.8",
-        "array-flatten": "1.1.1",
-        "body-parser": "1.20.3",
-        "content-disposition": "0.5.4",
-        "content-type": "~1.0.4",
-        "cookie": "0.7.1",
-        "cookie-signature": "1.0.6",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "finalhandler": "1.3.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "merge-descriptors": "1.0.3",
-        "methods": "~1.1.2",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.12",
-        "proxy-addr": "~2.0.7",
-        "qs": "6.13.0",
-        "range-parser": "~1.2.1",
-        "safe-buffer": "5.2.1",
-        "send": "0.19.0",
-        "serve-static": "1.16.2",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "type-is": "~1.6.18",
-        "utils-merge": "1.0.1",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/express/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/express/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/express/node_modules/path-to-regexp": {
-      "version": "0.1.12",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
-      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ=="
-    },
-    "node_modules/express/node_modules/qs": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
-      "dependencies": {
-        "side-channel": "^1.0.6"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/external-editor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/external-editor/-/external-editor-3.1.0.tgz",
-      "integrity": "sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==",
-      "dev": true,
-      "dependencies": {
-        "chardet": "^0.7.0",
-        "iconv-lite": "^0.4.24",
-        "tmp": "^0.0.33"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/external-editor/node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dev": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
-      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
-    },
-    "node_modules/fast-glob": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
-      "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "dependencies": {
-        "@nodelib/fs.stat": "^2.0.2",
-        "@nodelib/fs.walk": "^1.2.3",
-        "glob-parent": "^5.1.2",
-        "merge2": "^1.3.0",
-        "micromatch": "^4.0.4"
-      },
-      "engines": {
-        "node": ">=8.6.0"
-      }
-    },
-    "node_modules/fast-glob/node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
-      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
-    },
-    "node_modules/fast-levenshtein": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
-      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="
-    },
-    "node_modules/fast-uri": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.3.tgz",
-      "integrity": "sha512-aLrHthzCjH5He4Z2H9YZ+v6Ujb9ocRuW6ZzkJQOrTxleEijANq4v1TsaPaVG1PZcuurEzrLcWRyYBYXD5cEiaw=="
-    },
-    "node_modules/fastq": {
-      "version": "1.18.0",
-      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.18.0.tgz",
-      "integrity": "sha512-QKHXPW0hD8g4UET03SdOdunzSouc9N4AuHdsX8XNcTsuz+yYFILVNIX4l9yHABMhiEI9Db0JTTIpu0wB+Y1QQw==",
-      "dependencies": {
-        "reusify": "^1.0.4"
-      }
-    },
-    "node_modules/fault": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/fault/-/fault-2.0.1.tgz",
-      "integrity": "sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==",
-      "dependencies": {
-        "format": "^0.2.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/faye-websocket": {
-      "version": "0.11.4",
-      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
-      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
-      "dependencies": {
-        "websocket-driver": ">=0.5.1"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/fb-watchman": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/fb-watchman/-/fb-watchman-2.0.2.tgz",
-      "integrity": "sha512-p5161BqbuCaSnB8jIbzQHOlpgsPmK5rJVDfDKO91Axs5NC1uu3HRQm6wt9cd9/+GtQQIO53JdGXXoyDpTAsgYA==",
-      "dependencies": {
-        "bser": "2.1.1"
-      }
-    },
-    "node_modules/figures": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
-      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
-      "dev": true,
-      "dependencies": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/figures/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/file-entry-cache": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
-      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
-      "dependencies": {
-        "flat-cache": "^3.0.4"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/file-loader": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz",
-      "integrity": "sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==",
-      "dependencies": {
-        "loader-utils": "^2.0.0",
-        "schema-utils": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
-      }
-    },
-    "node_modules/file-loader/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/file-loader/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/file-loader/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
-    },
-    "node_modules/file-loader/node_modules/schema-utils": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/filelist": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
-      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
-      "dependencies": {
-        "minimatch": "^5.0.1"
-      }
-    },
-    "node_modules/filelist/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/filelist/node_modules/minimatch": {
-      "version": "5.1.6",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
-      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/filesize": {
-      "version": "8.0.7",
-      "resolved": "https://registry.npmjs.org/filesize/-/filesize-8.0.7.tgz",
-      "integrity": "sha512-pjmC+bkIF8XI7fWaH8KxHcZL3DPybs1roSKP4rKDvy20tAWwIObE4+JIseG2byfGKhud5ZnM4YSGKBz7Sh0ndQ==",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/finalhandler": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
-      "dependencies": {
-        "debug": "2.6.9",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "statuses": "2.0.1",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/finalhandler/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/finalhandler/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/find-cache-dir": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
-      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
-      "dependencies": {
-        "commondir": "^1.0.1",
-        "make-dir": "^3.0.2",
-        "pkg-dir": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
-      }
-    },
-    "node_modules/find-cache-dir/node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-node-modules": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/find-node-modules/-/find-node-modules-2.1.3.tgz",
-      "integrity": "sha512-UC2I2+nx1ZuOBclWVNdcnbDR5dlrOdVb7xNjmT/lHE+LsgztWks3dG7boJ37yTS/venXw84B/mAW9uHVoC5QRg==",
-      "dev": true,
-      "dependencies": {
-        "findup-sync": "^4.0.0",
-        "merge": "^2.1.1"
-      }
-    },
-    "node_modules/find-root": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
-      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==",
-      "dev": true
-    },
-    "node_modules/find-up": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
-      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
-      "dependencies": {
-        "locate-path": "^5.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/find-versions": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/find-versions/-/find-versions-4.0.0.tgz",
-      "integrity": "sha512-wgpWy002tA+wgmO27buH/9KzyEOQnKsG/R0yrcjPT9BOFm0zRBVQbZ95nRGXWMywS8YR5knRbpohio0bcJABxQ==",
-      "dev": true,
-      "dependencies": {
-        "semver-regex": "^3.1.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/findup-sync": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/findup-sync/-/findup-sync-4.0.0.tgz",
-      "integrity": "sha512-6jvvn/12IC4quLBL1KNokxC7wWTvYncaVUYSoxWw7YykPLuRrnv4qdHcSOywOI5RpkOVGeQRtWM8/q+G6W6qfQ==",
-      "dev": true,
-      "dependencies": {
-        "detect-file": "^1.0.0",
-        "is-glob": "^4.0.0",
-        "micromatch": "^4.0.2",
-        "resolve-dir": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/flat-cache": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
-      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
-      "dependencies": {
-        "flatted": "^3.2.9",
-        "keyv": "^4.5.3",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": "^10.12.0 || >=12.0.0"
-      }
-    },
-    "node_modules/flatted": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.2.tgz",
-      "integrity": "sha512-AiwGJM8YcNOaobumgtng+6NHuOqC3A7MixFeDafM3X9cIUM+xUXoS5Vfgf+OihAYe20fxqNM9yPBXJzRtZ/4eA=="
-    },
-    "node_modules/follow-redirects": {
-      "version": "1.15.9",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
-      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
-      "funding": [
-        {
-          "type": "individual",
-          "url": "https://github.com/sponsors/RubenVerborgh"
-        }
-      ],
-      "engines": {
-        "node": ">=4.0"
-      },
-      "peerDependenciesMeta": {
-        "debug": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/for-each": {
-      "version": "0.3.3",
-      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
-      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
-      "dependencies": {
-        "is-callable": "^1.1.3"
-      }
-    },
-    "node_modules/foreground-child": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
-      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/foreground-child/node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin": {
-      "version": "6.5.3",
-      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz",
-      "integrity": "sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ==",
-      "dependencies": {
-        "@babel/code-frame": "^7.8.3",
-        "@types/json-schema": "^7.0.5",
-        "chalk": "^4.1.0",
-        "chokidar": "^3.4.2",
-        "cosmiconfig": "^6.0.0",
-        "deepmerge": "^4.2.2",
-        "fs-extra": "^9.0.0",
-        "glob": "^7.1.6",
-        "memfs": "^3.1.2",
-        "minimatch": "^3.0.4",
-        "schema-utils": "2.7.0",
-        "semver": "^7.3.2",
-        "tapable": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=10",
-        "yarn": ">=1.0.0"
-      },
-      "peerDependencies": {
-        "eslint": ">= 6",
-        "typescript": ">= 2.7",
-        "vue-template-compiler": "*",
-        "webpack": ">= 4"
-      },
-      "peerDependenciesMeta": {
-        "eslint": {
-          "optional": true
-        },
-        "vue-template-compiler": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/fs-extra": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
-      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-      "dependencies": {
-        "at-least-node": "^1.0.0",
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/schema-utils": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
-      "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
-      "dependencies": {
-        "@types/json-schema": "^7.0.4",
-        "ajv": "^6.12.2",
-        "ajv-keywords": "^3.4.1"
-      },
-      "engines": {
-        "node": ">= 8.9.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/tapable": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-1.1.3.tgz",
-      "integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/fork-ts-checker-webpack-plugin/node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/form-data": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/form-data/-/form-data-3.0.2.tgz",
-      "integrity": "sha512-sJe+TQb2vIaIyO783qN6BlMYWMw3WBOHA1Ay2qxsnjuafEOQFJ2JakedOQirT6D5XPRxDvS7AHYyem9fTpb4LQ==",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.8",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/format": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
-      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
-    "node_modules/forwarded": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fraction.js": {
-      "version": "4.3.7",
-      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
-      "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "type": "patreon",
-        "url": "https://github.com/sponsors/rawify"
-      }
-    },
-    "node_modules/fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/from2": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/from2/-/from2-2.3.0.tgz",
-      "integrity": "sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==",
-      "dev": true,
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "readable-stream": "^2.0.0"
-      }
-    },
-    "node_modules/from2/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
-    },
-    "node_modules/from2/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/from2/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/from2/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/fromentries": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/fromentries/-/fromentries-1.3.2.tgz",
-      "integrity": "sha512-cHEpEQHUg0f8XdtZCc2ZAhrHzKzT0MrFUTcvx+hfxYu7rGMDc5SKoXFh+n4YigxsHXRzc6OrCshdR1bWH6HHyg==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/fs-extra": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
-      "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^4.0.0",
-        "universalify": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=6 <7 || >=8"
-      }
-    },
-    "node_modules/fs-monkey": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.6.tgz",
-      "integrity": "sha512-b1FMfwetIKymC0eioW7mTywihSQE4oLzQn1dB6rZB5fx/3NpNEdAWeCSMB+60/AeT0TCXsxzAlcYVEFCTAksWg=="
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.2",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
-      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "hasInstallScript": true,
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/function.prototype.name": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
-      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "functions-have-names": "^1.2.3",
-        "hasown": "^2.0.2",
-        "is-callable": "^1.2.7"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/functions-have-names": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
-      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/gensync": {
-      "version": "1.0.0-beta.2",
-      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
-      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.6.tgz",
-      "integrity": "sha512-qxsEs+9A+u85HhllWJJFicJfPDhRmjzoYdl64aMWW9yRIJmSyxdn8IEkuIM530/7T+lv0TIHd8L6Q/ra0tEoeA==",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "dunder-proto": "^1.0.0",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "function-bind": "^1.1.2",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-own-enumerable-property-symbols": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz",
-      "integrity": "sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g=="
-    },
-    "node_modules/get-package-type": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
-      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/get-stdin": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-7.0.0.tgz",
-      "integrity": "sha512-zRKcywvrXlXsA0v0i9Io4KDRaAw7+a1ZpjRwl9Wox8PFlVCCHra7E9c4kqXCoCM9nR5tBkaTTZRBoCm60bFqTQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/get-stream": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
-      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
-      "dev": true,
-      "dependencies": {
-        "pump": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/get-symbol-description": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
-      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/git-log-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/git-log-parser/-/git-log-parser-1.2.1.tgz",
-      "integrity": "sha512-PI+sPDvHXNPl5WNOErAK05s3j0lgwUzMN6o8cyQrDaKfT3qd7TmNJKeXX+SknI5I0QhG5fVPAEwSY4tRGDtYoQ==",
-      "dev": true,
-      "dependencies": {
-        "argv-formatter": "~1.0.0",
-        "spawn-error-forwarder": "~1.0.0",
-        "split2": "~1.0.0",
-        "stream-combiner2": "~1.1.1",
-        "through2": "~2.0.0",
-        "traverse": "0.6.8"
-      }
-    },
-    "node_modules/git-log-parser/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
-    },
-    "node_modules/git-log-parser/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/git-log-parser/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/git-log-parser/node_modules/split2": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-1.0.0.tgz",
-      "integrity": "sha512-NKywug4u4pX/AZBB1FCPzZ6/7O+Xhz1qMVbzTvvKvikjO99oPN87SkK08mEY9P63/5lWjK+wgOOgApnTg5r6qg==",
-      "dev": true,
-      "dependencies": {
-        "through2": "~2.0.0"
-      }
-    },
-    "node_modules/git-log-parser/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/git-log-parser/node_modules/through2": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
-      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
-      "dev": true,
-      "dependencies": {
-        "readable-stream": "~2.3.6",
-        "xtend": "~4.0.1"
-      }
-    },
-    "node_modules/git-raw-commits": {
-      "version": "2.0.11",
-      "resolved": "https://registry.npmjs.org/git-raw-commits/-/git-raw-commits-2.0.11.tgz",
-      "integrity": "sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==",
-      "dev": true,
-      "dependencies": {
-        "dargs": "^7.0.0",
-        "lodash": "^4.17.15",
-        "meow": "^8.0.0",
-        "split2": "^3.0.0",
-        "through2": "^4.0.0"
-      },
-      "bin": {
-        "git-raw-commits": "cli.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "dependencies": {
-        "is-glob": "^4.0.3"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
-    "node_modules/global": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
-      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
-      "dependencies": {
-        "min-document": "^2.19.0",
-        "process": "^0.11.10"
-      }
-    },
-    "node_modules/global-dirs": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-0.1.1.tgz",
-      "integrity": "sha512-NknMLn7F2J7aflwFOlGdNIuCDpN3VGoSoB+aap3KABFWbHVn1TCgFC+np23J8W2BiZbjfEw3BFBycSMv1AFblg==",
-      "dev": true,
-      "dependencies": {
-        "ini": "^1.3.4"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/global-modules": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
-      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
-      "dependencies": {
-        "global-prefix": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
-      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
-      "dependencies": {
-        "ini": "^1.3.5",
-        "kind-of": "^6.0.2",
-        "which": "^1.3.1"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/global-prefix/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
-    "node_modules/globals": {
-      "version": "11.12.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
-      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/globalthis": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
-      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
-      "dependencies": {
-        "define-properties": "^1.2.1",
-        "gopd": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/globby": {
-      "version": "11.1.0",
-      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
-      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
-      "dependencies": {
-        "array-union": "^2.1.0",
-        "dir-glob": "^3.0.1",
-        "fast-glob": "^3.2.9",
-        "ignore": "^5.2.0",
-        "merge2": "^1.4.1",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/graceful-fs": {
-      "version": "4.2.11",
-      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
-    },
-    "node_modules/graphemer": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
-      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="
-    },
-    "node_modules/gzip-size": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-6.0.0.tgz",
-      "integrity": "sha512-ax7ZYomf6jqPTQ4+XCpUGyXKHk5WweS+e05MBO4/y3WJ5RkmPXNKvX+bx1behVILVwr6JSQvZAku021CHPXG3Q==",
-      "dependencies": {
-        "duplexer": "^0.1.2"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/handle-thing": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
-      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg=="
-    },
-    "node_modules/handlebars": {
-      "version": "4.7.8",
-      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
-      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
-      "dev": true,
-      "dependencies": {
-        "minimist": "^1.2.5",
-        "neo-async": "^2.6.2",
-        "source-map": "^0.6.1",
-        "wordwrap": "^1.0.0"
-      },
-      "bin": {
-        "handlebars": "bin/handlebars"
-      },
-      "engines": {
-        "node": ">=0.4.7"
-      },
-      "optionalDependencies": {
-        "uglify-js": "^3.1.4"
-      }
-    },
-    "node_modules/hard-rejection": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz",
-      "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/harmony-reflect": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/harmony-reflect/-/harmony-reflect-1.6.2.tgz",
-      "integrity": "sha512-HIp/n38R9kQjDEziXyDTuW3vvoxxyxjxFzXLrBr18uB47GnSt+G9D29fqrpM5ZkspMcPICud3XsBJQ4Y2URg8g=="
-    },
-    "node_modules/has": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/has/-/has-1.0.4.tgz",
-      "integrity": "sha512-qdSAmqLF6209RFj4VVItywPMbm3vWylknmB3nvNiUIs72xAimcM8nVYxYr7ncvZq5qzk9MKIZR8ijqD/1QuYjQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/has-bigints": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
-      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/has-property-descriptors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
-      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "dependencies": {
-        "es-define-property": "^1.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-proto": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
-      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
-      "dependencies": {
-        "dunder-proto": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-tostringtag": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
-      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
-      "dependencies": {
-        "has-symbols": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/he": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
-      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
-      "bin": {
-        "he": "bin/he"
-      }
-    },
-    "node_modules/highlight.js": {
-      "version": "11.9.0",
-      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.9.0.tgz",
-      "integrity": "sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/hoist-non-react-statics": {
-      "version": "3.3.2",
-      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
-      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
-      "dependencies": {
-        "react-is": "^16.7.0"
-      }
-    },
-    "node_modules/homedir-polyfill": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
-      "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
-      "dev": true,
-      "dependencies": {
-        "parse-passwd": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/hook-std": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/hook-std/-/hook-std-2.0.0.tgz",
-      "integrity": "sha512-zZ6T5WcuBMIUVh49iPQS9t977t7C0l7OtHrpeMb5uk48JdflRX0NSFvCekfYNmGQETnLq9W/isMyHl69kxGi8g==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/hoopy": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/hoopy/-/hoopy-0.1.4.tgz",
-      "integrity": "sha512-HRcs+2mr52W0K+x8RzcLzuPPmVIKMSv97RGHy0Ea9y/mpcaK+xTrjICA04KAHi4GRzxliNqNJEFYWHghy3rSfQ==",
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/hosted-git-info": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz",
-      "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/hpack.js": {
-      "version": "2.1.6",
-      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
-      "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
-      "dependencies": {
-        "inherits": "^2.0.1",
-        "obuf": "^1.0.0",
-        "readable-stream": "^2.0.1",
-        "wbuf": "^1.1.0"
-      }
-    },
-    "node_modules/hpack.js/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
-    },
-    "node_modules/hpack.js/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
-      }
-    },
-    "node_modules/hpack.js/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
-    },
-    "node_modules/hpack.js/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/html-element-map": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/html-element-map/-/html-element-map-1.3.1.tgz",
-      "integrity": "sha512-6XMlxrAFX4UEEGxctfFnmrFaaZFNf9i5fNuV5wZ3WWQ4FVaNP1aX1LkX9j2mfEx1NpjeE/rL3nmgEn23GdFmrg==",
-      "dev": true,
-      "dependencies": {
-        "array.prototype.filter": "^1.0.0",
-        "call-bind": "^1.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/html-encoding-sniffer": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz",
-      "integrity": "sha512-D5JbOMBIR/TVZkubHT+OyT2705QvogUW4IBn6nHd756OwieSF9aDYFj4dv6HHEVGYbHaLETa3WggZYWWMyy3ZQ==",
-      "dependencies": {
-        "whatwg-encoding": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/html-encoding-sniffer/node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/html-encoding-sniffer/node_modules/whatwg-encoding": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",
-      "integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==",
-      "dependencies": {
-        "iconv-lite": "0.4.24"
-      }
-    },
-    "node_modules/html-entities": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.2.tgz",
-      "integrity": "sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/mdevils"
-        },
-        {
-          "type": "patreon",
-          "url": "https://patreon.com/mdevils"
-        }
-      ]
-    },
-    "node_modules/html-escaper": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
-      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg=="
-    },
-    "node_modules/html-minifier-terser": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
-      "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
-      "dependencies": {
-        "camel-case": "^4.1.2",
-        "clean-css": "^5.2.2",
-        "commander": "^8.3.0",
-        "he": "^1.2.0",
-        "param-case": "^3.0.4",
-        "relateurl": "^0.2.7",
-        "terser": "^5.10.0"
-      },
-      "bin": {
-        "html-minifier-terser": "cli.js"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/html-minifier-terser/node_modules/commander": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
-      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
-      "engines": {
-        "node": ">= 12"
-      }
-    },
-    "node_modules/html-webpack-plugin": {
-      "version": "5.6.3",
-      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.6.3.tgz",
-      "integrity": "sha512-QSf1yjtSAsmf7rYBV7XX86uua4W/vkhIt0xNXKbsi2foEeW7vjJQz4bhnpL3xH+l1ryl1680uNv968Z+X6jSYg==",
-      "dependencies": {
-        "@types/html-minifier-terser": "^6.0.0",
-        "html-minifier-terser": "^6.0.2",
-        "lodash": "^4.17.21",
-        "pretty-error": "^4.0.0",
-        "tapable": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/html-webpack-plugin"
-      },
-      "peerDependencies": {
-        "@rspack/core": "0.x || 1.x",
-        "webpack": "^5.20.0"
-      },
-      "peerDependenciesMeta": {
-        "@rspack/core": {
-          "optional": true
-        },
-        "webpack": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/htmlparser2": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-9.1.0.tgz",
-      "integrity": "sha512-5zfg6mHUoaer/97TxnGpxmbR7zJtPwIYFMZ/H5ucTlPZhKvtum05yiPK3Mgai3a0DyVxv7qYqoweaEd2nrYQzQ==",
-      "dev": true,
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
-      "dependencies": {
-        "domelementtype": "^2.3.0",
-        "domhandler": "^5.0.3",
-        "domutils": "^3.1.0",
-        "entities": "^4.5.0"
-      }
-    },
-    "node_modules/http-deceiver": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
-      "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw=="
-    },
-    "node_modules/http-errors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
-      "dependencies": {
-        "depd": "2.0.0",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "toidentifier": "1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/http-parser-js": {
-      "version": "0.5.8",
-      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.8.tgz",
-      "integrity": "sha512-SGeBX54F94Wgu5RH3X5jsDtf4eHyRogWX1XGT3b4HuW3tQPM4AaBzoUji/4AAJNXCEOWZ5O0DgZmJw1947gD5Q=="
-    },
-    "node_modules/http-proxy": {
-      "version": "1.18.1",
-      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
-      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
-      "dependencies": {
-        "eventemitter3": "^4.0.0",
-        "follow-redirects": "^1.0.0",
-        "requires-port": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/http-proxy-agent": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-4.0.1.tgz",
-      "integrity": "sha512-k0zdNgqWTGA6aeIRVpvfVob4fL52dTfaehylg0Y4UvSySvOq/Y+BOyPrgpUrA7HylqvU8vIZGsRuXmspskV0Tg==",
-      "dependencies": {
-        "@tootallnate/once": "1",
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/http-proxy-middleware": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.7.tgz",
-      "integrity": "sha512-fgVY8AV7qU7z/MmXJ/rxwbrtQH4jBQ9m7kp3llF0liB7glmFeVZFBepQb32T3y8n8k2+AEYuMPCpinYW+/CuRA==",
-      "dependencies": {
-        "@types/http-proxy": "^1.17.8",
-        "http-proxy": "^1.18.1",
-        "is-glob": "^4.0.1",
-        "is-plain-obj": "^3.0.0",
-        "micromatch": "^4.0.2"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "@types/express": "^4.17.13"
-      },
-      "peerDependenciesMeta": {
-        "@types/express": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/http-proxy-middleware/node_modules/is-plain-obj": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
-      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/http-proxy/node_modules/eventemitter3": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
-      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="
-    },
-    "node_modules/https-proxy-agent": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
-      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "dependencies": {
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/human-signals": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
-      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8.12.0"
-      }
-    },
-    "node_modules/husky": {
-      "version": "4.3.8",
-      "resolved": "https://registry.npmjs.org/husky/-/husky-4.3.8.tgz",
-      "integrity": "sha512-LCqqsB0PzJQ/AlCgfrfzRe3e3+NvmefAdKQhRYpxS4u6clblBoDdzzvHi8fmxKRzvMxPY/1WZWzomPZww0Anow==",
-      "dev": true,
-      "hasInstallScript": true,
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "ci-info": "^2.0.0",
-        "compare-versions": "^3.6.0",
-        "cosmiconfig": "^7.0.0",
-        "find-versions": "^4.0.0",
-        "opencollective-postinstall": "^2.0.2",
-        "pkg-dir": "^5.0.0",
-        "please-upgrade-node": "^3.2.0",
-        "slash": "^3.0.0",
-        "which-pm-runs": "^1.0.0"
-      },
-      "bin": {
-        "husky-run": "bin/run.js",
-        "husky-upgrade": "lib/upgrader/bin.js"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/husky"
-      }
-    },
-    "node_modules/husky/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dev": true,
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/icss-utils": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
-      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
-      },
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/idb": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz",
-      "integrity": "sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ=="
-    },
-    "node_modules/identity-obj-proxy": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/identity-obj-proxy/-/identity-obj-proxy-3.0.0.tgz",
-      "integrity": "sha512-00n6YnVHKrinT9t0d9+5yZC6UBNJANpYEQvL2LlX6Ab9lnmxzIRcEmTPuyGScvl1+jKuCICX1Z0Ab1pPKKdikA==",
-      "dependencies": {
-        "harmony-reflect": "^1.4.6"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/ieee754": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
-      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
-    },
-    "node_modules/ignore": {
-      "version": "5.3.2",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
-      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/immer": {
-      "version": "9.0.21",
-      "resolved": "https://registry.npmjs.org/immer/-/immer-9.0.21.tgz",
-      "integrity": "sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/immer"
-      }
-    },
-    "node_modules/import-fresh": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dependencies": {
-        "parent-module": "^1.0.0",
-        "resolve-from": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-fresh/node_modules/resolve-from": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/import-from": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/import-from/-/import-from-3.0.0.tgz",
-      "integrity": "sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==",
-      "dev": true,
-      "dependencies": {
-        "resolve-from": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/import-local": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.2.0.tgz",
-      "integrity": "sha512-2SPlun1JUPWoM6t3F0dw0FkCF/jWY8kttcY4f599GLTSjh2OCuuhdTkJQsEcZzBqbXZGKMK2OqW1oZsjtf/gQA==",
-      "dependencies": {
-        "pkg-dir": "^4.2.0",
-        "resolve-cwd": "^3.0.0"
-      },
-      "bin": {
-        "import-local-fixture": "fixtures/cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/import-local/node_modules/pkg-dir": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
-      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
-      "dependencies": {
-        "find-up": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
-      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/indent-string": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
-      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
-    },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
-    },
-    "node_modules/inquirer": {
-      "version": "8.2.5",
-      "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-8.2.5.tgz",
-      "integrity": "sha512-QAgPDQMEgrDssk1XiwwHoOGYF9BAbUcc1+j+FhEvaOt8/cKRqyLn0U5qA6F74fGhTMGxf92pOvPBeh29jQJDTQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.1.1",
-        "cli-cursor": "^3.1.0",
-        "cli-width": "^3.0.0",
-        "external-editor": "^3.0.3",
-        "figures": "^3.0.0",
-        "lodash": "^4.17.21",
-        "mute-stream": "0.0.8",
-        "ora": "^5.4.1",
-        "run-async": "^2.4.0",
-        "rxjs": "^7.5.5",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "through": "^2.3.6",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/inquirer/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/internal-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
-      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "hasown": "^2.0.2",
-        "side-channel": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/into-stream": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/into-stream/-/into-stream-6.0.0.tgz",
-      "integrity": "sha512-XHbaOAvP+uFKUFsOgoNPRjLkwB+I22JFPFe5OjTkQ0nwgj6+pSjb4NmB6VMxaPshLiOf+zcpOCBQuLwC1KHhZA==",
-      "dev": true,
-      "dependencies": {
-        "from2": "^2.3.0",
-        "p-is-promise": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/ipaddr.js": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
-      "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/is-arguments": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
-      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-array-buffer": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
-      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "get-intrinsic": "^1.2.6"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-arrayish": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
-      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
-    },
-    "node_modules/is-async-function": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
-      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-bigint": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
-      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
-      "dependencies": {
-        "has-bigints": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-boolean-object": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.1.tgz",
-      "integrity": "sha512-l9qO6eFlUETHtuihLcYOaLKByJ1f+N4kthcU9YjHy3N+B3hWv0y/2Nd0mu/7lTFnRQHTrSdXF50HQ3bl5fEnng==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-callable": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
-      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-data-view": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
-      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "get-intrinsic": "^1.2.6",
-        "is-typed-array": "^1.1.13"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-date-object": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
-      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-docker": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
-      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-finalizationregistry": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
-      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
-      "dependencies": {
-        "call-bound": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-function": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-function/-/is-function-1.0.2.tgz",
-      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ=="
-    },
-    "node_modules/is-generator-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-generator-fn/-/is-generator-fn-2.1.0.tgz",
-      "integrity": "sha512-cTIB4yPYL/Grw0EaSzASzg6bBy9gqCofvWN8okThAYIxKJZC+udlRAmGbM0XLeniEJSs8uEgHPGuHSe1XsOLSQ==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-generator-function": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
-      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
-      "dependencies": {
-        "has-tostringtag": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-interactive": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-interactive/-/is-interactive-1.0.0.tgz",
-      "integrity": "sha512-2HvIEKRoqS62guEC+qBjpvRubdX910WCMuJTZ+I9yvqKU2/12eSL549HMwtabb4oupdj2sMP50k+XJfB/8JE6w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-map": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
-      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-module": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
-      "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g=="
-    },
-    "node_modules/is-network-error": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.1.0.tgz",
-      "integrity": "sha512-tUdRRAnhT+OtCZR/LxZelH/C7QtjtFrTu5tXCA8pl55eTUElUHT+GPYV8MBMBvea/j+NxQqVt3LbWMRir7Gx9g==",
-      "engines": {
-        "node": ">=16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/is-number-object": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
-      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-obj": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
-      "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-path-cwd": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
-      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
-      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-plain-obj": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-1.1.0.tgz",
-      "integrity": "sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-plain-object": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
-      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-potential-custom-element-name": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
-      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ=="
-    },
-    "node_modules/is-regex": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
-      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "gopd": "^1.2.0",
-        "has-tostringtag": "^1.0.2",
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-regexp": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-1.0.0.tgz",
-      "integrity": "sha512-7zjFAPO4/gwyQAAgRRmqeEeyIICSdmCqa3tsVHMdBzaXXRiqopZL4Cyghg/XulGWrtABTpbnYYzzIRffLkP4oA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-root": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-root/-/is-root-2.1.0.tgz",
-      "integrity": "sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/is-set": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
-      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-shallow-equal": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-shallow-equal/-/is-shallow-equal-1.0.1.tgz",
-      "integrity": "sha512-lq5RvK+85Hs5J3p4oA4256M1FEffzmI533ikeDHvJd42nouRRx5wBzt36JuviiGe5dIPyHON/d0/Up+PBo6XkQ=="
-    },
-    "node_modules/is-shared-array-buffer": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
-      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
-      "dependencies": {
-        "call-bound": "^1.0.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-stream": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
-      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-string": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
-      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-tostringtag": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-subset": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/is-subset/-/is-subset-0.1.1.tgz",
-      "integrity": "sha512-6Ybun0IkarhmEqxXCNw/C0bna6Zb/TkfUX9UbwJtK6ObwAVCxmAP308WWTHviM/zAqXk05cdhYsUsZeGQh99iw==",
-      "dev": true
-    },
-    "node_modules/is-symbol": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
-      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "has-symbols": "^1.1.0",
-        "safe-regex-test": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-text-path": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-text-path/-/is-text-path-1.0.1.tgz",
-      "integrity": "sha512-xFuJpne9oFz5qDaodwmmG08e3CawH/2ZV8Qqza1Ko7Sk8POWbkRdwIoAWVhqvq0XeUzANEhKo2n0IXUGBm7A/w==",
-      "dev": true,
-      "dependencies": {
-        "text-extensions": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-typed-array": {
-      "version": "1.1.15",
-      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
-      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
-      "dependencies": {
-        "which-typed-array": "^1.1.16"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-typedarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
-      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
-    },
-    "node_modules/is-unicode-supported": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
-      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/is-utf8": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
-      "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q==",
-      "dev": true
-    },
-    "node_modules/is-weakmap": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
-      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakref": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.0.tgz",
-      "integrity": "sha512-SXM8Nwyys6nT5WP6pltOwKytLV7FqQ4UiibxVmW+EIosHcmCqkkjViTb5SNssDlkCiEYRP1/pdWUKVvZBmsR2Q==",
-      "dependencies": {
-        "call-bound": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-weakset": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
-      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "get-intrinsic": "^1.2.6"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-windows": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
-      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-wsl": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
-      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/isarray": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
-      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
-    },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
-    },
-    "node_modules/isobject": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/isobject/-/isobject-4.0.0.tgz",
-      "integrity": "sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/issue-parser": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/issue-parser/-/issue-parser-6.0.0.tgz",
-      "integrity": "sha512-zKa/Dxq2lGsBIXQ7CUZWTHfvxPC2ej0KfO7fIPqLlHB9J2hJ7rGhZ5rilhuufylr4RXYPzJUeFjKxz305OsNlA==",
-      "dev": true,
-      "dependencies": {
-        "lodash.capitalize": "^4.2.1",
-        "lodash.escaperegexp": "^4.1.2",
-        "lodash.isplainobject": "^4.0.6",
-        "lodash.isstring": "^4.0.1",
-        "lodash.uniqby": "^4.7.0"
-      },
-      "engines": {
-        "node": ">=10.13"
-      }
-    },
-    "node_modules/istanbul-lib-coverage": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.2.tgz",
-      "integrity": "sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/istanbul-lib-instrument": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-5.2.1.tgz",
-      "integrity": "sha512-pzqtp31nLv/XFOzXGuvhCb8qhjmTVo5vjVk19XE4CRlSWz0KoeJ3bw9XsA7nOp9YBf4qHjwBxkDzKcME/J29Yg==",
-      "dependencies": {
-        "@babel/core": "^7.12.3",
-        "@babel/parser": "^7.14.7",
-        "@istanbuljs/schema": "^0.1.2",
-        "istanbul-lib-coverage": "^3.2.0",
-        "semver": "^6.3.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/istanbul-lib-report": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.1.tgz",
-      "integrity": "sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==",
-      "dependencies": {
-        "istanbul-lib-coverage": "^3.0.0",
-        "make-dir": "^4.0.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/istanbul-lib-report/node_modules/make-dir": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-4.0.0.tgz",
-      "integrity": "sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==",
-      "dependencies": {
-        "semver": "^7.5.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/istanbul-lib-report/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/istanbul-lib-source-maps": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/istanbul-lib-source-maps/-/istanbul-lib-source-maps-4.0.1.tgz",
-      "integrity": "sha512-n3s8EwkdFIJCG3BPKBYvskgXGoy88ARzvegkitk60NxRdwltLOTaH7CUiMRXvwYorl0Q712iEjcWB+fK/MrWVw==",
-      "dependencies": {
-        "debug": "^4.1.1",
-        "istanbul-lib-coverage": "^3.0.0",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/istanbul-reports": {
-      "version": "3.1.7",
-      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.7.tgz",
-      "integrity": "sha512-BewmUXImeuRk2YY0PVbxgKAysvhRPUQE0h5QRM++nVWyubKGV0l8qQ5op8+B2DOmwSe63Jivj0BjkPQVf8fP5g==",
-      "dependencies": {
-        "html-escaper": "^2.0.0",
-        "istanbul-lib-report": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/iterator.prototype": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.4.tgz",
-      "integrity": "sha512-x4WH0BWmrMmg4oHHl+duwubhrvczGlyuGAZu3nvrf0UXOfPu8IhZObFEr7DE/iv01YgVZrsOiRcqw2srkKEDIA==",
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.6",
-        "has-symbols": "^1.1.0",
-        "reflect.getprototypeof": "^1.0.8",
-        "set-function-name": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/jackspeak": {
-      "version": "3.4.3",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
-      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/jake": {
-      "version": "10.9.2",
-      "resolved": "https://registry.npmjs.org/jake/-/jake-10.9.2.tgz",
-      "integrity": "sha512-2P4SQ0HrLQ+fw6llpLnOaGAvN2Zu6778SJMrCUwns4fOoG9ayrTiZk3VV8sCPkVZF8ab0zksVpS8FDY5pRCNBA==",
-      "dependencies": {
-        "async": "^3.2.3",
-        "chalk": "^4.0.2",
-        "filelist": "^1.0.4",
-        "minimatch": "^3.1.2"
-      },
-      "bin": {
-        "jake": "bin/cli.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/java-properties": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/java-properties/-/java-properties-1.0.2.tgz",
-      "integrity": "sha512-qjdpeo2yKlYTH7nFdK0vbZWuTCesk4o63v5iVOlhMQPfuIZQfW/HI35SjfhA+4qpg36rnFSvUK5b1m+ckIblQQ==",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.6.0"
-      }
-    },
-    "node_modules/jest": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest/-/jest-27.5.1.tgz",
-      "integrity": "sha512-Yn0mADZB89zTtjkPJEXwrac3LHudkQMR+Paqa8uxJHCBr9agxztUifWCyiYrjhMPBoUVBjyny0I7XH6ozDr7QQ==",
-      "dependencies": {
-        "@jest/core": "^27.5.1",
-        "import-local": "^3.0.2",
-        "jest-cli": "^27.5.1"
-      },
-      "bin": {
-        "jest": "bin/jest.js"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-changed-files": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-changed-files/-/jest-changed-files-27.5.1.tgz",
-      "integrity": "sha512-buBLMiByfWGCoMsLLzGUUSpAmIAGnbR2KJoMN10ziLhOLvP4e0SlypHnAel8iqQXTrcbmfEY9sSqae5sgUsTvw==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "execa": "^5.0.0",
-        "throat": "^6.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/jest-changed-files/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/jest-circus": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-circus/-/jest-circus-27.5.1.tgz",
-      "integrity": "sha512-D95R7x5UtlMA5iBYsOHFFbMD/GVA4R/Kdq15f7xYWUfWHBto9NYRsOvnSauTgdF+ogCpJ4tyKOXhUifxS65gdw==",
-      "dependencies": {
-        "@jest/environment": "^27.5.1",
-        "@jest/test-result": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "co": "^4.6.0",
-        "dedent": "^0.7.0",
-        "expect": "^27.5.1",
-        "is-generator-fn": "^2.0.0",
-        "jest-each": "^27.5.1",
-        "jest-matcher-utils": "^27.5.1",
-        "jest-message-util": "^27.5.1",
-        "jest-runtime": "^27.5.1",
-        "jest-snapshot": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "pretty-format": "^27.5.1",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3",
-        "throat": "^6.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-circus/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-circus/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-circus/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-circus/node_modules/diff-sequences": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
-      "integrity": "sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/jest-diff": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz",
-      "integrity": "sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/jest-get-type": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
-      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/jest-matcher-utils": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz",
-      "integrity": "sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "jest-diff": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-circus/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/jest-cli": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-cli/-/jest-cli-27.5.1.tgz",
-      "integrity": "sha512-Hc6HOOwYq4/74/c62dEE3r5elx8wjYqxY0r0G/nFrLDPMFRu6RA/u8qINOIkvhxG7mMQ5EJsOGfRpI8L6eFUVw==",
-      "dependencies": {
-        "@jest/core": "^27.5.1",
-        "@jest/test-result": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "chalk": "^4.0.0",
-        "exit": "^0.1.2",
-        "graceful-fs": "^4.2.9",
-        "import-local": "^3.0.2",
-        "jest-config": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "jest-validate": "^27.5.1",
-        "prompts": "^2.0.1",
-        "yargs": "^16.2.0"
-      },
-      "bin": {
-        "jest": "bin/jest.js"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "^8.0.1 || ^9.0.0 || ^10.0.0"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-cli/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-cli/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-cli/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-cli/node_modules/cliui": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
-      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0",
-        "wrap-ansi": "^7.0.0"
-      }
-    },
-    "node_modules/jest-cli/node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/jest-cli/node_modules/yargs": {
-      "version": "16.2.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
-      "dependencies": {
-        "cliui": "^7.0.2",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.0",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^20.2.2"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/jest-config": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-config/-/jest-config-27.5.1.tgz",
-      "integrity": "sha512-5sAsjm6tGdsVbW9ahcChPAFCk4IlkQUknH5AvKjuLTSlcO/wCZKyFdn7Rg0EkC+OGgWODEy2hDpWB1PgzH0JNA==",
-      "dependencies": {
-        "@babel/core": "^7.8.0",
-        "@jest/test-sequencer": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "babel-jest": "^27.5.1",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "deepmerge": "^4.2.2",
-        "glob": "^7.1.1",
-        "graceful-fs": "^4.2.9",
-        "jest-circus": "^27.5.1",
-        "jest-environment-jsdom": "^27.5.1",
-        "jest-environment-node": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "jest-jasmine2": "^27.5.1",
-        "jest-regex-util": "^27.5.1",
-        "jest-resolve": "^27.5.1",
-        "jest-runner": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "jest-validate": "^27.5.1",
-        "micromatch": "^4.0.4",
-        "parse-json": "^5.2.0",
-        "pretty-format": "^27.5.1",
-        "slash": "^3.0.0",
-        "strip-json-comments": "^3.1.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      },
-      "peerDependencies": {
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "ts-node": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-config/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-config/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-config/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-config/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-config/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-config/node_modules/ci-info": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
-      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-config/node_modules/jest-get-type": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
-      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-config/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-config/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/jest-diff": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-24.9.0.tgz",
-      "integrity": "sha512-qMfrTs8AdJE2iqrTp0hzh7kTd2PQWrsFyj9tORoKmu32xjPjeE4NyjVRDz8ybYwqS2ik8N4hsIpiVTyFeo2lBQ==",
-      "dependencies": {
-        "chalk": "^2.0.1",
-        "diff-sequences": "^24.9.0",
-        "jest-get-type": "^24.9.0",
-        "pretty-format": "^24.9.0"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/jest-diff/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-diff/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-diff/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/jest-diff/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/jest-diff/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/jest-diff/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-diff/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-docblock": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-docblock/-/jest-docblock-27.5.1.tgz",
-      "integrity": "sha512-rl7hlABeTsRYxKiUfpHrQrG4e2obOiTQWfMEH3PxPjOtdsfLQO4ReWSZaQ7DETm4xu07rl4q/h4zcKXyU0/OzQ==",
-      "dependencies": {
-        "detect-newline": "^3.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-each": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-each/-/jest-each-27.5.1.tgz",
-      "integrity": "sha512-1Ff6p+FbhT/bXQnEouYy00bkNSY7OUpfIcmdl8vZ31A1UUaurOLPA8a8BbJOF2RDUElwJhmeaV7LnagI+5UwNQ==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "chalk": "^4.0.0",
-        "jest-get-type": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-each/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-each/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-each/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-each/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-each/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-each/node_modules/jest-get-type": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
-      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-each/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-each/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/jest-environment-jsdom": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-environment-jsdom/-/jest-environment-jsdom-27.5.1.tgz",
-      "integrity": "sha512-TFBvkTC1Hnnnrka/fUb56atfDtJ9VMZ94JkjTbggl1PEpwrYtUBKMezB3inLmWqQsXYLcMwNoDQwoBTAvFfsfw==",
-      "dependencies": {
-        "@jest/environment": "^27.5.1",
-        "@jest/fake-timers": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "jest-mock": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "jsdom": "^16.6.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-environment-jsdom/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-environment-node": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-environment-node/-/jest-environment-node-27.5.1.tgz",
-      "integrity": "sha512-Jt4ZUnxdOsTGwSRAfKEnE6BcwsSPNOijjwifq5sDFSA2kesnXTvNqKHYgM0hDq3549Uf/KzdXNYn4wMZJPlFLw==",
-      "dependencies": {
-        "@jest/environment": "^27.5.1",
-        "@jest/fake-timers": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "jest-mock": "^27.5.1",
-        "jest-util": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-environment-node/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-environment-node/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-environment-node/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-get-type": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-24.9.0.tgz",
-      "integrity": "sha512-lUseMzAley4LhIcpSP9Jf+fTrQ4a1yHQwLNeeVa2cEmbCGeoZAtYPOIv8JaxLD/sUpKxetKGP+gsHl8f8TSj8Q==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/jest-haste-map": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-haste-map/-/jest-haste-map-27.5.1.tgz",
-      "integrity": "sha512-7GgkZ4Fw4NFbMSDSpZwXeBiIbx+t/46nJ2QitkOjvwPYyZmqttu2TDSimMHP1EkPOi4xUZAN1doE5Vd25H4Jng==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "@types/graceful-fs": "^4.1.2",
-        "@types/node": "*",
-        "anymatch": "^3.0.3",
-        "fb-watchman": "^2.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-regex-util": "^27.5.1",
-        "jest-serializer": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "jest-worker": "^27.5.1",
-        "micromatch": "^4.0.4",
-        "walker": "^1.0.7"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "^2.3.2"
-      }
-    },
-    "node_modules/jest-haste-map/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-haste-map/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-haste-map/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-jasmine2": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-jasmine2/-/jest-jasmine2-27.5.1.tgz",
-      "integrity": "sha512-jtq7VVyG8SqAorDpApwiJJImd0V2wv1xzdheGHRGyuT7gZm6gG47QEskOlzsN1PG/6WNaCo5pmwMHDf3AkG2pQ==",
-      "dependencies": {
-        "@jest/environment": "^27.5.1",
-        "@jest/source-map": "^27.5.1",
-        "@jest/test-result": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "co": "^4.6.0",
-        "expect": "^27.5.1",
-        "is-generator-fn": "^2.0.0",
-        "jest-each": "^27.5.1",
-        "jest-matcher-utils": "^27.5.1",
-        "jest-message-util": "^27.5.1",
-        "jest-runtime": "^27.5.1",
-        "jest-snapshot": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "pretty-format": "^27.5.1",
-        "throat": "^6.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/diff-sequences": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
-      "integrity": "sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/jest-diff": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz",
-      "integrity": "sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/jest-get-type": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
-      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/jest-matcher-utils": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz",
-      "integrity": "sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "jest-diff": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-jasmine2/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/jest-leak-detector": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-leak-detector/-/jest-leak-detector-27.5.1.tgz",
-      "integrity": "sha512-POXfWAMvfU6WMUXftV4HolnJfnPOGEu10fscNCA76KBpRRhcMN2c8d3iT2pxQS3HLbA+5X4sOUPzYO2NUyIlHQ==",
-      "dependencies": {
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-leak-detector/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-leak-detector/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-leak-detector/node_modules/jest-get-type": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
-      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-leak-detector/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-leak-detector/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/jest-matcher-utils": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-24.9.0.tgz",
-      "integrity": "sha512-OZz2IXsu6eaiMAwe67c1T+5tUAtQyQx27/EMEkbFAGiw52tB9em+uGbzpcgYVpA8wl0hlxKPZxrly4CXU/GjHA==",
-      "dependencies": {
-        "chalk": "^2.0.1",
-        "jest-diff": "^24.9.0",
-        "jest-get-type": "^24.9.0",
-        "pretty-format": "^24.9.0"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/jest-matcher-utils/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-matcher-utils/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/jest-message-util": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-27.5.1.tgz",
-      "integrity": "sha512-rMyFe1+jnyAAf+NHwTclDz0eAaLkVDdKVHHBFWsBWHnnh5YeJMNWWsv7AbFYXfK3oTqvL7VTWkhNLu1jX24D+g==",
-      "dependencies": {
-        "@babel/code-frame": "^7.12.13",
-        "@jest/types": "^27.5.1",
-        "@types/stack-utils": "^2.0.0",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "micromatch": "^4.0.4",
-        "pretty-format": "^27.5.1",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-message-util/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/jest-mock": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-mock/-/jest-mock-27.5.1.tgz",
-      "integrity": "sha512-K4jKbY1d4ENhbrG2zuPWaQBvDly+iZ2yAW+T1fATN78hc0sInwn7wZB8XtlNnvHug5RMwV897Xm4LqmPM4e2Og==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "@types/node": "*"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-mock/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-mock/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-mock/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-pnp-resolver": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz",
-      "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==",
-      "engines": {
-        "node": ">=6"
-      },
-      "peerDependencies": {
-        "jest-resolve": "*"
-      },
-      "peerDependenciesMeta": {
-        "jest-resolve": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jest-regex-util": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-27.5.1.tgz",
-      "integrity": "sha512-4bfKq2zie+x16okqDXjXn9ql2B0dScQu+vcwe4TvFVhkVyuWLqpZrZtXxLLWoXYgn0E87I6r6GRYHF7wFZBUvg==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-resolve": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-resolve/-/jest-resolve-27.5.1.tgz",
-      "integrity": "sha512-FFDy8/9E6CV83IMbDpcjOhumAQPDyETnU2KZ1O98DwTnz8AOBsW/Xv3GySr1mOZdItLR+zDZ7I/UdTFbgSOVCw==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^27.5.1",
-        "jest-pnp-resolver": "^1.2.2",
-        "jest-util": "^27.5.1",
-        "jest-validate": "^27.5.1",
-        "resolve": "^1.20.0",
-        "resolve.exports": "^1.1.0",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-resolve-dependencies": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-resolve-dependencies/-/jest-resolve-dependencies-27.5.1.tgz",
-      "integrity": "sha512-QQOOdY4PE39iawDn5rzbIePNigfe5B9Z91GDD1ae/xNDlu9kaat8QQ5EKnNmVWPV54hUdxCVwwj6YMgR2O7IOg==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "jest-regex-util": "^27.5.1",
-        "jest-snapshot": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-resolve-dependencies/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-resolve-dependencies/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-resolve-dependencies/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-resolve/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-resolve/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-resolve/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-runner": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-runner/-/jest-runner-27.5.1.tgz",
-      "integrity": "sha512-g4NPsM4mFCOwFKXO4p/H/kWGdJp9V8kURY2lX8Me2drgXqG7rrZAx5kv+5H7wtt/cdFIjhqYx1HrlqWHaOvDaQ==",
-      "dependencies": {
-        "@jest/console": "^27.5.1",
-        "@jest/environment": "^27.5.1",
-        "@jest/test-result": "^27.5.1",
-        "@jest/transform": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "emittery": "^0.8.1",
-        "graceful-fs": "^4.2.9",
-        "jest-docblock": "^27.5.1",
-        "jest-environment-jsdom": "^27.5.1",
-        "jest-environment-node": "^27.5.1",
-        "jest-haste-map": "^27.5.1",
-        "jest-leak-detector": "^27.5.1",
-        "jest-message-util": "^27.5.1",
-        "jest-resolve": "^27.5.1",
-        "jest-runtime": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "jest-worker": "^27.5.1",
-        "source-map-support": "^0.5.6",
-        "throat": "^6.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-runner/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-runner/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-runner/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-runtime": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-runtime/-/jest-runtime-27.5.1.tgz",
-      "integrity": "sha512-o7gxw3Gf+H2IGt8fv0RiyE1+r83FJBRruoA+FXrlHw6xEyBsU8ugA6IPfTdVyA0w8HClpbK+DGJxH59UrNMx8A==",
-      "dependencies": {
-        "@jest/environment": "^27.5.1",
-        "@jest/fake-timers": "^27.5.1",
-        "@jest/globals": "^27.5.1",
-        "@jest/source-map": "^27.5.1",
-        "@jest/test-result": "^27.5.1",
-        "@jest/transform": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "chalk": "^4.0.0",
-        "cjs-module-lexer": "^1.0.0",
-        "collect-v8-coverage": "^1.0.0",
-        "execa": "^5.0.0",
-        "glob": "^7.1.3",
-        "graceful-fs": "^4.2.9",
-        "jest-haste-map": "^27.5.1",
-        "jest-message-util": "^27.5.1",
-        "jest-mock": "^27.5.1",
-        "jest-regex-util": "^27.5.1",
-        "jest-resolve": "^27.5.1",
-        "jest-snapshot": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "slash": "^3.0.0",
-        "strip-bom": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-runtime/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-runtime/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-runtime/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-runtime/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
-      "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
-      }
-    },
-    "node_modules/jest-runtime/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/jest-runtime/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "engines": {
-        "node": ">=10.17.0"
-      }
-    },
-    "node_modules/jest-serializer": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-serializer/-/jest-serializer-27.5.1.tgz",
-      "integrity": "sha512-jZCyo6iIxO1aqUxpuBlwTDMkzOAJS4a3eYz3YzgxxVQFwLeSA7Jfq5cbqCY+JLvTDrWirgusI/0KwxKMgrdf7w==",
-      "dependencies": {
-        "@types/node": "*",
-        "graceful-fs": "^4.2.9"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-snapshot": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-snapshot/-/jest-snapshot-27.5.1.tgz",
-      "integrity": "sha512-yYykXI5a0I31xX67mgeLw1DZ0bJB+gpq5IpSuCAoyDi0+BhgU/RIrL+RTzDmkNTchvDFWKP8lp+w/42Z3us5sA==",
-      "dependencies": {
-        "@babel/core": "^7.7.2",
-        "@babel/generator": "^7.7.2",
-        "@babel/plugin-syntax-typescript": "^7.7.2",
-        "@babel/traverse": "^7.7.2",
-        "@babel/types": "^7.0.0",
-        "@jest/transform": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/babel__traverse": "^7.0.4",
-        "@types/prettier": "^2.1.5",
-        "babel-preset-current-node-syntax": "^1.0.0",
-        "chalk": "^4.0.0",
-        "expect": "^27.5.1",
-        "graceful-fs": "^4.2.9",
-        "jest-diff": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "jest-haste-map": "^27.5.1",
-        "jest-matcher-utils": "^27.5.1",
-        "jest-message-util": "^27.5.1",
-        "jest-util": "^27.5.1",
-        "natural-compare": "^1.4.0",
-        "pretty-format": "^27.5.1",
-        "semver": "^7.3.2"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/diff-sequences": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz",
-      "integrity": "sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/jest-diff": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz",
-      "integrity": "sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "diff-sequences": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/jest-get-type": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
-      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/jest-matcher-utils": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-matcher-utils/-/jest-matcher-utils-27.5.1.tgz",
-      "integrity": "sha512-z2uTx/T6LBaCoNWNFWwChLBKYxTMcGBRjAt+2SbP929/Fflb9aa5LGma654Rz8z9HLxsrUaYzxE9T/EFIL/PAw==",
-      "dependencies": {
-        "chalk": "^4.0.0",
-        "jest-diff": "^27.5.1",
-        "jest-get-type": "^27.5.1",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-snapshot/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/jest-snapshot/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/jest-sonar-reporter": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/jest-sonar-reporter/-/jest-sonar-reporter-2.0.0.tgz",
-      "integrity": "sha512-ZervDCgEX5gdUbdtWsjdipLN3bKJwpxbvhkYNXTAYvAckCihobSLr9OT/IuyNIRT1EZMDDwR6DroWtrq+IL64w==",
-      "dependencies": {
-        "xml": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/jest-util": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-27.5.1.tgz",
-      "integrity": "sha512-Kv2o/8jNvX1MQ0KGtw480E/w4fBCDOnH6+6DmeKi6LZUIlKA5kwY0YNdlzaWTiVgxqAqik11QyxDOKk543aKXw==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "graceful-fs": "^4.2.9",
-        "picomatch": "^2.2.3"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-util/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-util/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-util/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-util/node_modules/ci-info": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
-      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-validate": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-validate/-/jest-validate-27.5.1.tgz",
-      "integrity": "sha512-thkNli0LYTmOI1tDB3FI1S1RTp/Bqyd9pTarJwL87OIBFuqEb5Apv5EaApEudYg4g86e3CT6kM0RowkhtEnCBQ==",
-      "dependencies": {
-        "@jest/types": "^27.5.1",
-        "camelcase": "^6.2.0",
-        "chalk": "^4.0.0",
-        "jest-get-type": "^27.5.1",
-        "leven": "^3.1.0",
-        "pretty-format": "^27.5.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-validate/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-validate/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-validate/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-validate/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-validate/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-validate/node_modules/camelcase": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/jest-validate/node_modules/jest-get-type": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-get-type/-/jest-get-type-27.5.1.tgz",
-      "integrity": "sha512-2KY95ksYSaK7DMBWQn6dQz3kqAf3BB64y2udeG+hv4KfSOb9qwcYQstTJc1KCbsix+wLZWZYN8t7nwX3GOBLRw==",
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-validate/node_modules/pretty-format": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
-      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^17.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-validate/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/jest-watch-typeahead": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/jest-watch-typeahead/-/jest-watch-typeahead-1.1.0.tgz",
-      "integrity": "sha512-Va5nLSJTN7YFtC2jd+7wsoe1pNe5K4ShLux/E5iHEwlB9AxaxmggY7to9KUqKojhaJw3aXqt5WAb4jGPOolpEw==",
-      "dependencies": {
-        "ansi-escapes": "^4.3.1",
-        "chalk": "^4.0.0",
-        "jest-regex-util": "^28.0.0",
-        "jest-watcher": "^28.0.0",
-        "slash": "^4.0.0",
-        "string-length": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
-      },
-      "peerDependencies": {
-        "jest": "^27.0.0 || ^28.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/@jest/console": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/@jest/console/-/console-28.1.3.tgz",
-      "integrity": "sha512-QPAkP5EwKdK/bxIr6C1I4Vs0rm2nHiANzj/Z5X2JQkrZo6IqvC4ldZ9K95tF0HdidhA8Bo6egxSzUFPYKcEXLw==",
-      "dependencies": {
-        "@jest/types": "^28.1.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "jest-message-util": "^28.1.3",
-        "jest-util": "^28.1.3",
-        "slash": "^3.0.0"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/@jest/console/node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/@jest/test-result": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/@jest/test-result/-/test-result-28.1.3.tgz",
-      "integrity": "sha512-kZAkxnSE+FqE8YjW8gNuoVkkC9I7S1qmenl8sGcDOLropASP+BkcGKwhXoyqQuGOGeYY0y/ixjrd/iERpEXHNg==",
-      "dependencies": {
-        "@jest/console": "^28.1.3",
-        "@jest/types": "^28.1.3",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "collect-v8-coverage": "^1.0.0"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/@jest/types": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-28.1.3.tgz",
-      "integrity": "sha512-RyjiyMUZrKz/c+zlMFO1pm70DcIlST8AeWTkoUdZevew44wcNZQHsEVOiCVtgVnlFFD82FPaXycys58cf2muVQ==",
-      "dependencies": {
-        "@jest/schemas": "^28.1.3",
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^17.0.8",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/@types/yargs": {
-      "version": "17.0.33",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.33.tgz",
-      "integrity": "sha512-WpxBCKWPLr4xSsHgz511rFJAM+wS28w2zEO1QDNY5zM/S8ok70NNfztH0xwhqKyaK0OHCbN98LDAZuy1ctxDkA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/ansi-styles": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
-      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/ci-info": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
-      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/sibiraj-s"
-        }
-      ],
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/emittery": {
-      "version": "0.10.2",
-      "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.10.2.tgz",
-      "integrity": "sha512-aITqOwnLanpHLNXZJENbOgjUBeHocD+xsSJmNrjovKBW5HbSpW3d1pEls7GFQPUWXiwG9+0P4GtHfEqC/4M0Iw==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sindresorhus/emittery?sponsor=1"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/jest-message-util": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/jest-message-util/-/jest-message-util-28.1.3.tgz",
-      "integrity": "sha512-PFdn9Iewbt575zKPf1286Ht9EPoJmYT7P0kY+RibeYZ2XtOr53pDLEFoTWXbd1h4JiGiWpTBC84fc8xMXQMb7g==",
-      "dependencies": {
-        "@babel/code-frame": "^7.12.13",
-        "@jest/types": "^28.1.3",
-        "@types/stack-utils": "^2.0.0",
-        "chalk": "^4.0.0",
-        "graceful-fs": "^4.2.9",
-        "micromatch": "^4.0.4",
-        "pretty-format": "^28.1.3",
-        "slash": "^3.0.0",
-        "stack-utils": "^2.0.3"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/jest-message-util/node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/jest-regex-util": {
-      "version": "28.0.2",
-      "resolved": "https://registry.npmjs.org/jest-regex-util/-/jest-regex-util-28.0.2.tgz",
-      "integrity": "sha512-4s0IgyNIy0y9FK+cjoVYoxamT7Zeo7MhzqRGx7YDYmaQn1wucY9rotiGkBzzcMXTtjrCAP/f7f+E0F7+fxPNdw==",
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/jest-util": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-28.1.3.tgz",
-      "integrity": "sha512-XdqfpHwpcSRko/C35uLYFM2emRAltIIKZiJ9eAmhjsj0CqZMa0p1ib0R5fWIqGhn1a103DebTbpqIaP1qCQ6tQ==",
-      "dependencies": {
-        "@jest/types": "^28.1.3",
-        "@types/node": "*",
-        "chalk": "^4.0.0",
-        "ci-info": "^3.2.0",
-        "graceful-fs": "^4.2.9",
-        "picomatch": "^2.2.3"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/jest-watcher": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-28.1.3.tgz",
-      "integrity": "sha512-t4qcqj9hze+jviFPUN3YAtAEeFnr/azITXQEMARf5cMwKY2SMBRnCQTXLixTl20OR6mLh9KLMrgVJgJISym+1g==",
-      "dependencies": {
-        "@jest/test-result": "^28.1.3",
-        "@jest/types": "^28.1.3",
-        "@types/node": "*",
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.0.0",
-        "emittery": "^0.10.2",
-        "jest-util": "^28.1.3",
-        "string-length": "^4.0.1"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/jest-watcher/node_modules/string-length": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
-      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
-      "dependencies": {
-        "char-regex": "^1.0.2",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/jest-watcher/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/pretty-format": {
-      "version": "28.1.3",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-28.1.3.tgz",
-      "integrity": "sha512-8gFb/To0OmxHR9+ZTb14Df2vNxdGCX8g1xWGUTqUw5TiZvcQf5sHKObd5UcPyLLyowNwDAMTF3XWOG1B6mxl1Q==",
-      "dependencies": {
-        "@jest/schemas": "^28.1.3",
-        "ansi-regex": "^5.0.1",
-        "ansi-styles": "^5.0.0",
-        "react-is": "^18.0.0"
-      },
-      "engines": {
-        "node": "^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
-    },
-    "node_modules/jest-watch-typeahead/node_modules/slash": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
-      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/string-length": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/string-length/-/string-length-5.0.1.tgz",
-      "integrity": "sha512-9Ep08KAMUn0OadnVaBuRdE2l615CQ508kr0XMadjClfYpdCyvrbFp6Taebo8yyxokQ4viUd/xPPUA4FGgUa0ow==",
-      "dependencies": {
-        "char-regex": "^2.0.0",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12.20"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/string-length/node_modules/char-regex": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/char-regex/-/char-regex-2.0.2.tgz",
-      "integrity": "sha512-cbGOjAptfM2LVmWhwRFHEKTPkLwNddVmuqYZQt895yXwAsWsXObCG+YN4DGQ/JBtT4GP1a1lPPdio2z413LmTg==",
-      "engines": {
-        "node": ">=12.20"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/jest-watch-typeahead/node_modules/strip-ansi/node_modules/ansi-regex": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
-      "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
-    "node_modules/jest-watcher": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-watcher/-/jest-watcher-27.5.1.tgz",
-      "integrity": "sha512-z676SuD6Z8o8qbmEGhoEUFOM1+jfEiL3DXHK/xgEiG2EyNYfFG60jluWcupY6dATjfEsKQuibReS1djInQnoVw==",
-      "dependencies": {
-        "@jest/test-result": "^27.5.1",
-        "@jest/types": "^27.5.1",
-        "@types/node": "*",
-        "ansi-escapes": "^4.2.1",
-        "chalk": "^4.0.0",
-        "jest-util": "^27.5.1",
-        "string-length": "^4.0.1"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-watcher/node_modules/@jest/types": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/@jest/types/-/types-27.5.1.tgz",
-      "integrity": "sha512-Cx46iJ9QpwQTjIdq5VJu2QTMMs3QlEjI0x1QbBP5W1+nMzyc2XmimiRR/CbX9TO0cPTeUlxWMOu8mslYsJ8DEw==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.0",
-        "@types/istanbul-reports": "^3.0.0",
-        "@types/node": "*",
-        "@types/yargs": "^16.0.0",
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
-      }
-    },
-    "node_modules/jest-watcher/node_modules/@types/istanbul-reports": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz",
-      "integrity": "sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ==",
-      "dependencies": {
-        "@types/istanbul-lib-report": "*"
-      }
-    },
-    "node_modules/jest-watcher/node_modules/@types/yargs": {
-      "version": "16.0.9",
-      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-16.0.9.tgz",
-      "integrity": "sha512-tHhzvkFXZQeTECenFoRljLBYPZJ7jAVxqqtEI0qTLOmuultnFp4I9yKE17vTuhf7BkhCu7I4XuemPgikDVuYqA==",
-      "dependencies": {
-        "@types/yargs-parser": "*"
-      }
-    },
-    "node_modules/jest-worker": {
-      "version": "27.5.1",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
-      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
-      "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      }
-    },
-    "node_modules/jest-worker/node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/jiti": {
-      "version": "1.21.7",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
-      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
-      "bin": {
-        "jiti": "bin/jiti.js"
-      }
-    },
-    "node_modules/js-tokens": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
-      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
-    },
-    "node_modules/js-yaml": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
-      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
-      "dependencies": {
-        "argparse": "^2.0.1"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
-      }
-    },
-    "node_modules/jsdom": {
-      "version": "16.7.0",
-      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-16.7.0.tgz",
-      "integrity": "sha512-u9Smc2G1USStM+s/x1ru5Sxrl6mPYCbByG1U/hUmqaVsm4tbNyS7CicOSRyuGQYZhTu0h84qkZZQ/I+dzizSVw==",
-      "dependencies": {
-        "abab": "^2.0.5",
-        "acorn": "^8.2.4",
-        "acorn-globals": "^6.0.0",
-        "cssom": "^0.4.4",
-        "cssstyle": "^2.3.0",
-        "data-urls": "^2.0.0",
-        "decimal.js": "^10.2.1",
-        "domexception": "^2.0.1",
-        "escodegen": "^2.0.0",
-        "form-data": "^3.0.0",
-        "html-encoding-sniffer": "^2.0.1",
-        "http-proxy-agent": "^4.0.1",
-        "https-proxy-agent": "^5.0.0",
-        "is-potential-custom-element-name": "^1.0.1",
-        "nwsapi": "^2.2.0",
-        "parse5": "6.0.1",
-        "saxes": "^5.0.1",
-        "symbol-tree": "^3.2.4",
-        "tough-cookie": "^4.0.0",
-        "w3c-hr-time": "^1.0.2",
-        "w3c-xmlserializer": "^2.0.0",
-        "webidl-conversions": "^6.1.0",
-        "whatwg-encoding": "^1.0.5",
-        "whatwg-mimetype": "^2.3.0",
-        "whatwg-url": "^8.5.0",
-        "ws": "^7.4.6",
-        "xml-name-validator": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "peerDependencies": {
-        "canvas": "^2.5.0"
-      },
-      "peerDependenciesMeta": {
-        "canvas": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/jsdom/node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/jsdom/node_modules/parse5": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
-      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw=="
-    },
-    "node_modules/jsdom/node_modules/whatwg-encoding": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz",
-      "integrity": "sha512-b5lim54JOPN9HtzvK9HFXvBma/rnfFeqsic0hSpjtDbVxR3dJKLc+KB4V6GgiGOvl7CY/KNh8rxSo9DKQrnUEw==",
-      "dependencies": {
-        "iconv-lite": "0.4.24"
-      }
-    },
-    "node_modules/jsdom/node_modules/whatwg-mimetype": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-2.3.0.tgz",
-      "integrity": "sha512-M4yMwr6mAnQz76TbJm914+gPpB/nCwvZbJU28cUD6dR004SAxDLOOSUaB1JDRqLtaOV/vi0IC5lEAGFgrjGv/g=="
-    },
-    "node_modules/jsesc": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
-      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/json-buffer": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
-      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ=="
-    },
-    "node_modules/json-parse-better-errors": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
-      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
-      "dev": true
-    },
-    "node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
-      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
-    },
-    "node_modules/json-schema": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
-      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
-    },
-    "node_modules/json-schema-traverse": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
-      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
-    },
-    "node_modules/json-stable-stringify-without-jsonify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="
-    },
-    "node_modules/json-stringify-safe": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
-      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==",
-      "dev": true
-    },
-    "node_modules/json2mq": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
-      "integrity": "sha512-SzoRg7ux5DWTII9J2qkrZrqV1gt+rTaoufMxEzXbS26Uid0NwaJd123HcoB80TgubEppxxIGdNxCx50fEoEWQA==",
-      "dependencies": {
-        "string-convert": "^0.2.0"
-      }
-    },
-    "node_modules/json5": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
-      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
-      "bin": {
-        "json5": "lib/cli.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/jsonfile": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
-      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
-      "dev": true,
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/jsonparse": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
-      "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==",
-      "dev": true,
-      "engines": [
-        "node >= 0.2.0"
-      ]
-    },
-    "node_modules/jsonpath": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/jsonpath/-/jsonpath-1.1.1.tgz",
-      "integrity": "sha512-l6Cg7jRpixfbgoWgkrl77dgEj8RPvND0wMH6TwQmi9Qs4TFfS9u5cUFnbeKTwj5ga5Y3BTGGNI28k117LJ009w==",
-      "dependencies": {
-        "esprima": "1.2.2",
-        "static-eval": "2.0.2",
-        "underscore": "1.12.1"
-      }
-    },
-    "node_modules/jsonpath/node_modules/esprima": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/esprima/-/esprima-1.2.2.tgz",
-      "integrity": "sha512-+JpPZam9w5DuJ3Q67SqsMGtiHKENSMRVoxvArfJZK01/BfLEObtZ6orJa/MtoGNR/rfMgp5837T41PAmTwAv/A==",
-      "bin": {
-        "esparse": "bin/esparse.js",
-        "esvalidate": "bin/esvalidate.js"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/jsonpointer": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/jsonpointer/-/jsonpointer-5.0.1.tgz",
-      "integrity": "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/JSONStream": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/JSONStream/-/JSONStream-1.3.5.tgz",
-      "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==",
-      "dev": true,
-      "dependencies": {
-        "jsonparse": "^1.2.0",
-        "through": ">=2.2.7 <3"
-      },
-      "bin": {
-        "JSONStream": "bin.js"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/jsx-ast-utils": {
-      "version": "3.3.5",
-      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
-      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
-      "dependencies": {
-        "array-includes": "^3.1.6",
-        "array.prototype.flat": "^1.3.1",
-        "object.assign": "^4.1.4",
-        "object.values": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/keyv": {
-      "version": "4.5.4",
-      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
-      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
-      "dependencies": {
-        "json-buffer": "3.0.1"
-      }
-    },
-    "node_modules/kind-of": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/kleur": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
-      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/klona": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/klona/-/klona-2.0.6.tgz",
-      "integrity": "sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/knot.js": {
-      "version": "1.1.5",
-      "resolved": "https://registry.npmjs.org/knot.js/-/knot.js-1.1.5.tgz",
-      "integrity": "sha512-ptGtvTrgLNtQj9ilUR+tSyHWTCPp2xu/EHkeo3OvpczzNqBSwjQKz8G7vUhzlRbasXVULBWSejsj6QRQb1pakw=="
-    },
-    "node_modules/language-subtag-registry": {
-      "version": "0.3.23",
-      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
-      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ=="
-    },
-    "node_modules/language-tags": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
-      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
-      "dependencies": {
-        "language-subtag-registry": "^0.3.20"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/launch-editor": {
-      "version": "2.9.1",
-      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.9.1.tgz",
-      "integrity": "sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==",
-      "dependencies": {
-        "picocolors": "^1.0.0",
-        "shell-quote": "^1.8.1"
-      }
-    },
-    "node_modules/leven": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
-      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/levn": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
-      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
-      "dependencies": {
-        "prelude-ls": "^1.2.1",
-        "type-check": "~0.4.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/lilconfig": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/lines-and-columns": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
-    },
-    "node_modules/linkify-it": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
-      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
-      "dependencies": {
-        "uc.micro": "^2.0.0"
-      }
-    },
-    "node_modules/linkifyjs": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.2.0.tgz",
-      "integrity": "sha512-pCj3PrQyATaoTYKHrgWRF3SJwsm61udVh+vuls/Rl6SptiDhgE7ziUIudAedRY9QEfynmM7/RmLEfPUyw1HPCw=="
-    },
-    "node_modules/lint-staged": {
-      "version": "10.5.4",
-      "resolved": "https://registry.npmjs.org/lint-staged/-/lint-staged-10.5.4.tgz",
-      "integrity": "sha512-EechC3DdFic/TdOPgj/RB3FicqE6932LTHCUm0Y2fsD9KGlLB+RwJl2q1IYBIvEsKzDOgn0D4gll+YxG5RsrKg==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.1.0",
-        "cli-truncate": "^2.1.0",
-        "commander": "^6.2.0",
-        "cosmiconfig": "^7.0.0",
-        "debug": "^4.2.0",
-        "dedent": "^0.7.0",
-        "enquirer": "^2.3.6",
-        "execa": "^4.1.0",
-        "listr2": "^3.2.2",
-        "log-symbols": "^4.0.0",
-        "micromatch": "^4.0.2",
-        "normalize-path": "^3.0.0",
-        "please-upgrade-node": "^3.2.0",
-        "string-argv": "0.3.1",
-        "stringify-object": "^3.3.0"
-      },
-      "bin": {
-        "lint-staged": "bin/lint-staged.js"
-      },
-      "funding": {
-        "url": "https://opencollective.com/lint-staged"
-      }
-    },
-    "node_modules/lint-staged/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
-      "dev": true,
-      "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/listr2": {
-      "version": "3.14.0",
-      "resolved": "https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz",
-      "integrity": "sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==",
-      "dev": true,
-      "dependencies": {
-        "cli-truncate": "^2.1.0",
-        "colorette": "^2.0.16",
-        "log-update": "^4.0.0",
-        "p-map": "^4.0.0",
-        "rfdc": "^1.3.0",
-        "rxjs": "^7.5.1",
-        "through": "^2.3.8",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "enquirer": ">= 2.3.0 < 3"
-      },
-      "peerDependenciesMeta": {
-        "enquirer": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/load-json-file": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz",
-      "integrity": "sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==",
-      "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.1.2",
-        "parse-json": "^4.0.0",
-        "pify": "^3.0.0",
-        "strip-bom": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/load-json-file/node_modules/parse-json": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
-      "dev": true,
-      "dependencies": {
-        "error-ex": "^1.3.1",
-        "json-parse-better-errors": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/load-json-file/node_modules/strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/loader-runner": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
-      "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
-      "engines": {
-        "node": ">=6.11.5"
-      }
-    },
-    "node_modules/loader-utils": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-      "dependencies": {
-        "big.js": "^5.2.2",
-        "emojis-list": "^3.0.0",
-        "json5": "^2.1.2"
-      },
-      "engines": {
-        "node": ">=8.9.0"
-      }
-    },
-    "node_modules/locate-path": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
-      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
-      "dependencies": {
-        "p-locate": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
-    },
-    "node_modules/lodash-es": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
-    },
-    "node_modules/lodash.capitalize": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/lodash.capitalize/-/lodash.capitalize-4.2.1.tgz",
-      "integrity": "sha512-kZzYOKspf8XVX5AvmQF94gQW0lejFVgb80G85bU4ZWzoJ6C03PQg3coYAUpSTpQWelrZELd3XWgHzw4Ck5kaIw==",
-      "dev": true
-    },
-    "node_modules/lodash.debounce": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
-      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow=="
-    },
-    "node_modules/lodash.escape": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-4.0.1.tgz",
-      "integrity": "sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==",
-      "dev": true
-    },
-    "node_modules/lodash.escaperegexp": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz",
-      "integrity": "sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw==",
-      "dev": true
-    },
-    "node_modules/lodash.flattendeep": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz",
-      "integrity": "sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==",
-      "dev": true
-    },
-    "node_modules/lodash.isequal": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
-      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
-      "dev": true
-    },
-    "node_modules/lodash.ismatch": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz",
-      "integrity": "sha512-fPMfXjGQEV9Xsq/8MTSgUf255gawYRbjwMyDbcvDhXgV7enSZA0hynz6vMPnpAb5iONEzBHBPsT+0zes5Z301g==",
-      "dev": true
-    },
-    "node_modules/lodash.isplainobject": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
-      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="
-    },
-    "node_modules/lodash.isstring": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
-      "integrity": "sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==",
-      "dev": true
-    },
-    "node_modules/lodash.map": {
-      "version": "4.6.0",
-      "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-4.6.0.tgz",
-      "integrity": "sha512-worNHGKLDetmcEYDvh2stPCrrQRkP20E4l0iIS7F8EvzMqBBi7ltvFN5m1HvTf1P7Jk1txKhvFcmYsCr8O2F1Q==",
-      "dev": true
-    },
-    "node_modules/lodash.memoize": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
-      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag=="
-    },
-    "node_modules/lodash.merge": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
-    },
-    "node_modules/lodash.sortby": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz",
-      "integrity": "sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA=="
-    },
-    "node_modules/lodash.uniq": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
-      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ=="
-    },
-    "node_modules/lodash.uniqby": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/lodash.uniqby/-/lodash.uniqby-4.7.0.tgz",
-      "integrity": "sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==",
-      "dev": true
-    },
-    "node_modules/log-symbols": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
-      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
-      "dev": true,
-      "dependencies": {
-        "chalk": "^4.1.0",
-        "is-unicode-supported": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
-      "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
-      "dev": true,
-      "dependencies": {
-        "ansi-escapes": "^4.3.0",
-        "cli-cursor": "^3.1.0",
-        "slice-ansi": "^4.0.0",
-        "wrap-ansi": "^6.2.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/log-update/node_modules/slice-ansi": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
-      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
-      }
-    },
-    "node_modules/log-update/node_modules/wrap-ansi": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
-      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/longest": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/longest/-/longest-2.0.1.tgz",
-      "integrity": "sha512-Ajzxb8CM6WAnFjgiloPsI3bF+WCxcvhdIG3KNA2KN962+tdBsHcuQ4k4qX/EcS/2CRkcc0iAkR956Nib6aXU/Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/loose-envify": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
-      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dependencies": {
-        "js-tokens": "^3.0.0 || ^4.0.0"
-      },
-      "bin": {
-        "loose-envify": "cli.js"
-      }
-    },
-    "node_modules/lower-case": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
-      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
-      "dependencies": {
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/lowlight": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-2.9.0.tgz",
-      "integrity": "sha512-OpcaUTCLmHuVuBcyNckKfH5B0oA4JUavb/M/8n9iAvanJYNQkrVm4pvyX0SUaqkBG4dnWHKt7p50B3ngAG2Rfw==",
-      "dependencies": {
-        "@types/hast": "^2.0.0",
-        "fault": "^2.0.0",
-        "highlight.js": "~11.8.0"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/wooorm"
-      }
-    },
-    "node_modules/lowlight/node_modules/highlight.js": {
-      "version": "11.8.0",
-      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.8.0.tgz",
-      "integrity": "sha512-MedQhoqVdr0U6SSnWPzfiadUcDHfN/Wzq25AkXiQv9oiOO/sG0S7XkvpFIqWBl9Yq1UYyYOOVORs5UW2XlPyzg==",
-      "engines": {
-        "node": ">=12.0.0"
-      }
-    },
-    "node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/magic-string": {
-      "version": "0.25.9",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
-      "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
-      "dependencies": {
-        "sourcemap-codec": "^1.4.8"
-      }
-    },
-    "node_modules/make-dir": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
-      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
-      "dependencies": {
-        "semver": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/makeerror": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/makeerror/-/makeerror-1.0.12.tgz",
-      "integrity": "sha512-JmqCvUhmt43madlpFzG4BQzG2Z3m6tvQDNKdClZnO3VbIudJYmxsT0FNJMeiB2+JTSlTQTSbU8QdesVmwJcmLg==",
-      "dependencies": {
-        "tmpl": "1.0.5"
-      }
-    },
-    "node_modules/map-obj": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz",
-      "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/map-or-similar": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz",
-      "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg=="
-    },
-    "node_modules/markdown-it": {
-      "version": "14.1.0",
-      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
-      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
-      "dependencies": {
-        "argparse": "^2.0.1",
-        "entities": "^4.4.0",
-        "linkify-it": "^5.0.0",
-        "mdurl": "^2.0.0",
-        "punycode.js": "^2.3.1",
-        "uc.micro": "^2.1.0"
-      },
-      "bin": {
-        "markdown-it": "bin/markdown-it.mjs"
-      }
-    },
-    "node_modules/marked": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/marked/-/marked-2.1.3.tgz",
-      "integrity": "sha512-/Q+7MGzaETqifOMWYEA7HVMaZb4XbcRfaOzcSsHZEith83KGlvaSG33u0SKu89Mj5h+T8V2hM+8O45Qc5XTgwA==",
-      "dev": true,
-      "bin": {
-        "marked": "bin/marked"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/marked-terminal": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/marked-terminal/-/marked-terminal-4.2.0.tgz",
-      "integrity": "sha512-DQfNRV9svZf0Dm9Cf5x5xaVJ1+XjxQW6XjFJ5HFkVyK52SDpj5PCBzS5X5r2w9nHr3mlB0T5201UMLue9fmhUw==",
-      "dev": true,
-      "dependencies": {
-        "ansi-escapes": "^4.3.1",
-        "cardinal": "^2.1.1",
-        "chalk": "^4.1.0",
-        "cli-table3": "^0.6.0",
-        "node-emoji": "^1.10.0",
-        "supports-hyperlinks": "^2.1.0"
-      },
-      "peerDependencies": {
-        "marked": "^1.0.0 || ^2.0.0"
-      }
-    },
-    "node_modules/material-colors": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/material-colors/-/material-colors-1.2.6.tgz",
-      "integrity": "sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg=="
-    },
-    "node_modules/math-intrinsics": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/mdn-data": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.4.tgz",
-      "integrity": "sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA=="
-    },
-    "node_modules/mdurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
-      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w=="
-    },
-    "node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/memfs": {
-      "version": "3.5.3",
-      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.3.tgz",
-      "integrity": "sha512-UERzLsxzllchadvbPs5aolHh65ISpKpM+ccLbOJ8/vvpBKmAWf+la7dXFy7Mr0ySHbdHrFv5kGFCUHHe6GFEmw==",
-      "dependencies": {
-        "fs-monkey": "^1.0.4"
-      },
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/memoize-one": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
-      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw=="
-    },
-    "node_modules/memoizerific": {
-      "version": "1.11.3",
-      "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz",
-      "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==",
-      "dependencies": {
-        "map-or-similar": "^1.5.0"
-      }
-    },
-    "node_modules/meow": {
-      "version": "8.1.2",
-      "resolved": "https://registry.npmjs.org/meow/-/meow-8.1.2.tgz",
-      "integrity": "sha512-r85E3NdZ+mpYk1C6RjPFEMSE+s1iZMuHtsHAqY0DT3jZczl0diWUZ8g6oU7h0M9cD2EL+PzaYghhCLzR0ZNn5Q==",
-      "dev": true,
-      "dependencies": {
-        "@types/minimist": "^1.2.0",
-        "camelcase-keys": "^6.2.2",
-        "decamelize-keys": "^1.1.0",
-        "hard-rejection": "^2.1.0",
-        "minimist-options": "4.1.0",
-        "normalize-package-data": "^3.0.0",
-        "read-pkg-up": "^7.0.1",
-        "redent": "^3.0.0",
-        "trim-newlines": "^3.0.0",
-        "type-fest": "^0.18.0",
-        "yargs-parser": "^20.2.3"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/meow/node_modules/type-fest": {
-      "version": "0.18.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz",
-      "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==",
-      "dev": true,
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/merge": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/merge/-/merge-2.1.1.tgz",
-      "integrity": "sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w==",
-      "dev": true
-    },
-    "node_modules/merge-descriptors": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/merge-stream": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
-      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="
-    },
-    "node_modules/merge2": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
-      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/methods": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/micromatch": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
-      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-      "dependencies": {
-        "braces": "^3.0.3",
-        "picomatch": "^2.3.1"
-      },
-      "engines": {
-        "node": ">=8.6"
-      }
-    },
-    "node_modules/mime": {
-      "version": "2.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
-      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
-      "dev": true,
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/mime-match/-/mime-match-1.0.2.tgz",
-      "integrity": "sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==",
-      "dependencies": {
-        "wildcard": "^1.1.0"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mimic-fn": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
-      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/min-document": {
-      "version": "2.19.0",
-      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
-      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
-      "dependencies": {
-        "dom-walk": "^0.1.0"
-      }
-    },
-    "node_modules/min-indent": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
-      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/mini-css-extract-plugin": {
-      "version": "2.9.2",
-      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.2.tgz",
-      "integrity": "sha512-GJuACcS//jtq4kCtd5ii/M0SZf7OZRH+BxdqXZHaJfb8TJiVl+NgQRPwiYt2EuqeSkNydn/7vP+bcE27C5mb9w==",
-      "dependencies": {
-        "schema-utils": "^4.0.0",
-        "tapable": "^2.2.1"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
-      }
-    },
-    "node_modules/minimalistic-assert": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
-      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A=="
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.7.tgz",
-      "integrity": "sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g==",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/minimist-options": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz",
-      "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==",
-      "dev": true,
-      "dependencies": {
-        "arrify": "^1.0.1",
-        "is-plain-obj": "^1.1.0",
-        "kind-of": "^6.0.3"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/minipass": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
-      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
-    "node_modules/mkdirp": {
-      "version": "0.5.6",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
-      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
-      "dependencies": {
-        "minimist": "^1.2.6"
-      },
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      }
-    },
-    "node_modules/modify-values": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/modify-values/-/modify-values-1.0.1.tgz",
-      "integrity": "sha512-xV2bxeN6F7oYjZWTe/YPAy6MN2M+sL4u/Rlm2AHCIVGfo2p1yGmBHQ6vHehl4bRTZBdHu3TSkWdYgkwpYzAGSw==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/monaco-editor": {
-      "version": "0.25.2",
-      "resolved": "https://registry.npmjs.org/monaco-editor/-/monaco-editor-0.25.2.tgz",
-      "integrity": "sha512-5iylzSJevCnzJn9UVsW8yOZ3yHjmAs4TfvH3zsbftKiFKmHG0xirGN6DK9Kk04VSWxYCZZAIafYJoNJJMAU1KA=="
-    },
-    "node_modules/moo": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/moo/-/moo-0.5.2.tgz",
-      "integrity": "sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==",
-      "dev": true
-    },
-    "node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
-    },
-    "node_modules/multicast-dns": {
-      "version": "7.2.5",
-      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
-      "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
-      "dependencies": {
-        "dns-packet": "^5.2.2",
-        "thunky": "^1.0.2"
-      },
-      "bin": {
-        "multicast-dns": "cli.js"
-      }
-    },
-    "node_modules/mute-stream": {
-      "version": "0.0.8",
-      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
-      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==",
-      "dev": true
-    },
-    "node_modules/mz": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
-      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "dependencies": {
-        "any-promise": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "thenify-all": "^1.0.0"
-      }
-    },
-    "node_modules/namespace-emitter": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/namespace-emitter/-/namespace-emitter-2.0.1.tgz",
-      "integrity": "sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g=="
-    },
-    "node_modules/nanoid": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-4.0.2.tgz",
-      "integrity": "sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
-      "bin": {
-        "nanoid": "bin/nanoid.js"
-      },
-      "engines": {
-        "node": "^14 || ^16 || >=18"
-      }
-    },
-    "node_modules/natural-compare": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
-      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="
-    },
-    "node_modules/natural-compare-lite": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/natural-compare-lite/-/natural-compare-lite-1.4.0.tgz",
-      "integrity": "sha512-Tj+HTDSJJKaZnfiuw+iaF9skdPpTo2GtEly5JHnWV/hfv2Qj/9RKsGISQtLh2ox3l5EAGw487hnBee0sIJ6v2g=="
-    },
-    "node_modules/nearley": {
-      "version": "2.20.1",
-      "resolved": "https://registry.npmjs.org/nearley/-/nearley-2.20.1.tgz",
-      "integrity": "sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ==",
-      "dev": true,
-      "dependencies": {
-        "commander": "^2.19.0",
-        "moo": "^0.5.0",
-        "railroad-diagrams": "^1.0.0",
-        "randexp": "0.4.6"
-      },
-      "bin": {
-        "nearley-railroad": "bin/nearley-railroad.js",
-        "nearley-test": "bin/nearley-test.js",
-        "nearley-unparse": "bin/nearley-unparse.js",
-        "nearleyc": "bin/nearleyc.js"
-      },
-      "funding": {
-        "type": "individual",
-        "url": "https://nearley.js.org/#give-to-nearley"
-      }
-    },
-    "node_modules/nearley/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-      "dev": true
-    },
-    "node_modules/negotiator": {
-      "version": "0.6.4",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
-      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/neo-async": {
-      "version": "2.6.2",
-      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
-      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw=="
-    },
-    "node_modules/nerf-dart": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/nerf-dart/-/nerf-dart-1.0.0.tgz",
-      "integrity": "sha512-EZSPZB70jiVsivaBLYDCyntd5eH8NTSMOn3rB+HxwdmKThGELLdYv8qVIMWvZEFy9w8ZZpW9h9OB32l1rGtj7g==",
-      "dev": true
-    },
-    "node_modules/no-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
-      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
-      "dependencies": {
-        "lower-case": "^2.0.2",
-        "tslib": "^2.0.3"
-      }
-    },
-    "node_modules/node-emoji": {
-      "version": "1.11.0",
-      "resolved": "https://registry.npmjs.org/node-emoji/-/node-emoji-1.11.0.tgz",
-      "integrity": "sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A==",
-      "dev": true,
-      "dependencies": {
-        "lodash": "^4.17.21"
-      }
-    },
-    "node_modules/node-fetch": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
-      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
-      "dev": true,
-      "dependencies": {
-        "whatwg-url": "^5.0.0"
-      },
-      "engines": {
-        "node": "4.x || >=6.0.0"
-      },
-      "peerDependencies": {
-        "encoding": "^0.1.0"
-      },
-      "peerDependenciesMeta": {
-        "encoding": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/node-fetch/node_modules/tr46": {
-      "version": "0.0.3",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
-      "dev": true
-    },
-    "node_modules/node-fetch/node_modules/webidl-conversions": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
-      "dev": true
-    },
-    "node_modules/node-fetch/node_modules/whatwg-url": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
-      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-      "dev": true,
-      "dependencies": {
-        "tr46": "~0.0.3",
-        "webidl-conversions": "^3.0.0"
-      }
-    },
-    "node_modules/node-forge": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
-      "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
-      "engines": {
-        "node": ">= 6.13.0"
-      }
-    },
-    "node_modules/node-int64": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
-      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
-    },
-    "node_modules/node-releases": {
-      "version": "2.0.19",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
-      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="
-    },
-    "node_modules/normalize-package-data": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz",
-      "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-package-data/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/normalize-range": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
-      "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/normalize-url": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-6.1.0.tgz",
-      "integrity": "sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/npm": {
-      "version": "7.24.2",
-      "resolved": "https://registry.npmjs.org/npm/-/npm-7.24.2.tgz",
-      "integrity": "sha512-120p116CE8VMMZ+hk8IAb1inCPk4Dj3VZw29/n2g6UI77urJKVYb7FZUDW8hY+EBnfsjI/2yrobBgFyzo7YpVQ==",
-      "bundleDependencies": [
-        "@isaacs/string-locale-compare",
-        "@npmcli/arborist",
-        "@npmcli/ci-detect",
-        "@npmcli/config",
-        "@npmcli/map-workspaces",
-        "@npmcli/package-json",
-        "@npmcli/run-script",
-        "abbrev",
-        "ansicolors",
-        "ansistyles",
-        "archy",
-        "cacache",
-        "chalk",
-        "chownr",
-        "cli-columns",
-        "cli-table3",
-        "columnify",
-        "fastest-levenshtein",
-        "glob",
-        "graceful-fs",
-        "hosted-git-info",
-        "ini",
-        "init-package-json",
-        "is-cidr",
-        "json-parse-even-better-errors",
-        "libnpmaccess",
-        "libnpmdiff",
-        "libnpmexec",
-        "libnpmfund",
-        "libnpmhook",
-        "libnpmorg",
-        "libnpmpack",
-        "libnpmpublish",
-        "libnpmsearch",
-        "libnpmteam",
-        "libnpmversion",
-        "make-fetch-happen",
-        "minipass",
-        "minipass-pipeline",
-        "mkdirp",
-        "mkdirp-infer-owner",
-        "ms",
-        "node-gyp",
-        "nopt",
-        "npm-audit-report",
-        "npm-install-checks",
-        "npm-package-arg",
-        "npm-pick-manifest",
-        "npm-profile",
-        "npm-registry-fetch",
-        "npm-user-validate",
-        "npmlog",
-        "opener",
-        "pacote",
-        "parse-conflict-json",
-        "qrcode-terminal",
-        "read",
-        "read-package-json",
-        "read-package-json-fast",
-        "readdir-scoped-modules",
-        "rimraf",
-        "semver",
-        "ssri",
-        "tar",
-        "text-table",
-        "tiny-relative-date",
-        "treeverse",
-        "validate-npm-package-name",
-        "which",
-        "write-file-atomic"
-      ],
-      "dev": true,
-      "workspaces": [
-        "docs",
-        "packages/*"
-      ],
-      "dependencies": {
-        "@isaacs/string-locale-compare": "*",
-        "@npmcli/arborist": "*",
-        "@npmcli/ci-detect": "*",
-        "@npmcli/config": "*",
-        "@npmcli/map-workspaces": "*",
-        "@npmcli/package-json": "*",
-        "@npmcli/run-script": "*",
-        "abbrev": "*",
-        "ansicolors": "*",
-        "ansistyles": "*",
-        "archy": "*",
-        "cacache": "*",
-        "chalk": "*",
-        "chownr": "*",
-        "cli-columns": "*",
-        "cli-table3": "*",
-        "columnify": "*",
-        "fastest-levenshtein": "*",
-        "glob": "*",
-        "graceful-fs": "*",
-        "hosted-git-info": "*",
-        "ini": "*",
-        "init-package-json": "*",
-        "is-cidr": "*",
-        "json-parse-even-better-errors": "*",
-        "libnpmaccess": "*",
-        "libnpmdiff": "*",
-        "libnpmexec": "*",
-        "libnpmfund": "*",
-        "libnpmhook": "*",
-        "libnpmorg": "*",
-        "libnpmpack": "*",
-        "libnpmpublish": "*",
-        "libnpmsearch": "*",
-        "libnpmteam": "*",
-        "libnpmversion": "*",
-        "make-fetch-happen": "*",
-        "minipass": "*",
-        "minipass-pipeline": "*",
-        "mkdirp": "*",
-        "mkdirp-infer-owner": "*",
-        "ms": "*",
-        "node-gyp": "*",
-        "nopt": "*",
-        "npm-audit-report": "*",
-        "npm-install-checks": "*",
-        "npm-package-arg": "*",
-        "npm-pick-manifest": "*",
-        "npm-profile": "*",
-        "npm-registry-fetch": "*",
-        "npm-user-validate": "*",
-        "npmlog": "*",
-        "opener": "*",
-        "pacote": "*",
-        "parse-conflict-json": "*",
-        "qrcode-terminal": "*",
-        "read": "*",
-        "read-package-json": "*",
-        "read-package-json-fast": "*",
-        "readdir-scoped-modules": "*",
-        "rimraf": "*",
-        "semver": "*",
-        "ssri": "*",
-        "tar": "*",
-        "text-table": "*",
-        "tiny-relative-date": "*",
-        "treeverse": "*",
-        "validate-npm-package-name": "*",
-        "which": "*",
-        "write-file-atomic": "*"
-      },
-      "bin": {
-        "npm": "bin/npm-cli.js",
-        "npx": "bin/npx-cli.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm-run-path": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
-      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
-      "dependencies": {
-        "path-key": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/@gar/promisify": {
-      "version": "1.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/@isaacs/string-locale-compare": {
-      "version": "1.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/@npmcli/arborist": {
-      "version": "2.9.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@isaacs/string-locale-compare": "^1.0.1",
-        "@npmcli/installed-package-contents": "^1.0.7",
-        "@npmcli/map-workspaces": "^1.0.2",
-        "@npmcli/metavuln-calculator": "^1.1.0",
-        "@npmcli/move-file": "^1.1.0",
-        "@npmcli/name-from-folder": "^1.0.1",
-        "@npmcli/node-gyp": "^1.0.1",
-        "@npmcli/package-json": "^1.0.1",
-        "@npmcli/run-script": "^1.8.2",
-        "bin-links": "^2.2.1",
-        "cacache": "^15.0.3",
-        "common-ancestor-path": "^1.0.1",
-        "json-parse-even-better-errors": "^2.3.1",
-        "json-stringify-nice": "^1.1.4",
-        "mkdirp": "^1.0.4",
-        "mkdirp-infer-owner": "^2.0.0",
-        "npm-install-checks": "^4.0.0",
-        "npm-package-arg": "^8.1.5",
-        "npm-pick-manifest": "^6.1.0",
-        "npm-registry-fetch": "^11.0.0",
-        "pacote": "^11.3.5",
-        "parse-conflict-json": "^1.1.1",
-        "proc-log": "^1.0.0",
-        "promise-all-reject-late": "^1.0.0",
-        "promise-call-limit": "^1.0.1",
-        "read-package-json-fast": "^2.0.2",
-        "readdir-scoped-modules": "^1.1.0",
-        "rimraf": "^3.0.2",
-        "semver": "^7.3.5",
-        "ssri": "^8.0.1",
-        "treeverse": "^1.0.4",
-        "walk-up-path": "^1.0.0"
-      },
-      "bin": {
-        "arborist": "bin/index.js"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/ci-detect": {
-      "version": "1.3.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/@npmcli/config": {
-      "version": "2.3.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "ini": "^2.0.0",
-        "mkdirp-infer-owner": "^2.0.0",
-        "nopt": "^5.0.0",
-        "semver": "^7.3.4",
-        "walk-up-path": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/disparity-colors": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "ansi-styles": "^4.3.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/fs": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@gar/promisify": "^1.0.1",
-        "semver": "^7.3.5"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/git": {
-      "version": "2.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/promise-spawn": "^1.3.2",
-        "lru-cache": "^6.0.0",
-        "mkdirp": "^1.0.4",
-        "npm-pick-manifest": "^6.1.1",
-        "promise-inflight": "^1.0.1",
-        "promise-retry": "^2.0.1",
-        "semver": "^7.3.5",
-        "which": "^2.0.2"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/installed-package-contents": {
-      "version": "1.0.7",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "npm-bundled": "^1.1.1",
-        "npm-normalize-package-bin": "^1.0.1"
-      },
-      "bin": {
-        "installed-package-contents": "index.js"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/map-workspaces": {
-      "version": "1.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/name-from-folder": "^1.0.1",
-        "glob": "^7.1.6",
-        "minimatch": "^3.0.4",
-        "read-package-json-fast": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/metavuln-calculator": {
-      "version": "1.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "cacache": "^15.0.5",
-        "pacote": "^11.1.11",
-        "semver": "^7.3.2"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/move-file": {
-      "version": "1.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "mkdirp": "^1.0.4",
-        "rimraf": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/name-from-folder": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/@npmcli/node-gyp": {
-      "version": "1.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/@npmcli/package-json": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "json-parse-even-better-errors": "^2.3.1"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/promise-spawn": {
-      "version": "1.3.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "infer-owner": "^1.0.4"
-      }
-    },
-    "node_modules/npm/node_modules/@npmcli/run-script": {
-      "version": "1.8.6",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/node-gyp": "^1.0.2",
-        "@npmcli/promise-spawn": "^1.3.2",
-        "node-gyp": "^7.1.0",
-        "read-package-json-fast": "^2.0.1"
-      }
-    },
-    "node_modules/npm/node_modules/@tootallnate/once": {
-      "version": "1.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/npm/node_modules/abbrev": {
-      "version": "1.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/agent-base": {
-      "version": "6.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/agentkeepalive": {
-      "version": "4.1.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "debug": "^4.1.0",
-        "depd": "^1.1.2",
-        "humanize-ms": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 8.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/aggregate-error": {
-      "version": "3.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "clean-stack": "^2.0.0",
-        "indent-string": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/ajv": {
-      "version": "6.12.6",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/npm/node_modules/ansi-regex": {
-      "version": "2.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/npm/node_modules/ansicolors": {
-      "version": "0.3.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/ansistyles": {
-      "version": "0.1.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/aproba": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/archy": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/are-we-there-yet": {
-      "version": "1.1.6",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "delegates": "^1.0.0",
-        "readable-stream": "^3.6.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/asap": {
-      "version": "2.0.6",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/asn1": {
-      "version": "0.2.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": "~2.1.0"
-      }
-    },
-    "node_modules/npm/node_modules/assert-plus": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/npm/node_modules/asynckit": {
-      "version": "0.4.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/aws-sign2": {
-      "version": "0.7.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/npm/node_modules/aws4": {
-      "version": "1.11.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/balanced-match": {
-      "version": "1.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/bcrypt-pbkdf": {
-      "version": "1.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "tweetnacl": "^0.14.3"
-      }
-    },
-    "node_modules/npm/node_modules/bin-links": {
-      "version": "2.2.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "cmd-shim": "^4.0.1",
-        "mkdirp": "^1.0.3",
-        "npm-normalize-package-bin": "^1.0.0",
-        "read-cmd-shim": "^2.0.0",
-        "rimraf": "^3.0.0",
-        "write-file-atomic": "^3.0.3"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/binary-extensions": {
-      "version": "2.2.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/npm/node_modules/builtins": {
-      "version": "1.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/cacache": {
-      "version": "15.3.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/fs": "^1.0.0",
-        "@npmcli/move-file": "^1.0.1",
-        "chownr": "^2.0.0",
-        "fs-minipass": "^2.0.0",
-        "glob": "^7.1.4",
-        "infer-owner": "^1.0.4",
-        "lru-cache": "^6.0.0",
-        "minipass": "^3.1.1",
-        "minipass-collect": "^1.0.2",
-        "minipass-flush": "^1.0.5",
-        "minipass-pipeline": "^1.2.2",
-        "mkdirp": "^1.0.3",
-        "p-map": "^4.0.0",
-        "promise-inflight": "^1.0.1",
-        "rimraf": "^3.0.2",
-        "ssri": "^8.0.1",
-        "tar": "^6.0.2",
-        "unique-filename": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/npm/node_modules/caseless": {
-      "version": "0.12.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0"
-    },
-    "node_modules/npm/node_modules/chalk": {
-      "version": "4.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/npm/node_modules/chownr": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/cidr-regex": {
-      "version": "3.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "ip-regex": "^4.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/clean-stack": {
-      "version": "2.2.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/npm/node_modules/cli-columns": {
-      "version": "3.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "string-width": "^2.0.0",
-        "strip-ansi": "^3.0.1"
-      },
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/npm/node_modules/cli-table3": {
-      "version": "0.6.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "object-assign": "^4.1.0",
-        "string-width": "^4.2.0"
-      },
-      "engines": {
-        "node": "10.* || >= 12.*"
-      },
-      "optionalDependencies": {
-        "colors": "^1.1.2"
-      }
-    },
-    "node_modules/npm/node_modules/cli-table3/node_modules/ansi-regex": {
-      "version": "5.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/cli-table3/node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/cli-table3/node_modules/string-width": {
-      "version": "4.2.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/cli-table3/node_modules/strip-ansi": {
-      "version": "6.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/clone": {
-      "version": "1.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/npm/node_modules/cmd-shim": {
-      "version": "4.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "mkdirp-infer-owner": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/code-point-at": {
-      "version": "1.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/color-convert": {
-      "version": "2.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/color-name": {
-      "version": "1.1.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/color-support": {
-      "version": "1.1.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "bin": {
-        "color-support": "bin.js"
-      }
-    },
-    "node_modules/npm/node_modules/colors": {
-      "version": "1.4.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "engines": {
-        "node": ">=0.1.90"
-      }
-    },
-    "node_modules/npm/node_modules/columnify": {
-      "version": "1.5.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "strip-ansi": "^3.0.0",
-        "wcwidth": "^1.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/combined-stream": {
-      "version": "1.0.8",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "delayed-stream": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/npm/node_modules/common-ancestor-path": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/concat-map": {
-      "version": "0.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/console-control-strings": {
-      "version": "1.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/core-util-is": {
-      "version": "1.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/dashdash": {
-      "version": "1.14.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
-    "node_modules/npm/node_modules/debug": {
-      "version": "4.3.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.1.2"
-      },
-      "engines": {
-        "node": ">=6.0"
-      },
-      "peerDependenciesMeta": {
-        "supports-color": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/npm/node_modules/debug/node_modules/ms": {
-      "version": "2.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/debuglog": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/npm/node_modules/defaults": {
-      "version": "1.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "clone": "^1.0.2"
-      }
-    },
-    "node_modules/npm/node_modules/delayed-stream": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/npm/node_modules/delegates": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/depd": {
-      "version": "1.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/npm/node_modules/dezalgo": {
-      "version": "1.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "asap": "^2.0.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/npm/node_modules/diff": {
-      "version": "5.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.3.1"
-      }
-    },
-    "node_modules/npm/node_modules/ecc-jsbn": {
-      "version": "0.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.1.0"
-      }
-    },
-    "node_modules/npm/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/encoding": {
-      "version": "0.1.13",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "iconv-lite": "^0.6.2"
-      }
-    },
-    "node_modules/npm/node_modules/env-paths": {
-      "version": "2.2.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/npm/node_modules/err-code": {
-      "version": "2.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/extend": {
-      "version": "3.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/extsprintf": {
-      "version": "1.3.0",
-      "dev": true,
-      "engines": [
-        "node >=0.6.0"
-      ],
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/fast-deep-equal": {
-      "version": "3.1.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/fast-json-stable-stringify": {
-      "version": "2.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/fastest-levenshtein": {
-      "version": "1.0.12",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/forever-agent": {
-      "version": "0.6.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/npm/node_modules/fs-minipass": {
-      "version": "2.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/npm/node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/function-bind": {
-      "version": "1.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/gauge": {
-      "version": "3.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "aproba": "^1.0.3 || ^2.0.0",
-        "color-support": "^1.1.2",
-        "console-control-strings": "^1.0.0",
-        "has-unicode": "^2.0.1",
-        "object-assign": "^4.1.1",
-        "signal-exit": "^3.0.0",
-        "string-width": "^1.0.1 || ^2.0.0",
-        "strip-ansi": "^3.0.1 || ^4.0.0",
-        "wide-align": "^1.1.2"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/getpass": {
-      "version": "0.1.7",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "^1.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/glob": {
-      "version": "7.2.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.0.4",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/npm/node_modules/graceful-fs": {
-      "version": "4.2.8",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/har-schema": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/npm/node_modules/har-validator": {
-      "version": "5.1.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.12.3",
-        "har-schema": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/npm/node_modules/has": {
-      "version": "1.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/npm/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/has-unicode": {
-      "version": "2.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/hosted-git-info": {
-      "version": "4.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/http-cache-semantics": {
-      "version": "4.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-2-Clause"
-    },
-    "node_modules/npm/node_modules/http-proxy-agent": {
-      "version": "4.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "@tootallnate/once": "1",
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/npm/node_modules/http-signature": {
-      "version": "1.2.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "^1.0.0",
-        "jsprim": "^1.2.2",
-        "sshpk": "^1.7.0"
-      },
-      "engines": {
-        "node": ">=0.8",
-        "npm": ">=1.3.7"
-      }
-    },
-    "node_modules/npm/node_modules/https-proxy-agent": {
-      "version": "5.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "agent-base": "6",
-        "debug": "4"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/npm/node_modules/humanize-ms": {
-      "version": "1.2.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "optional": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/ignore-walk": {
-      "version": "3.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "minimatch": "^3.0.4"
-      }
-    },
-    "node_modules/npm/node_modules/imurmurhash": {
-      "version": "0.1.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.19"
-      }
-    },
-    "node_modules/npm/node_modules/indent-string": {
-      "version": "4.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/infer-owner": {
-      "version": "1.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/inflight": {
-      "version": "1.0.6",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/npm/node_modules/inherits": {
-      "version": "2.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/ini": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/init-package-json": {
-      "version": "2.0.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "npm-package-arg": "^8.1.5",
-        "promzard": "^0.3.0",
-        "read": "~1.0.1",
-        "read-package-json": "^4.1.1",
-        "semver": "^7.3.5",
-        "validate-npm-package-license": "^3.0.4",
-        "validate-npm-package-name": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/ip": {
-      "version": "1.1.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/ip-regex": {
-      "version": "4.3.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/is-cidr": {
-      "version": "4.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "cidr-regex": "^3.1.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/is-core-module": {
-      "version": "2.7.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "has": "^1.0.3"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/npm/node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/npm/node_modules/is-lambda": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/is-typedarray": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/isexe": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/isstream": {
-      "version": "0.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/jsbn": {
-      "version": "0.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/json-parse-even-better-errors": {
-      "version": "2.3.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/json-schema": {
-      "version": "0.2.3",
-      "dev": true,
-      "inBundle": true
-    },
-    "node_modules/npm/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/json-stringify-nice": {
-      "version": "1.1.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/npm/node_modules/json-stringify-safe": {
-      "version": "5.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/jsonparse": {
-      "version": "1.3.1",
-      "dev": true,
-      "engines": [
-        "node >= 0.2.0"
-      ],
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/jsprim": {
-      "version": "1.4.1",
-      "dev": true,
-      "engines": [
-        "node >=0.6.0"
-      ],
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "1.0.0",
-        "extsprintf": "1.3.0",
-        "json-schema": "0.2.3",
-        "verror": "1.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/just-diff": {
-      "version": "3.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/just-diff-apply": {
-      "version": "3.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/libnpmaccess": {
-      "version": "4.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "aproba": "^2.0.0",
-        "minipass": "^3.1.1",
-        "npm-package-arg": "^8.1.2",
-        "npm-registry-fetch": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmdiff": {
-      "version": "2.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/disparity-colors": "^1.0.1",
-        "@npmcli/installed-package-contents": "^1.0.7",
-        "binary-extensions": "^2.2.0",
-        "diff": "^5.0.0",
-        "minimatch": "^3.0.4",
-        "npm-package-arg": "^8.1.4",
-        "pacote": "^11.3.4",
-        "tar": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmexec": {
-      "version": "2.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/arborist": "^2.3.0",
-        "@npmcli/ci-detect": "^1.3.0",
-        "@npmcli/run-script": "^1.8.4",
-        "chalk": "^4.1.0",
-        "mkdirp-infer-owner": "^2.0.0",
-        "npm-package-arg": "^8.1.2",
-        "pacote": "^11.3.1",
-        "proc-log": "^1.0.0",
-        "read": "^1.0.7",
-        "read-package-json-fast": "^2.0.2",
-        "walk-up-path": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmfund": {
-      "version": "1.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/arborist": "^2.5.0"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmhook": {
-      "version": "6.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "aproba": "^2.0.0",
-        "npm-registry-fetch": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmorg": {
-      "version": "2.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "aproba": "^2.0.0",
-        "npm-registry-fetch": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmpack": {
-      "version": "2.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/run-script": "^1.8.3",
-        "npm-package-arg": "^8.1.0",
-        "pacote": "^11.2.6"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmpublish": {
-      "version": "4.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "normalize-package-data": "^3.0.2",
-        "npm-package-arg": "^8.1.2",
-        "npm-registry-fetch": "^11.0.0",
-        "semver": "^7.1.3",
-        "ssri": "^8.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmsearch": {
-      "version": "3.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "npm-registry-fetch": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmteam": {
-      "version": "2.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "aproba": "^2.0.0",
-        "npm-registry-fetch": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/libnpmversion": {
-      "version": "1.2.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/git": "^2.0.7",
-        "@npmcli/run-script": "^1.8.4",
-        "json-parse-even-better-errors": "^2.3.1",
-        "semver": "^7.3.5",
-        "stringify-package": "^1.0.1"
-      }
-    },
-    "node_modules/npm/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/make-fetch-happen": {
-      "version": "9.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "agentkeepalive": "^4.1.3",
-        "cacache": "^15.2.0",
-        "http-cache-semantics": "^4.1.0",
-        "http-proxy-agent": "^4.0.1",
-        "https-proxy-agent": "^5.0.0",
-        "is-lambda": "^1.0.1",
-        "lru-cache": "^6.0.0",
-        "minipass": "^3.1.3",
-        "minipass-collect": "^1.0.2",
-        "minipass-fetch": "^1.3.2",
-        "minipass-flush": "^1.0.5",
-        "minipass-pipeline": "^1.2.4",
-        "negotiator": "^0.6.2",
-        "promise-retry": "^2.0.1",
-        "socks-proxy-agent": "^6.0.0",
-        "ssri": "^8.0.0"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/npm/node_modules/mime-db": {
-      "version": "1.49.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/npm/node_modules/mime-types": {
-      "version": "2.1.32",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.49.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/npm/node_modules/minimatch": {
-      "version": "3.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/npm/node_modules/minipass": {
-      "version": "3.1.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/minipass-collect": {
-      "version": "1.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/npm/node_modules/minipass-fetch": {
-      "version": "1.4.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "minipass": "^3.1.0",
-        "minipass-sized": "^1.0.3",
-        "minizlib": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "optionalDependencies": {
-        "encoding": "^0.1.12"
-      }
-    },
-    "node_modules/npm/node_modules/minipass-flush": {
-      "version": "1.0.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/npm/node_modules/minipass-json-stream": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "jsonparse": "^1.3.1",
-        "minipass": "^3.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/minipass-pipeline": {
-      "version": "1.2.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/minipass-sized": {
-      "version": "1.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/npm/node_modules/minizlib": {
-      "version": "2.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "minipass": "^3.0.0",
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/npm/node_modules/mkdirp": {
-      "version": "1.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/mkdirp-infer-owner": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "chownr": "^2.0.0",
-        "infer-owner": "^1.0.4",
-        "mkdirp": "^1.0.3"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/ms": {
-      "version": "2.1.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/mute-stream": {
-      "version": "0.0.8",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/negotiator": {
-      "version": "0.6.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/npm/node_modules/node-gyp": {
-      "version": "7.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "env-paths": "^2.2.0",
-        "glob": "^7.1.4",
-        "graceful-fs": "^4.2.3",
-        "nopt": "^5.0.0",
-        "npmlog": "^4.1.2",
-        "request": "^2.88.2",
-        "rimraf": "^3.0.2",
-        "semver": "^7.3.2",
-        "tar": "^6.0.2",
-        "which": "^2.0.2"
-      },
-      "bin": {
-        "node-gyp": "bin/node-gyp.js"
-      },
-      "engines": {
-        "node": ">= 10.12.0"
-      }
-    },
-    "node_modules/npm/node_modules/node-gyp/node_modules/aproba": {
-      "version": "1.2.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/node-gyp/node_modules/gauge": {
-      "version": "2.7.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "aproba": "^1.0.3",
-        "console-control-strings": "^1.0.0",
-        "has-unicode": "^2.0.0",
-        "object-assign": "^4.1.0",
-        "signal-exit": "^3.0.0",
-        "string-width": "^1.0.1",
-        "strip-ansi": "^3.0.1",
-        "wide-align": "^1.1.0"
-      }
-    },
-    "node_modules/npm/node_modules/node-gyp/node_modules/is-fullwidth-code-point": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "number-is-nan": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/node-gyp/node_modules/npmlog": {
-      "version": "4.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "are-we-there-yet": "~1.1.2",
-        "console-control-strings": "~1.1.0",
-        "gauge": "~2.7.3",
-        "set-blocking": "~2.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/node-gyp/node_modules/string-width": {
-      "version": "1.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "code-point-at": "^1.0.0",
-        "is-fullwidth-code-point": "^1.0.0",
-        "strip-ansi": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/nopt": {
-      "version": "5.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "abbrev": "1"
-      },
-      "bin": {
-        "nopt": "bin/nopt.js"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/npm/node_modules/normalize-package-data": {
-      "version": "3.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "is-core-module": "^2.5.0",
-        "semver": "^7.3.4",
-        "validate-npm-package-license": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/npm-audit-report": {
-      "version": "2.1.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "chalk": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/npm-bundled": {
-      "version": "1.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "npm-normalize-package-bin": "^1.0.1"
-      }
-    },
-    "node_modules/npm/node_modules/npm-install-checks": {
-      "version": "4.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-2-Clause",
-      "dependencies": {
-        "semver": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/npm-normalize-package-bin": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/npm-package-arg": {
-      "version": "8.1.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "hosted-git-info": "^4.0.1",
-        "semver": "^7.3.4",
-        "validate-npm-package-name": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/npm-packlist": {
-      "version": "2.2.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.6",
-        "ignore-walk": "^3.0.3",
-        "npm-bundled": "^1.1.1",
-        "npm-normalize-package-bin": "^1.0.1"
-      },
-      "bin": {
-        "npm-packlist": "bin/index.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/npm-pick-manifest": {
-      "version": "6.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "npm-install-checks": "^4.0.0",
-        "npm-normalize-package-bin": "^1.0.1",
-        "npm-package-arg": "^8.1.2",
-        "semver": "^7.3.4"
-      }
-    },
-    "node_modules/npm/node_modules/npm-profile": {
-      "version": "5.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "npm-registry-fetch": "^11.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/npm-registry-fetch": {
-      "version": "11.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "make-fetch-happen": "^9.0.1",
-        "minipass": "^3.1.3",
-        "minipass-fetch": "^1.3.0",
-        "minipass-json-stream": "^1.0.1",
-        "minizlib": "^2.0.0",
-        "npm-package-arg": "^8.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/npm-user-validate": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-2-Clause"
-    },
-    "node_modules/npm/node_modules/npmlog": {
-      "version": "5.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "are-we-there-yet": "^2.0.0",
-        "console-control-strings": "^1.1.0",
-        "gauge": "^3.0.0",
-        "set-blocking": "^2.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/npmlog/node_modules/are-we-there-yet": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "delegates": "^1.0.0",
-        "readable-stream": "^3.6.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/number-is-nan": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/oauth-sign": {
-      "version": "0.9.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/npm/node_modules/object-assign": {
-      "version": "4.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/once": {
-      "version": "1.4.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/npm/node_modules/opener": {
-      "version": "1.5.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "(WTFPL OR MIT)",
-      "bin": {
-        "opener": "bin/opener-bin.js"
-      }
-    },
-    "node_modules/npm/node_modules/p-map": {
-      "version": "4.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "aggregate-error": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/npm/node_modules/pacote": {
-      "version": "11.3.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "@npmcli/git": "^2.1.0",
-        "@npmcli/installed-package-contents": "^1.0.6",
-        "@npmcli/promise-spawn": "^1.2.0",
-        "@npmcli/run-script": "^1.8.2",
-        "cacache": "^15.0.5",
-        "chownr": "^2.0.0",
-        "fs-minipass": "^2.1.0",
-        "infer-owner": "^1.0.4",
-        "minipass": "^3.1.3",
-        "mkdirp": "^1.0.3",
-        "npm-package-arg": "^8.0.1",
-        "npm-packlist": "^2.1.4",
-        "npm-pick-manifest": "^6.0.0",
-        "npm-registry-fetch": "^11.0.0",
-        "promise-retry": "^2.0.1",
-        "read-package-json-fast": "^2.0.1",
-        "rimraf": "^3.0.2",
-        "ssri": "^8.0.1",
-        "tar": "^6.1.0"
-      },
-      "bin": {
-        "pacote": "lib/bin.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/parse-conflict-json": {
-      "version": "1.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "json-parse-even-better-errors": "^2.3.0",
-        "just-diff": "^3.0.1",
-        "just-diff-apply": "^3.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/npm/node_modules/performance-now": {
-      "version": "2.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/proc-log": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/promise-all-reject-late": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/npm/node_modules/promise-call-limit": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/npm/node_modules/promise-inflight": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/promise-retry": {
-      "version": "2.0.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "err-code": "^2.0.2",
-        "retry": "^0.12.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/promzard": {
-      "version": "0.3.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "read": "1"
-      }
-    },
-    "node_modules/npm/node_modules/psl": {
-      "version": "1.8.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/punycode": {
-      "version": "2.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/npm/node_modules/qrcode-terminal": {
-      "version": "0.12.0",
-      "dev": true,
-      "inBundle": true,
-      "bin": {
-        "qrcode-terminal": "bin/qrcode-terminal.js"
-      }
-    },
-    "node_modules/npm/node_modules/qs": {
-      "version": "6.5.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/npm/node_modules/read": {
-      "version": "1.0.7",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "mute-stream": "~0.0.4"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/npm/node_modules/read-cmd-shim": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/read-package-json": {
-      "version": "4.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "normalize-package-data": "^3.0.0",
-        "npm-normalize-package-bin": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/read-package-json-fast": {
-      "version": "2.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "json-parse-even-better-errors": "^2.3.0",
-        "npm-normalize-package-bin": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/readable-stream": {
-      "version": "3.6.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/npm/node_modules/readdir-scoped-modules": {
-      "version": "1.1.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "debuglog": "^1.0.1",
-        "dezalgo": "^1.0.0",
-        "graceful-fs": "^4.1.2",
-        "once": "^1.3.0"
-      }
-    },
-    "node_modules/npm/node_modules/request": {
-      "version": "2.88.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "aws-sign2": "~0.7.0",
-        "aws4": "^1.8.0",
-        "caseless": "~0.12.0",
-        "combined-stream": "~1.0.6",
-        "extend": "~3.0.2",
-        "forever-agent": "~0.6.1",
-        "form-data": "~2.3.2",
-        "har-validator": "~5.1.3",
-        "http-signature": "~1.2.0",
-        "is-typedarray": "~1.0.0",
-        "isstream": "~0.1.2",
-        "json-stringify-safe": "~5.0.1",
-        "mime-types": "~2.1.19",
-        "oauth-sign": "~0.9.0",
-        "performance-now": "^2.1.0",
-        "qs": "~6.5.2",
-        "safe-buffer": "^5.1.2",
-        "tough-cookie": "~2.5.0",
-        "tunnel-agent": "^0.6.0",
-        "uuid": "^3.3.2"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/npm/node_modules/request/node_modules/form-data": {
-      "version": "2.3.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.6",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 0.12"
-      }
-    },
-    "node_modules/npm/node_modules/request/node_modules/tough-cookie": {
-      "version": "2.5.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "psl": "^1.1.28",
-        "punycode": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
-    "node_modules/npm/node_modules/retry": {
-      "version": "0.12.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 4"
-      }
-    },
-    "node_modules/npm/node_modules/rimraf": {
-      "version": "3.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/npm/node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "dev": true,
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.34.8.tgz",
+      "integrity": "sha512-q217OSE8DTp8AFHuNHXo0Y86e1wtlfVrXiAlwkIvGRQv9zbc6mE3sjIVfwI8sYUyNxwOg0j/Vm1RKM04JcWLJw==",
+      "cpu": [
+        "arm"
       ],
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT"
-    },
-    "node_modules/npm/node_modules/semver": {
-      "version": "7.3.5",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/npm/node_modules/set-blocking": {
-      "version": "2.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/signal-exit": {
-      "version": "3.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/smart-buffer": {
-      "version": "4.2.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6.0.0",
-        "npm": ">= 3.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/socks": {
-      "version": "2.6.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "MIT",
-      "dependencies": {
-        "ip": "^1.1.5",
-        "smart-buffer": "^4.1.0"
-      },
-      "engines": {
-        "node": ">= 10.13.0",
-        "npm": ">= 3.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/socks-proxy-agent": {
-      "version": "6.1.0",
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "agent-base": "^6.0.2",
-        "debug": "^4.3.1",
-        "socks": "^2.6.1"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/npm/node_modules/spdx-correct": {
-      "version": "3.1.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/spdx-exceptions": {
-      "version": "2.3.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "CC-BY-3.0"
+      "optional": true,
+      "os": [
+        "android"
+      ]
     },
-    "node_modules/npm/node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.34.8.tgz",
+      "integrity": "sha512-Gigjz7mNWaOL9wCggvoK3jEIUUbGul656opstjaUSGC3eT0BM7PofdAJaBfPFWWkXNVAXbaQtC99OCg4sJv70Q==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
-      }
-    },
-    "node_modules/npm/node_modules/spdx-license-ids": {
-      "version": "3.0.10",
-      "dev": true,
-      "inBundle": true,
-      "license": "CC0-1.0"
+      "optional": true,
+      "os": [
+        "android"
+      ]
     },
-    "node_modules/npm/node_modules/sshpk": {
-      "version": "1.16.1",
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.34.8.tgz",
+      "integrity": "sha512-02rVdZ5tgdUNRxIUrFdcMBZQoaPMrxtwSb+/hOfBdqkatYHR3lZ2A2EGyHq2sGOd0Owk80oV3snlDASC24He3Q==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "asn1": "~0.2.3",
-        "assert-plus": "^1.0.0",
-        "bcrypt-pbkdf": "^1.0.0",
-        "dashdash": "^1.12.0",
-        "ecc-jsbn": "~0.1.1",
-        "getpass": "^0.1.1",
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.0.2",
-        "tweetnacl": "~0.14.0"
-      },
-      "bin": {
-        "sshpk-conv": "bin/sshpk-conv",
-        "sshpk-sign": "bin/sshpk-sign",
-        "sshpk-verify": "bin/sshpk-verify"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "node_modules/npm/node_modules/ssri": {
-      "version": "8.0.1",
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.34.8.tgz",
+      "integrity": "sha512-qIP/elwR/tq/dYRx3lgwK31jkZvMiD6qUtOycLhTzCvrjbZ3LjQnEM9rNhSGpbLXVJYQ3rq39A6Re0h9tU2ynw==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "minipass": "^3.1.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
     },
-    "node_modules/npm/node_modules/string_decoder": {
-      "version": "1.3.0",
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.34.8.tgz",
+      "integrity": "sha512-IQNVXL9iY6NniYbTaOKdrlVP3XIqazBgJOVkddzJlqnCpRi/yAeSOa8PLcECFSQochzqApIOE1GHNu3pCz+BDA==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.2.0"
-      }
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
     },
-    "node_modules/npm/node_modules/string-width": {
-      "version": "2.1.1",
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.34.8.tgz",
+      "integrity": "sha512-TYXcHghgnCqYFiE3FT5QwXtOZqDj5GmaFNTNt3jNC+vh22dc/ukG2cG+pi75QO4kACohZzidsq7yKTKwq/Jq7Q==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
     },
-    "node_modules/npm/node_modules/string-width/node_modules/ansi-regex": {
-      "version": "3.0.0",
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.34.8.tgz",
+      "integrity": "sha512-A4iphFGNkWRd+5m3VIGuqHnG3MVnqKe7Al57u9mwgbyZ2/xF9Jio72MaY7xxh+Y87VAHmGQr73qoKL9HPbXj1g==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/string-width/node_modules/strip-ansi": {
-      "version": "4.0.0",
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.34.8.tgz",
+      "integrity": "sha512-S0lqKLfTm5u+QTxlFiAnb2J/2dgQqRy/XvziPtDd1rKZFXHTyYLoVL58M/XFwDI01AQCDIevGLbQrMAtdyanpA==",
+      "cpu": [
+        "arm"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/stringify-package": {
-      "version": "1.0.1",
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.34.8.tgz",
+      "integrity": "sha512-jpz9YOuPiSkL4G4pqKrus0pn9aYwpImGkosRKwNi+sJSkz+WU3anZe6hi73StLOQdfXYXC7hUfsQlTnjMd3s1A==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "ISC"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/strip-ansi": {
-      "version": "3.0.1",
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.34.8.tgz",
+      "integrity": "sha512-KdSfaROOUJXgTVxJNAZ3KwkRc5nggDk+06P6lgi1HLv1hskgvxHUKZ4xtwHkVYJ1Rep4GNo+uEfycCRRxht7+Q==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/supports-color": {
-      "version": "7.2.0",
+    "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.34.8.tgz",
+      "integrity": "sha512-NyF4gcxwkMFRjgXBM6g2lkT58OWztZvw5KkV2K0qqSnUEqCVcqdh2jN4gQrTn/YUpAcNKyFHfoOZEer9nwo6uQ==",
+      "cpu": [
+        "loong64"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/tar": {
-      "version": "6.1.11",
+    "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.34.8.tgz",
+      "integrity": "sha512-LMJc999GkhGvktHU85zNTDImZVUCJ1z/MbAJTnviiWmmjyckP5aQsHtcujMjpNdMZPT2rQEDBlJfubhs3jsMfw==",
+      "cpu": [
+        "ppc64"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "chownr": "^2.0.0",
-        "fs-minipass": "^2.0.0",
-        "minipass": "^3.0.0",
-        "minizlib": "^2.1.1",
-        "mkdirp": "^1.0.3",
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 10"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/text-table": {
-      "version": "0.2.0",
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.34.8.tgz",
+      "integrity": "sha512-xAQCAHPj8nJq1PI3z8CIZzXuXCstquz7cIOL73HHdXiRcKk8Ywwqtx2wrIy23EcTn4aZ2fLJNBB8d0tQENPCmw==",
+      "cpu": [
+        "riscv64"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/tiny-relative-date": {
-      "version": "1.3.0",
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.34.8.tgz",
+      "integrity": "sha512-DdePVk1NDEuc3fOe3dPPTb+rjMtuFw89gw6gVWxQFAuEqqSdDKnrwzZHrUYdac7A7dXl9Q2Vflxpme15gUWQFA==",
+      "cpu": [
+        "s390x"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/treeverse": {
-      "version": "1.0.4",
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.34.8.tgz",
+      "integrity": "sha512-8y7ED8gjxITUltTUEJLQdgpbPh1sUQ0kMTmufRF/Ns5tI9TNMNlhWtmPKKHCU0SilX+3MJkZ0zERYYGIVBYHIA==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "ISC"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/tunnel-agent": {
-      "version": "0.6.0",
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.34.8.tgz",
+      "integrity": "sha512-SCXcP0ZpGFIe7Ge+McxY5zKxiEI5ra+GT3QRxL0pMMtxPfpyLAKleZODi1zdRHkz5/BhueUrYtYVgubqe9JBNQ==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "safe-buffer": "^5.0.1"
-      },
-      "engines": {
-        "node": "*"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
     },
-    "node_modules/npm/node_modules/tweetnacl": {
-      "version": "0.14.5",
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.34.8.tgz",
+      "integrity": "sha512-YHYsgzZgFJzTRbth4h7Or0m5O74Yda+hLin0irAIobkLQFRQd1qWmnoVfwmKm9TXIZVAD0nZ+GEb2ICicLyCnQ==",
+      "cpu": [
+        "arm64"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "Unlicense"
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/npm/node_modules/typedarray-to-buffer": {
-      "version": "3.1.5",
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.34.8.tgz",
+      "integrity": "sha512-r3NRQrXkHr4uWy5TOjTpTYojR9XmF0j/RYgKCef+Ag46FWUTltm5ziticv8LdNsDMehjJ543x/+TJAek/xBA2w==",
+      "cpu": [
+        "ia32"
+      ],
       "dev": true,
-      "inBundle": true,
       "license": "MIT",
-      "dependencies": {
-        "is-typedarray": "^1.0.0"
-      }
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/npm/node_modules/unique-filename": {
-      "version": "1.1.1",
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.34.8.tgz",
+      "integrity": "sha512-U0FaE5O1BCpZSeE6gBl3c5ObhePQSfk9vDRToMmTkbhCOgW4jqvtS5LGyQ76L1fH8sM0keRp4uDTsbjiUyjk0g==",
+      "cpu": [
+        "x64"
+      ],
       "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "unique-slug": "^2.0.0"
-      }
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
     },
-    "node_modules/npm/node_modules/unique-slug": {
-      "version": "2.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
+    "node_modules/@standard-schema/utils": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz",
+      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
+      "license": "MIT"
+    },
+    "node_modules/@storybook/addons": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/addons/-/addons-6.5.16.tgz",
+      "integrity": "sha512-p3DqQi+8QRL5k7jXhXmJZLsE/GqHqyY6PcoA1oNTJr0try48uhTGUOYkgzmqtDaa/qPFO5LP+xCPzZXckGtquQ==",
+      "license": "MIT",
       "dependencies": {
-        "imurmurhash": "^0.1.4"
+        "@storybook/api": "6.5.16",
+        "@storybook/channels": "6.5.16",
+        "@storybook/client-logger": "6.5.16",
+        "@storybook/core-events": "6.5.16",
+        "@storybook/csf": "0.0.2--canary.4566f4d.1",
+        "@storybook/router": "6.5.16",
+        "@storybook/theming": "6.5.16",
+        "@types/webpack-env": "^1.16.0",
+        "core-js": "^3.8.2",
+        "global": "^4.4.0",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/npm/node_modules/uri-js": {
-      "version": "4.4.1",
-      "dev": true,
-      "inBundle": true,
-      "license": "BSD-2-Clause",
+    "node_modules/@storybook/addons/node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "license": "MIT"
+    },
+    "node_modules/@storybook/api": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/api/-/api-6.5.16.tgz",
+      "integrity": "sha512-HOsuT8iomqeTMQJrRx5U8nsC7lJTwRr1DhdD0SzlqL4c80S/7uuCy4IZvOt4sYQjOzW5fOo/kamcoBXyLproTA==",
+      "license": "MIT",
       "dependencies": {
-        "punycode": "^2.1.0"
+        "@storybook/channels": "6.5.16",
+        "@storybook/client-logger": "6.5.16",
+        "@storybook/core-events": "6.5.16",
+        "@storybook/csf": "0.0.2--canary.4566f4d.1",
+        "@storybook/router": "6.5.16",
+        "@storybook/semver": "^7.3.2",
+        "@storybook/theming": "6.5.16",
+        "core-js": "^3.8.2",
+        "fast-deep-equal": "^3.1.3",
+        "global": "^4.4.0",
+        "lodash": "^4.17.21",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7",
+        "store2": "^2.12.0",
+        "telejson": "^6.0.8",
+        "ts-dedent": "^2.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/npm/node_modules/util-deprecate": {
-      "version": "1.0.2",
-      "dev": true,
-      "inBundle": true,
+    "node_modules/@storybook/api/node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
       "license": "MIT"
     },
-    "node_modules/npm/node_modules/uuid": {
-      "version": "3.4.0",
-      "dev": true,
-      "inBundle": true,
+    "node_modules/@storybook/channels": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/channels/-/channels-6.5.16.tgz",
+      "integrity": "sha512-VylzaWQZaMozEwZPJdyJoz+0jpDa8GRyaqu9TGG6QGv+KU5POoZaGLDkRE7TzWkyyP0KQLo80K99MssZCpgSeg==",
       "license": "MIT",
-      "bin": {
-        "uuid": "bin/uuid"
+      "dependencies": {
+        "core-js": "^3.8.2",
+        "ts-dedent": "^2.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/npm/node_modules/validate-npm-package-license": {
-      "version": "3.0.4",
-      "dev": true,
-      "inBundle": true,
-      "license": "Apache-2.0",
+    "node_modules/@storybook/client-logger": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/client-logger/-/client-logger-6.5.16.tgz",
+      "integrity": "sha512-pxcNaCj3ItDdicPTXTtmYJE3YC1SjxFrBmHcyrN+nffeNyiMuViJdOOZzzzucTUG0wcOOX8jaSyak+nnHg5H1Q==",
+      "license": "MIT",
       "dependencies": {
-        "spdx-correct": "^3.0.0",
-        "spdx-expression-parse": "^3.0.0"
+        "core-js": "^3.8.2",
+        "global": "^4.4.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/npm/node_modules/validate-npm-package-name": {
-      "version": "3.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
+    "node_modules/@storybook/core-events": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/core-events/-/core-events-6.5.16.tgz",
+      "integrity": "sha512-qMZQwmvzpH5F2uwNUllTPg6eZXr2OaYZQRRN8VZJiuorZzDNdAFmiVWMWdkThwmyLEJuQKXxqCL8lMj/7PPM+g==",
+      "license": "MIT",
       "dependencies": {
-        "builtins": "^1.0.3"
+        "core-js": "^3.8.2"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
       }
     },
-    "node_modules/npm/node_modules/verror": {
-      "version": "1.10.0",
-      "dev": true,
-      "engines": [
-        "node >=0.6.0"
-      ],
-      "inBundle": true,
+    "node_modules/@storybook/csf": {
+      "version": "0.0.2--canary.4566f4d.1",
+      "resolved": "https://registry.npmjs.org/@storybook/csf/-/csf-0.0.2--canary.4566f4d.1.tgz",
+      "integrity": "sha512-9OVvMVh3t9znYZwb0Svf/YQoxX2gVOeQTGe2bses2yj+a3+OJnCrUF3/hGv6Em7KujtOdL2LL+JnG49oMVGFgQ==",
       "license": "MIT",
       "dependencies": {
-        "assert-plus": "^1.0.0",
-        "core-util-is": "1.0.2",
-        "extsprintf": "^1.2.0"
+        "lodash": "^4.17.15"
       }
     },
-    "node_modules/npm/node_modules/walk-up-path": {
-      "version": "1.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/wcwidth": {
-      "version": "1.0.1",
-      "dev": true,
-      "inBundle": true,
+    "node_modules/@storybook/router": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/router/-/router-6.5.16.tgz",
+      "integrity": "sha512-ZgeP8a5YV/iuKbv31V8DjPxlV4AzorRiR8OuSt/KqaiYXNXlOoQDz/qMmiNcrshrfLpmkzoq7fSo4T8lWo2UwQ==",
       "license": "MIT",
       "dependencies": {
-        "defaults": "^1.0.3"
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "qs": "^6.10.0",
+        "regenerator-runtime": "^0.13.7"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/npm/node_modules/which": {
-      "version": "2.0.2",
-      "dev": true,
-      "inBundle": true,
+    "node_modules/@storybook/router/node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "license": "MIT"
+    },
+    "node_modules/@storybook/semver": {
+      "version": "7.3.2",
+      "resolved": "https://registry.npmjs.org/@storybook/semver/-/semver-7.3.2.tgz",
+      "integrity": "sha512-SWeszlsiPsMI0Ps0jVNtH64cI5c0UF3f7KgjVKJoNP30crQ6wUSddY2hsdeczZXEKVJGEn50Q60flcGsQGIcrg==",
       "license": "ISC",
       "dependencies": {
-        "isexe": "^2.0.0"
+        "core-js": "^3.6.5",
+        "find-up": "^4.1.0"
       },
       "bin": {
-        "node-which": "bin/node-which"
+        "semver": "bin/semver.js"
       },
       "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/npm/node_modules/wide-align": {
-      "version": "1.1.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^1.0.2 || 2"
-      }
-    },
-    "node_modules/npm/node_modules/wrappy": {
-      "version": "1.0.2",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/npm/node_modules/write-file-atomic": {
-      "version": "3.0.3",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC",
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "is-typedarray": "^1.0.0",
-        "signal-exit": "^3.0.2",
-        "typedarray-to-buffer": "^3.1.5"
+        "node": ">=10"
       }
     },
-    "node_modules/npm/node_modules/yallist": {
-      "version": "4.0.0",
-      "dev": true,
-      "inBundle": true,
-      "license": "ISC"
-    },
-    "node_modules/nth-check": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
-      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+    "node_modules/@storybook/semver/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "license": "MIT",
       "dependencies": {
-        "boolbase": "^1.0.0"
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
       },
-      "funding": {
-        "url": "https://github.com/fb55/nth-check?sponsor=1"
-      }
-    },
-    "node_modules/nwsapi": {
-      "version": "2.2.16",
-      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.16.tgz",
-      "integrity": "sha512-F1I/bimDpj3ncaNDhfyMWuFqmQDBwDB0Fogc2qpL3BWvkQteFD/8BzWuIRl83rq0DXfm8SGt/HFhLXZyljTXcQ=="
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
-    "node_modules/object-hash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
-      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+    "node_modules/@storybook/semver/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
       "engines": {
-        "node": ">= 6"
+        "node": ">=8"
       }
     },
-    "node_modules/object-inspect": {
-      "version": "1.13.3",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.3.tgz",
-      "integrity": "sha512-kDCGIbxkDSXE3euJZZXzc6to7fCrKHNI/hSRQnRuQ+BWjFNzZwiFF8fj/6o2t2G9/jTj8PSIYTfCLelLZEeRpA==",
+    "node_modules/@storybook/semver/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "license": "MIT",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=6"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/object-is": {
-      "version": "1.1.6",
-      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
-      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+    "node_modules/@storybook/semver/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1"
+        "p-limit": "^2.2.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8"
+      }
+    },
+    "node_modules/@storybook/theming": {
+      "version": "6.5.16",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-6.5.16.tgz",
+      "integrity": "sha512-hNLctkjaYLRdk1+xYTkC1mg4dYz2wSv6SqbLpcKMbkPHTE0ElhddGPHQqB362md/w9emYXNkt1LSMD8Xk9JzVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/client-logger": "6.5.16",
+        "core-js": "^3.8.2",
+        "memoizerific": "^1.11.3",
+        "regenerator-runtime": "^0.13.7"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/object-keys": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
-      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "engines": {
-        "node": ">= 0.4"
-      }
+    "node_modules/@storybook/theming/node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+      "license": "MIT"
     },
-    "node_modules/object.assign": {
-      "version": "4.1.7",
-      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
-      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0",
-        "has-symbols": "^1.1.0",
-        "object-keys": "^1.1.1"
-      },
+    "node_modules/@svgr/babel-plugin-add-jsx-attribute": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz",
+      "integrity": "sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.entries": {
-      "version": "1.1.8",
-      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.8.tgz",
-      "integrity": "sha512-cmopxi8VwRIAw/fkijJohSfpef5PdN0pMQJN6VC/ZKvn0LIknWD8KtgY6KlQdEc4tIjcQ3HxSMmnvtzIscdaYQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
       },
-      "engines": {
-        "node": ">= 0.4"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/object.fromentries": {
-      "version": "2.0.8",
-      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
-      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0"
-      },
+    "node_modules/@svgr/babel-plugin-remove-jsx-attribute": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz",
+      "integrity": "sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/object.getownpropertydescriptors": {
-      "version": "2.1.8",
-      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz",
-      "integrity": "sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A==",
-      "dependencies": {
-        "array.prototype.reduce": "^1.0.6",
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2",
-        "es-object-atoms": "^1.0.0",
-        "gopd": "^1.0.1",
-        "safe-array-concat": "^1.1.2"
-      },
+    "node_modules/@svgr/babel-plugin-remove-jsx-empty-expression": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz",
+      "integrity": "sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.8"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/object.groupby": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
-      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.2"
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
       },
-      "engines": {
-        "node": ">= 0.4"
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/object.values": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
-      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
+    "node_modules/@svgr/babel-plugin-replace-jsx-attribute-value": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz",
+      "integrity": "sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/obuf": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
-      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg=="
-    },
-    "node_modules/omit.js": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/omit.js/-/omit.js-2.0.2.tgz",
-      "integrity": "sha512-hJmu9D+bNB40YpL9jYebQl4lsTW6yEHRTroJzNLqQJYHm7c+NQnJGfZmIWh8S3q3KoaxV1aLhV6B3+0N0/kyJg=="
-    },
-    "node_modules/on-finished": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
+    "node_modules/@svgr/babel-plugin-svg-dynamic-title": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz",
+      "integrity": "sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.8"
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/on-headers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
-      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+    "node_modules/@svgr/babel-plugin-svg-em-dimensions": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz",
+      "integrity": "sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dependencies": {
-        "wrappy": "1"
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/onetime": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
-      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
-      "dependencies": {
-        "mimic-fn": "^2.1.0"
-      },
+    "node_modules/@svgr/babel-plugin-transform-react-native-svg": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz",
+      "integrity": "sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/open": {
-      "version": "8.4.2",
-      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
-      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
-      "dependencies": {
-        "define-lazy-prop": "^2.0.0",
-        "is-docker": "^2.1.1",
-        "is-wsl": "^2.2.0"
-      },
+    "node_modules/@svgr/babel-plugin-transform-svg-component": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz",
+      "integrity": "sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/opencollective-postinstall": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
-      "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==",
+    "node_modules/@svgr/babel-preset": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/babel-preset/-/babel-preset-8.1.0.tgz",
+      "integrity": "sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==",
       "dev": true,
-      "bin": {
-        "opencollective-postinstall": "index.js"
-      }
-    },
-    "node_modules/optionator": {
-      "version": "0.9.4",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
-      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "license": "MIT",
       "dependencies": {
-        "deep-is": "^0.1.3",
-        "fast-levenshtein": "^2.0.6",
-        "levn": "^0.4.1",
-        "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0",
-        "word-wrap": "^1.2.5"
+        "@svgr/babel-plugin-add-jsx-attribute": "8.0.0",
+        "@svgr/babel-plugin-remove-jsx-attribute": "8.0.0",
+        "@svgr/babel-plugin-remove-jsx-empty-expression": "8.0.0",
+        "@svgr/babel-plugin-replace-jsx-attribute-value": "8.0.0",
+        "@svgr/babel-plugin-svg-dynamic-title": "8.0.0",
+        "@svgr/babel-plugin-svg-em-dimensions": "8.0.0",
+        "@svgr/babel-plugin-transform-react-native-svg": "8.1.0",
+        "@svgr/babel-plugin-transform-svg-component": "8.0.0"
       },
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/ora": {
-      "version": "5.4.1",
-      "resolved": "https://registry.npmjs.org/ora/-/ora-5.4.1.tgz",
-      "integrity": "sha512-5b6Y85tPxZZ7QytO+BQzysW31HJku27cRIlkbAXaNx+BdcVi+LlRFmVXzeF6a7JCwJpyw5c4b+YSVImQIrBpuQ==",
+    "node_modules/@svgr/core": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/core/-/core-8.1.0.tgz",
+      "integrity": "sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "bl": "^4.1.0",
-        "chalk": "^4.1.0",
-        "cli-cursor": "^3.1.0",
-        "cli-spinners": "^2.5.0",
-        "is-interactive": "^1.0.0",
-        "is-unicode-supported": "^0.1.0",
-        "log-symbols": "^4.1.0",
-        "strip-ansi": "^6.0.0",
-        "wcwidth": "^1.0.1"
+        "@babel/core": "^7.21.3",
+        "@svgr/babel-preset": "8.1.0",
+        "camelcase": "^6.2.0",
+        "cosmiconfig": "^8.1.3",
+        "snake-case": "^3.0.4"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
       }
     },
-    "node_modules/orderedmap": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
-      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g=="
-    },
-    "node_modules/os-tmpdir": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
-      "integrity": "sha512-D2FR03Vir7FIu45XBY20mTb+/ZSWB00sjU9jdQXt83gDrI4Ztz5Fs7/yy74g2N5SVQY4xY1qDr4rNddwYRVX0g==",
+    "node_modules/@svgr/hast-util-to-babel-ast": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz",
+      "integrity": "sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.21.3",
+        "entities": "^4.4.0"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=14"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
       }
     },
-    "node_modules/p-each-series": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-each-series/-/p-each-series-2.2.0.tgz",
-      "integrity": "sha512-ycIL2+1V32th+8scbpTvyHNaHe02z0sjgh91XXjAk+ZeXoPN4Z46DVUnzdso0aX4KckKw0FNNFHdjZ2UsZvxiA==",
+    "node_modules/@svgr/plugin-jsx": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz",
+      "integrity": "sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.21.3",
+        "@svgr/babel-preset": "8.1.0",
+        "@svgr/hast-util-to-babel-ast": "8.0.0",
+        "svg-parser": "^2.0.4"
+      },
       "engines": {
-        "node": ">=8"
+        "node": ">=14"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/gregberge"
+      },
+      "peerDependencies": {
+        "@svgr/core": "*"
       }
     },
-    "node_modules/p-filter": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/p-filter/-/p-filter-2.1.0.tgz",
-      "integrity": "sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==",
-      "dev": true,
+    "node_modules/@tailwindcss/node": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.0.17.tgz",
+      "integrity": "sha512-LIdNwcqyY7578VpofXyqjH6f+3fP4nrz7FBLki5HpzqjYfXdF2m/eW18ZfoKePtDGg90Bvvfpov9d2gy5XVCbg==",
+      "license": "MIT",
       "dependencies": {
-        "p-map": "^2.0.0"
+        "enhanced-resolve": "^5.18.1",
+        "jiti": "^2.4.2",
+        "tailwindcss": "4.0.17"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.0.17.tgz",
+      "integrity": "sha512-B4OaUIRD2uVrULpAD1Yksx2+wNarQr2rQh65nXqaqbLY1jCd8fO+3KLh/+TH4Hzh2NTHQvgxVbPdUDOtLk7vAw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
       },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.0.17",
+        "@tailwindcss/oxide-darwin-arm64": "4.0.17",
+        "@tailwindcss/oxide-darwin-x64": "4.0.17",
+        "@tailwindcss/oxide-freebsd-x64": "4.0.17",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.0.17",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.0.17",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.0.17",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.0.17",
+        "@tailwindcss/oxide-linux-x64-musl": "4.0.17",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.0.17",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.0.17"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.0.17.tgz",
+      "integrity": "sha512-3RfO0ZK64WAhop+EbHeyxGThyDr/fYhxPzDbEQjD2+v7ZhKTb2svTWy+KK+J1PHATus2/CQGAGp7pHY/8M8ugg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-filter/node_modules/p-map": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
-      "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==",
-      "dev": true,
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.0.17.tgz",
+      "integrity": "sha512-e1uayxFQCCDuzTk9s8q7MC5jFN42IY7nzcr5n0Mw/AcUHwD6JaBkXnATkD924ZsHyPDvddnusIEvkgLd2CiREg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=6"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-is-promise": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-3.0.0.tgz",
-      "integrity": "sha512-Wo8VsW4IRQSKVXsJCn7TomUaVtyfjVDn3nUP7kE967BQk0CwFpdbZs0X0uk5sW9mkBa9eNM7hCMaG93WUAwxYQ==",
-      "dev": true,
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.0.17.tgz",
+      "integrity": "sha512-d6z7HSdOKfXQ0HPlVx1jduUf/YtBuCCtEDIEFeBCzgRRtDsUuRtofPqxIVaSCUTOk5+OfRLonje6n9dF6AH8wQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-limit": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
-      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.0.17.tgz",
+      "integrity": "sha512-EjrVa6lx3wzXz3l5MsdOGtYIsRjgs5Mru6lDv4RuiXpguWeOb3UzGJ7vw7PEzcFadKNvNslEQqoAABeMezprxQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
       "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-locate": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
-      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
-      "dependencies": {
-        "p-limit": "^2.2.0"
-      },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.0.17.tgz",
+      "integrity": "sha512-65zXfCOdi8wuaY0Ye6qMR5LAXokHYtrGvo9t/NmxvSZtCCitXV/gzJ/WP5ksXPhff1SV5rov0S+ZIZU+/4eyCQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-map": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
-      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
-      "dev": true,
-      "dependencies": {
-        "aggregate-error": "^3.0.0"
-      },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.0.17.tgz",
+      "integrity": "sha512-+aaq6hJ8ioTdbJV5IA1WjWgLmun4T7eYLTvJIToiXLHy5JzUERRbIZjAcjgK9qXMwnvuu7rqpxzej+hGoEcG5g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-queue": {
-      "version": "7.4.1",
-      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-7.4.1.tgz",
-      "integrity": "sha512-vRpMXmIkYF2/1hLBKisKeVYJZ8S2tZ0zEAmIJgdVKP2nq0nh4qCdf8bgw+ZgKrkh71AOCaqzwbJJk1WtdcF3VA==",
-      "dependencies": {
-        "eventemitter3": "^5.0.1",
-        "p-timeout": "^5.0.2"
-      },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.0.17.tgz",
+      "integrity": "sha512-/FhWgZCdUGAeYHYnZKekiOC0aXFiBIoNCA0bwzkICiMYS5Rtx2KxFfMUXQVnl4uZRblG5ypt5vpPhVaXgGk80w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-reduce": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/p-reduce/-/p-reduce-2.1.0.tgz",
-      "integrity": "sha512-2USApvnsutq8uoxZBGbbWM0JIYLiEMJ9RlaN7fAzVNb9OZN0SHjjTTfIcb667XynS5Y1VhwDJVDa72TnPzAYWw==",
-      "dev": true,
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.0.17.tgz",
+      "integrity": "sha512-gELJzOHK6GDoIpm/539Golvk+QWZjxQcbkKq9eB2kzNkOvrP0xc5UPgO9bIMNt1M48mO8ZeNenCMGt6tfkvVBg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-retry": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.1.tgz",
-      "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==",
-      "dependencies": {
-        "@types/retry": "0.12.2",
-        "is-network-error": "^1.0.0",
-        "retry": "^0.13.1"
-      },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.0.17.tgz",
+      "integrity": "sha512-68NwxcJrZn94IOW4TysMIbYv5AlM6So1luTlbYUDIGnKma1yTFGBRNEJ+SacJ3PZE2rgcTBNRHX1TB4EQ/XEHw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=16.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-timeout": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-5.1.0.tgz",
-      "integrity": "sha512-auFDyzzzGZZZdHz3BtET9VEz0SE/uMEAx7uWfGPucfzEwwe/xH0iVeZibQmANYE/hp9T2+UUZT5m+BKyrDp3Ew==",
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.0.17.tgz",
+      "integrity": "sha512-AkBO8efP2/7wkEXkNlXzRD4f/7WerqKHlc6PWb5v0jGbbm22DFBLbIM19IJQ3b+tNewQZa+WnPOaGm0SmwMNjw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 10"
       }
     },
-    "node_modules/p-try": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
-      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.0.17.tgz",
+      "integrity": "sha512-7/DTEvXcoWlqX0dAlcN0zlmcEu9xSermuo7VNGX9tJ3nYMdo735SHvbrHDln1+LYfF6NhJ3hjbpbjkMOAGmkDg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=6"
+        "node": ">= 10"
       }
     },
-    "node_modules/package-json-from-dist": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-      "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="
-    },
-    "node_modules/param-case": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
-      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.0.17.tgz",
+      "integrity": "sha512-HJbBYDlDVg5cvYZzECb6xwc1IDCEM3uJi3hEZp3BjZGCNGJcTsnCpan+z+VMW0zo6gR0U6O6ElqU1OoZ74Dhww==",
+      "license": "MIT",
       "dependencies": {
-        "dot-case": "^3.0.4",
-        "tslib": "^2.0.3"
+        "@tailwindcss/node": "4.0.17",
+        "@tailwindcss/oxide": "4.0.17",
+        "lightningcss": "1.29.2",
+        "tailwindcss": "4.0.17"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6"
       }
     },
-    "node_modules/parent-module": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
-      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+    "node_modules/@tippyjs/react": {
+      "version": "4.2.6",
+      "resolved": "https://registry.npmjs.org/@tippyjs/react/-/react-4.2.6.tgz",
+      "integrity": "sha512-91RicDR+H7oDSyPycI13q3b7o4O60wa2oRbjlz2fyRLmHImc4vyDwuUP8NtZaN0VARJY5hybvDYrFzhY9+Lbyw==",
+      "license": "MIT",
       "dependencies": {
-        "callsites": "^3.0.0"
+        "tippy.js": "^6.3.1"
       },
-      "engines": {
-        "node": ">=6"
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
       }
     },
-    "node_modules/parse-json": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
-      "dependencies": {
-        "@babel/code-frame": "^7.0.0",
-        "error-ex": "^1.3.1",
-        "json-parse-even-better-errors": "^2.3.0",
-        "lines-and-columns": "^1.1.6"
-      },
-      "engines": {
-        "node": ">=8"
-      },
+    "node_modules/@tiptap/core": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-2.3.1.tgz",
+      "integrity": "sha512-ycpQlmczAOc05TgB5sc3RUTEEBXAVmS8MR9PqQzg96qidaRfVkgE+2w4k7t83PMHl2duC0MGqOCy96pLYwSpeg==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/pm": "^2.0.0"
       }
     },
-    "node_modules/parse-passwd": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
-      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+    "node_modules/@tiptap/extension-blockquote": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-2.11.5.tgz",
+      "integrity": "sha512-MZfcRIzKRD8/J1hkt/eYv49060GTL6qGR3NY/oTDuw2wYzbQXXLEbjk8hxAtjwNn7G+pWQv3L+PKFzZDxibLuA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/parse5": {
-      "version": "7.2.1",
-      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.2.1.tgz",
-      "integrity": "sha512-BuBYQYlv1ckiPdQi/ohiivi9Sagc9JG+Ozs0r7b/0iK3sKmrb0b9FdWdBbOdx6hBCM/F9Ir82ofnBhtZOjCRPQ==",
-      "dev": true,
-      "dependencies": {
-        "entities": "^4.5.0"
-      },
+    "node_modules/@tiptap/extension-bold": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-2.11.5.tgz",
+      "integrity": "sha512-OAq03MHEbl7MtYCUzGuwb0VpOPnM0k5ekMbEaRILFU5ZC7cEAQ36XmPIw1dQayrcuE8GZL35BKub2qtRxyC9iA==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/parse5-htmlparser2-tree-adapter": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.1.0.tgz",
-      "integrity": "sha512-ruw5xyKs6lrpo9x9rCZqZZnIUntICjQAd0Wsmp396Ul9lN/h+ifgVV1x1gZHi8euej6wTfpqX8j+BFQxF0NS/g==",
-      "dev": true,
+    "node_modules/@tiptap/extension-bubble-menu": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-2.11.5.tgz",
+      "integrity": "sha512-rx+rMd7EEdht5EHLWldpkzJ56SWYA9799b33ustePqhXd6linnokJCzBqY13AfZ9+xp3RsR6C0ZHI9GGea0tIA==",
+      "license": "MIT",
       "dependencies": {
-        "domhandler": "^5.0.3",
-        "parse5": "^7.0.0"
+        "tippy.js": "^6.3.7"
       },
       "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
       }
     },
-    "node_modules/parse5-parser-stream": {
-      "version": "7.1.2",
-      "resolved": "https://registry.npmjs.org/parse5-parser-stream/-/parse5-parser-stream-7.1.2.tgz",
-      "integrity": "sha512-JyeQc9iwFLn5TbvvqACIF/VXG6abODeB3Fwmv/TGdLk2LfbWkaySGY72at4+Ty7EkPZj854u4CrICqNk2qIbow==",
-      "dev": true,
-      "dependencies": {
-        "parse5": "^7.0.0"
+    "node_modules/@tiptap/extension-bullet-list": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-2.11.5.tgz",
+      "integrity": "sha512-VXwHlX6A/T6FAspnyjbKDO0TQ+oetXuat6RY1/JxbXphH42nLuBaGWJ6pgy6xMl6XY8/9oPkTNrfJw/8/eeRwA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
+      }
+    },
+    "node_modules/@tiptap/extension-character-count": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-character-count/-/extension-character-count-2.3.1.tgz",
+      "integrity": "sha512-9aYj1K7uejPm+U0kaviECC+p0bWhIo2ld2x9FFvw4RJF7UlULAz8kiS55WhHBpLiv6OdAIuQH8SwVDLNac5/yQ==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/inikulin/parse5?sponsor=1"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0",
+        "@tiptap/pm": "^2.0.0"
       }
     },
-    "node_modules/parseurl": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "engines": {
-        "node": ">= 0.8"
+    "node_modules/@tiptap/extension-code": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-2.11.5.tgz",
+      "integrity": "sha512-xOvHevNIQIcCCVn9tpvXa1wBp0wHN/2umbAZGTVzS+AQtM7BTo0tz8IyzwxkcZJaImONcUVYLOLzt2AgW1LltA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/pascal-case": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
-      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
-      "dependencies": {
-        "no-case": "^3.0.4",
-        "tslib": "^2.0.3"
+    "node_modules/@tiptap/extension-code-block": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-2.11.5.tgz",
+      "integrity": "sha512-ksxMMvqLDlC+ftcQLynqZMdlJT1iHYZorXsXw/n+wuRd7YElkRkd6YWUX/Pq/njFY6lDjKiqFLEXBJB8nrzzBA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
       }
     },
-    "node_modules/path-exists": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
-      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
-      "engines": {
-        "node": ">=8"
+    "node_modules/@tiptap/extension-code-block-lowlight": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block-lowlight/-/extension-code-block-lowlight-2.3.1.tgz",
+      "integrity": "sha512-cITugRxTy2/HM2csvjpAnCYBp1Z+A+dXLpNic1QzcXvTTjxTw7V4dtOE7ymmiMHlsAOKQLeWkkgc6W0pPES6IA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0",
+        "@tiptap/extension-code-block": "^2.0.0",
+        "@tiptap/pm": "^2.0.0"
       }
     },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "engines": {
-        "node": ">=0.10.0"
+    "node_modules/@tiptap/extension-color": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-color/-/extension-color-2.3.1.tgz",
+      "integrity": "sha512-a127akyS3nMbcLKzZ02l/rHUP5BlCmbma6vYJNjRk6Srd1DlhXCIynMZJr7Bzgngq9KNLGQha2uxbPr7me3xAA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0",
+        "@tiptap/extension-text-style": "^2.0.0"
       }
     },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "engines": {
-        "node": ">=8"
+    "node_modules/@tiptap/extension-document": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-2.3.1.tgz",
+      "integrity": "sha512-uWYbzAV95JnetFBduWRI9n2QbQfmznQ7I6XzfZxuTAO2KcWGvHPBS7F00COO9Y67FZAPMbuQ1njtCJK0nClOPw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    "node_modules/@tiptap/extension-dropcursor": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-2.11.5.tgz",
+      "integrity": "sha512-uIN7L3FU0904ec7FFFbndO7RQE/yiON4VzAMhNn587LFMyWO8US139HXIL4O8dpZeYwYL3d1FnDTflZl6CwLlg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
+      }
     },
-    "node_modules/path-scurry": {
-      "version": "1.11.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
-      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+    "node_modules/@tiptap/extension-floating-menu": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-2.11.5.tgz",
+      "integrity": "sha512-HsMI0hV5Lwzm530Z5tBeyNCBNG38eJ3qjfdV2OHlfSf3+KOEfn6a5AUdoNaZO02LF79/8+7BaYU2drafag9cxQ==",
+      "license": "MIT",
       "dependencies": {
-        "lru-cache": "^10.2.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.18"
+        "tippy.js": "^6.3.7"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
       }
     },
-    "node_modules/path-scurry/node_modules/lru-cache": {
-      "version": "10.4.3",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
-    },
-    "node_modules/path-to-regexp": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.0.0.tgz",
-      "integrity": "sha512-GAWaqWlTjYK/7SVpIUA6CTxmcg65SP30sbjdCvyYReosRkk7Z/LyHWwkK3Vu0FcIi0FNTADUs4eh1AsU5s10cg==",
-      "engines": {
-        "node": ">=16"
+    "node_modules/@tiptap/extension-gapcursor": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-2.11.5.tgz",
+      "integrity": "sha512-kcWa+Xq9cb6lBdiICvLReuDtz/rLjFKHWpW3jTTF3FiP3wx4H8Rs6bzVtty7uOVTfwupxZRiKICAMEU6iT0xrQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
       }
     },
-    "node_modules/path-type": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "engines": {
-        "node": ">=8"
+    "node_modules/@tiptap/extension-hard-break": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-2.11.5.tgz",
+      "integrity": "sha512-q9doeN+Yg9F5QNTG8pZGYfNye3tmntOwch683v0CCVCI4ldKaLZ0jG3NbBTq+mosHYdgOH2rNbIORlRRsQ+iYQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/performance-now": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
-      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
-    },
-    "node_modules/picocolors": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
-      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
-    },
-    "node_modules/picomatch": {
+    "node_modules/@tiptap/extension-heading": {
       "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "engines": {
-        "node": ">=8.6"
-      },
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-2.3.1.tgz",
+      "integrity": "sha512-epdIrg1xpuk5ApnNyM/NJO1dhVZgD7kDPem6QH4fug5UJtCueze942yNzUhCuvckmIegfdferAb1p4ug4674ig==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/pify": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
-      "integrity": "sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
+    "node_modules/@tiptap/extension-highlight": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-highlight/-/extension-highlight-2.3.1.tgz",
+      "integrity": "sha512-BWetu1jqHVsl6bZMaZM8VZYtHC6JBM2CRgI7R8GnKKDM8aSxK0P7CHCZLs4dGwOPlFVjE/nCjwdKd+GUUkeaQg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/pirates": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
-      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "engines": {
-        "node": ">= 6"
+    "node_modules/@tiptap/extension-history": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-history/-/extension-history-2.11.5.tgz",
+      "integrity": "sha512-b+wOS33Dz1azw6F1i9LFTEIJ/gUui0Jwz5ZvmVDpL2ZHBhq1Ui0/spTT+tuZOXq7Y/uCbKL8Liu4WoedIvhboQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
       }
     },
-    "node_modules/pkg-conf": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/pkg-conf/-/pkg-conf-2.1.0.tgz",
-      "integrity": "sha512-C+VUP+8jis7EsQZIhDYmS5qlNtjv2yP4SNtjXK9AP1ZcTRlnSfuumaTnRfYZnYgUUYVIKqL0fRvmUGDV2fmp6g==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^2.0.0",
-        "load-json-file": "^4.0.0"
+    "node_modules/@tiptap/extension-horizontal-rule": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-2.11.5.tgz",
+      "integrity": "sha512-3up2r1Du8/5/4ZYzTC0DjTwhgPI3dn8jhOCLu73m5F3OGvK/9whcXoeWoX103hYMnGDxBlfOje71yQuN35FL4A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
-      "engines": {
-        "node": ">=4"
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0",
+        "@tiptap/pm": "^2.7.0"
       }
     },
-    "node_modules/pkg-conf/node_modules/find-up": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
-      "integrity": "sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^2.0.0"
+    "node_modules/@tiptap/extension-image": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-image/-/extension-image-2.3.1.tgz",
+      "integrity": "sha512-3RhVBySQA2LbftWhtZ0p2Mqf9lihNAYs3uQ3iyaB+BYViQiHyVpui09Wny0BwNy0oV6ryUWjBifko2Z1AZgANw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
-      "engines": {
-        "node": ">=4"
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/pkg-conf/node_modules/locate-path": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
-      "integrity": "sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^2.0.0",
-        "path-exists": "^3.0.0"
+    "node_modules/@tiptap/extension-italic": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-2.11.5.tgz",
+      "integrity": "sha512-9VGfb2/LfPhQ6TjzDwuYLRvw0A6VGbaIp3F+5Mql8XVdTBHb2+rhELbyhNGiGVR78CaB/EiKb6dO9xu/tBWSYA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
-      "engines": {
-        "node": ">=4"
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/pkg-conf/node_modules/p-limit": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
-      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
-      "dev": true,
+    "node_modules/@tiptap/extension-link": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-2.3.1.tgz",
+      "integrity": "sha512-VE54iLwWcPldqZl7a4E/pmGD7waCWS//VT8jxTuFUroTouIzT+OjB9DQAXMkrRiaz+na3I8Jie1yBE+zYB0gvQ==",
+      "license": "MIT",
       "dependencies": {
-        "p-try": "^1.0.0"
+        "linkifyjs": "^4.1.0"
       },
-      "engines": {
-        "node": ">=4"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0",
+        "@tiptap/pm": "^2.0.0"
       }
     },
-    "node_modules/pkg-conf/node_modules/p-locate": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
-      "integrity": "sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^1.1.0"
+    "node_modules/@tiptap/extension-list-item": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-2.11.5.tgz",
+      "integrity": "sha512-Mp5RD/pbkfW1vdc6xMVxXYcta73FOwLmblQlFNn/l/E5/X1DUSA4iGhgDDH4EWO3swbs03x2f7Zka/Xoj3+WLg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
-      "engines": {
-        "node": ">=4"
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/pkg-conf/node_modules/p-try": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
-      "integrity": "sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
+    "node_modules/@tiptap/extension-ordered-list": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-2.11.5.tgz",
+      "integrity": "sha512-Cu8KwruBNWAaEfshRQR0yOSaUKAeEwxW7UgbvF9cN/zZuKgK5uZosPCPTehIFCcRe+TBpRtZQh+06f/gNYpYYg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/pkg-conf/node_modules/path-exists": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
-      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
+    "node_modules/@tiptap/extension-paragraph": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-2.11.5.tgz",
+      "integrity": "sha512-YFBWeg7xu/sBnsDIF/+nh9Arf7R0h07VZMd0id5Ydd2Qe3c1uIZwXxeINVtH0SZozuPIQFAT8ICe9M0RxmE+TA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/pkg-dir": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-5.0.0.tgz",
-      "integrity": "sha512-NPE8TDbzl/3YQYY7CSS228s3g2ollTFnc+Qi3tqmqJp9Vg2ovUpixcJEo2HJScN2Ez+kEaal6y70c0ehqJBJeA==",
-      "dev": true,
-      "dependencies": {
-        "find-up": "^5.0.0"
+    "node_modules/@tiptap/extension-strike": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-2.11.5.tgz",
+      "integrity": "sha512-PVfUiCqrjvsLpbIoVlegSY8RlkR64F1Rr2RYmiybQfGbg+AkSZXDeO0eIrc03//4gua7D9DfIozHmAKv1KN3ow==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
-      "engines": {
-        "node": ">=10"
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/pkg-dir/node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
-      "dev": true,
-      "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
+    "node_modules/@tiptap/extension-subscript": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-subscript/-/extension-subscript-2.3.1.tgz",
+      "integrity": "sha512-fTe7/U/1iteoa/cci0Ya7KLuf5VFTrthizzCoWiUiv08C2AJSHTLEURtljmiZ6iA37P8l6FvgzS/ZXTOZ/1o2A==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/pkg-dir/node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
-      "dev": true,
-      "dependencies": {
-        "p-locate": "^5.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
+    "node_modules/@tiptap/extension-superscript": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-superscript/-/extension-superscript-2.3.1.tgz",
+      "integrity": "sha512-xAFgiW39zlHhzoyrcdiLTqmE/jRexJof7jhChCxHTt5DqOZxWS+1JPcn47XY+Ho0W0CpqiO5JuhO3i/5gs5Llw==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/pkg-dir/node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
-      "dev": true,
-      "dependencies": {
-        "yocto-queue": "^0.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
+    "node_modules/@tiptap/extension-text": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-2.11.5.tgz",
+      "integrity": "sha512-Gq1WwyhFpCbEDrLPIHt5A8aLSlf8bfz4jm417c8F/JyU0J5dtYdmx0RAxjnLw1i7ZHE7LRyqqAoS0sl7JHDNSQ==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.7.0"
       }
     },
-    "node_modules/pkg-dir/node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
-      "dev": true,
-      "dependencies": {
-        "p-limit": "^3.0.2"
-      },
-      "engines": {
-        "node": ">=10"
+    "node_modules/@tiptap/extension-text-align": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-align/-/extension-text-align-2.3.1.tgz",
+      "integrity": "sha512-EhV8xuCKdy0abZNALW0AwgqK3KeFzUFmRiKETTkfZb9Y2Jqz8HVGJT8EAAIMfEMkO9AaRMoGRIDMCx3vQsiJlw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
+      }
+    },
+    "node_modules/@tiptap/extension-text-style": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text-style/-/extension-text-style-2.3.1.tgz",
+      "integrity": "sha512-eXtuf3AqcOv28BM0dO4lbBNnvM1fo4WWuT+/s1YV5Ovex3T5OS7PsPuR/9p5AD4NuX9QvNrV+eM02mcNzaTBWw==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/pkg-up": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz",
-      "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==",
-      "dependencies": {
-        "find-up": "^3.0.0"
+    "node_modules/@tiptap/extension-typography": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-typography/-/extension-typography-2.3.1.tgz",
+      "integrity": "sha512-7TWpU2nvCqz1RGldnsocviUvMpzBqm6zowV0+ecRaXSBI/bDui5tK5kf6fhYrxtb4WF2vGF9C6Wr4tF7Mx8OIw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
-      "engines": {
-        "node": ">=8"
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/pkg-up/node_modules/find-up": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
-      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
-      "dependencies": {
-        "locate-path": "^3.0.0"
+    "node_modules/@tiptap/extension-underline": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-2.3.1.tgz",
+      "integrity": "sha512-xgLGr7bM5OAKagUKdL5dWxJHgwEp2fk3D5XCVUBwqgeOZtOFteoqPzb/2617w7qrP+9oM9zRjw6z27hM8YxyvQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
-      "engines": {
-        "node": ">=6"
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0"
       }
     },
-    "node_modules/pkg-up/node_modules/locate-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
-      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+    "node_modules/@tiptap/pm": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-2.11.5.tgz",
+      "integrity": "sha512-z9JFtqc5ZOsdQLd9vRnXfTCQ8v5ADAfRt9Nm7SqP6FUHII8E1hs38ACzf5xursmth/VonJYb5+73Pqxk1hGIPw==",
+      "license": "MIT",
       "dependencies": {
-        "p-locate": "^3.0.0",
-        "path-exists": "^3.0.0"
+        "prosemirror-changeset": "^2.2.1",
+        "prosemirror-collab": "^1.3.1",
+        "prosemirror-commands": "^1.6.2",
+        "prosemirror-dropcursor": "^1.8.1",
+        "prosemirror-gapcursor": "^1.3.2",
+        "prosemirror-history": "^1.4.1",
+        "prosemirror-inputrules": "^1.4.0",
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-markdown": "^1.13.1",
+        "prosemirror-menu": "^1.2.4",
+        "prosemirror-model": "^1.23.0",
+        "prosemirror-schema-basic": "^1.2.3",
+        "prosemirror-schema-list": "^1.4.1",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-tables": "^1.6.3",
+        "prosemirror-trailing-node": "^3.0.0",
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.37.0"
       },
-      "engines": {
-        "node": ">=6"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       }
     },
-    "node_modules/pkg-up/node_modules/p-locate": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
-      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+    "node_modules/@tiptap/react": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@tiptap/react/-/react-2.0.4.tgz",
+      "integrity": "sha512-NcrZL4Tu3+1Xfj/us5AOD7+kJhwYo2XViOB2iRRnfwS80PUtiLWDis6o3ngMGot/jBWzaMn4gofXnMWHtFdIAw==",
+      "license": "MIT",
       "dependencies": {
-        "p-limit": "^2.0.0"
+        "@tiptap/extension-bubble-menu": "^2.0.4",
+        "@tiptap/extension-floating-menu": "^2.0.4"
       },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pkg-up/node_modules/path-exists": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
-      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
-      "engines": {
-        "node": ">=4"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0",
+        "@tiptap/pm": "^2.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/playwright": {
-      "version": "1.49.1",
-      "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.49.1.tgz",
-      "integrity": "sha512-VYL8zLoNTBxVOrJBbDuRgDWa3i+mfQgDTrL8Ah9QXZ7ax4Dsj0MSq5bYgytRnDVVe+njoKnfsYkH3HzqVj5UZA==",
+    "node_modules/@tiptap/starter-kit": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-2.3.1.tgz",
+      "integrity": "sha512-VGk1o5y5f2ZHKkvP2WNj8BH7FGak0d0cjxQiXP1n5w8eS0vFnTkCz3JbCPM+KTKobsBmxd2vSC3ElgP9E9d2xw==",
+      "license": "MIT",
       "dependencies": {
-        "playwright-core": "1.49.1"
-      },
-      "bin": {
-        "playwright": "cli.js"
-      },
-      "engines": {
-        "node": ">=18"
+        "@tiptap/core": "^2.3.1",
+        "@tiptap/extension-blockquote": "^2.3.1",
+        "@tiptap/extension-bold": "^2.3.1",
+        "@tiptap/extension-bullet-list": "^2.3.1",
+        "@tiptap/extension-code": "^2.3.1",
+        "@tiptap/extension-code-block": "^2.3.1",
+        "@tiptap/extension-document": "^2.3.1",
+        "@tiptap/extension-dropcursor": "^2.3.1",
+        "@tiptap/extension-gapcursor": "^2.3.1",
+        "@tiptap/extension-hard-break": "^2.3.1",
+        "@tiptap/extension-heading": "^2.3.1",
+        "@tiptap/extension-history": "^2.3.1",
+        "@tiptap/extension-horizontal-rule": "^2.3.1",
+        "@tiptap/extension-italic": "^2.3.1",
+        "@tiptap/extension-list-item": "^2.3.1",
+        "@tiptap/extension-ordered-list": "^2.3.1",
+        "@tiptap/extension-paragraph": "^2.3.1",
+        "@tiptap/extension-strike": "^2.3.1",
+        "@tiptap/extension-text": "^2.3.1"
       },
-      "optionalDependencies": {
-        "fsevents": "2.3.2"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       }
     },
-    "node_modules/playwright-core": {
-      "version": "1.49.1",
-      "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.49.1.tgz",
-      "integrity": "sha512-BzmpVcs4kE2CH15rWfzpjzVGhWERJfmnXmniSyKeRZUs9Ws65m+RGIi7mjJK/euCegfn3i7jvqWeWyHe9y3Vgg==",
-      "bin": {
-        "playwright-core": "cli.js"
+    "node_modules/@tiptap/suggestion": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/@tiptap/suggestion/-/suggestion-2.3.1.tgz",
+      "integrity": "sha512-hfUIsC80QivPH833rlqh3x1RCOat2mE0SzR6m2Z1ZNZ86N5BrYDU8e8p81gR//4SlNBJ7BZGVWN3DXj+aAKs2A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
       },
-      "engines": {
-        "node": ">=18"
+      "peerDependencies": {
+        "@tiptap/core": "^2.0.0",
+        "@tiptap/pm": "^2.0.0"
       }
     },
-    "node_modules/please-upgrade-node": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/please-upgrade-node/-/please-upgrade-node-3.2.0.tgz",
-      "integrity": "sha512-gQR3WpIgNIKwBMVLkpMUeR3e1/E1y42bqDQZfql+kDeXd8COYfM8PQA4X6y7a8u9Ua9FHmsrrmirW2vHs45hWg==",
+    "node_modules/@transloadit/prettier-bytes": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@transloadit/prettier-bytes/-/prettier-bytes-0.3.5.tgz",
+      "integrity": "sha512-xF4A3d/ZyX2LJWeQZREZQw+qFX4TGQ8bGVP97OLRt6sPO6T0TNHBFTuRHOJh7RNmYOBmQ9MHxpolD9bXihpuVA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "semver-compare": "^1.0.0"
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
       }
     },
-    "node_modules/possible-typed-array-names": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
-      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
-      "engines": {
-        "node": ">= 0.4"
+    "node_modules/@types/babel__generator": {
+      "version": "7.6.8",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
+      "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
       }
     },
-    "node_modules/postcss": {
-      "version": "8.4.49",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
-      "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "nanoid": "^3.3.7",
-        "picocolors": "^1.1.1",
-        "source-map-js": "^1.2.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
       }
     },
-    "node_modules/postcss-attribute-case-insensitive": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-5.0.2.tgz",
-      "integrity": "sha512-XIidXV8fDr0kKt28vqki84fRK8VW8eTuIa4PChv2MqKuT6C9UjmSKzen6KaWhWEoYvwxFCa7n/tC1SZ3tyq4SQ==",
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.6",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz",
+      "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "postcss-selector-parser": "^6.0.10"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "@babel/types": "^7.20.7"
       }
     },
-    "node_modules/postcss-browser-comments": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz",
-      "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==",
-      "engines": {
-        "node": ">=8"
-      },
-      "peerDependencies": {
-        "browserslist": ">=4",
-        "postcss": ">=8"
-      }
+    "node_modules/@types/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==",
+      "license": "MIT"
     },
-    "node_modules/postcss-calc": {
-      "version": "8.2.4",
-      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-8.2.4.tgz",
-      "integrity": "sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q==",
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.9",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.2"
-      }
+    "node_modules/@types/deep-equal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@types/deep-equal/-/deep-equal-1.0.4.tgz",
+      "integrity": "sha512-tqdiS4otQP4KmY0PR3u6KbZ5EWvhNdUoS/jc93UuK23C220lOZ/9TvjfxdPcKvqwwDVtmtSCrnr0p/2dirAxkA==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/postcss-clamp": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-clamp/-/postcss-clamp-4.1.0.tgz",
-      "integrity": "sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": ">=7.6.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.6"
-      }
+    "node_modules/@types/estree": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/postcss-color-functional-notation": {
-      "version": "4.2.4",
-      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-4.2.4.tgz",
-      "integrity": "sha512-2yrTAUZUab9s6CpxkxC4rVgFEVaR6/2Pipvi6qcgvnYiVqZcbDHEoBDhrXzyb7Efh2CCfHQNtcqWcIruDTIUeg==",
+    "node_modules/@types/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/minimatch": "*",
+        "@types/node": "*"
       }
     },
-    "node_modules/postcss-color-hex-alpha": {
-      "version": "8.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-8.0.4.tgz",
-      "integrity": "sha512-nLo2DCRC9eE4w2JmuKgVA3fGL3d01kGq752pVALF68qpGLmx2Qrk91QTKkdUqqp45T1K1XV8IhQpcu1hoAQflQ==",
+    "node_modules/@types/hast": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/@types/hast/-/hast-2.3.10.tgz",
+      "integrity": "sha512-McWspRw8xx8J9HurkVBfYj0xKoE25tOFlHGdx4MJ5xORQrMGZNqJhVQWaIbm6Oyla5kYOXtDiopzKRJzEOkwJw==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
+        "@types/unist": "^2"
       }
     },
-    "node_modules/postcss-color-rebeccapurple": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-7.1.1.tgz",
-      "integrity": "sha512-pGxkuVEInwLHgkNxUc4sdg4g3py7zUeCQ9sMfwyHAT+Ezk8a4OaaVZ8lIY5+oNqA/BXXgLyXv0+5wHP68R79hg==",
+    "node_modules/@types/is-function": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@types/is-function/-/is-function-1.0.3.tgz",
+      "integrity": "sha512-/CLhCW79JUeLKznI6mbVieGbl4QU5Hfn+6udw1YHZoofASjbQ5zaP5LzAUZYDpRYEjS4/P+DhEgyJ/PQmGGTWw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
       }
     },
-    "node_modules/postcss-colormin": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-5.3.1.tgz",
-      "integrity": "sha512-UsWQG0AqTFQmpBegeLLc1+c3jIqBNB0zlDGRWR+dQ3pRKJL1oeMzyqmH3o2PIfn9MBdNrVPWhDbT769LxCTLJQ==",
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/minimatch": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz",
+      "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.13.5",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.13.5.tgz",
+      "integrity": "sha512-+lTU0PxZXn0Dr1NBtC7Y8cR21AJr87dLLU953CWA6pMxxv/UDc7jYAY90upcrie1nRcD6XNG5HOYEDtgW5TxAg==",
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.21.4",
-        "caniuse-api": "^3.0.0",
-        "colord": "^2.9.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "undici-types": "~6.20.0"
       }
     },
-    "node_modules/postcss-convert-values": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz",
-      "integrity": "sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA==",
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
+      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/qrcode.react": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@types/qrcode.react/-/qrcode.react-1.0.5.tgz",
+      "integrity": "sha512-BghPtnlwvrvq8QkGa1H25YnN+5OIgCKFuQruncGWLGJYOzeSKiix/4+B9BtfKF2wf5ja8yfyWYA3OXju995G8w==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.21.4",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@types/react": "*"
       }
     },
-    "node_modules/postcss-custom-media": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-8.0.2.tgz",
-      "integrity": "sha512-7yi25vDAoHAkbhAzX9dHx2yc6ntS4jQvejrNcC+csQJAXjj15e7VcWfMgLqBNAbOvqi5uIa9huOVwdHbf+sKqg==",
+    "node_modules/@types/react": {
+      "version": "19.0.10",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.10.tgz",
+      "integrity": "sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.3"
+        "csstype": "^3.0.2"
       }
     },
-    "node_modules/postcss-custom-properties": {
-      "version": "12.1.11",
-      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-12.1.11.tgz",
-      "integrity": "sha512-0IDJYhgU8xDv1KY6+VgUwuQkVtmYzRwu+dMjnmdMafXYv86SWqfxkc7qdDvWS38vsjaEtv8e0vGOUQrAiMBLpQ==",
+    "node_modules/@types/react-color": {
+      "version": "3.0.13",
+      "resolved": "https://registry.npmjs.org/@types/react-color/-/react-color-3.0.13.tgz",
+      "integrity": "sha512-2c/9FZ4ixC5T3JzN0LP5Cke2Mf0MKOP2Eh0NPDPWmuVH3NjPyhEjqNMQpN1Phr5m74egAy+p2lYNAFrX1z9Yrg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@types/reactcss": "*"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*"
       }
     },
-    "node_modules/postcss-custom-selectors": {
-      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-6.0.3.tgz",
-      "integrity": "sha512-fgVkmyiWDwmD3JbpCmB45SvvlCD6z9CG6Ie6Iere22W5aHea6oWa7EM2bpnv2Fj3I94L3VbtvX9KqwSi5aFzSg==",
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.4"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
+    "node_modules/@types/react-dom": {
+      "version": "19.0.4",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.4.tgz",
+      "integrity": "sha512-4fSQ8vWFkg+TGhePfUzVmat3eC14TXYSsiiDSLI0dVLsrm9gZFABjPy/Qu6TKgl1tq1Bu1yDsuQgY3A3DOjCcg==",
+      "dev": true,
+      "license": "MIT",
       "peerDependencies": {
-        "postcss": "^8.3"
+        "@types/react": "^19.0.0"
       }
     },
-    "node_modules/postcss-dir-pseudo-class": {
-      "version": "6.0.5",
-      "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-6.0.5.tgz",
-      "integrity": "sha512-eqn4m70P031PF7ZQIvSgy9RSJ5uI2171O/OO/zcRNYpJbvaeKFUlar1aJ7rmgiQtbm0FSPsRewjpdS0Oew7MPA==",
+    "node_modules/@types/react-helmet": {
+      "version": "6.1.11",
+      "resolved": "https://registry.npmjs.org/@types/react-helmet/-/react-helmet-6.1.11.tgz",
+      "integrity": "sha512-0QcdGLddTERotCXo3VFlUSWO3ztraw8nZ6e3zJSgG7apwV5xt+pJUS8ewPBqT4NYB1optGLprNQzFleIY84u/g==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "postcss-selector-parser": "^6.0.10"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "@types/react": "*"
       }
     },
-    "node_modules/postcss-discard-comments": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz",
-      "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==",
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
+    "node_modules/@types/reactcss": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/@types/reactcss/-/reactcss-1.2.13.tgz",
+      "integrity": "sha512-gi3S+aUi6kpkF5vdhUsnkwbiSEIU/BEJyD7kBy2SudWBUuKmJk8AQKE0OVcQQeEy40Azh0lV6uynxlikYIJuwg==",
+      "dev": true,
+      "license": "MIT",
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@types/react": "*"
       }
     },
-    "node_modules/postcss-discard-duplicates": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz",
-      "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==",
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
-      }
+    "node_modules/@types/retry": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
+      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
+      "license": "MIT"
     },
-    "node_modules/postcss-discard-empty": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz",
-      "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==",
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
-      }
+    "node_modules/@types/tailwindcss": {
+      "version": "3.0.11",
+      "resolved": "https://registry.npmjs.org/@types/tailwindcss/-/tailwindcss-3.0.11.tgz",
+      "integrity": "sha512-PR+BOIrI+rxteHwFvkfIOty+PDJwTG4ute3alxSSXpF/xKpryO1room265m46Auyae0VwqUYs3PuVEOF9Oil3w==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/postcss-discard-overridden": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz",
-      "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==",
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
-      }
+    "node_modules/@types/unist": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.11.tgz",
+      "integrity": "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==",
+      "license": "MIT"
     },
-    "node_modules/postcss-double-position-gradients": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-3.1.2.tgz",
-      "integrity": "sha512-GX+FuE/uBR6eskOK+4vkXgT6pDkexLokPaz/AbJna9s5Kzp/yl488pKPjhy0obB475ovfT1Wv8ho7U/cHNaRgQ==",
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/webpack-env": {
+      "version": "1.18.8",
+      "resolved": "https://registry.npmjs.org/@types/webpack-env/-/webpack-env-1.18.8.tgz",
+      "integrity": "sha512-G9eAoJRMLjcvN4I08wB5I7YofOb/kaJNd5uoCMX+LbKXTPCF+ZIHuqTnFaK9Jz1rgs035f9JUPUhNFtqgucy/A==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.24.1.tgz",
+      "integrity": "sha512-ll1StnKtBigWIGqvYDVuDmXJHVH4zLVot1yQ4fJtLpL7qacwkxJc1T0bptqw+miBQ/QfUbhl1TcQ4accW5KUyA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
-        "postcss-value-parser": "^4.2.0"
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.24.1",
+        "@typescript-eslint/type-utils": "8.24.1",
+        "@typescript-eslint/utils": "8.24.1",
+        "@typescript-eslint/visitor-keys": "8.24.1",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
-        "node": "^12 || ^14 || >=16"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
-    "node_modules/postcss-env-function": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmjs.org/postcss-env-function/-/postcss-env-function-4.0.6.tgz",
-      "integrity": "sha512-kpA6FsLra+NqcFnL81TnsU+Z7orGtDTxcOhl6pwXeEq1yFPpRMkCDpHhrz8CFQDr/Wfm0jLiNQ1OsGGPjlqPwA==",
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.24.1.tgz",
+      "integrity": "sha512-Tqoa05bu+t5s8CTZFaGpCH2ub3QeT9YDkXbPd3uQ4SfsLoh1/vv2GEYAioPoxCWJJNsenXlC88tRjwoHNts1oQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
+        "@typescript-eslint/scope-manager": "8.24.1",
+        "@typescript-eslint/types": "8.24.1",
+        "@typescript-eslint/typescript-estree": "8.24.1",
+        "@typescript-eslint/visitor-keys": "8.24.1",
+        "debug": "^4.3.4"
       },
       "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
-    "node_modules/postcss-flexbugs-fixes": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz",
-      "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==",
-      "peerDependencies": {
-        "postcss": "^8.1.4"
-      }
-    },
-    "node_modules/postcss-focus-visible": {
-      "version": "6.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-6.0.4.tgz",
-      "integrity": "sha512-QcKuUU/dgNsstIK6HELFRT5Y3lbrMLEOwG+A4s5cA+fx3A3y/JTq3X9LaOj3OC3ALH0XqyrgQIgey/MIZ8Wczw==",
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.9"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "postcss": "^8.4"
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
-    "node_modules/postcss-focus-within": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-5.0.4.tgz",
-      "integrity": "sha512-vvjDN++C0mu8jz4af5d52CB184ogg/sSxAFS+oUJQq2SuCe7T5U2iIsVJtsCp2d6R4j0jr5+q3rPkBVZkXD9fQ==",
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.24.1.tgz",
+      "integrity": "sha512-OdQr6BNBzwRjNEXMQyaGyZzgg7wzjYKfX2ZBV3E04hUCBDv3GQCHiz9RpqdUIiVrMgJGkXm3tcEh4vFSHreS2Q==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "postcss-selector-parser": "^6.0.9"
+        "@typescript-eslint/types": "8.24.1",
+        "@typescript-eslint/visitor-keys": "8.24.1"
       },
       "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4"
-      }
-    },
-    "node_modules/postcss-font-variant": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
-      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
-      "peerDependencies": {
-        "postcss": "^8.1.0"
-      }
-    },
-    "node_modules/postcss-gap-properties": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz",
-      "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==",
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/postcss-image-set-function": {
-      "version": "4.0.7",
-      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-4.0.7.tgz",
-      "integrity": "sha512-9T2r9rsvYzm5ndsBE8WgtrMlIT7VbtTfE7b3BQnudUqnBcBo7L758oc+o+pdj/dUV0l5wjwSdjeOH2DZtfv8qw==",
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.24.1.tgz",
+      "integrity": "sha512-/Do9fmNgCsQ+K4rCz0STI7lYB4phTtEXqqCAs3gZW0pnK7lWNkvWd5iW545GSmApm4AzmQXmSqXPO565B4WVrw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
+        "@typescript-eslint/typescript-estree": "8.24.1",
+        "@typescript-eslint/utils": "8.24.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
-        "node": "^12 || ^14 || >=16"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
-      }
-    },
-    "node_modules/postcss-import": {
-      "version": "15.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
-      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "dependencies": {
-        "postcss-value-parser": "^4.0.0",
-        "read-cache": "^1.0.0",
-        "resolve": "^1.1.7"
-      },
-      "engines": {
-        "node": ">=14.0.0"
+        "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "postcss": "^8.0.0"
-      }
-    },
-    "node_modules/postcss-initial": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz",
-      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==",
-      "peerDependencies": {
-        "postcss": "^8.0.0"
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
-    "node_modules/postcss-js": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
-      "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "dependencies": {
-        "camelcase-css": "^2.0.1"
-      },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.24.1.tgz",
+      "integrity": "sha512-9kqJ+2DkUXiuhoiYIUvIYjGcwle8pcPpdlfkemGvTObzgmYfJ5d0Qm6jwb4NBXP9W1I5tss0VIAnWFumz3mC5A==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": "^12 || ^14 || >= 16"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
-      "peerDependencies": {
-        "postcss": "^8.4.21"
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/postcss-lab-function": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-4.2.1.tgz",
-      "integrity": "sha512-xuXll4isR03CrQsmxyz92LJB2xX9n+pZJ5jE9JgcnmsCammLyKdlzrBin+25dy6wIjfhJpKBAN80gsTlCgRk2w==",
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.24.1.tgz",
+      "integrity": "sha512-UPyy4MJ/0RE648DSKQe9g0VDSehPINiejjA6ElqnFaFIhI6ZEiZAkUI0D5MCk0bQcTf/LVqZStvQ6K4lPn/BRg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@csstools/postcss-progressive-custom-properties": "^1.1.0",
-        "postcss-value-parser": "^4.2.0"
+        "@typescript-eslint/types": "8.24.1",
+        "@typescript-eslint/visitor-keys": "8.24.1",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^2.0.1"
       },
       "engines": {
-        "node": "^12 || ^14 || >=16"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
-    "node_modules/postcss-load-config": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
-      "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "lilconfig": "^3.0.0",
-        "yaml": "^2.3.4"
-      },
-      "engines": {
-        "node": ">= 14"
-      },
-      "peerDependencies": {
-        "postcss": ">=8.0.9",
-        "ts-node": ">=9.0.0"
-      },
-      "peerDependenciesMeta": {
-        "postcss": {
-          "optional": true
-        },
-        "ts-node": {
-          "optional": true
-        }
+        "balanced-match": "^1.0.0"
       }
     },
-    "node_modules/postcss-load-config/node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
       "engines": {
-        "node": ">=14"
+        "node": ">=16 || 14 >=14.17"
       },
       "funding": {
-        "url": "https://github.com/sponsors/antonk52"
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/postcss-load-config/node_modules/yaml": {
-      "version": "2.6.1",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.1.tgz",
-      "integrity": "sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==",
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
       "bin": {
-        "yaml": "bin.mjs"
+        "semver": "bin/semver.js"
       },
       "engines": {
-        "node": ">= 14"
+        "node": ">=10"
       }
     },
-    "node_modules/postcss-loader": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-6.2.1.tgz",
-      "integrity": "sha512-WbbYpmAaKcux/P66bZ40bpWsBucjx/TTgVVzRZ9yUO8yQfVBlameJ0ZGVaPfH64hNSBh63a+ICP5nqOpBA0w+Q==",
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.24.1.tgz",
+      "integrity": "sha512-OOcg3PMMQx9EXspId5iktsI3eMaXVwlhC8BvNnX6B5w9a4dVgpkQZuU8Hy67TolKcl+iFWq0XX+jbDGN4xWxjQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "cosmiconfig": "^7.0.0",
-        "klona": "^2.0.5",
-        "semver": "^7.3.5"
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "8.24.1",
+        "@typescript-eslint/types": "8.24.1",
+        "@typescript-eslint/typescript-estree": "8.24.1"
       },
       "engines": {
-        "node": ">= 12.13.0"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
+        "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "postcss": "^7.0.0 || ^8.0.1",
-        "webpack": "^5.0.0"
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
-    "node_modules/postcss-loader/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.24.1.tgz",
+      "integrity": "sha512-EwVHlp5l+2vp8CoqJm9KikPZgi3gbdZAtabKT9KPShGeOcJhsv4Zdo3oc8T8I0uKEmYoU4ItyxbptjF08enaxg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
+        "@typescript-eslint/types": "8.24.1",
+        "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/postcss-loader/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "engines": {
-        "node": ">=10"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/postcss-logical": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz",
-      "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==",
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+    "node_modules/@uppy/aws-s3": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/@uppy/aws-s3/-/aws-s3-4.2.3.tgz",
+      "integrity": "sha512-5vNgTE85DLujOXpzC6KEwJHLSi8o96v4rwZxMvDWQuikvX4sGcGflYjBCsPaVDYUCiiDXuhI8f93zfwCUEwQ/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@uppy/companion-client": "^4.4.1",
+        "@uppy/utils": "^6.1.1"
       },
       "peerDependencies": {
-        "postcss": "^8.4"
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-media-minmax": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz",
-      "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==",
-      "engines": {
-        "node": ">=10.0.0"
+    "node_modules/@uppy/aws-s3-multipart": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@uppy/aws-s3-multipart/-/aws-s3-multipart-3.12.0.tgz",
+      "integrity": "sha512-l6/TlRjde/mP4LMFWdJIRBEUUceYXtAiNAHukfyzM3VbY3/+YrEJTAchsa4DrqAiyToJJu6b+xxvL2H46cDs3Q==",
+      "deprecated": "Use @uppy/aws-s3 instead.",
+      "license": "MIT",
+      "dependencies": {
+        "@uppy/companion-client": "^3.8.1",
+        "@uppy/utils": "^5.9.0"
       },
       "peerDependencies": {
-        "postcss": "^8.1.0"
+        "@uppy/core": "^3.12.0"
       }
     },
-    "node_modules/postcss-merge-longhand": {
-      "version": "5.1.7",
-      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz",
-      "integrity": "sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ==",
+    "node_modules/@uppy/aws-s3-multipart/node_modules/@uppy/companion-client": {
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@uppy/companion-client/-/companion-client-3.8.2.tgz",
+      "integrity": "sha512-WLjZ0Y6Fe7lzwU1YPvvQ/YqooejcgIZkT2TC39xr+QQ7Y1FwJECsyUdlKwgi1ee8TNpjoCrj3Q1Hjel/+p0VhA==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0",
-        "stylehacks": "^5.1.1"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "@uppy/utils": "^5.9.0",
+        "namespace-emitter": "^2.0.1",
+        "p-retry": "^6.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@uppy/core": "^3.13.1"
       }
     },
-    "node_modules/postcss-merge-rules": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-5.1.4.tgz",
-      "integrity": "sha512-0R2IuYpgU93y9lhVbO/OylTtKMVcHb67zjWIfCiKR9rWL3GUk1677LAqD/BcHizukdZEjT8Ru3oHRoAYoJy44g==",
+    "node_modules/@uppy/aws-s3-multipart/node_modules/@uppy/utils": {
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/@uppy/utils/-/utils-5.9.0.tgz",
+      "integrity": "sha512-9Ubddd3orCOLYjf0KobwgJ+aTrABSxk9t4X/QdM4qJHVZuMIftkaMplrViRUO+kvIBCXEZDIP2AmS060siDNGw==",
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.21.4",
-        "caniuse-api": "^3.0.0",
-        "cssnano-utils": "^3.1.0",
-        "postcss-selector-parser": "^6.0.5"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "lodash": "^4.17.21",
+        "preact": "^10.5.13"
       }
     },
-    "node_modules/postcss-minify-font-values": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz",
-      "integrity": "sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA==",
+    "node_modules/@uppy/companion-client": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/@uppy/companion-client/-/companion-client-4.4.1.tgz",
+      "integrity": "sha512-ardMacShsfzaIbqHEH48YlpzWZkBj1qhAj0Dvn3r31p9d0HA5xFUvAdLYrZ6ezKvZ0RcDbf0SB5qCrQMkjscXQ==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "@uppy/utils": "^6.1.1",
+        "namespace-emitter": "^2.0.1",
+        "p-retry": "^6.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-minify-gradients": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz",
-      "integrity": "sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw==",
+    "node_modules/@uppy/core": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@uppy/core/-/core-4.4.2.tgz",
+      "integrity": "sha512-df0fQtPEd5W/e5M/CWIXQb/O0rBb+LCz4HTN5Bkqm0UDzW2JFR9mrxnL0dfh3ikVlUq+9vNjAeBr9P0aluIiFg==",
+      "license": "MIT",
       "dependencies": {
-        "colord": "^2.9.1",
-        "cssnano-utils": "^3.1.0",
-        "postcss-value-parser": "^4.2.0"
+        "@transloadit/prettier-bytes": "^0.3.4",
+        "@uppy/store-default": "^4.2.0",
+        "@uppy/utils": "^6.1.2",
+        "lodash": "^4.17.21",
+        "mime-match": "^1.0.2",
+        "namespace-emitter": "^2.0.1",
+        "nanoid": "^5.0.9",
+        "preact": "^10.5.13"
+      }
+    },
+    "node_modules/@uppy/core/node_modules/nanoid": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.2.tgz",
+      "integrity": "sha512-b+CiXQCNMUGe0Ri64S9SXFcP9hogjAJ2Rd6GdVxhPLRm7mhGaM7VgOvCAJ1ZshfHbqVDI3uqTI5C8/GaKuLI7g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "node": "^18 || >=20"
       }
     },
-    "node_modules/postcss-minify-params": {
-      "version": "5.1.4",
-      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz",
-      "integrity": "sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw==",
+    "node_modules/@uppy/dashboard": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/@uppy/dashboard/-/dashboard-4.3.2.tgz",
+      "integrity": "sha512-6cikgcY/TMy+Fq/v03QI1BNocfm1kOxii3kuUaxnz1SFGeuZ/55+C7KKL7SP/IdeoVwH7KV+550HThT0uwIQEw==",
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.21.4",
-        "cssnano-utils": "^3.1.0",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "@transloadit/prettier-bytes": "^0.3.4",
+        "@uppy/informer": "^4.2.1",
+        "@uppy/provider-views": "^4.4.2",
+        "@uppy/status-bar": "^4.1.2",
+        "@uppy/thumbnail-generator": "^4.1.1",
+        "@uppy/utils": "^6.1.2",
+        "classnames": "^2.2.6",
+        "lodash": "^4.17.21",
+        "memoize-one": "^6.0.0",
+        "nanoid": "^5.0.9",
+        "preact": "^10.5.13",
+        "shallow-equal": "^3.0.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@uppy/core": "^4.4.2"
       }
     },
-    "node_modules/postcss-minify-selectors": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz",
-      "integrity": "sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg==",
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.5"
+    "node_modules/@uppy/dashboard/node_modules/nanoid": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.2.tgz",
+      "integrity": "sha512-b+CiXQCNMUGe0Ri64S9SXFcP9hogjAJ2Rd6GdVxhPLRm7mhGaM7VgOvCAJ1ZshfHbqVDI3uqTI5C8/GaKuLI7g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "node": "^18 || >=20"
+      }
+    },
+    "node_modules/@uppy/drag-drop": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@uppy/drag-drop/-/drag-drop-4.1.1.tgz",
+      "integrity": "sha512-4ebDFmgQU3QsG0OB5AqXV8dXydtPEIcjrEy7Q0BI2Zick4bv0BwnqbffygPG0iI+IXRyGxdzkxtS8PHtw5Ks6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@uppy/utils": "^6.1.1",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-modules-extract-imports": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz",
-      "integrity": "sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q==",
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
+    "node_modules/@uppy/file-input": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@uppy/file-input/-/file-input-4.1.1.tgz",
+      "integrity": "sha512-Hz6nHjwtvLasnu9o152AQJrueeQOO4dVSmVEfEHtgbPW1mOuFbiRxasQyW6QOrPyY6cndPpHPidvGzfVtk50Hw==",
+      "license": "MIT",
+      "dependencies": {
+        "@uppy/utils": "^6.1.1",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "postcss": "^8.1.0"
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-modules-local-by-default": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.2.0.tgz",
-      "integrity": "sha512-5kcJm/zk+GJDSfw+V/42fJ5fhjL5YbFDl8nVdXkJPLLW+Vf9mTD5Xe0wqIaDnLuL2U6cDNpTr+UQ+v2HWIBhzw==",
+    "node_modules/@uppy/google-drive": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/@uppy/google-drive/-/google-drive-4.3.1.tgz",
+      "integrity": "sha512-boDN+1UecNlUQ8EnAj0JP4RGxIHmvhyb4t9hgFPmNtoaf/ZNMZ+tbieyrPko2QVUFCDo9PddBYiF85vURFqu7w==",
+      "license": "MIT",
       "dependencies": {
-        "icss-utils": "^5.0.0",
-        "postcss-selector-parser": "^7.0.0",
-        "postcss-value-parser": "^4.1.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
+        "@uppy/companion-client": "^4.4.1",
+        "@uppy/provider-views": "^4.4.1",
+        "@uppy/utils": "^6.1.1",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "postcss": "^8.1.0"
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-modules-local-by-default/node_modules/postcss-selector-parser": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz",
-      "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==",
+    "node_modules/@uppy/image-editor": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@uppy/image-editor/-/image-editor-3.3.1.tgz",
+      "integrity": "sha512-UKxxX8I6cq+o5Rw9BLRunj0Rbqh/2yNO9UarBJIiA76DxV1YPVF7dTr0NrVhfPYpEuirUoOQUvLsMH6WBERSXg==",
+      "license": "MIT",
       "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
+        "@uppy/utils": "^6.1.1",
+        "cropperjs": "^1.6.2",
+        "preact": "^10.5.13"
       },
-      "engines": {
-        "node": ">=4"
+      "peerDependencies": {
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-modules-scope": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.2.1.tgz",
-      "integrity": "sha512-m9jZstCVaqGjTAuny8MdgE88scJnCiQSlSrOWcTQgM2t32UBe+MUmFSO5t7VMSfAf/FJKImAxBav8ooCHJXCJA==",
+    "node_modules/@uppy/informer": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@uppy/informer/-/informer-4.2.1.tgz",
+      "integrity": "sha512-0en8Py47pl6RMDrgUfqFoF807W5kK5AKVJNT1SkTsLiGg5anmTIMuvmNG3k6LN4cn9P/rKyEHSdGcoBBUj9u7Q==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-selector-parser": "^7.0.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
+        "@uppy/utils": "^6.1.1",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "postcss": "^8.1.0"
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-modules-scope/node_modules/postcss-selector-parser": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-7.0.0.tgz",
-      "integrity": "sha512-9RbEr1Y7FFfptd/1eEdntyjMwLeghW1bHX9GWjXo19vx4ytPQhANltvVxDggzJl7mnWM+dX28kb6cyS/4iQjlQ==",
+    "node_modules/@uppy/progress-bar": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@uppy/progress-bar/-/progress-bar-4.2.1.tgz",
+      "integrity": "sha512-5TrUYYt1e/Qy4L4GS7pHeH9I9/zYpp7SiJzC5BtYlku5J6yxZbdxpMPW1mBhQqW+ou/IByaVIGFIR6iSq6yo0w==",
+      "license": "MIT",
       "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
+        "@uppy/utils": "^6.1.1",
+        "preact": "^10.5.13"
       },
-      "engines": {
-        "node": ">=4"
+      "peerDependencies": {
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-modules-values": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
-      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+    "node_modules/@uppy/provider-views": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@uppy/provider-views/-/provider-views-4.4.2.tgz",
+      "integrity": "sha512-YGrPJuydrksmMCjvo7Ty7/lDLNo/Y8zsOgWgWmVbXB0V5aRvqY49LeKY8HDlOXclKmn6dl5CeQFf7p46txRNGQ==",
+      "license": "MIT",
       "dependencies": {
-        "icss-utils": "^5.0.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >= 14"
+        "@uppy/utils": "^6.1.2",
+        "classnames": "^2.2.6",
+        "nanoid": "^5.0.9",
+        "p-queue": "^8.0.0",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "postcss": "^8.1.0"
+        "@uppy/core": "^4.4.2"
       }
     },
-    "node_modules/postcss-nested": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
-      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+    "node_modules/@uppy/provider-views/node_modules/nanoid": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.2.tgz",
+      "integrity": "sha512-b+CiXQCNMUGe0Ri64S9SXFcP9hogjAJ2Rd6GdVxhPLRm7mhGaM7VgOvCAJ1ZshfHbqVDI3uqTI5C8/GaKuLI7g==",
       "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
         {
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "dependencies": {
-        "postcss-selector-parser": "^6.1.1"
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
       },
       "engines": {
-        "node": ">=12.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.14"
+        "node": "^18 || >=20"
       }
     },
-    "node_modules/postcss-nesting": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-10.2.0.tgz",
-      "integrity": "sha512-EwMkYchxiDiKUhlJGzWsD9b2zvq/r2SSubcRrgP+jujMXFzqvANLt16lJANC+5uZ6hjI7lpRmI6O8JIl+8l1KA==",
+    "node_modules/@uppy/react": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@uppy/react/-/react-4.2.1.tgz",
+      "integrity": "sha512-T50BmNPMx5+KvXJ4mo8pigiUS8yteLD+G7VG0pl5fOp9MfozEm/NRpUfStUpxU2yh9PVdiz3Q9byN9Cu9azh+A==",
+      "license": "MIT",
       "dependencies": {
-        "@csstools/selector-specificity": "^2.0.0",
-        "postcss-selector-parser": "^6.0.10"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
+        "@uppy/utils": "^6.1.1",
+        "use-sync-external-store": "^1.2.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2"
+        "@uppy/core": "^4.4.1",
+        "@uppy/dashboard": "^4.3.1",
+        "@uppy/drag-drop": "^4.1.1",
+        "@uppy/file-input": "^4.1.1",
+        "@uppy/progress-bar": "^4.2.1",
+        "@uppy/status-bar": "^4.1.1",
+        "react": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@uppy/dashboard": {
+          "optional": true
+        },
+        "@uppy/drag-drop": {
+          "optional": true
+        },
+        "@uppy/file-input": {
+          "optional": true
+        },
+        "@uppy/progress-bar": {
+          "optional": true
+        },
+        "@uppy/status-bar": {
+          "optional": true
+        }
       }
     },
-    "node_modules/postcss-normalize": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-normalize/-/postcss-normalize-10.0.1.tgz",
-      "integrity": "sha512-+5w18/rDev5mqERcG3W5GZNMJa1eoYYNGo8gB7tEwaos0ajk3ZXAI4mHGcNT47NE+ZnZD1pEpUOFLvltIwmeJA==",
+    "node_modules/@uppy/status-bar": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@uppy/status-bar/-/status-bar-4.1.2.tgz",
+      "integrity": "sha512-Z2fDXItoE940uMo3kwdDo4ZFPjTk5GY6y/C/G5+tSl6nL/IaDtWo5iVbAKHIH4s9SIRwCBgllEhxbmEPhuK7eA==",
+      "license": "MIT",
       "dependencies": {
-        "@csstools/normalize.css": "*",
-        "postcss-browser-comments": "^4",
-        "sanitize.css": "*"
-      },
-      "engines": {
-        "node": ">= 12"
+        "@transloadit/prettier-bytes": "^0.3.4",
+        "@uppy/utils": "^6.1.2",
+        "classnames": "^2.2.6",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "browserslist": ">= 4",
-        "postcss": ">= 8"
+        "@uppy/core": "^4.4.2"
       }
     },
-    "node_modules/postcss-normalize-charset": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz",
-      "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==",
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
-      }
+    "node_modules/@uppy/store-default": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/@uppy/store-default/-/store-default-4.2.0.tgz",
+      "integrity": "sha512-PieFVa8yTvRHIqsNKfpO/yaJw5Ae/hT7uT58ryw7gvCBY5bHrNWxH5N0XFe8PFHMpLpLn8v3UXGx9ib9QkB6+Q==",
+      "license": "MIT"
     },
-    "node_modules/postcss-normalize-display-values": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz",
-      "integrity": "sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA==",
+    "node_modules/@uppy/thumbnail-generator": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/@uppy/thumbnail-generator/-/thumbnail-generator-4.1.1.tgz",
+      "integrity": "sha512-65znkGNgVTbVte51IKOhgxOpHGSwYj9Qik2jF2ZBocMbhBY4gPkWFwqMrKQBfddA9KbUa4jVe1psxhAQTzYgiA==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "@uppy/utils": "^6.1.1",
+        "exifr": "^7.0.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@uppy/core": "^4.4.1"
       }
     },
-    "node_modules/postcss-normalize-positions": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz",
-      "integrity": "sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg==",
+    "node_modules/@uppy/url": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@uppy/url/-/url-4.2.2.tgz",
+      "integrity": "sha512-ipWXjsNCtVTrWQ2OmDnVJmjnLETLFZFPTBDkkxgAXg/JmeYlmBvIxkqnsi9wpWM0lRSu25zdFEFOMSmxyILKew==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "@uppy/companion-client": "^4.4.1",
+        "@uppy/utils": "^6.1.2",
+        "nanoid": "^5.0.9",
+        "preact": "^10.5.13"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@uppy/core": "^4.4.2"
       }
     },
-    "node_modules/postcss-normalize-repeat-style": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz",
-      "integrity": "sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g==",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
+    "node_modules/@uppy/url/node_modules/nanoid": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.2.tgz",
+      "integrity": "sha512-b+CiXQCNMUGe0Ri64S9SXFcP9hogjAJ2Rd6GdVxhPLRm7mhGaM7VgOvCAJ1ZshfHbqVDI3uqTI5C8/GaKuLI7g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "node": "^18 || >=20"
       }
     },
-    "node_modules/postcss-normalize-string": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz",
-      "integrity": "sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w==",
+    "node_modules/@uppy/utils": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/@uppy/utils/-/utils-6.1.2.tgz",
+      "integrity": "sha512-PCrw6v51M6p3hlrlB2INmcocen4Dyjun1SobjVZRBkg4wutQE8ihZfSrH5ZE8UXFelufhtO16wlaZMi0EHk84w==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "lodash": "^4.17.21",
+        "preact": "^10.5.13"
       }
     },
-    "node_modules/postcss-normalize-timing-functions": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz",
-      "integrity": "sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg==",
+    "node_modules/@uppy/xhr-upload": {
+      "version": "3.6.8",
+      "resolved": "https://registry.npmjs.org/@uppy/xhr-upload/-/xhr-upload-3.6.8.tgz",
+      "integrity": "sha512-zr3OHrIdo08jmCqTYKS0C7o3E0XQpjtZI40wmB6VvXYzu4x/aZankG9QqKxLiY0n8KbZ9aCIvO8loxBGoL7Kaw==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "@uppy/companion-client": "^3.8.1",
+        "@uppy/utils": "^5.9.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@uppy/core": "^3.13.0"
       }
     },
-    "node_modules/postcss-normalize-unicode": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz",
-      "integrity": "sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA==",
+    "node_modules/@uppy/xhr-upload/node_modules/@uppy/companion-client": {
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/@uppy/companion-client/-/companion-client-3.8.2.tgz",
+      "integrity": "sha512-WLjZ0Y6Fe7lzwU1YPvvQ/YqooejcgIZkT2TC39xr+QQ7Y1FwJECsyUdlKwgi1ee8TNpjoCrj3Q1Hjel/+p0VhA==",
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.21.4",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "@uppy/utils": "^5.9.0",
+        "namespace-emitter": "^2.0.1",
+        "p-retry": "^6.1.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "@uppy/core": "^3.13.1"
+      }
+    },
+    "node_modules/@uppy/xhr-upload/node_modules/@uppy/utils": {
+      "version": "5.9.0",
+      "resolved": "https://registry.npmjs.org/@uppy/utils/-/utils-5.9.0.tgz",
+      "integrity": "sha512-9Ubddd3orCOLYjf0KobwgJ+aTrABSxk9t4X/QdM4qJHVZuMIftkaMplrViRUO+kvIBCXEZDIP2AmS060siDNGw==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.21",
+        "preact": "^10.5.13"
       }
     },
-    "node_modules/postcss-normalize-url": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz",
-      "integrity": "sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew==",
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.3.4.tgz",
+      "integrity": "sha512-SCCPBJtYLdE8PX/7ZQAs1QAZ8Jqwih+0VBLum1EGqmCCQal+MIUqLCzj3ZUy8ufbC0cAM4LRlSTm7IQJwWT4ug==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "normalize-url": "^6.0.1",
-        "postcss-value-parser": "^4.2.0"
+        "@babel/core": "^7.26.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.25.9",
+        "@babel/plugin-transform-react-jsx-source": "^7.25.9",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.14.2"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "node": "^14.18.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.15"
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0"
       }
     },
-    "node_modules/postcss-normalize-whitespace": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz",
-      "integrity": "sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA==",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
+    "node_modules/acorn": {
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "node": ">=0.4.0"
       }
     },
-    "node_modules/postcss-opacity-percentage": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz",
-      "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==",
-      "funding": [
-        {
-          "type": "kofi",
-          "url": "https://ko-fi.com/mrcgrtz"
-        },
-        {
-          "type": "liberapay",
-          "url": "https://liberapay.com/mrcgrtz"
-        }
-      ],
-      "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
       "peerDependencies": {
-        "postcss": "^8.2"
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
-    "node_modules/postcss-ordered-values": {
-      "version": "5.1.3",
-      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz",
-      "integrity": "sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ==",
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "license": "MIT",
       "dependencies": {
-        "cssnano-utils": "^3.1.0",
-        "postcss-value-parser": "^4.2.0"
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "node": ">=8"
       }
     },
-    "node_modules/postcss-overflow-shorthand": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-3.0.4.tgz",
-      "integrity": "sha512-otYl/ylHK8Y9bcBnPLo3foYFLL6a6Ak+3EQBPOTR7luMYCOsiVTUk1iLvNf6tVPNGXcoL9Hoz37kpfriRIFb4A==",
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
       }
     },
-    "node_modules/postcss-page-break": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
-      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
-      "peerDependencies": {
-        "postcss": "^8"
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/postcss-place": {
-      "version": "7.0.5",
-      "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-7.0.5.tgz",
-      "integrity": "sha512-wR8igaZROA6Z4pv0d+bvVrvGY4GVHihBCBQieXFY3kuSuMyOmEnnfFzHl/tQuqHZkfkIVBEbDvYcFfHmpSet9g==",
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0"
+        "color-convert": "^2.0.1"
       },
       "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
-      }
-    },
-    "node_modules/postcss-preset-env": {
-      "version": "7.8.3",
-      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-7.8.3.tgz",
-      "integrity": "sha512-T1LgRm5uEVFSEF83vHZJV2z19lHg4yJuZ6gXZZkqVsqv63nlr6zabMH3l4Pc01FQCyfWVrh2GaUeCVy9Po+Aag==",
-      "dependencies": {
-        "@csstools/postcss-cascade-layers": "^1.1.1",
-        "@csstools/postcss-color-function": "^1.1.1",
-        "@csstools/postcss-font-format-keywords": "^1.0.1",
-        "@csstools/postcss-hwb-function": "^1.0.2",
-        "@csstools/postcss-ic-unit": "^1.0.1",
-        "@csstools/postcss-is-pseudo-class": "^2.0.7",
-        "@csstools/postcss-nested-calc": "^1.0.0",
-        "@csstools/postcss-normalize-display-values": "^1.0.1",
-        "@csstools/postcss-oklab-function": "^1.1.1",
-        "@csstools/postcss-progressive-custom-properties": "^1.3.0",
-        "@csstools/postcss-stepped-value-functions": "^1.0.1",
-        "@csstools/postcss-text-decoration-shorthand": "^1.0.0",
-        "@csstools/postcss-trigonometric-functions": "^1.0.2",
-        "@csstools/postcss-unset-value": "^1.0.2",
-        "autoprefixer": "^10.4.13",
-        "browserslist": "^4.21.4",
-        "css-blank-pseudo": "^3.0.3",
-        "css-has-pseudo": "^3.0.4",
-        "css-prefers-color-scheme": "^6.0.3",
-        "cssdb": "^7.1.0",
-        "postcss-attribute-case-insensitive": "^5.0.2",
-        "postcss-clamp": "^4.1.0",
-        "postcss-color-functional-notation": "^4.2.4",
-        "postcss-color-hex-alpha": "^8.0.4",
-        "postcss-color-rebeccapurple": "^7.1.1",
-        "postcss-custom-media": "^8.0.2",
-        "postcss-custom-properties": "^12.1.10",
-        "postcss-custom-selectors": "^6.0.3",
-        "postcss-dir-pseudo-class": "^6.0.5",
-        "postcss-double-position-gradients": "^3.1.2",
-        "postcss-env-function": "^4.0.6",
-        "postcss-focus-visible": "^6.0.4",
-        "postcss-focus-within": "^5.0.4",
-        "postcss-font-variant": "^5.0.0",
-        "postcss-gap-properties": "^3.0.5",
-        "postcss-image-set-function": "^4.0.7",
-        "postcss-initial": "^4.0.1",
-        "postcss-lab-function": "^4.2.1",
-        "postcss-logical": "^5.0.4",
-        "postcss-media-minmax": "^5.0.0",
-        "postcss-nesting": "^10.2.0",
-        "postcss-opacity-percentage": "^1.1.2",
-        "postcss-overflow-shorthand": "^3.0.4",
-        "postcss-page-break": "^3.0.4",
-        "postcss-place": "^7.0.5",
-        "postcss-pseudo-class-any-link": "^7.1.6",
-        "postcss-replace-overflow-wrap": "^4.0.0",
-        "postcss-selector-not": "^6.0.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "engines": {
-        "node": "^12 || ^14 || >=16"
+        "node": ">=8"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
-    "node_modules/postcss-pseudo-class-any-link": {
-      "version": "7.1.6",
-      "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-7.1.6.tgz",
-      "integrity": "sha512-9sCtZkO6f/5ML9WcTLcIyV1yz9D1rf0tWc+ulKcvV30s0iZKS/ONyETvoWsr6vnrmW+X+KmuK3gV/w5EWnT37w==",
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.4.tgz",
+      "integrity": "sha512-y+CcFFwelSXpLZk/7fMB2mUbGtX9lKycf1MWJ7CaTIERyitVlyQx6C+sxcROU2BAJ24OiZyK+8wj2i8AlBoS3A==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-selector-parser": "^6.0.10"
+        "tslib": "^2.0.0"
       },
       "engines": {
-        "node": "^12 || ^14 || >=16"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "node": ">=10"
       }
     },
-    "node_modules/postcss-reduce-initial": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-5.1.2.tgz",
-      "integrity": "sha512-dE/y2XRaqAi6OvjzD22pjTUQ8eOfc6m/natGHgKFBK9DxFmIm69YmaRVQrGgFlEfc1HePIurY0TmDeROK05rIg==",
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.21.4",
-        "caniuse-api": "^3.0.0"
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "node": ">= 0.4"
       },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/postcss-reduce-transforms": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz",
-      "integrity": "sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ==",
-      "dependencies": {
-        "postcss-value-parser": "^4.2.0"
-      },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "license": "MIT",
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "node": ">=8"
       }
     },
-    "node_modules/postcss-replace-overflow-wrap": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
-      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
-      "peerDependencies": {
-        "postcss": "^8.0.3"
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/postcss-selector-not": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-6.0.1.tgz",
-      "integrity": "sha512-1i9affjAe9xu/y9uqWH+tD4r6/hDaXJruk8xn2x1vzxC2U3J3LKO3zJW4CyxlNhA56pADJ/djpEwpH1RClI2rQ==",
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-selector-parser": "^6.0.10"
+        "possible-typed-array-names": "^1.0.0"
       },
       "engines": {
-        "node": "^12 || ^14 || >=16"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/csstools"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.1.2",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
-      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+    "node_modules/axios": {
+      "version": "1.7.9",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
+      "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
+      "license": "MIT",
       "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
       }
     },
-    "node_modules/postcss-svgo": {
-      "version": "5.1.0",
-      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-5.1.0.tgz",
-      "integrity": "sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA==",
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "license": "MIT",
       "dependencies": {
-        "postcss-value-parser": "^4.2.0",
-        "svgo": "^2.7.0"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
-    "node_modules/postcss-svgo/node_modules/commander": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
-      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
       "engines": {
-        "node": ">= 10"
+        "node": ">=8"
       }
     },
-    "node_modules/postcss-svgo/node_modules/css-select": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
-      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+    "node_modules/bricks.js": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/bricks.js/-/bricks.js-1.8.0.tgz",
+      "integrity": "sha512-XJsIGxoixpMDo/KoLXR+uQizFVGWNAQy1lLoIwXKxm6/Zpd9QQLSUd0otybbK7wjqX23ZvCXFxnIw+uCXJHo0A==",
+      "license": "MIT",
       "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.0.1",
-        "domhandler": "^4.3.1",
-        "domutils": "^2.8.0",
-        "nth-check": "^2.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/fb55"
+        "knot.js": "^1.1.5"
       }
     },
-    "node_modules/postcss-svgo/node_modules/css-tree": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-1.1.3.tgz",
-      "integrity": "sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q==",
+    "node_modules/browserslist": {
+      "version": "4.24.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.4.tgz",
+      "integrity": "sha512-KDi1Ny1gSePi1vm0q4oxSF8b4DR44GF4BbmS2YdhPLOEqd8pDviZOGH/GsmRwoWJ2+5Lr085X7naowMwKHDG1A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
       "dependencies": {
-        "mdn-data": "2.0.14",
-        "source-map": "^0.6.1"
+        "caniuse-lite": "^1.0.30001688",
+        "electron-to-chromium": "^1.5.73",
+        "node-releases": "^2.0.19",
+        "update-browserslist-db": "^1.1.1"
+      },
+      "bin": {
+        "browserslist": "cli.js"
       },
       "engines": {
-        "node": ">=8.0.0"
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
-    "node_modules/postcss-svgo/node_modules/dom-serializer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
-      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "license": "MIT",
       "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.2.0",
-        "entities": "^2.0.0"
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/postcss-svgo/node_modules/domhandler": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
-      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
       "dependencies": {
-        "domelementtype": "^2.2.0"
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
       },
       "engines": {
-        "node": ">= 4"
-      },
-      "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/postcss-svgo/node_modules/domutils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
-      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "license": "MIT",
       "dependencies": {
-        "dom-serializer": "^1.0.1",
-        "domelementtype": "^2.2.0",
-        "domhandler": "^4.2.0"
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
-      }
-    },
-    "node_modules/postcss-svgo/node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/postcss-svgo/node_modules/mdn-data": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.14.tgz",
-      "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow=="
-    },
-    "node_modules/postcss-svgo/node_modules/svgo": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-2.8.0.tgz",
-      "integrity": "sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg==",
-      "dependencies": {
-        "@trysound/sax": "0.2.0",
-        "commander": "^7.2.0",
-        "css-select": "^4.1.3",
-        "css-tree": "^1.1.3",
-        "csso": "^4.2.0",
-        "picocolors": "^1.0.0",
-        "stable": "^0.1.8"
-      },
-      "bin": {
-        "svgo": "bin/svgo"
-      },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=10.13.0"
+        "node": ">=6"
       }
     },
-    "node_modules/postcss-unique-selectors": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz",
-      "integrity": "sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA==",
-      "dependencies": {
-        "postcss-selector-parser": "^6.0.5"
-      },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
+        "node": ">=10"
       },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/postcss-value-parser": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-    },
-    "node_modules/postcss/node_modules/nanoid": {
-      "version": "3.3.8",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
-      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001700",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001700.tgz",
+      "integrity": "sha512-2S6XIXwaE7K7erT8dY+kLQcpa5ms63XlRkMkReXjle+kf6c5g38vyMl+Z5y8dSxOFDhcFe+nxnn261PLxBSQsQ==",
+      "dev": true,
       "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
         {
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "bin": {
-        "nanoid": "bin/nanoid.cjs"
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
       },
       "engines": {
-        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/preact": {
-      "version": "10.25.3",
-      "resolved": "https://registry.npmjs.org/preact/-/preact-10.25.3.tgz",
-      "integrity": "sha512-dzQmIFtM970z+fP9ziQ3yG4e3ULIbwZzJ734vaMVUTaKQ2+Ru1Ou/gjshOYVHCcd1rpAelC6ngjvjDXph98unQ==",
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/preact"
+        "url": "https://polar.sh/cva"
       }
     },
-    "node_modules/prelude-ls": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
-      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">=6"
       }
     },
-    "node_modules/prettier": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz",
-      "integrity": "sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==",
-      "dev": true,
-      "bin": {
-        "prettier": "bin-prettier.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
+    "node_modules/cli-simple-table": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/cli-simple-table/-/cli-simple-table-0.0.3.tgz",
+      "integrity": "sha512-Pvq9t46QehEZedz4pDwoCMso1BJTJpsXxPKMIYgxkDfQkjc/HBvpJ1D/BpnorqbPsQO+FfAbQzJdaKDCPQOShQ==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "cli-truncate": "^2.1.0",
+        "strip-ansi": "^6.0.0"
       }
     },
-    "node_modules/pretty-bytes": {
-      "version": "5.6.0",
-      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
-      "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
+    "node_modules/cli-truncate": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
+      "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
+      "license": "MIT",
+      "dependencies": {
+        "slice-ansi": "^3.0.0",
+        "string-width": "^4.2.0"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">=8"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/pretty-error": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
-      "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
-      "dependencies": {
-        "lodash": "^4.17.20",
-        "renderkid": "^3.0.0"
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/pretty-format": {
-      "version": "24.9.0",
-      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-24.9.0.tgz",
-      "integrity": "sha512-00ZMZUiHaJrNfk33guavqgvfJS30sLYf0f8+Srklv0AMPodGGHcoHgksZ3OThYnIvOd+8yMCn0YiEOogjlgsnA==",
+    "node_modules/cmdk": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/cmdk/-/cmdk-1.0.0.tgz",
+      "integrity": "sha512-gDzVf0a09TvoJ5jnuPvygTB77+XdOSwEmJ88L6XPFPlv7T3RxbP9jgenfylrAMD0+Le1aO0nVjQUzl2g+vjz5Q==",
+      "license": "MIT",
       "dependencies": {
-        "@jest/types": "^24.9.0",
-        "ansi-regex": "^4.0.0",
-        "ansi-styles": "^3.2.0",
-        "react-is": "^16.8.4"
+        "@radix-ui/react-dialog": "1.0.5",
+        "@radix-ui/react-primitive": "1.0.3"
       },
-      "engines": {
-        "node": ">= 6"
+      "peerDependencies": {
+        "react": "^18.0.0",
+        "react-dom": "^18.0.0"
       }
     },
-    "node_modules/pretty-format/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+    "node_modules/cmdk/node_modules/@radix-ui/primitive": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.0.1.tgz",
+      "integrity": "sha512-yQ8oGX2GVsEYMWGxcovu1uGWPCxV5BFfeeYxqPmuAzUyLT9qmaMXSAhXpb0WrspIeqYzdJpkh2vHModJPgRIaw==",
+      "license": "MIT",
       "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
+        "@babel/runtime": "^7.13.10"
       }
     },
-    "node_modules/pretty-format/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.0.1.tgz",
+      "integrity": "sha512-fDSBgd44FKHa1FRMU59qBMPFcl2PZE+2nmqunj+BWFyYYjnhIDWL2ItDs3rrbJDQOtzt5nIebLCQc4QRfz6LJw==",
+      "license": "MIT",
       "dependencies": {
-        "color-name": "1.1.3"
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/pretty-format/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/process": {
-      "version": "0.11.10",
-      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
-      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
-      "engines": {
-        "node": ">= 0.6.0"
+    "node_modules/cmdk/node_modules/@radix-ui/react-context": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.0.1.tgz",
+      "integrity": "sha512-ebbrdFoYTcuZ0v4wG5tedGnp9tzcV8awzsxYph7gXUyvnNLuTIcCk1q17JEbnVhXAKG9oX3KtchwiMIAYp9NLg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/process-nextick-args": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
-      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    "node_modules/cmdk/node_modules/@radix-ui/react-dialog": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.0.5.tgz",
+      "integrity": "sha512-GjWJX/AUpB703eEBanuBnIWdIXg6NvJFCXcNlSZk4xdszCdhrJgBoUd1cGk67vFO+WdA2pfI/plOpqz/5GUP6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-context": "1.0.1",
+        "@radix-ui/react-dismissable-layer": "1.0.5",
+        "@radix-ui/react-focus-guards": "1.0.1",
+        "@radix-ui/react-focus-scope": "1.0.4",
+        "@radix-ui/react-id": "1.0.1",
+        "@radix-ui/react-portal": "1.0.4",
+        "@radix-ui/react-presence": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-slot": "1.0.2",
+        "@radix-ui/react-use-controllable-state": "1.0.1",
+        "aria-hidden": "^1.1.1",
+        "react-remove-scroll": "2.5.5"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
     },
-    "node_modules/promise": {
-      "version": "8.3.0",
-      "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz",
-      "integrity": "sha512-rZPNPKTOYVNEEKFaq1HqTgOwZD+4/YHS5ukLzQCypkj+OkYx7iv0mA91lJlpPPZ8vMau3IIGj5Qlwrx+8iiSmg==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.0.5.tgz",
+      "integrity": "sha512-aJeDjQhywg9LBu2t/At58hCvr7pEm0o2Ke1x33B+MhjNmmZ17sy4KImo0KPLgsnc/zN7GPdce8Cnn0SWvwZO7g==",
+      "license": "MIT",
       "dependencies": {
-        "asap": "~2.0.6"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/primitive": "1.0.1",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1",
+        "@radix-ui/react-use-escape-keydown": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prompts": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
-      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.0.1.tgz",
+      "integrity": "sha512-Rect2dWbQ8waGzhMavsIbmSVCgYxkXLxxR3ZvCX79JOglzdEy4JXMb98lq4hPxUbLr77nP0UOGf4rcMU+s1pUA==",
+      "license": "MIT",
       "dependencies": {
-        "kleur": "^3.0.3",
-        "sisteransi": "^1.0.5"
+        "@babel/runtime": "^7.13.10"
       },
-      "engines": {
-        "node": ">= 6"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prop-types": {
-      "version": "15.8.1",
-      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
-      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.0.4.tgz",
+      "integrity": "sha512-sL04Mgvf+FmyvZeYfNu1EPAaaxD+aw7cYeIB9L9Fvq8+urhltTRaEo5ysKOpHuKPclsZcSUMKlN05x4u+CINpA==",
+      "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.4.0",
-        "object-assign": "^4.1.1",
-        "react-is": "^16.13.1"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-primitive": "1.0.3",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prop-types-exact": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/prop-types-exact/-/prop-types-exact-1.2.6.tgz",
-      "integrity": "sha512-jjPykG6orULQ/2Zcatm6vtCs9mdksYZQs4HTmlHAxbkK2NHGFVBrSLDh4k/RpMWVXECZO6za1i6iF7srRKp/KQ==",
-      "dev": true,
+    "node_modules/cmdk/node_modules/@radix-ui/react-id": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.0.1.tgz",
+      "integrity": "sha512-tI7sT/kqYp8p96yGWY1OAnLHrqDgzHefRBKQ2YAkBS5ja7QLcZ9Z/uY7bEjPUatf8RomoXM8/1sMj1IJaE5UzQ==",
+      "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "hasown": "^2.0.2",
-        "isarray": "^2.0.5",
-        "object.assign": "^4.1.5",
-        "reflect.ownkeys": "^1.1.4"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
       },
-      "engines": {
-        "node": ">= 0.8"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-changeset": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.2.1.tgz",
-      "integrity": "sha512-J7msc6wbxB4ekDFj+n9gTW/jav/p53kdlivvuppHsrZXCaQdVgRghoZbSS3kwrRyAstRVQ4/+u5k7YfLgkkQvQ==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-portal": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.0.4.tgz",
+      "integrity": "sha512-Qki+C/EuGUVCQTOTD5vzJzJuMUlewbzuKyUy+/iHM2uwGiru9gZeBJtHAPKAEkB5KWGi9mP/CHKcY0wt1aW45Q==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-transform": "^1.0.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-primitive": "1.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-collab": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
-      "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-presence": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.0.1.tgz",
+      "integrity": "sha512-UXLW4UAbIY5ZjcvzjfRFo5gxva8QirC9hF7wRE4U5gz+TP0DbRk+//qyuAQ1McDxBt1xNMBTaciFGvEmJvAZCg==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-state": "^1.0.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1",
+        "@radix-ui/react-use-layout-effect": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-commands": {
-      "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.6.2.tgz",
-      "integrity": "sha512-0nDHH++qcf/BuPLYvmqZTUUsPJUCPBUXt0J1ErTcDIS369CTp773itzLGIgIXG4LJXOlwYCr44+Mh4ii6MP1QA==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-primitive": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-1.0.3.tgz",
+      "integrity": "sha512-yi58uVyoAcK/Nq1inRY56ZSjKypBNKTa/1mcL8qdl6oJeEaDbOldlzrGn7P6Q3Id5d+SYNGc5AJgc4vGhjs5+g==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.10.2"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-slot": "1.0.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0",
+        "react-dom": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-dropcursor": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.1.tgz",
-      "integrity": "sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-slot": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.0.2.tgz",
+      "integrity": "sha512-YeTpuq4deV+6DusvVUW4ivBgnkHwECUu0BiN43L5UCDFgdhsRUWAghhTF5MbvNTPzmiFOx90asDSUjWuCNapwg==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.1.0",
-        "prosemirror-view": "^1.1.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-compose-refs": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-gapcursor": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz",
-      "integrity": "sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.0.1.tgz",
+      "integrity": "sha512-D94LjX4Sp0xJFVaoQOd3OO9k7tpBYNOXdVhkltUbGv2Qb9OXdrg/CpsjlZv7ia14Sylv398LswWBVVu5nqKzAQ==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-keymap": "^1.0.0",
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-view": "^1.0.0"
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-history": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.1.tgz",
-      "integrity": "sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.0.1.tgz",
+      "integrity": "sha512-Svl5GY5FQeN758fWKrjM6Qb7asvXeiZltlT4U2gVfl8Gx5UAv2sMR0LWo8yhsIZh2oQ0eFdZ59aoOOMV7b47VA==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-state": "^1.2.2",
-        "prosemirror-transform": "^1.0.0",
-        "prosemirror-view": "^1.31.0",
-        "rope-sequence": "^1.3.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-inputrules": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.4.0.tgz",
-      "integrity": "sha512-6ygpPRuTJ2lcOXs9JkefieMst63wVJBgHZGl5QOytN7oSZs3Co/BYbc3Yx9zm9H37Bxw8kVzCnDsihsVsL4yEg==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.0.3.tgz",
+      "integrity": "sha512-vyL82j40hcFicA+M4Ex7hVkB9vHgSse1ZWomAqV2Je3RleKGO5iM8KMOEtfoSB0PnIelMd2lATjTGMYqN5ylTg==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.0.0"
+        "@babel/runtime": "^7.13.10",
+        "@radix-ui/react-use-callback-ref": "1.0.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-keymap": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.2.tgz",
-      "integrity": "sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==",
+    "node_modules/cmdk/node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.0.1.tgz",
+      "integrity": "sha512-v/5RegiJWYdoCvMnITBkNNx6bCj20fiaJnWtRkU18yITptraXjffz5Qbn05uOiQnOvi+dbkznkoaMltz1GnszQ==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-state": "^1.0.0",
-        "w3c-keyname": "^2.2.0"
+        "@babel/runtime": "^7.13.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-markdown": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.1.tgz",
-      "integrity": "sha512-Sl+oMfMtAjWtlcZoj/5L/Q39MpEnVZ840Xo330WJWUvgyhNmLBLN7MsHn07s53nG/KImevWHSE6fEj4q/GihHw==",
+    "node_modules/cmdk/node_modules/react-remove-scroll": {
+      "version": "2.5.5",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.5.5.tgz",
+      "integrity": "sha512-ImKhrzJJsyXJfBZ4bzu8Bwpka14c/fQt0k+cyFp/PBhTfyDnU5hjOtM4AG/0AMyy8oKzOTR0lDgJIM7pYXI0kw==",
+      "license": "MIT",
       "dependencies": {
-        "@types/markdown-it": "^14.0.0",
-        "markdown-it": "^14.0.0",
-        "prosemirror-model": "^1.20.0"
+        "react-remove-scroll-bar": "^2.3.3",
+        "react-style-singleton": "^2.2.1",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.0",
+        "use-sidecar": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-menu": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.4.tgz",
-      "integrity": "sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==",
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
       "dependencies": {
-        "crelt": "^1.0.0",
-        "prosemirror-commands": "^1.0.0",
-        "prosemirror-history": "^1.0.0",
-        "prosemirror-state": "^1.0.0"
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
       }
     },
-    "node_modules/prosemirror-model": {
-      "version": "1.24.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.24.1.tgz",
-      "integrity": "sha512-YM053N+vTThzlWJ/AtPtF1j0ebO36nvbmDy4U7qA2XQB8JVaQp1FmB9Jhrps8s+z+uxhhVTny4m20ptUvhk0Mg==",
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
       "dependencies": {
-        "orderedmap": "^2.0.0"
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
       }
     },
-    "node_modules/prosemirror-schema-basic": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.3.tgz",
-      "integrity": "sha512-h+H0OQwZVqMon1PNn0AG9cTfx513zgIG2DY00eJ00Yvgb3UD+GQ/VlWW5rcaxacpCGT1Yx8nuhwXk4+QbXUfJA==",
-      "dependencies": {
-        "prosemirror-model": "^1.19.0"
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "license": "MIT"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/cookie": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-1.0.2.tgz",
+      "integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
       }
     },
-    "node_modules/prosemirror-schema-list": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.0.tgz",
-      "integrity": "sha512-gg1tAfH1sqpECdhIHOA/aLg2VH3ROKBWQ4m8Qp9mBKrOxQRW61zc+gMCI8nh22gnBzd1t2u1/NPLmO3nAa3ssg==",
-      "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.7.3"
+    "node_modules/core-js": {
+      "version": "3.41.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.41.0.tgz",
+      "integrity": "sha512-SJ4/EHwS36QMJd6h/Rg+GyR4A5xE0FSI3eZ+iBVpfqf1x0eTSg1smWLHrA+2jQThZSh97fmSgFSU8B61nxosxA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
       }
     },
-    "node_modules/prosemirror-state": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz",
-      "integrity": "sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==",
+    "node_modules/cosmiconfig": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
+      "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-model": "^1.0.0",
-        "prosemirror-transform": "^1.0.0",
-        "prosemirror-view": "^1.27.0"
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0",
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/prosemirror-tables": {
+    "node_modules/crelt": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.6.tgz",
+      "integrity": "sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==",
+      "license": "MIT"
+    },
+    "node_modules/cropperjs": {
       "version": "1.6.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.6.2.tgz",
-      "integrity": "sha512-97dKocVLrEVTQjZ4GBLdrrMw7Gv3no8H8yMwf5IRM9OoHrzbWpcH5jJxYgNQIRCtdIqwDctT1HdMHrGTiwp1dQ==",
+      "resolved": "https://registry.npmjs.org/cropperjs/-/cropperjs-1.6.2.tgz",
+      "integrity": "sha512-nhymn9GdnV3CqiEHJVai54TULFAE3VshJTXSqSJKa8yXAKyBKDWdhHarnlIPrshJ0WMFTGuFvG02YjLXfPiuOA==",
+      "license": "MIT"
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
       "dependencies": {
-        "prosemirror-keymap": "^1.2.2",
-        "prosemirror-model": "^1.24.1",
-        "prosemirror-state": "^1.4.3",
-        "prosemirror-transform": "^1.10.2",
-        "prosemirror-view": "^1.37.1"
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
       }
     },
-    "node_modules/prosemirror-trailing-node": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
-      "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
-      "dependencies": {
-        "@remirror/core-constants": "3.0.0",
-        "escape-string-regexp": "^4.0.0"
+    "node_modules/crypto-random-string": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-2.0.0.tgz",
+      "integrity": "sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dangerously-set-html-content": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/dangerously-set-html-content/-/dangerously-set-html-content-1.1.0.tgz",
+      "integrity": "sha512-kUHpnYZ9EgT6BKUEgrgccg17Pa0YdI9MlWdDYeu49HIXYONCxZpKr6Tj24q+LwFmbmtL3IJ1Rvj+aaTTzFOepg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
       },
       "peerDependencies": {
-        "prosemirror-model": "^1.22.1",
-        "prosemirror-state": "^1.4.2",
-        "prosemirror-view": "^1.33.8"
+        "react": "^18.2.0"
       }
     },
-    "node_modules/prosemirror-transform": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.2.tgz",
-      "integrity": "sha512-2iUq0wv2iRoJO/zj5mv8uDUriOHWzXRnOTVgCzSXnktS/2iQRa3UUQwVlkBlYZFtygw6Nh1+X4mGqoYBINn5KQ==",
-      "dependencies": {
-        "prosemirror-model": "^1.21.0"
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
       }
     },
-    "node_modules/prosemirror-view": {
-      "version": "1.37.1",
-      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.37.1.tgz",
-      "integrity": "sha512-MEAnjOdXU1InxEmhjgmEzQAikaS6lF3hD64MveTPpjOGNTl87iRLA1HupC/DEV6YuK7m4Q9DHFNTjwIVtqz5NA==",
-      "dependencies": {
-        "prosemirror-model": "^1.20.0",
-        "prosemirror-state": "^1.0.0",
-        "prosemirror-transform": "^1.1.0"
-      }
+    "node_modules/dayjs": {
+      "version": "1.11.13",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
+      "license": "MIT"
     },
-    "node_modules/proxy-addr": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+    "node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "forwarded": "0.2.0",
-        "ipaddr.js": "1.9.1"
+        "ms": "^2.1.3"
       },
       "engines": {
-        "node": ">= 0.10"
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
       }
     },
-    "node_modules/proxy-addr/node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+    "node_modules/deep-equal": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
+      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.5",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.2",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.13"
+      },
       "engines": {
-        "node": ">= 0.10"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/proxy-from-env": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/psl": {
-      "version": "1.15.0",
-      "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz",
-      "integrity": "sha512-JZd3gMVBAVQkSs6HdNZo9Sdo0LNcQeMNP3CozBJb3JYC/QUYZTnKxP+f8oWRX4rHP5EurWxqAHTSwUCjlNKa1w==",
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "license": "MIT",
       "dependencies": {
-        "punycode": "^2.3.1"
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/lupomontero"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/pump": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
-      "integrity": "sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==",
-      "dev": true,
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "license": "MIT",
       "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/punycode": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
-      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+    "node_modules/del": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/del/-/del-5.1.0.tgz",
+      "integrity": "sha512-wH9xOVHnczo9jN2IW68BabcecVPxacIA3g/7z6vhSU/4stOKQzeCRK0yD0A24WiAAUJmmVpWqrERcTxnLo3AnA==",
+      "license": "MIT",
+      "dependencies": {
+        "globby": "^10.0.1",
+        "graceful-fs": "^4.2.2",
+        "is-glob": "^4.0.1",
+        "is-path-cwd": "^2.2.0",
+        "is-path-inside": "^3.0.1",
+        "p-map": "^3.0.0",
+        "rimraf": "^3.0.0",
+        "slash": "^3.0.0"
+      },
       "engines": {
-        "node": ">=6"
+        "node": ">=8"
       }
     },
-    "node_modules/punycode.js": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
-      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "node": ">=0.4.0"
       }
     },
-    "node_modules/q": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
-      "integrity": "sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw==",
-      "deprecated": "You or someone you depend on is using Q, the JavaScript Promise library that gave JavaScript developers strong feelings about promises. They can almost certainly migrate to the native JavaScript promise now. Thank you literally everyone for joining me in this bet against the odds. Be excellent to each other.\n\n(For a CapTP with native promises, see @endo/eventual-send and @endo/captp)",
-      "engines": {
-        "node": ">=0.6.0",
-        "teleport": ">=0.2.0"
+    "node_modules/deps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/deps/-/deps-1.0.0.tgz",
+      "integrity": "sha512-/mP1HrwnkRaetYr51krCOtAzHE9V5rV5/dhurFJ+B8ztvGP5zWdzBWqPMapyhIpPVy/9Kzr7JbeF0QaPhkF7aQ==",
+      "license": "MIT",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "cli-simple-table": "0.0.3",
+        "del": "^5.1.0",
+        "execa": "^4.0.1",
+        "minimist": "^1.2.5",
+        "read-pkg": "^5.2.0",
+        "sort-keys": "^4.0.0",
+        "tempy": "^0.5.0"
+      },
+      "bin": {
+        "deps": "bin/deps.js",
+        "deps-start": "bin/deps-start.sh",
+        "deps-stop": "bin/deps-stop.sh"
       }
     },
-    "node_modules/qrcode.react": {
-      "version": "4.2.0",
-      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-4.2.0.tgz",
-      "integrity": "sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==",
-      "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+    "node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/qs": {
-      "version": "6.13.1",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.1.tgz",
-      "integrity": "sha512-EJPeIn0CYrGu+hli1xilKAPXODtJ12T0sP63Ijx2/khC2JtuaN3JyNIpvmnkmaEtha9ocbG4A4cMcr+TvqvwQg==",
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "license": "MIT"
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "license": "MIT",
       "dependencies": {
-        "side-channel": "^1.0.6"
+        "path-type": "^4.0.0"
       },
       "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8"
       }
     },
-    "node_modules/querystringify": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
-      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
+    "node_modules/dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
     },
-    "node_modules/queue-microtask": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
-      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+    "node_modules/dompurify": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.1.2.tgz",
+      "integrity": "sha512-hLGGBI1tw5N8qTELr3blKjAML/LY4ANxksbS612UiJyDfyf/2D092Pvm+S7pmeTGJRqvlJkFzBoHBQKgQlOQVg==",
+      "license": "(MPL-2.0 OR Apache-2.0)"
     },
-    "node_modules/quick-lru": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz",
-      "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==",
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
       "dev": true,
-      "engines": {
-        "node": ">=8"
+      "license": "MIT",
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
       }
     },
-    "node_modules/raf": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
-      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
       "dependencies": {
-        "performance-now": "^2.1.0"
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/railroad-diagrams": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz",
-      "integrity": "sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==",
-      "dev": true
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.103",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.103.tgz",
+      "integrity": "sha512-P6+XzIkfndgsrjROJWfSvVEgNHtPgbhVyTkwLjUM2HU/h7pZRORgaTlHqfAikqxKmdJMLW8fftrdGWbd/Ds0FA==",
+      "dev": true,
+      "license": "ISC"
     },
-    "node_modules/ramda": {
-      "version": "0.28.0",
-      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.28.0.tgz",
-      "integrity": "sha512-9QnLuG/kPVgWvMQ4aODhsBUFKOUmnbUnsSXACv+NCQZcHbeb+v8Lodp8OVxtRULN1/xOyYLLaL6npE6dMq5QTA==",
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/ramda"
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
       }
     },
-    "node_modules/randexp": {
-      "version": "0.4.6",
-      "resolved": "https://registry.npmjs.org/randexp/-/randexp-0.4.6.tgz",
-      "integrity": "sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==",
-      "dev": true,
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.1.tgz",
+      "integrity": "sha512-ZSW3ma5GkcQBIpwZTSRAI8N71Uuwgs93IezB7mf7R60tC8ZbJideoDNKjHn2O9KIlx6rkGTTEk1xUCK2E1Y2Yg==",
+      "license": "MIT",
       "dependencies": {
-        "discontinuous-range": "1.0.0",
-        "ret": "~0.1.10"
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
       },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
-    "node_modules/randombytes": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "license": "MIT",
       "dependencies": {
-        "safe-buffer": "^5.1.0"
+        "is-arrayish": "^0.2.1"
       }
     },
-    "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/raw-body": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
-      },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.8"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/raw-body/node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "license": "MIT",
       "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
       },
-      "engines": {
-        "node": ">=0.10.0"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/rc": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
-      "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==",
-      "dev": true,
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
       "dependencies": {
-        "deep-extend": "^0.6.0",
-        "ini": "~1.3.0",
-        "minimist": "^1.2.0",
-        "strip-json-comments": "~2.0.1"
+        "es-errors": "^1.3.0"
       },
-      "bin": {
-        "rc": "cli.js"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/rc-cascader": {
-      "version": "3.30.0",
-      "resolved": "https://registry.npmjs.org/rc-cascader/-/rc-cascader-3.30.0.tgz",
-      "integrity": "sha512-rrzSbk1Bdqbu+pDwiLCLHu72+lwX9BZ28+JKzoi0DWZ4N29QYFeip8Gctl33QVd2Xg3Rf14D3yAOG76ElJw16w==",
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.25.7",
-        "classnames": "^2.3.1",
-        "rc-select": "~14.16.2",
-        "rc-tree": "~5.10.1",
-        "rc-util": "^5.43.0"
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/rc-checkbox": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/rc-checkbox/-/rc-checkbox-3.3.0.tgz",
-      "integrity": "sha512-Ih3ZaAcoAiFKJjifzwsGiT/f/quIkxJoklW4yKGho14Olulwn8gN7hOBve0/WGDg5o/l/5mL0w7ff7/YGvefVw==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.25.2"
+    "node_modules/esbuild": {
+      "version": "0.24.2",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.24.2.tgz",
+      "integrity": "sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/rc-collapse": {
-      "version": "3.9.0",
-      "resolved": "https://registry.npmjs.org/rc-collapse/-/rc-collapse-3.9.0.tgz",
-      "integrity": "sha512-swDdz4QZ4dFTo4RAUMLL50qP0EY62N2kvmk2We5xYdRwcRn8WcYtuetCJpwpaCbUfUt5+huLpVxhvmnK+PHrkA==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "2.x",
-        "rc-motion": "^2.3.4",
-        "rc-util": "^5.27.0"
+      "engines": {
+        "node": ">=18"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.24.2",
+        "@esbuild/android-arm": "0.24.2",
+        "@esbuild/android-arm64": "0.24.2",
+        "@esbuild/android-x64": "0.24.2",
+        "@esbuild/darwin-arm64": "0.24.2",
+        "@esbuild/darwin-x64": "0.24.2",
+        "@esbuild/freebsd-arm64": "0.24.2",
+        "@esbuild/freebsd-x64": "0.24.2",
+        "@esbuild/linux-arm": "0.24.2",
+        "@esbuild/linux-arm64": "0.24.2",
+        "@esbuild/linux-ia32": "0.24.2",
+        "@esbuild/linux-loong64": "0.24.2",
+        "@esbuild/linux-mips64el": "0.24.2",
+        "@esbuild/linux-ppc64": "0.24.2",
+        "@esbuild/linux-riscv64": "0.24.2",
+        "@esbuild/linux-s390x": "0.24.2",
+        "@esbuild/linux-x64": "0.24.2",
+        "@esbuild/netbsd-arm64": "0.24.2",
+        "@esbuild/netbsd-x64": "0.24.2",
+        "@esbuild/openbsd-arm64": "0.24.2",
+        "@esbuild/openbsd-x64": "0.24.2",
+        "@esbuild/sunos-x64": "0.24.2",
+        "@esbuild/win32-arm64": "0.24.2",
+        "@esbuild/win32-ia32": "0.24.2",
+        "@esbuild/win32-x64": "0.24.2"
       }
     },
-    "node_modules/rc-dialog": {
-      "version": "9.6.0",
-      "resolved": "https://registry.npmjs.org/rc-dialog/-/rc-dialog-9.6.0.tgz",
-      "integrity": "sha512-ApoVi9Z8PaCQg6FsUzS8yvBEQy0ZL2PkuvAgrmohPkN3okps5WZ5WQWPc1RNuiOKaAYv8B97ACdsFU5LizzCqg==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/portal": "^1.0.0-8",
-        "classnames": "^2.2.6",
-        "rc-motion": "^2.3.0",
-        "rc-util": "^5.21.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/rc-drawer": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/rc-drawer/-/rc-drawer-7.2.0.tgz",
-      "integrity": "sha512-9lOQ7kBekEJRdEpScHvtmEtXnAsy+NGDXiRWc2ZVC7QXAazNVbeT4EraQKYwCME8BJLa8Bxqxvs5swwyOepRwg==",
-      "dependencies": {
-        "@babel/runtime": "^7.23.9",
-        "@rc-component/portal": "^1.1.1",
-        "classnames": "^2.2.6",
-        "rc-motion": "^2.6.1",
-        "rc-util": "^5.38.1"
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/rc-dropdown": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/rc-dropdown/-/rc-dropdown-4.2.1.tgz",
-      "integrity": "sha512-YDAlXsPv3I1n42dv1JpdM7wJ+gSUBfeyPK59ZpBD9jQhK9jVuxpjj3NmWQHOBceA1zEPVX84T2wbdb2SD0UjmA==",
+    "node_modules/eslint": {
+      "version": "9.21.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.21.0.tgz",
+      "integrity": "sha512-KjeihdFqTPhOMXTt7StsDxriV4n66ueuF/jfPNC3j/lduHwr/ijDwJMsF+wyMJethgiKi5wniIE243vi07d3pg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.18.3",
-        "@rc-component/trigger": "^2.0.0",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.44.1"
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.19.2",
+        "@eslint/core": "^0.12.0",
+        "@eslint/eslintrc": "^3.3.0",
+        "@eslint/js": "9.21.0",
+        "@eslint/plugin-kit": "^0.2.7",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "@types/json-schema": "^7.0.15",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.2.0",
+        "eslint-visitor-keys": "^4.2.0",
+        "espree": "^10.3.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
       },
-      "peerDependencies": {
-        "react": ">=16.11.0",
-        "react-dom": ">=16.11.0"
-      }
-    },
-    "node_modules/rc-field-form": {
-      "version": "2.7.0",
-      "resolved": "https://registry.npmjs.org/rc-field-form/-/rc-field-form-2.7.0.tgz",
-      "integrity": "sha512-hgKsCay2taxzVnBPZl+1n4ZondsV78G++XVsMIJCAoioMjlMQR9YwAp7JZDIECzIu2Z66R+f4SFIRrO2DjDNAA==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.0",
-        "@rc-component/async-validator": "^5.0.3",
-        "rc-util": "^5.32.2"
+      "bin": {
+        "eslint": "bin/eslint.js"
       },
       "engines": {
-        "node": ">=8.x"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/rc-image": {
-      "version": "7.11.0",
-      "resolved": "https://registry.npmjs.org/rc-image/-/rc-image-7.11.0.tgz",
-      "integrity": "sha512-aZkTEZXqeqfPZtnSdNUnKQA0N/3MbgR7nUnZ+/4MfSFWPFHZau4p5r5ShaI0KPEMnNjv4kijSCFq/9wtJpwykw==",
-      "dependencies": {
-        "@babel/runtime": "^7.11.2",
-        "@rc-component/portal": "^1.0.2",
-        "classnames": "^2.2.6",
-        "rc-dialog": "~9.6.0",
-        "rc-motion": "^2.6.2",
-        "rc-util": "^5.34.1"
+      "funding": {
+        "url": "https://eslint.org/donate"
       },
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/rc-input": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/rc-input/-/rc-input-1.6.4.tgz",
-      "integrity": "sha512-lBZhfRD4NSAUW0zOKLUeI6GJuXkxeZYi0hr8VcJgJpyTNOvHw1ysrKWAHcEOAAHj7guxgmWYSi6xWrEdfrSAsA==",
-      "dependencies": {
-        "@babel/runtime": "^7.11.1",
-        "classnames": "^2.2.1",
-        "rc-util": "^5.18.1"
+        "jiti": "*"
       },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
       }
     },
-    "node_modules/rc-input-number": {
-      "version": "9.3.0",
-      "resolved": "https://registry.npmjs.org/rc-input-number/-/rc-input-number-9.3.0.tgz",
-      "integrity": "sha512-JQ363ywqRyxwgVxpg2z2kja3CehTpYdqR7emJ/6yJjRdbvo+RvfE83fcpBCIJRq3zLp8SakmEXq60qzWyZ7Usw==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/mini-decimal": "^1.0.1",
-        "classnames": "^2.2.5",
-        "rc-input": "~1.6.0",
-        "rc-util": "^5.40.1"
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-5.1.0.tgz",
+      "integrity": "sha512-mpJRtPgHN2tNAvZ35AMfqeB3Xqeo273QxrHJsbBEPWODRM4r0yB6jfoROqKEYrOn27UtRPpcpHc2UqyBSuUNTw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
       },
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
       }
     },
-    "node_modules/rc-mentions": {
-      "version": "2.17.0",
-      "resolved": "https://registry.npmjs.org/rc-mentions/-/rc-mentions-2.17.0.tgz",
-      "integrity": "sha512-sfHy+qLvc+p8jx8GUsujZWXDOIlIimp6YQz7N5ONQ6bHsa2kyG+BLa5k2wuxgebBbH97is33wxiyq5UkiXRpHA==",
-      "dependencies": {
-        "@babel/runtime": "^7.22.5",
-        "@rc-component/trigger": "^2.0.0",
-        "classnames": "^2.2.6",
-        "rc-input": "~1.6.0",
-        "rc-menu": "~9.16.0",
-        "rc-textarea": "~1.8.0",
-        "rc-util": "^5.34.1"
-      },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.4.19",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.19.tgz",
+      "integrity": "sha512-eyy8pcr/YxSYjBoqIFSrlbn9i/xvxUFa8CjzAYo9cFjgGXqq1hyjihcpZvxRLalpaWmueWR81xn7vuKmAFijDQ==",
+      "dev": true,
+      "license": "MIT",
       "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "eslint": ">=8.40"
       }
     },
-    "node_modules/rc-menu": {
-      "version": "9.16.0",
-      "resolved": "https://registry.npmjs.org/rc-menu/-/rc-menu-9.16.0.tgz",
-      "integrity": "sha512-vAL0yqPkmXWk3+YKRkmIR8TYj3RVdEt3ptG2jCJXWNAvQbT0VJJdRyHZ7kG/l1JsZlB+VJq/VcYOo69VR4oD+w==",
+    "node_modules/eslint-scope": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.2.0.tgz",
+      "integrity": "sha512-PHlWUfG6lvPc3yvP5A4PNyBL1W8fkDUccmI21JUu/+GKZBoH/W5u6usENXUrWFRsyoW5ACUjFGgAFQp5gUlb/A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/trigger": "^2.0.0",
-        "classnames": "2.x",
-        "rc-motion": "^2.4.3",
-        "rc-overflow": "^1.3.1",
-        "rc-util": "^5.27.0"
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/rc-motion": {
-      "version": "2.9.5",
-      "resolved": "https://registry.npmjs.org/rc-motion/-/rc-motion-2.9.5.tgz",
-      "integrity": "sha512-w+XTUrfh7ArbYEd2582uDrEhmBHwK1ZENJiSJVb7uRxdE7qJSYjbO2eksRXmndqyKqKoYPc9ClpPh5242mV1vA==",
-      "dependencies": {
-        "@babel/runtime": "^7.11.1",
-        "classnames": "^2.2.1",
-        "rc-util": "^5.44.0"
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/rc-notification": {
-      "version": "5.6.2",
-      "resolved": "https://registry.npmjs.org/rc-notification/-/rc-notification-5.6.2.tgz",
-      "integrity": "sha512-Id4IYMoii3zzrG0lB0gD6dPgJx4Iu95Xu0BQrhHIbp7ZnAZbLqdqQ73aIWH0d0UFcElxwaKjnzNovTjo7kXz7g==",
+    "node_modules/espree": {
+      "version": "10.3.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.3.0.tgz",
+      "integrity": "sha512-0QYC8b24HWY8zjRnDTL6RiHfDbAWn63qb4LMj1Z4b076A4une81+z03Kg7l7mn/48PUTqoLptSXez8oknU8Clg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "2.x",
-        "rc-motion": "^2.9.0",
-        "rc-util": "^5.20.1"
+        "acorn": "^8.14.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.0"
       },
       "engines": {
-        "node": ">=8.x"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "funding": {
+        "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/rc-overflow": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/rc-overflow/-/rc-overflow-1.3.2.tgz",
-      "integrity": "sha512-nsUm78jkYAoPygDAcGZeC2VwIg/IBGSodtOY3pMof4W3M9qRJgqaDYm03ZayHlde3I6ipliAxbN0RUcGf5KOzw==",
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "@babel/runtime": "^7.11.1",
-        "classnames": "^2.2.1",
-        "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.37.0"
+        "estraverse": "^5.1.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "engines": {
+        "node": ">=0.10"
       }
     },
-    "node_modules/rc-pagination": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/rc-pagination/-/rc-pagination-5.0.0.tgz",
-      "integrity": "sha512-QjrPvbAQwps93iluvFM62AEYglGYhWW2q/nliQqmvkTi4PXP4HHoh00iC1Sa5LLVmtWQHmG73fBi2x6H6vFHRg==",
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.3.2",
-        "rc-util": "^5.38.0"
+        "estraverse": "^5.2.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "engines": {
+        "node": ">=4.0"
       }
     },
-    "node_modules/rc-picker": {
-      "version": "4.8.3",
-      "resolved": "https://registry.npmjs.org/rc-picker/-/rc-picker-4.8.3.tgz",
-      "integrity": "sha512-hJ45qoEs4mfxXPAJdp1n3sKwADul874Cd0/HwnsEOE60H+tgiJUGgbOD62As3EG/rFVNS5AWRfBCDJJfmRqOVQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.24.7",
-        "@rc-component/trigger": "^2.0.0",
-        "classnames": "^2.2.1",
-        "rc-overflow": "^1.3.2",
-        "rc-resize-observer": "^1.4.0",
-        "rc-util": "^5.43.0"
-      },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "date-fns": ">= 2.x",
-        "dayjs": ">= 1.x",
-        "luxon": ">= 3.x",
-        "moment": ">= 2.x",
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      },
-      "peerDependenciesMeta": {
-        "date-fns": {
-          "optional": true
-        },
-        "dayjs": {
-          "optional": true
-        },
-        "luxon": {
-          "optional": true
-        },
-        "moment": {
-          "optional": true
-        }
+        "node": ">=4.0"
       }
     },
-    "node_modules/rc-progress": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/rc-progress/-/rc-progress-4.0.0.tgz",
-      "integrity": "sha512-oofVMMafOCokIUIBnZLNcOZFsABaUw8PPrf1/y0ZBvKZNpOiu5h4AO9vv11Sw0p4Hb3D0yGWuEattcQGtNJ/aw==",
-      "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.6",
-        "rc-util": "^5.16.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/rc-rate": {
-      "version": "2.13.0",
-      "resolved": "https://registry.npmjs.org/rc-rate/-/rc-rate-2.13.0.tgz",
-      "integrity": "sha512-oxvx1Q5k5wD30sjN5tqAyWTvJfLNNJn7Oq3IeS4HxWfAiC4BOXMITNAsw7u/fzdtO4MS8Ki8uRLOzcnEuoQiAw==",
+    "node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
+    "node_modules/execa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
+      "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.5",
-        "rc-util": "^5.0.1"
+        "cross-spawn": "^7.0.0",
+        "get-stream": "^5.0.0",
+        "human-signals": "^1.1.1",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.0",
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2",
+        "strip-final-newline": "^2.0.0"
       },
       "engines": {
-        "node": ">=8.x"
+        "node": ">=10"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
-    "node_modules/rc-resize-observer": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/rc-resize-observer/-/rc-resize-observer-1.4.3.tgz",
-      "integrity": "sha512-YZLjUbyIWox8E9i9C3Tm7ia+W7euPItNWSPX5sCcQTYbnwDb5uNpnLHQCG1f22oZWUhLw4Mv2tFmeWe68CDQRQ==",
-      "dependencies": {
-        "@babel/runtime": "^7.20.7",
-        "classnames": "^2.2.1",
-        "rc-util": "^5.44.1",
-        "resize-observer-polyfill": "^1.5.1"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
+    "node_modules/exifr": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/exifr/-/exifr-7.1.3.tgz",
+      "integrity": "sha512-g/aje2noHivrRSLbAUtBPWFbxKdKhgj/xr1vATDdUXPOFYJlQ62Ft0oy+72V6XLIpDJfHs6gXLbBLAolqOXYRw==",
+      "license": "MIT"
     },
-    "node_modules/rc-segmented": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/rc-segmented/-/rc-segmented-2.5.0.tgz",
-      "integrity": "sha512-B28Fe3J9iUFOhFJET3RoXAPFJ2u47QvLSYcZWC4tFYNGPEjug5LAxEasZlA/PpAxhdOPqGWsGbSj7ftneukJnw==",
-      "dependencies": {
-        "@babel/runtime": "^7.11.1",
-        "classnames": "^2.2.1",
-        "rc-motion": "^2.4.4",
-        "rc-util": "^5.17.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.0.0",
-        "react-dom": ">=16.0.0"
-      }
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
     },
-    "node_modules/rc-select": {
-      "version": "14.16.4",
-      "resolved": "https://registry.npmjs.org/rc-select/-/rc-select-14.16.4.tgz",
-      "integrity": "sha512-jP6qf7+vjnxGvPpfPWbGYfFlSl3h8L2XcD4O7g2GYXmEeBC0mw+nPD7i++OOE8v3YGqP8xtYjRKAWCMLfjgxlw==",
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/trigger": "^2.1.1",
-        "classnames": "2.x",
-        "rc-motion": "^2.0.1",
-        "rc-overflow": "^1.3.1",
-        "rc-util": "^5.16.1",
-        "rc-virtual-list": "^3.5.2"
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
       },
       "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
+        "node": ">=8.6.0"
       }
     },
-    "node_modules/rc-slider": {
-      "version": "11.1.7",
-      "resolved": "https://registry.npmjs.org/rc-slider/-/rc-slider-11.1.7.tgz",
-      "integrity": "sha512-ytYbZei81TX7otdC0QvoYD72XSlxvTihNth5OeZ6PMXyEDq/vHdWFulQmfDGyXK1NwKwSlKgpvINOa88uT5g2A==",
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.5",
-        "rc-util": "^5.36.0"
+        "is-glob": "^4.0.1"
       },
       "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "node": ">= 6"
       }
     },
-    "node_modules/rc-steps": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-6.0.1.tgz",
-      "integrity": "sha512-lKHL+Sny0SeHkQKKDJlAjV5oZ8DwCdS2hFhAkIjuQt1/pB81M0cA0ErVFdHq9+jmPmFw1vJB2F5NBzFXLJxV+g==",
-      "dependencies": {
-        "@babel/runtime": "^7.16.7",
-        "classnames": "^2.2.3",
-        "rc-util": "^5.16.1"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/rc-switch": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/rc-switch/-/rc-switch-4.1.0.tgz",
-      "integrity": "sha512-TI8ufP2Az9oEbvyCeVE4+90PDSljGyuwix3fV58p7HV2o4wBnVToEyomJRVyTaZeqNPAp+vqeo4Wnj5u0ZZQBg==",
-      "dependencies": {
-        "@babel/runtime": "^7.21.0",
-        "classnames": "^2.2.1",
-        "rc-util": "^5.30.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/rc-table": {
-      "version": "7.49.0",
-      "resolved": "https://registry.npmjs.org/rc-table/-/rc-table-7.49.0.tgz",
-      "integrity": "sha512-/FoPLX94muAQOxVpi1jhnpKjOIqUbT81eELQPAzSXOke4ky4oCWYUXOcVpL31ZCO90xScwVSXRd7coqtgtB1Ng==",
+    "node_modules/fastq": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.0.tgz",
+      "integrity": "sha512-7SFSRCNjBQIZH/xZR3iy5iQYR8aGBE0h3VG6/cwlbrpdciNYBMotQav8c1XI3HjHH+NikUpP53nPdlZSdWmFzA==",
+      "license": "ISC",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "@rc-component/context": "^1.4.0",
-        "classnames": "^2.2.5",
-        "rc-resize-observer": "^1.1.0",
-        "rc-util": "^5.41.0",
-        "rc-virtual-list": "^3.14.2"
-      },
-      "engines": {
-        "node": ">=8.x"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+        "reusify": "^1.0.4"
       }
     },
-    "node_modules/rc-tabs": {
-      "version": "15.4.0",
-      "resolved": "https://registry.npmjs.org/rc-tabs/-/rc-tabs-15.4.0.tgz",
-      "integrity": "sha512-llKuyiAVqmXm2z7OrmhX5cNb2ueZaL8ZyA2P4R+6/72NYYcbEgOXibwHiQCFY2RiN3swXl53SIABi2CumUS02g==",
+    "node_modules/fault": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fault/-/fault-2.0.1.tgz",
+      "integrity": "sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.11.2",
-        "classnames": "2.x",
-        "rc-dropdown": "~4.2.0",
-        "rc-menu": "~9.16.0",
-        "rc-motion": "^2.6.2",
-        "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.34.1"
-      },
-      "engines": {
-        "node": ">=8.x"
+        "format": "^0.2.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
       }
     },
-    "node_modules/rc-textarea": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/rc-textarea/-/rc-textarea-1.8.2.tgz",
-      "integrity": "sha512-UFAezAqltyR00a8Lf0IPAyTd29Jj9ee8wt8DqXyDMal7r/Cg/nDt3e1OOv3Th4W6mKaZijjgwuPXhAfVNTN8sw==",
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "^2.2.1",
-        "rc-input": "~1.6.0",
-        "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.27.0"
+        "flat-cache": "^4.0.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "engines": {
+        "node": ">=16.0.0"
       }
     },
-    "node_modules/rc-tooltip": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/rc-tooltip/-/rc-tooltip-6.2.1.tgz",
-      "integrity": "sha512-rws0duD/3sHHsD905Nex7FvoUGy2UBQRhTkKxeEvr2FB+r21HsOxcDJI0TzyO8NHhnAA8ILr8pfbSBg5Jj5KBg==",
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.11.2",
-        "@rc-component/trigger": "^2.0.0",
-        "classnames": "^2.3.1"
+        "to-regex-range": "^5.0.1"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/rc-tree": {
-      "version": "5.10.1",
-      "resolved": "https://registry.npmjs.org/rc-tree/-/rc-tree-5.10.1.tgz",
-      "integrity": "sha512-FPXb3tT/u39mgjr6JNlHaUTYfHkVGW56XaGDahDpEFLGsnPxGcVLNTjcqoQb/GNbSCycl7tD7EvIymwOTP0+Yw==",
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.10.1",
-        "classnames": "2.x",
-        "rc-motion": "^2.0.1",
-        "rc-util": "^5.16.1",
-        "rc-virtual-list": "^3.5.1"
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
       },
       "engines": {
-        "node": ">=10.x"
+        "node": ">=10"
       },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/rc-tree-select": {
-      "version": "5.24.5",
-      "resolved": "https://registry.npmjs.org/rc-tree-select/-/rc-tree-select-5.24.5.tgz",
-      "integrity": "sha512-PnyR8LZJWaiEFw0SHRqo4MNQWyyZsyMs8eNmo68uXZWjxc7QqeWcjPPoONN0rc90c3HZqGF9z+Roz+GLzY5GXA==",
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.25.7",
-        "classnames": "2.x",
-        "rc-select": "~14.16.2",
-        "rc-tree": "~5.10.1",
-        "rc-util": "^5.43.0"
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
       },
-      "peerDependencies": {
-        "react": "*",
-        "react-dom": "*"
+      "engines": {
+        "node": ">=16"
       }
     },
-    "node_modules/rc-upload": {
-      "version": "4.8.1",
-      "resolved": "https://registry.npmjs.org/rc-upload/-/rc-upload-4.8.1.tgz",
-      "integrity": "sha512-toEAhwl4hjLAI1u8/CgKWt30BR06ulPa4iGQSMvSXoHzO88gPCslxqV/mnn4gJU7PDoltGIC9Eh+wkeudqgHyw==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.3",
-        "classnames": "^2.2.5",
-        "rc-util": "^5.2.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
     },
-    "node_modules/rc-util": {
-      "version": "5.44.3",
-      "resolved": "https://registry.npmjs.org/rc-util/-/rc-util-5.44.3.tgz",
-      "integrity": "sha512-q6KCcOFk3rv/zD3MckhJteZxb0VjAIFuf622B7ElK4vfrZdAzs16XR5p3VTdy3+U5jfJU5ACz4QnhLSuAGe5dA==",
-      "dependencies": {
-        "@babel/runtime": "^7.18.3",
-        "react-is": "^18.2.0"
+    "node_modules/follow-redirects": {
+      "version": "1.15.9",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+      "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
       }
     },
-    "node_modules/rc-util/node_modules/react-is": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
-      "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg=="
-    },
-    "node_modules/rc-virtual-list": {
-      "version": "3.16.1",
-      "resolved": "https://registry.npmjs.org/rc-virtual-list/-/rc-virtual-list-3.16.1.tgz",
-      "integrity": "sha512-algM5UsB7vrlPNr9lsZEH8s9KHkP8XbT/Y0qylyPkiM8mIOlSJLjBNADcmbYPEQCm4zW82mZRJuVHNzqqN0EAQ==",
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.20.0",
-        "classnames": "^2.2.6",
-        "rc-resize-observer": "^1.0.0",
-        "rc-util": "^5.36.0"
+        "is-callable": "^1.2.7"
       },
       "engines": {
-        "node": ">=8.x"
+        "node": ">= 0.4"
       },
-      "peerDependencies": {
-        "react": ">=16.9.0",
-        "react-dom": ">=16.9.0"
-      }
-    },
-    "node_modules/rc/node_modules/strip-json-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
-      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+    "node_modules/form-data": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.2.tgz",
+      "integrity": "sha512-hGfm/slu0ZabnNt4oaRZ6uREyfCj6P4fT/n6A1rGV+Z0VdGXjfOhVUpkn6qVQONHGIFwmveGXyDs75+nr6FM8w==",
+      "license": "MIT",
       "dependencies": {
-        "loose-envify": "^1.1.0"
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "mime-types": "^2.1.12"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 6"
       }
     },
-    "node_modules/react-app-polyfill": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz",
-      "integrity": "sha512-sZ41cxiU5llIB003yxxQBYrARBqe0repqPTTYBTmMqTz9szeBbE37BehCE891NZsmdZqqP+xWKdT3eo3vOzN8w==",
-      "dependencies": {
-        "core-js": "^3.19.2",
-        "object-assign": "^4.1.1",
-        "promise": "^8.1.0",
-        "raf": "^3.4.1",
-        "regenerator-runtime": "^0.13.9",
-        "whatwg-fetch": "^3.6.2"
-      },
+    "node_modules/format": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/format/-/format-0.2.2.tgz",
+      "integrity": "sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww==",
       "engines": {
-        "node": ">=14"
+        "node": ">=0.4.x"
       }
     },
-    "node_modules/react-app-polyfill/node_modules/regenerator-runtime": {
-      "version": "0.13.11",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
-      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "license": "ISC"
     },
-    "node_modules/react-color": {
-      "version": "2.19.3",
-      "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz",
-      "integrity": "sha512-LEeGE/ZzNLIsFWa1TMe8y5VYqr7bibneWmvJwm1pCn/eNmrabWDh659JSPn9BuaMpEfU83WTOJfnCcjDZwNQTA==",
-      "dependencies": {
-        "@icons/material": "^0.2.4",
-        "lodash": "^4.17.15",
-        "lodash-es": "^4.17.15",
-        "material-colors": "^1.2.1",
-        "prop-types": "^15.5.10",
-        "reactcss": "^1.2.0",
-        "tinycolor2": "^1.4.1"
-      },
-      "peerDependencies": {
-        "react": "*"
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
-    "node_modules/react-dev-utils": {
-      "version": "12.0.1",
-      "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",
-      "integrity": "sha512-84Ivxmr17KjUupyqzFode6xKhjwuEJDROWKJy/BthkL7Wn6NJ8h4WE6k/exAv6ImS+0oZLRRW5j/aINMHyeGeQ==",
-      "dependencies": {
-        "@babel/code-frame": "^7.16.0",
-        "address": "^1.1.2",
-        "browserslist": "^4.18.1",
-        "chalk": "^4.1.2",
-        "cross-spawn": "^7.0.3",
-        "detect-port-alt": "^1.1.6",
-        "escape-string-regexp": "^4.0.0",
-        "filesize": "^8.0.6",
-        "find-up": "^5.0.0",
-        "fork-ts-checker-webpack-plugin": "^6.5.0",
-        "global-modules": "^2.0.0",
-        "globby": "^11.0.4",
-        "gzip-size": "^6.0.0",
-        "immer": "^9.0.7",
-        "is-root": "^2.1.0",
-        "loader-utils": "^3.2.0",
-        "open": "^8.4.0",
-        "pkg-up": "^3.1.0",
-        "prompts": "^2.4.2",
-        "react-error-overlay": "^6.0.11",
-        "recursive-readdir": "^2.2.2",
-        "shell-quote": "^1.7.3",
-        "strip-ansi": "^6.0.1",
-        "text-table": "^0.2.0"
-      },
-      "engines": {
-        "node": ">=14"
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react-dev-utils/node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react-dev-utils/node_modules/find-up": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
-      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
       "dependencies": {
-        "locate-path": "^6.0.0",
-        "path-exists": "^4.0.0"
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react-dev-utils/node_modules/loader-utils": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-3.3.1.tgz",
-      "integrity": "sha512-FMJTLMXfCLMLfJxcX9PFqX5qD88Z5MRGaZCVzfuqeZSPsyiBzs+pahDQjbIWz2QIzPZz0NX9Zy4FX3lmK6YHIg==",
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 12.13.0"
+        "node": ">=6"
       }
     },
-    "node_modules/react-dev-utils/node_modules/locate-path": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
-      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
       "dependencies": {
-        "p-locate": "^5.0.0"
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/react-dev-utils/node_modules/p-limit": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
-      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "license": "MIT",
       "dependencies": {
-        "yocto-queue": "^0.1.0"
+        "pump": "^3.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=8"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/react-dev-utils/node_modules/p-locate": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
-      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "license": "ISC",
       "dependencies": {
-        "p-limit": "^3.0.2"
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": "*"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/react-dom": {
-      "version": "18.3.1",
-      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
-      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "scheduler": "^0.23.2"
-      },
-      "peerDependencies": {
-        "react": "^18.3.1"
-      }
-    },
-    "node_modules/react-error-overlay": {
-      "version": "6.0.11",
-      "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.11.tgz",
-      "integrity": "sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg=="
-    },
-    "node_modules/react-fast-compare": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
-      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
-    },
-    "node_modules/react-helmet": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
-      "integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
-      "dependencies": {
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.7.2",
-        "react-fast-compare": "^3.1.1",
-        "react-side-effect": "^2.1.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.3.0"
-      }
-    },
-    "node_modules/react-hotkeys-hook": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/react-hotkeys-hook/-/react-hotkeys-hook-4.5.0.tgz",
-      "integrity": "sha512-Samb85GSgAWFQNvVt3PS90LPPGSf9mkH/r4au81ZP1yOIFayLC3QAvqTgGtJ8YEDMXtPmaVBs6NgipHO6h4Mug==",
-      "peerDependencies": {
-        "react": ">=16.8.1",
-        "react-dom": ">=16.8.1"
-      }
-    },
-    "node_modules/react-icons": {
-      "version": "4.12.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
-      "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
-    "node_modules/react-infinite-scroller": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/react-infinite-scroller/-/react-infinite-scroller-1.2.6.tgz",
-      "integrity": "sha512-mGdMyOD00YArJ1S1F3TVU9y4fGSfVVl6p5gh/Vt4u99CJOptfVu/q5V/Wlle72TMgYlBwIhbxK5wF0C/R33PXQ==",
-      "dependencies": {
-        "prop-types": "^15.5.8"
-      },
-      "peerDependencies": {
-        "react": "^0.14.9 || ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/react-is": {
-      "version": "16.13.1",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
-    },
-    "node_modules/react-masonry-infinite": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/react-masonry-infinite/-/react-masonry-infinite-1.2.2.tgz",
-      "integrity": "sha512-mUr0NRzeec9fnwkS513pOsBmMOOZe2YxVuE9HbKjgO0RKp6cFgtUBCEn8wZiiOrmdTiGe8Kx9T8QufJZmhNBxw==",
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "bricks.js": "^1.7.0",
-        "prop-types": "^15.5.10",
-        "react-infinite-scroller": "^1.0.12"
+        "is-glob": "^4.0.3"
       },
-      "peerDependencies": {
-        "react": ">= 0.14.0"
+      "engines": {
+        "node": ">=10.13.0"
       }
     },
-    "node_modules/react-paginate": {
-      "version": "8.2.0",
-      "resolved": "https://registry.npmjs.org/react-paginate/-/react-paginate-8.2.0.tgz",
-      "integrity": "sha512-sJCz1PW+9PNIjUSn919nlcRVuleN2YPoFBOvL+6TPgrH/3lwphqiSOgdrLafLdyLDxsgK+oSgviqacF4hxsDIw==",
+    "node_modules/global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "license": "MIT",
       "dependencies": {
-        "prop-types": "^15"
-      },
-      "peerDependencies": {
-        "react": "^16 || ^17 || ^18"
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
       }
     },
-    "node_modules/react-popper": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz",
-      "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==",
-      "dependencies": {
-        "react-fast-compare": "^3.0.1",
-        "warning": "^4.0.2"
+    "node_modules/globals": {
+      "version": "15.15.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-15.15.0.tgz",
+      "integrity": "sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
       },
-      "peerDependencies": {
-        "@popperjs/core": "^2.0.0",
-        "react": "^16.8.0 || ^17 || ^18",
-        "react-dom": "^16.8.0 || ^17 || ^18"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/react-redux": {
-      "version": "7.2.9",
-      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
-      "integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
+    "node_modules/globby": {
+      "version": "10.0.2",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-10.0.2.tgz",
+      "integrity": "sha512-7dUi7RvCoT/xast/o/dLN53oqND4yk0nsHkhRgn9w65C4PofCLOoJ39iSOg+qVDdWQPIEj+eszMHQ+aLVwwQSg==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.15.4",
-        "@types/react-redux": "^7.1.20",
-        "hoist-non-react-statics": "^3.3.2",
-        "loose-envify": "^1.4.0",
-        "prop-types": "^15.7.2",
-        "react-is": "^17.0.2"
-      },
-      "peerDependencies": {
-        "react": "^16.8.3 || ^17 || ^18"
+        "@types/glob": "^7.1.1",
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.0.3",
+        "glob": "^7.1.3",
+        "ignore": "^5.1.1",
+        "merge2": "^1.2.3",
+        "slash": "^3.0.0"
       },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/react-redux/node_modules/react-is": {
-      "version": "17.0.2",
-      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
-      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
-    },
-    "node_modules/react-refresh": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
-      "integrity": "sha512-F27qZr8uUqwhWZboondsPx8tnC3Ct3SxZA3V5WyEvujRyyNv0VYPhoBg1gZ8/MV5tubQp76Trw8lTv9hzRBa+A==",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=8"
       }
     },
-    "node_modules/react-router": {
-      "version": "6.28.1",
-      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.28.1.tgz",
-      "integrity": "sha512-2omQTA3rkMljmrvvo6WtewGdVh45SpL9hGiCI9uUrwGGfNFDIvGK4gYJsKlJoNVi6AQZcopSCballL+QGOm7fA==",
-      "dependencies": {
-        "@remix-run/router": "1.21.0"
-      },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
       "engines": {
-        "node": ">=14.0.0"
+        "node": ">= 0.4"
       },
-      "peerDependencies": {
-        "react": ">=16.8"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react-router-dom": {
-      "version": "6.28.1",
-      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.28.1.tgz",
-      "integrity": "sha512-YraE27C/RdjcZwl5UCqF/ffXnZDxpJdk9Q6jw38SZHjXs7NNdpViq2l2c7fO7+4uWaEfcwfGCv3RSg4e1By/fQ==",
-      "dependencies": {
-        "@remix-run/router": "1.21.0",
-        "react-router": "6.28.1"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "peerDependencies": {
-        "react": ">=16.8",
-        "react-dom": ">=16.8"
-      }
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
     },
-    "node_modules/react-scripts": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-5.0.1.tgz",
-      "integrity": "sha512-8VAmEm/ZAwQzJ+GOMLbBsTdDKOpuZh7RPs0UymvBR2vRk4iZWCskjbFnxqjrzoIvlNNRZ3QJFx6/qDSi6zSnaQ==",
-      "dependencies": {
-        "@babel/core": "^7.16.0",
-        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-        "@svgr/webpack": "^5.5.0",
-        "babel-jest": "^27.4.2",
-        "babel-loader": "^8.2.3",
-        "babel-plugin-named-asset-import": "^0.3.8",
-        "babel-preset-react-app": "^10.0.1",
-        "bfj": "^7.0.2",
-        "browserslist": "^4.18.1",
-        "camelcase": "^6.2.1",
-        "case-sensitive-paths-webpack-plugin": "^2.4.0",
-        "css-loader": "^6.5.1",
-        "css-minimizer-webpack-plugin": "^3.2.0",
-        "dotenv": "^10.0.0",
-        "dotenv-expand": "^5.1.0",
-        "eslint": "^8.3.0",
-        "eslint-config-react-app": "^7.0.1",
-        "eslint-webpack-plugin": "^3.1.1",
-        "file-loader": "^6.2.0",
-        "fs-extra": "^10.0.0",
-        "html-webpack-plugin": "^5.5.0",
-        "identity-obj-proxy": "^3.0.0",
-        "jest": "^27.4.3",
-        "jest-resolve": "^27.4.2",
-        "jest-watch-typeahead": "^1.0.0",
-        "mini-css-extract-plugin": "^2.4.5",
-        "postcss": "^8.4.4",
-        "postcss-flexbugs-fixes": "^5.0.2",
-        "postcss-loader": "^6.2.1",
-        "postcss-normalize": "^10.0.1",
-        "postcss-preset-env": "^7.0.1",
-        "prompts": "^2.4.2",
-        "react-app-polyfill": "^3.0.0",
-        "react-dev-utils": "^12.0.1",
-        "react-refresh": "^0.11.0",
-        "resolve": "^1.20.0",
-        "resolve-url-loader": "^4.0.0",
-        "sass-loader": "^12.3.0",
-        "semver": "^7.3.5",
-        "source-map-loader": "^3.0.0",
-        "style-loader": "^3.3.1",
-        "tailwindcss": "^3.0.2",
-        "terser-webpack-plugin": "^5.2.5",
-        "webpack": "^5.64.4",
-        "webpack-dev-server": "^4.6.0",
-        "webpack-manifest-plugin": "^4.0.2",
-        "workbox-webpack-plugin": "^6.4.1"
-      },
-      "bin": {
-        "react-scripts": "bin/react-scripts.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "^2.3.2"
-      },
-      "peerDependencies": {
-        "react": ">= 16",
-        "typescript": "^3.2.1 || ^4"
-      },
-      "peerDependenciesMeta": {
-        "typescript": {
-          "optional": true
-        }
-      }
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
     },
-    "node_modules/react-scripts/node_modules/camelcase": {
-      "version": "6.3.0",
-      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
-      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react-scripts/node_modules/dotenv": {
-      "version": "10.0.0",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-10.0.0.tgz",
-      "integrity": "sha512-rlBi9d8jpv9Sf1klPjNfFAuWDjKLwTIJJ/VxtoTwIR6hnZxcEOQCZg2oIL3MWBYw5GpUDKOEnND7LXTbIpQ03Q==",
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">=8"
       }
     },
-    "node_modules/react-scripts/node_modules/fs-extra": {
-      "version": "10.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.1.0.tgz",
-      "integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "license": "MIT",
       "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
+        "es-define-property": "^1.0.0"
       },
-      "engines": {
-        "node": ">=12"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react-scripts/node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dependencies": {
-        "universalify": "^2.0.0"
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
       },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react-scripts/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "bin": {
-        "semver": "bin/semver.js"
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
       },
       "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/react-scripts/node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/react-side-effect": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz",
-      "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==",
-      "peerDependencies": {
-        "react": "^16.3.0 || ^17.0.0 || ^18.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/react-test-renderer": {
-      "version": "16.14.0",
-      "resolved": "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-16.14.0.tgz",
-      "integrity": "sha512-L8yPjqPE5CZO6rKsKXRO/rVPiaCOy0tQQJbC+UjPNlobl5mad59lvPjwFsQHTvL03caVDIVr9x9/OSgDe6I5Eg==",
-      "dev": true,
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
       "dependencies": {
-        "object-assign": "^4.1.1",
-        "prop-types": "^15.6.2",
-        "react-is": "^16.8.6",
-        "scheduler": "^0.19.1"
+        "function-bind": "^1.1.2"
       },
-      "peerDependencies": {
-        "react": "^16.14.0"
+      "engines": {
+        "node": ">= 0.4"
       }
     },
-    "node_modules/react-test-renderer/node_modules/scheduler": {
-      "version": "0.19.1",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.19.1.tgz",
-      "integrity": "sha512-n/zwRWRYSUj0/3g/otKDRPMh6qv2SYMWNq85IEa8iZyAv8od9zDYpGSnpBEjNgcMNq6Scbu5KfIPxNF72R/2EA==",
-      "dev": true,
-      "dependencies": {
-        "loose-envify": "^1.1.0",
-        "object-assign": "^4.1.1"
+    "node_modules/highlight.js": {
+      "version": "11.9.0",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.9.0.tgz",
+      "integrity": "sha512-fJ7cW7fQGCYAkgv4CPfwFHrfd/cLS4Hau96JuJ+ZTOWhjnhoeN1ub1tFmALm/+lW5z4WCAuAV9bm05AP0mS6Gw==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
       }
     },
-    "node_modules/reactcss": {
-      "version": "1.2.3",
-      "resolved": "https://registry.npmjs.org/reactcss/-/reactcss-1.2.3.tgz",
-      "integrity": "sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A==",
-      "dependencies": {
-        "lodash": "^4.0.1"
-      }
+    "node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "license": "ISC"
     },
-    "node_modules/read-cache": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
-      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "dependencies": {
-        "pify": "^2.3.0"
+    "node_modules/human-signals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
+      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8.12.0"
       }
     },
-    "node_modules/read-cache/node_modules/pify": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
-      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "license": "MIT",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 4"
       }
     },
-    "node_modules/read-pkg": {
-      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
-      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
-      "dev": true,
-      "dependencies": {
-        "@types/normalize-package-data": "^2.4.0",
-        "normalize-package-data": "^2.5.0",
-        "parse-json": "^5.0.0",
-        "type-fest": "^0.6.0"
-      },
-      "engines": {
-        "node": ">=8"
+    "node_modules/immer": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.1.1.tgz",
+      "integrity": "sha512-s2MPrmjovJcoMaHtx6K11Ra7oD05NT97w1IC5zpMkT6Atjr7H8LjaDd81iIxUYpMKSRRNMJE703M1Fhr/TctHw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
       }
     },
-    "node_modules/read-pkg-up": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
-      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+    "node_modules/immutable": {
+      "version": "4.3.7",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.7.tgz",
+      "integrity": "sha512-1hqclzwYwjRDFLjcFxOM5AYkkG0rpFPpr1RLPMEuGczoS7YA8gLhy8SWXYRAA/XwfEHpfo3cw5JGioS32fnMRw==",
+      "license": "MIT"
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "find-up": "^4.1.0",
-        "read-pkg": "^5.2.0",
-        "type-fest": "^0.8.1"
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=6"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/read-pkg-up/node_modules/type-fest": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
-      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/read-pkg/node_modules/hosted-git-info": {
-      "version": "2.8.9",
-      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
-      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
-      "dev": true
-    },
-    "node_modules/read-pkg/node_modules/normalize-package-data": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
-      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
-      "dev": true,
-      "dependencies": {
-        "hosted-git-info": "^2.1.4",
-        "resolve": "^1.10.0",
-        "semver": "2 || 3 || 4 || 5",
-        "validate-npm-package-license": "^3.0.1"
-      }
-    },
-    "node_modules/read-pkg/node_modules/semver": {
-      "version": "5.7.2",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
-      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver"
+        "node": ">=0.8.19"
       }
     },
-    "node_modules/read-pkg/node_modules/type-fest": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
-      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
-      "dev": true,
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/readable-stream": {
-      "version": "3.6.2",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
-      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "license": "ISC",
       "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
+        "once": "^1.3.0",
+        "wrappy": "1"
       }
     },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "license": "MIT",
       "dependencies": {
-        "picomatch": "^2.2.1"
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
       },
       "engines": {
-        "node": ">=8.10.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/recursive-readdir": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/recursive-readdir/-/recursive-readdir-2.2.3.tgz",
-      "integrity": "sha512-8HrF5ZsXk5FAH9dgsx3BlUer73nIhuj+9OrQwEbLTPOBzGkL1lsFCR01am+v+0m2Cmbs1nP12hLDl5FA7EszKA==",
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "license": "MIT",
       "dependencies": {
-        "minimatch": "^3.0.5"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
       },
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/redent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
-      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "license": "MIT",
       "dependencies": {
-        "indent-string": "^4.0.0",
-        "strip-indent": "^3.0.0"
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/redeyed": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/redeyed/-/redeyed-2.1.1.tgz",
-      "integrity": "sha512-FNpGGo1DycYAdnrKFxCMmKYgo/mILAqtRYbkdQD8Ep/Hk2PQ5+aEAEx+IU713RTDmuBaH0c8P5ZozurNu5ObRQ==",
-      "dev": true,
-      "dependencies": {
-        "esprima": "~4.0.0"
-      }
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "license": "MIT"
     },
-    "node_modules/redux": {
-      "version": "4.2.1",
-      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
-      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/runtime": "^7.9.2"
-      }
-    },
-    "node_modules/redux-devtools-extension": {
-      "version": "2.13.9",
-      "resolved": "https://registry.npmjs.org/redux-devtools-extension/-/redux-devtools-extension-2.13.9.tgz",
-      "integrity": "sha512-cNJ8Q/EtjhQaZ71c8I9+BPySIBVEKssbPpskBfsXqb8HJ002A3KRVHfeRzwRo6mGPqsm7XuHTqNSNeS1Khig0A==",
-      "deprecated": "Package moved to @redux-devtools/extension.",
-      "peerDependencies": {
-        "redux": "^3.1.0 || ^4.0.0"
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/redux-mock-store": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/redux-mock-store/-/redux-mock-store-1.5.5.tgz",
-      "integrity": "sha512-YxX+ofKUTQkZE4HbhYG4kKGr7oCTJfB0GLy7bSeqx86GLpGirrbUWstMnqXkqHNaQpcnbMGbof2dYs5KsPE6Zg==",
-      "dev": true,
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "license": "MIT",
       "dependencies": {
-        "lodash.isplainobject": "^4.0.6"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
-      "peerDependencies": {
-        "redux": "*"
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/redux-thunk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.4.2.tgz",
-      "integrity": "sha512-+P3TjtnP0k/FEjcBL5FZpoovtvrTNT/UXd4/sluaSyrURlSlhLSzEdfsTBW7WsKB6yPvgd7q/iZPICFjW4o57Q==",
-      "peerDependencies": {
-        "redux": "^4"
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/reflect.getprototypeof": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.9.tgz",
-      "integrity": "sha512-r0Ay04Snci87djAsI4U+WNRcSw5S4pOH7qFjd/veA5gC7TbqESR3tcj28ia95L/fYUDw11JKP7uqUKUAfVvV5Q==",
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "define-properties": "^1.2.1",
-        "dunder-proto": "^1.0.1",
-        "es-abstract": "^1.23.6",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.6",
-        "gopd": "^1.2.0",
-        "which-builtin-type": "^1.2.1"
+        "hasown": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -25325,66 +7711,63 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/reflect.ownkeys": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/reflect.ownkeys/-/reflect.ownkeys-1.1.4.tgz",
-      "integrity": "sha512-iUNmtLgzudssL+qnTUosCmnq3eczlrVd1wXrgx/GhiI/8FvwrTYWtCJ9PNvWIRX+4ftupj2WUfB5mu5s9t6LnA==",
-      "dev": true,
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.2",
-        "define-properties": "^1.2.0",
-        "es-abstract": "^1.22.1",
-        "es-set-tostringtag": "^2.0.1",
-        "globalthis": "^1.0.3"
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/regenerate": {
-      "version": "1.4.2",
-      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
-      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A=="
-    },
-    "node_modules/regenerate-unicode-properties": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.2.0.tgz",
-      "integrity": "sha512-DqHn3DwbmmPVzeKj9woBadqmXxLvQoQIwu7nopMc72ztvxVmVk2SBhSnx67zuye5TP+lJsb/TBQsjLKhnDf3MA==",
-      "dependencies": {
-        "regenerate": "^1.4.2"
-      },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
       "engines": {
-        "node": ">=4"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/regenerator-runtime": {
-      "version": "0.14.1",
-      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
-    },
-    "node_modules/regenerator-transform": {
-      "version": "0.15.2",
-      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
-      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
-      "dependencies": {
-        "@babel/runtime": "^7.8.4"
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/regex-parser": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.0.tgz",
-      "integrity": "sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg=="
+    "node_modules/is-function": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-function/-/is-function-1.0.2.tgz",
+      "integrity": "sha512-lw7DUp0aWXYg+CBCN+JKkcE0Q2RayZnSvnZBlwgxHBQhqt5pZNVy4Ri7H9GmmXkdu7LUthszM+Tor1u/2iBcpQ==",
+      "license": "MIT"
     },
-    "node_modules/regexp.prototype.flags": {
-      "version": "1.5.3",
-      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.3.tgz",
-      "integrity": "sha512-vqlC04+RQoFalODCbCumG2xIOvapzVMHwsyIGM/SIE8fRhFFsXeH8/QQ+s0T0kDAhKc4k30s73/0ydkHQz6HlQ==",
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-errors": "^1.3.0",
-        "set-function-name": "^2.0.2"
+        "is-extglob": "^2.1.1"
       },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -25392,205 +7775,186 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/regexpu-core": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-6.2.0.tgz",
-      "integrity": "sha512-H66BPQMrv+V16t8xtmq+UC0CBpiTBA60V8ibS1QVReIp8T1z8hwFxqcGzm9K6lgsN7sB5edVH8a+ze6Fqm4weA==",
-      "dependencies": {
-        "regenerate": "^1.4.2",
-        "regenerate-unicode-properties": "^10.2.0",
-        "regjsgen": "^0.8.0",
-        "regjsparser": "^0.12.0",
-        "unicode-match-property-ecmascript": "^2.0.0",
-        "unicode-match-property-value-ecmascript": "^2.1.0"
-      },
+    "node_modules/is-network-error": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.1.0.tgz",
+      "integrity": "sha512-tUdRRAnhT+OtCZR/LxZelH/C7QtjtFrTu5tXCA8pl55eTUElUHT+GPYV8MBMBvea/j+NxQqVt3LbWMRir7Gx9g==",
+      "license": "MIT",
       "engines": {
-        "node": ">=4"
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/registry-auth-token": {
-      "version": "4.2.2",
-      "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.2.tgz",
-      "integrity": "sha512-PC5ZysNb42zpFME6D/XlIgtNGdTl8bBOCw90xQLVMpzuuubJKYDWFAEuUNc+Cn8Z8724tg2SDhDRrkVEsqfDMg==",
-      "dev": true,
-      "dependencies": {
-        "rc": "1.2.8"
-      },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=0.12.0"
       }
     },
-    "node_modules/regjsgen": {
-      "version": "0.8.0",
-      "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.8.0.tgz",
-      "integrity": "sha512-RvwtGe3d7LvWiDQXeQw8p5asZUmfU1G/l6WbUXeHta7Y2PEIvBTwH6E2EfmYUK8pxcxEdEmaomqyp0vZZ7C+3Q=="
-    },
-    "node_modules/regjsparser": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.12.0.tgz",
-      "integrity": "sha512-cnE+y8bz4NhMjISKbgeVJtqNbtf5QpjZP+Bslo+UqkIt9QPnX9q095eiRRASJG1/tz6dlNr6Z5NsBiWYokp6EQ==",
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "license": "MIT",
       "dependencies": {
-        "jsesc": "~3.0.2"
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
       },
-      "bin": {
-        "regjsparser": "bin/parser"
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/regjsparser/node_modules/jsesc": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.0.2.tgz",
-      "integrity": "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==",
-      "bin": {
-        "jsesc": "bin/jsesc"
-      },
+    "node_modules/is-path-cwd": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-path-cwd/-/is-path-cwd-2.2.0.tgz",
+      "integrity": "sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
-    "node_modules/relateurl": {
-      "version": "0.2.7",
-      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
-      "integrity": "sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog==",
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.10"
+        "node": ">=8"
       }
     },
-    "node_modules/renderkid": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
-      "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
-      "dependencies": {
-        "css-select": "^4.1.3",
-        "dom-converter": "^0.2.0",
-        "htmlparser2": "^6.1.0",
-        "lodash": "^4.17.21",
-        "strip-ansi": "^6.0.1"
+    "node_modules/is-plain-obj": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/renderkid/node_modules/css-select": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
-      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "license": "MIT",
       "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^6.0.1",
-        "domhandler": "^4.3.1",
-        "domutils": "^2.8.0",
-        "nth-check": "^2.0.1"
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/fb55"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/renderkid/node_modules/dom-serializer": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
-      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.2.0",
-        "entities": "^2.0.0"
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/renderkid/node_modules/domhandler": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
-      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+    "node_modules/is-shallow-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-shallow-equal/-/is-shallow-equal-1.0.1.tgz",
+      "integrity": "sha512-lq5RvK+85Hs5J3p4oA4256M1FEffzmI533ikeDHvJd42nouRRx5wBzt36JuviiGe5dIPyHON/d0/Up+PBo6XkQ==",
+      "license": "MIT"
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "license": "MIT",
       "dependencies": {
-        "domelementtype": "^2.2.0"
+        "call-bound": "^1.0.3"
       },
       "engines": {
-        "node": ">= 4"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/fb55/domhandler?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/renderkid/node_modules/domutils": {
-      "version": "2.8.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
-      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
-      "dependencies": {
-        "dom-serializer": "^1.0.1",
-        "domelementtype": "^2.2.0",
-        "domhandler": "^4.2.0"
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       },
       "funding": {
-        "url": "https://github.com/fb55/domutils?sponsor=1"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/renderkid/node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/renderkid/node_modules/htmlparser2": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
-      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
-      "funding": [
-        "https://github.com/fb55/htmlparser2?sponsor=1",
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/fb55"
-        }
-      ],
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "license": "MIT",
       "dependencies": {
-        "domelementtype": "^2.0.1",
-        "domhandler": "^4.0.0",
-        "domutils": "^2.5.2",
-        "entities": "^2.0.0"
-      }
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/require-from-string": {
+    "node_modules/is-weakmap": {
       "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
-      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "license": "MIT",
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/require-main-filename": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
-      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
-      "dev": true
-    },
-    "node_modules/requires-port": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
-      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
-    },
-    "node_modules/resize-observer-polyfill": {
-      "version": "1.5.1",
-      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
-      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
-    },
-    "node_modules/resolve": {
-      "version": "1.22.10",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
-      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "license": "MIT",
       "dependencies": {
-        "is-core-module": "^2.16.0",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
       },
       "engines": {
         "node": ">= 0.4"
@@ -25599,1640 +7963,1802 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/resolve-cwd": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
-      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
-      "dependencies": {
-        "resolve-from": "^5.0.0"
-      },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/isobject": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-4.0.0.tgz",
+      "integrity": "sha512-S/2fF5wH8SJA/kmwr6HYhK/RI/OkhD84k8ntalo0iJjZikgq1XFvR5M8NPT1x5F7fBwCG3qHfnzeP/Vh/ZxCUA==",
+      "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/resolve-dir": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
-      "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+    "node_modules/jiti": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz",
+      "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "expand-tilde": "^2.0.0",
-        "global-modules": "^1.0.0"
+        "argparse": "^2.0.1"
       },
-      "engines": {
-        "node": ">=0.10.0"
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/resolve-dir/node_modules/global-modules": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
-      "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
       "dev": true,
-      "dependencies": {
-        "global-prefix": "^1.0.1",
-        "is-windows": "^1.0.1",
-        "resolve-dir": "^1.0.0"
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=6"
       }
     },
-    "node_modules/resolve-dir/node_modules/global-prefix": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
-      "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
       "dev": true,
-      "dependencies": {
-        "expand-tilde": "^2.0.2",
-        "homedir-polyfill": "^1.0.1",
-        "ini": "^1.3.4",
-        "is-windows": "^1.0.1",
-        "which": "^1.2.14"
+      "license": "MIT"
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">=6"
       }
     },
-    "node_modules/resolve-dir/node_modules/which": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
-      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
+        "json-buffer": "3.0.1"
       }
     },
-    "node_modules/resolve-from": {
-      "version": "5.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
-      "engines": {
-        "node": ">=8"
-      }
+    "node_modules/knot.js": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/knot.js/-/knot.js-1.1.5.tgz",
+      "integrity": "sha512-ptGtvTrgLNtQj9ilUR+tSyHWTCPp2xu/EHkeo3OvpczzNqBSwjQKz8G7vUhzlRbasXVULBWSejsj6QRQb1pakw==",
+      "license": "MIT"
     },
-    "node_modules/resolve-global": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-global/-/resolve-global-1.0.0.tgz",
-      "integrity": "sha512-zFa12V4OLtT5XUX/Q4VLvTfBf+Ok0SPc1FNGM/z9ctUdiU618qwKpWnd0CHs3+RqROfyEg/DhuHbMWYqcgljEw==",
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "global-dirs": "^0.1.1"
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/resolve-url": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
-      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
-      "deprecated": "https://github.com/lydell/resolve-url#deprecated"
-    },
-    "node_modules/resolve-url-loader": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-4.0.0.tgz",
-      "integrity": "sha512-05VEMczVREcbtT7Bz+C+96eUO5HDNvdthIiMB34t7FcF8ehcu4wC0sSgPUubs3XW2Q3CNLJk/BJrCU9wVRymiA==",
+    "node_modules/lightningcss": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.29.2.tgz",
+      "integrity": "sha512-6b6gd/RUXKaw5keVdSEtqFVdzWnU5jMxTUjA2bVcMNPLwSQ08Sv/UodBVtETLCn7k4S1Ibxwh7k68IwLZPgKaA==",
+      "license": "MPL-2.0",
       "dependencies": {
-        "adjust-sourcemap-loader": "^4.0.0",
-        "convert-source-map": "^1.7.0",
-        "loader-utils": "^2.0.0",
-        "postcss": "^7.0.35",
-        "source-map": "0.6.1"
+        "detect-libc": "^2.0.3"
       },
       "engines": {
-        "node": ">=8.9"
+        "node": ">= 12.0.0"
       },
-      "peerDependencies": {
-        "rework": "1.0.1",
-        "rework-visit": "1.0.0"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       },
-      "peerDependenciesMeta": {
-        "rework": {
-          "optional": true
-        },
-        "rework-visit": {
-          "optional": true
-        }
+      "optionalDependencies": {
+        "lightningcss-darwin-arm64": "1.29.2",
+        "lightningcss-darwin-x64": "1.29.2",
+        "lightningcss-freebsd-x64": "1.29.2",
+        "lightningcss-linux-arm-gnueabihf": "1.29.2",
+        "lightningcss-linux-arm64-gnu": "1.29.2",
+        "lightningcss-linux-arm64-musl": "1.29.2",
+        "lightningcss-linux-x64-gnu": "1.29.2",
+        "lightningcss-linux-x64-musl": "1.29.2",
+        "lightningcss-win32-arm64-msvc": "1.29.2",
+        "lightningcss-win32-x64-msvc": "1.29.2"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.29.2.tgz",
+      "integrity": "sha512-cK/eMabSViKn/PG8U/a7aCorpeKLMlK0bQeNHmdb7qUnBkNPnL+oV5DjJUo0kqWsJUapZsM4jCfYItbqBDvlcA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/resolve-url-loader/node_modules/convert-source-map": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
-    },
-    "node_modules/resolve-url-loader/node_modules/picocolors": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz",
-      "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA=="
-    },
-    "node_modules/resolve-url-loader/node_modules/postcss": {
-      "version": "7.0.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz",
-      "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.29.2.tgz",
+      "integrity": "sha512-j5qYxamyQw4kDXX5hnnCKMf3mLlHvG44f24Qyi2965/Ycz829MYqjrVg2H8BidybHBp9kom4D7DR5VqCKDXS0w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">= 12.0.0"
       },
       "funding": {
         "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/resolve.exports": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/resolve.exports/-/resolve.exports-1.1.1.tgz",
-      "integrity": "sha512-/NtpHNDN7jWhAaQ9BvBUYZ6YTXsRBgfqWFWP7BZBaoMJO/I3G5OFzvTuWNlZC3aPjins1F+TNrLKsGbH4rfsRQ==",
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.29.2.tgz",
+      "integrity": "sha512-wDk7M2tM78Ii8ek9YjnY8MjV5f5JN2qNVO+/0BAGZRvXKtQrBC4/cn4ssQIpKIPP44YXw6gFdpUF+Ps+RGsCwg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
       "engines": {
-        "node": ">=10"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/restore-cursor": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
-      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
-      "dev": true,
-      "dependencies": {
-        "onetime": "^5.1.0",
-        "signal-exit": "^3.0.2"
-      },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.29.2.tgz",
+      "integrity": "sha512-IRUrOrAF2Z+KExdExe3Rz7NSTuuJ2HvCGlMKoquK5pjvo2JY4Rybr+NrKnq0U0hZnx5AnGsuFHjGnNT14w26sg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=8"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/ret": {
-      "version": "0.1.15",
-      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
-      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
-      "dev": true,
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.29.2.tgz",
+      "integrity": "sha512-KKCpOlmhdjvUTX/mBuaKemp0oeDIBBLFiU5Fnqxh1/DZ4JPZi4evEH7TKoSBFOSOV3J7iEmmBaw/8dpiUvRKlQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">=0.12"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/retry": {
-      "version": "0.13.1",
-      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
-      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.29.2.tgz",
+      "integrity": "sha512-Q64eM1bPlOOUgxFmoPUefqzY1yV3ctFPE6d/Vt7WzLW4rKTv7MyYNky+FWxRpLkNASTnKQUaiMJ87zNODIrrKQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "node": ">= 4"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/reusify": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
-      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.29.2.tgz",
+      "integrity": "sha512-0v6idDCPG6epLXtBH/RPkHvYx74CVziHo6TMYga8O2EiQApnUPZsbR9nFNrg2cgBzk1AYqEd95TlrsL7nYABQg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
       "engines": {
-        "iojs": ">=1.0.0",
-        "node": ">=0.10.0"
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/rfdc": {
-      "version": "1.4.1",
-      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.4.1.tgz",
-      "integrity": "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==",
-      "dev": true
-    },
-    "node_modules/rimraf": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dependencies": {
-        "glob": "^7.1.3"
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.29.2.tgz",
+      "integrity": "sha512-rMpz2yawkgGT8RULc5S4WiZopVMOFWjiItBT7aSfDX4NQav6M44rhn5hjtkKzB+wMTRlLLqxkeYEtQ3dd9696w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
       },
-      "bin": {
-        "rimraf": "bin.js"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.29.2.tgz",
+      "integrity": "sha512-nL7zRW6evGQqYVu/bKGK+zShyz8OVzsCotFgc7judbt6wnB2KbiKKJwBE4SGoDBQ1O94RjW4asrCjQL4i8Fhbw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/rollup": {
-      "version": "2.79.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.2.tgz",
-      "integrity": "sha512-fS6iqSPZDs3dr/y7Od6y5nha8dW1YnbgtsyotCVvoFGKbERG++CVRFv1meyGDE1SNItQA8BrnCw7ScdAhRJ3XQ==",
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.29.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.29.2.tgz",
+      "integrity": "sha512-EdIUW3B2vLuHmv7urfzMI/h2fmlnOQBk1xlsDxkN1tCWKjNFjfLhGxYk8C8mzpSfr+A6jFFIi8fU6LbQGsRWjA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
       "engines": {
-        "node": ">=10.0.0"
+        "node": ">= 12.0.0"
       },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
       }
     },
-    "node_modules/rollup-plugin-terser": {
-      "version": "7.0.2",
-      "resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
-      "integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
-      "deprecated": "This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser",
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "license": "MIT",
       "dependencies": {
-        "@babel/code-frame": "^7.10.4",
-        "jest-worker": "^26.2.1",
-        "serialize-javascript": "^4.0.0",
-        "terser": "^5.0.0"
-      },
-      "peerDependencies": {
-        "rollup": "^2.0.0"
+        "uc.micro": "^2.0.0"
       }
     },
-    "node_modules/rollup-plugin-terser/node_modules/jest-worker": {
-      "version": "26.6.2",
-      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
-      "integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
+    "node_modules/linkifyjs": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.2.0.tgz",
+      "integrity": "sha512-pCj3PrQyATaoTYKHrgWRF3SJwsm61udVh+vuls/Rl6SptiDhgE7ziUIudAedRY9QEfynmM7/RmLEfPUyw1HPCw==",
+      "license": "MIT"
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@types/node": "*",
-        "merge-stream": "^2.0.0",
-        "supports-color": "^7.0.0"
+        "p-locate": "^5.0.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/rollup-plugin-terser/node_modules/serialize-javascript": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
-      "integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
-      "dependencies": {
-        "randombytes": "^2.1.0"
-      }
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
     },
-    "node_modules/rope-sequence": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
-      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ=="
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
     },
-    "node_modules/rst-selector-parser": {
-      "version": "2.2.3",
-      "resolved": "https://registry.npmjs.org/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz",
-      "integrity": "sha512-nDG1rZeP6oFTLN6yNDV/uiAvs1+FS/KlrEwh7+y7dpuApDBy6bI2HTBcc0/V8lv9OTqfyD34eF7au2pm8aBbhA==",
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
       "dependencies": {
-        "lodash.flattendeep": "^4.4.0",
-        "nearley": "^2.7.10"
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
       }
     },
-    "node_modules/run-async": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
-      "integrity": "sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==",
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
       "dev": true,
-      "engines": {
-        "node": ">=0.12.0"
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.3"
       }
     },
-    "node_modules/run-parallel": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
-      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
+    "node_modules/lowlight": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/lowlight/-/lowlight-2.9.0.tgz",
+      "integrity": "sha512-OpcaUTCLmHuVuBcyNckKfH5B0oA4JUavb/M/8n9iAvanJYNQkrVm4pvyX0SUaqkBG4dnWHKt7p50B3ngAG2Rfw==",
+      "license": "MIT",
       "dependencies": {
-        "queue-microtask": "^1.2.2"
+        "@types/hast": "^2.0.0",
+        "fault": "^2.0.0",
+        "highlight.js": "~11.8.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/lowlight/node_modules/highlight.js": {
+      "version": "11.8.0",
+      "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.8.0.tgz",
+      "integrity": "sha512-MedQhoqVdr0U6SSnWPzfiadUcDHfN/Wzq25AkXiQv9oiOO/sG0S7XkvpFIqWBl9Yq1UYyYOOVORs5UW2XlPyzg==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12.0.0"
       }
     },
-    "node_modules/rxjs": {
-      "version": "7.8.1",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
-      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
-        "tslib": "^2.1.0"
+        "yallist": "^3.0.2"
       }
     },
-    "node_modules/safe-array-concat": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
-      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.2",
-        "get-intrinsic": "^1.2.6",
-        "has-symbols": "^1.1.0",
-        "isarray": "^2.0.5"
-      },
-      "engines": {
-        "node": ">=0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+    "node_modules/lucide-react": {
+      "version": "0.475.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.475.0.tgz",
+      "integrity": "sha512-NJzvVu1HwFVeZ+Gwq2q00KygM1aBhy/ZrhY9FsAgJtpB+E4R7uxRk9M2iKvHa6/vNxZydIB59htha4c2vvwvVg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ]
+    "node_modules/map-or-similar": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz",
+      "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==",
+      "license": "MIT"
     },
-    "node_modules/safe-regex-test": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
-      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+    "node_modules/markdown-it": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "is-regex": "^1.2.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
       }
     },
-    "node_modules/safe-stable-stringify": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/safe-stable-stringify/-/safe-stable-stringify-2.5.0.tgz",
-      "integrity": "sha512-b3rppTKm9T+PsVCBEOUR46GWI7fdOs00VKZ1+9c1EWDaDMvjQc6tUwuFyIprgGgTcWoVHSKrU8H31ZHA2e0RHA==",
+    "node_modules/material-colors": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/material-colors/-/material-colors-1.2.6.tgz",
+      "integrity": "sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg==",
+      "license": "ISC"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "license": "MIT"
     },
-    "node_modules/sanitize.css": {
-      "version": "13.0.0",
-      "resolved": "https://registry.npmjs.org/sanitize.css/-/sanitize.css-13.0.0.tgz",
-      "integrity": "sha512-ZRwKbh/eQ6w9vmTjkuG0Ioi3HBwPFce0O+v//ve+aOq1oeCy7jMV2qzzAlpsNuqpqCBjjriM1lbtZbF/Q8jVyA=="
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
     },
-    "node_modules/sass-loader": {
-      "version": "12.6.0",
-      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-12.6.0.tgz",
-      "integrity": "sha512-oLTaH0YCtX4cfnJZxKSLAyglED0naiYfNG1iXfU5w1LNZ+ukoA5DtyDIN5zmKVZwYNJP4KRc5Y3hkWga+7tYfA==",
+    "node_modules/memoizerific": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz",
+      "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==",
+      "license": "MIT",
       "dependencies": {
-        "klona": "^2.0.4",
-        "neo-async": "^2.6.2"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "fibers": ">= 3.1.0",
-        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0",
-        "sass": "^1.3.0",
-        "sass-embedded": "*",
-        "webpack": "^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "fibers": {
-          "optional": true
-        },
-        "node-sass": {
-          "optional": true
-        },
-        "sass": {
-          "optional": true
-        },
-        "sass-embedded": {
-          "optional": true
-        }
+        "map-or-similar": "^1.5.0"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "license": "MIT"
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
       }
     },
-    "node_modules/sax": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",
-      "integrity": "sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw=="
-    },
-    "node_modules/saxes": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz",
-      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
       "dependencies": {
-        "xmlchars": "^2.2.0"
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=8.6"
       }
     },
-    "node_modules/scheduler": {
-      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
-      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/mime-match/-/mime-match-1.0.2.tgz",
+      "integrity": "sha512-VXp/ugGDVh3eCLOBCiHZMYWQaTNUHv2IJrut+yXA6+JbLPXHglHwfS/5A5L0ll+jkCY7fIzRJcH6OIunF+c6Cg==",
+      "license": "ISC",
       "dependencies": {
-        "loose-envify": "^1.1.0"
+        "wildcard": "^1.1.0"
       }
     },
-    "node_modules/schema-utils": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
-      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
       "dependencies": {
-        "@types/json-schema": "^7.0.9",
-        "ajv": "^8.9.0",
-        "ajv-formats": "^2.1.1",
-        "ajv-keywords": "^5.1.0"
+        "mime-db": "1.52.0"
       },
       "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
+        "node": ">= 0.6"
       }
     },
-    "node_modules/scroll-into-view-if-needed": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-3.1.0.tgz",
-      "integrity": "sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==",
-      "dependencies": {
-        "compute-scroll-into-view": "^3.0.2"
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/select-hose": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
-      "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg=="
+    "node_modules/min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==",
+      "dependencies": {
+        "dom-walk": "^0.1.0"
+      }
     },
-    "node_modules/selfsigned": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
-      "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "license": "ISC",
       "dependencies": {
-        "@types/node-forge": "^1.3.0",
-        "node-forge": "^1"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">=10"
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/semantic-release": {
-      "version": "17.4.7",
-      "resolved": "https://registry.npmjs.org/semantic-release/-/semantic-release-17.4.7.tgz",
-      "integrity": "sha512-3Ghu8mKCJgCG3QzE5xphkYWM19lGE3XjFdOXQIKBM2PBpBvgFQ/lXv31oX0+fuN/UjNFO/dqhNs8ATLBhg6zBg==",
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/namespace-emitter": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/namespace-emitter/-/namespace-emitter-2.0.1.tgz",
+      "integrity": "sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.8",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+      "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
       "dev": true,
-      "dependencies": {
-        "@semantic-release/commit-analyzer": "^8.0.0",
-        "@semantic-release/error": "^2.2.0",
-        "@semantic-release/github": "^7.0.0",
-        "@semantic-release/npm": "^7.0.0",
-        "@semantic-release/release-notes-generator": "^9.0.0",
-        "aggregate-error": "^3.0.0",
-        "cosmiconfig": "^7.0.0",
-        "debug": "^4.0.0",
-        "env-ci": "^5.0.0",
-        "execa": "^5.0.0",
-        "figures": "^3.0.0",
-        "find-versions": "^4.0.0",
-        "get-stream": "^6.0.0",
-        "git-log-parser": "^1.2.0",
-        "hook-std": "^2.0.0",
-        "hosted-git-info": "^4.0.0",
-        "lodash": "^4.17.21",
-        "marked": "^2.0.0",
-        "marked-terminal": "^4.1.1",
-        "micromatch": "^4.0.2",
-        "p-each-series": "^2.1.0",
-        "p-reduce": "^2.0.0",
-        "read-pkg-up": "^7.0.0",
-        "resolve-from": "^5.0.0",
-        "semver": "^7.3.2",
-        "semver-diff": "^3.1.1",
-        "signale": "^1.2.1",
-        "yargs": "^16.2.0"
-      },
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
       "bin": {
-        "semantic-release": "bin/semantic-release.js"
+        "nanoid": "bin/nanoid.cjs"
       },
       "engines": {
-        "node": ">=10.19"
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
-    "node_modules/semantic-release/node_modules/cliui": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
-      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
       "dev": true,
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.0",
-        "wrap-ansi": "^7.0.0"
+      "license": "MIT"
+    },
+    "node_modules/next-themes": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/next-themes/-/next-themes-0.4.6.tgz",
+      "integrity": "sha512-pZvgD5L0IEvX5/9GWyHMf3m8BKiVQwsCMHfoFosXtXBMnaS0ZnIJ9ST4b4NqLVKDEm8QBxoNNGNaBv2JNF6XNA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc"
       }
     },
-    "node_modules/semantic-release/node_modules/cosmiconfig": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
-      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "@types/parse-json": "^4.0.0",
-        "import-fresh": "^3.2.1",
-        "parse-json": "^5.0.0",
-        "path-type": "^4.0.0",
-        "yaml": "^1.10.0"
-      },
-      "engines": {
-        "node": ">=10"
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
       }
     },
-    "node_modules/semantic-release/node_modules/execa": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz",
-      "integrity": "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==",
+    "node_modules/node-releases": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+      "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==",
       "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "cross-spawn": "^7.0.3",
-        "get-stream": "^6.0.0",
-        "human-signals": "^2.1.0",
-        "is-stream": "^2.0.0",
-        "merge-stream": "^2.0.0",
-        "npm-run-path": "^4.0.1",
-        "onetime": "^5.1.2",
-        "signal-exit": "^3.0.3",
-        "strip-final-newline": "^2.0.0"
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/normalize-package-data/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=8"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/semantic-release/node_modules/get-stream": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-6.0.1.tgz",
-      "integrity": "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==",
-      "dev": true,
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/semantic-release/node_modules/human-signals": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz",
-      "integrity": "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==",
-      "dev": true,
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "license": "MIT",
       "engines": {
-        "node": ">=10.17.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/semantic-release/node_modules/semver": {
-      "version": "7.6.3",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
-      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
-      "dev": true,
-      "bin": {
-        "semver": "bin/semver.js"
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/semantic-release/node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "license": "MIT",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
       "engines": {
-        "node": ">=10"
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/semantic-release/node_modules/yargs": {
-      "version": "16.2.0",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
-      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "cliui": "^7.0.2",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.0",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^20.2.2"
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
       },
       "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
-      "bin": {
-        "semver": "bin/semver.js"
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/semver-compare": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/semver-compare/-/semver-compare-1.0.0.tgz",
-      "integrity": "sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==",
-      "dev": true
+    "node_modules/orderedmap": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+      "license": "MIT"
     },
-    "node_modules/semver-diff": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/semver-diff/-/semver-diff-3.1.1.tgz",
-      "integrity": "sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg==",
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "semver": "^6.3.0"
+        "yocto-queue": "^0.1.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/semver-regex": {
-      "version": "3.1.4",
-      "resolved": "https://registry.npmjs.org/semver-regex/-/semver-regex-3.1.4.tgz",
-      "integrity": "sha512-6IiqeZNgq01qGf0TId0t3NvKzSvUsjcpdEO3AQNeIjR6A2+ckTnQlDpl4qu1bjRv0RzN3FP9hzFmws3lKqRWkA==",
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
       "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/send": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+    "node_modules/p-map": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-3.0.0.tgz",
+      "integrity": "sha512-d3qXVTF/s+W+CdJ5A29wywV2n8CQQYahlgz2bFiA+4eVNJbHJodPZ+/gXwPGh0bOqA+j8S+6+ckmvLGPk1QpxQ==",
+      "license": "MIT",
       "dependencies": {
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "mime": "1.6.0",
-        "ms": "2.1.3",
-        "on-finished": "2.4.1",
-        "range-parser": "~1.2.1",
-        "statuses": "2.0.1"
+        "aggregate-error": "^3.0.0"
       },
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">=8"
       }
     },
-    "node_modules/send/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+    "node_modules/p-queue": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-8.1.0.tgz",
+      "integrity": "sha512-mxLDbbGIBEXTJL0zEx8JIylaj3xQ7Z/7eEVjcF9fJX4DBiH9oqe+oahYnlKKxm0Ci9TlWTyhSHgygxMxjIB2jw==",
+      "license": "MIT",
       "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/send/node_modules/debug/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/send/node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/send/node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "bin": {
-        "mime": "cli.js"
+        "eventemitter3": "^5.0.1",
+        "p-timeout": "^6.1.2"
       },
       "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/serialize-javascript": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
-      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
-      "dependencies": {
-        "randombytes": "^2.1.0"
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/serve-index": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
-      "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+    "node_modules/p-retry": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.1.tgz",
+      "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==",
+      "license": "MIT",
       "dependencies": {
-        "accepts": "~1.3.4",
-        "batch": "0.6.1",
-        "debug": "2.6.9",
-        "escape-html": "~1.0.3",
-        "http-errors": "~1.6.2",
-        "mime-types": "~2.1.17",
-        "parseurl": "~1.3.2"
+        "@types/retry": "0.12.2",
+        "is-network-error": "^1.0.0",
+        "retry": "^0.13.1"
       },
       "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/serve-index/node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "dependencies": {
-        "ms": "2.0.0"
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/serve-index/node_modules/depd": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
-      "integrity": "sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ==",
+    "node_modules/p-timeout": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-6.1.4.tgz",
+      "integrity": "sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/serve-index/node_modules/http-errors": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
-      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
-      "dependencies": {
-        "depd": "~1.1.2",
-        "inherits": "2.0.3",
-        "setprototypeof": "1.1.0",
-        "statuses": ">= 1.4.0 < 2"
+        "node": ">=14.16"
       },
-      "engines": {
-        "node": ">= 0.6"
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/serve-index/node_modules/inherits": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw=="
-    },
-    "node_modules/serve-index/node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
-    },
-    "node_modules/serve-index/node_modules/setprototypeof": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
-      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
-    },
-    "node_modules/serve-index/node_modules/statuses": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
-      "integrity": "sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA==",
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.6"
+        "node": ">=6"
       }
     },
-    "node_modules/serve-static": {
-      "version": "1.16.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "parseurl": "~1.3.3",
-        "send": "0.19.0"
+        "callsites": "^3.0.0"
       },
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">=6"
       }
     },
-    "node_modules/set-blocking": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
-      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw==",
-      "dev": true
-    },
-    "node_modules/set-function-length": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
-      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "license": "MIT",
       "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2",
-        "get-intrinsic": "^1.2.4",
-        "gopd": "^1.0.1",
-        "has-property-descriptors": "^1.0.2"
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/set-function-name": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
-      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
-      "dependencies": {
-        "define-data-property": "^1.1.4",
-        "es-errors": "^1.3.0",
-        "functions-have-names": "^1.2.3",
-        "has-property-descriptors": "^1.0.2"
-      },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8"
       }
     },
-    "node_modules/setprototypeof": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/shell-quote": {
-      "version": "1.8.2",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.2.tgz",
-      "integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==",
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8"
       }
     },
-    "node_modules/side-channel": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3",
-        "side-channel-list": "^1.0.0",
-        "side-channel-map": "^1.0.1",
-        "side-channel-weakmap": "^1.0.2"
-      },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8.6"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/side-channel-list": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3"
-      },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/side-channel-map": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+    "node_modules/postcss": {
+      "version": "8.5.3",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz",
+      "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
       "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3"
+        "nanoid": "^3.3.8",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/preact": {
+      "version": "10.26.2",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.26.2.tgz",
+      "integrity": "sha512-0gNmv4qpS9HaN3+40CLBAnKe0ZfyE4ZWo5xKlC1rVrr0ckkEvJvAQqKaHANdFKsGstoxrY4AItZ7kZSGVoVjgg==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
       }
     },
-    "node_modules/side-channel-weakmap": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3",
-        "side-channel-map": "^1.0.1"
-      },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">= 0.8.0"
       }
     },
-    "node_modules/signal-exit": {
-      "version": "3.0.7",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
-      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
     },
-    "node_modules/signale": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/signale/-/signale-1.4.0.tgz",
-      "integrity": "sha512-iuh+gPf28RkltuJC7W5MRi6XAjTDCAPC/prJUpQoG4vIP3MJZ+GTydVnodXA7pwvTKb2cA0m9OFZW/cdWy/I/w==",
-      "dev": true,
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "license": "MIT",
       "dependencies": {
-        "chalk": "^2.3.2",
-        "figures": "^2.0.0",
-        "pkg-conf": "^2.1.0"
-      },
-      "engines": {
-        "node": ">=6"
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
       }
     },
-    "node_modules/signale/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-      "dev": true,
+    "node_modules/prosemirror-changeset": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.2.1.tgz",
+      "integrity": "sha512-J7msc6wbxB4ekDFj+n9gTW/jav/p53kdlivvuppHsrZXCaQdVgRghoZbSS3kwrRyAstRVQ4/+u5k7YfLgkkQvQ==",
+      "license": "MIT",
       "dependencies": {
-        "color-convert": "^1.9.0"
-      },
-      "engines": {
-        "node": ">=4"
+        "prosemirror-transform": "^1.0.0"
       }
     },
-    "node_modules/signale/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-      "dev": true,
+    "node_modules/prosemirror-collab": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-collab/-/prosemirror-collab-1.3.1.tgz",
+      "integrity": "sha512-4SnynYR9TTYaQVXd/ieUvsVV4PDMBzrq2xPUWutHivDuOshZXqQ5rGbZM84HEaXKbLdItse7weMGOUdDVcLKEQ==",
+      "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
+        "prosemirror-state": "^1.0.0"
       }
     },
-    "node_modules/signale/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dev": true,
+    "node_modules/prosemirror-commands": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.0.tgz",
+      "integrity": "sha512-6toodS4R/Aah5pdsrIwnTYPEjW70SlO5a66oo5Kk+CIrgJz3ukOoS+FYDGqvQlAX5PxoGWDX1oD++tn5X3pyRA==",
+      "license": "MIT",
       "dependencies": {
-        "color-name": "1.1.3"
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.10.2"
       }
     },
-    "node_modules/signale/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==",
-      "dev": true
+    "node_modules/prosemirror-dropcursor": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.1.tgz",
+      "integrity": "sha512-M30WJdJZLyXHi3N8vxN6Zh5O8ZBbQCz0gURTfPmTIBNQ5pxrdU7A58QkNqfa98YEjSAL1HUyyU34f6Pm5xBSGw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
     },
-    "node_modules/signale/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.8.0"
+    "node_modules/prosemirror-gapcursor": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.3.2.tgz",
+      "integrity": "sha512-wtjswVBd2vaQRrnYZaBCbyDqr232Ed4p2QPtRIUK5FuqHYKGWkEwl08oQM4Tw7DOR0FsasARV5uJFvMZWxdNxQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
       }
     },
-    "node_modules/signale/node_modules/figures": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/figures/-/figures-2.0.0.tgz",
-      "integrity": "sha512-Oa2M9atig69ZkfwiApY8F2Yy+tzMbazyvqv21R0NsSC8floSOC09BbT1ITWAdoMGQvJ/aZnR1KMwdx9tvHnTNA==",
-      "dev": true,
+    "node_modules/prosemirror-history": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.4.1.tgz",
+      "integrity": "sha512-2JZD8z2JviJrboD9cPuX/Sv/1ChFng+xh2tChQ2X4bB2HeK+rra/bmJ3xGntCcjhOqIzSDG6Id7e8RJ9QPXLEQ==",
+      "license": "MIT",
       "dependencies": {
-        "escape-string-regexp": "^1.0.5"
-      },
-      "engines": {
-        "node": ">=4"
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.31.0",
+        "rope-sequence": "^1.3.0"
       }
     },
-    "node_modules/signale/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
+    "node_modules/prosemirror-inputrules": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.4.0.tgz",
+      "integrity": "sha512-6ygpPRuTJ2lcOXs9JkefieMst63wVJBgHZGl5QOytN7oSZs3Co/BYbc3Yx9zm9H37Bxw8kVzCnDsihsVsL4yEg==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
       }
     },
-    "node_modules/signale/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-      "dev": true,
+    "node_modules/prosemirror-keymap": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.2.tgz",
+      "integrity": "sha512-EAlXoksqC6Vbocqc0GtzCruZEzYgrn+iiGnNjsJsH4mrnIGex4qbLdWWNza3AW5W36ZRrlBID0eM6bdKH4OStQ==",
+      "license": "MIT",
       "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
       }
     },
-    "node_modules/sisteransi": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
-      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="
+    "node_modules/prosemirror-markdown": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-markdown/-/prosemirror-markdown-1.13.1.tgz",
+      "integrity": "sha512-Sl+oMfMtAjWtlcZoj/5L/Q39MpEnVZ840Xo330WJWUvgyhNmLBLN7MsHn07s53nG/KImevWHSE6fEj4q/GihHw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/markdown-it": "^14.0.0",
+        "markdown-it": "^14.0.0",
+        "prosemirror-model": "^1.20.0"
+      }
     },
-    "node_modules/slash": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
-      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
-      "engines": {
-        "node": ">=8"
+    "node_modules/prosemirror-menu": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-menu/-/prosemirror-menu-1.2.4.tgz",
+      "integrity": "sha512-S/bXlc0ODQup6aiBbWVsX/eM+xJgCTAfMq/nLqaO5ID/am4wS0tTCIkzwytmao7ypEtjj39i7YbJjAgO20mIqA==",
+      "license": "MIT",
+      "dependencies": {
+        "crelt": "^1.0.0",
+        "prosemirror-commands": "^1.0.0",
+        "prosemirror-history": "^1.0.0",
+        "prosemirror-state": "^1.0.0"
       }
     },
-    "node_modules/slice-ansi": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
-      "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
-      "dev": true,
+    "node_modules/prosemirror-model": {
+      "version": "1.24.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.24.1.tgz",
+      "integrity": "sha512-YM053N+vTThzlWJ/AtPtF1j0ebO36nvbmDy4U7qA2XQB8JVaQp1FmB9Jhrps8s+z+uxhhVTny4m20ptUvhk0Mg==",
+      "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "astral-regex": "^2.0.0",
-        "is-fullwidth-code-point": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
+        "orderedmap": "^2.0.0"
       }
     },
-    "node_modules/sockjs": {
-      "version": "0.3.24",
-      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
-      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+    "node_modules/prosemirror-schema-basic": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-basic/-/prosemirror-schema-basic-1.2.3.tgz",
+      "integrity": "sha512-h+H0OQwZVqMon1PNn0AG9cTfx513zgIG2DY00eJ00Yvgb3UD+GQ/VlWW5rcaxacpCGT1Yx8nuhwXk4+QbXUfJA==",
+      "license": "MIT",
       "dependencies": {
-        "faye-websocket": "^0.11.3",
-        "uuid": "^8.3.2",
-        "websocket-driver": "^0.7.4"
+        "prosemirror-model": "^1.19.0"
       }
     },
-    "node_modules/source-list-map": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
-      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw=="
+    "node_modules/prosemirror-schema-list": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
+      "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.7.3"
+      }
     },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "engines": {
-        "node": ">=0.10.0"
+    "node_modules/prosemirror-state": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.3.tgz",
+      "integrity": "sha512-goFKORVbvPuAQaXhpbemJFRKJ2aixr+AZMGiquiqKxaucC6hlpHNZHWgz5R7dS4roHiwq9vDctE//CZ++o0W1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.27.0"
       }
     },
-    "node_modules/source-map-js": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
-      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
-      "engines": {
-        "node": ">=0.10.0"
+    "node_modules/prosemirror-tables": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.6.4.tgz",
+      "integrity": "sha512-TkDY3Gw52gRFRfRn2f4wJv5WOgAOXLJA2CQJYIJ5+kdFbfj3acR4JUW6LX2e1hiEBiUwvEhzH5a3cZ5YSztpIA==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.2.2",
+        "prosemirror-model": "^1.24.1",
+        "prosemirror-state": "^1.4.3",
+        "prosemirror-transform": "^1.10.2",
+        "prosemirror-view": "^1.37.2"
       }
     },
-    "node_modules/source-map-loader": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.2.tgz",
-      "integrity": "sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==",
+    "node_modules/prosemirror-trailing-node": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-trailing-node/-/prosemirror-trailing-node-3.0.0.tgz",
+      "integrity": "sha512-xiun5/3q0w5eRnGYfNlW1uU9W6x5MoFKWwq/0TIRgt09lv7Hcser2QYV8t4muXbEr+Fwo0geYn79Xs4GKywrRQ==",
+      "license": "MIT",
       "dependencies": {
-        "abab": "^2.0.5",
-        "iconv-lite": "^0.6.3",
-        "source-map-js": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
+        "@remirror/core-constants": "3.0.0",
+        "escape-string-regexp": "^4.0.0"
       },
       "peerDependencies": {
-        "webpack": "^5.0.0"
+        "prosemirror-model": "^1.22.1",
+        "prosemirror-state": "^1.4.2",
+        "prosemirror-view": "^1.33.8"
       }
     },
-    "node_modules/source-map-resolve": {
-      "version": "0.5.3",
-      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
-      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
-      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
+    "node_modules/prosemirror-transform": {
+      "version": "1.10.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.10.3.tgz",
+      "integrity": "sha512-Nhh/+1kZGRINbEHmVu39oynhcap4hWTs/BlU7NnxWj3+l0qi8I1mu67v6mMdEe/ltD8hHvU4FV6PHiCw2VSpMw==",
+      "license": "MIT",
       "dependencies": {
-        "atob": "^2.1.2",
-        "decode-uri-component": "^0.2.0",
-        "resolve-url": "^0.2.1",
-        "source-map-url": "^0.4.0",
-        "urix": "^0.1.0"
+        "prosemirror-model": "^1.21.0"
       }
     },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+    "node_modules/prosemirror-view": {
+      "version": "1.38.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.38.1.tgz",
+      "integrity": "sha512-4FH/uM1A4PNyrxXbD+RAbAsf0d/mM0D/wAKSVVWK7o0A9Q/oOXJBrw786mBf2Vnrs/Edly6dH6Z2gsb7zWwaUw==",
+      "license": "MIT",
       "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
+        "prosemirror-model": "^1.20.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
       }
     },
-    "node_modules/source-map-url": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
-      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
-      "deprecated": "See https://github.com/lydell/source-map-url#deprecated"
-    },
-    "node_modules/sourcemap-codec": {
-      "version": "1.4.8",
-      "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
-      "deprecated": "Please use @jridgewell/sourcemap-codec instead"
-    },
-    "node_modules/spawn-error-forwarder": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/spawn-error-forwarder/-/spawn-error-forwarder-1.0.0.tgz",
-      "integrity": "sha512-gRjMgK5uFjbCvdibeGJuy3I5OYz6VLoVdsOJdA6wV0WlfQVLFueoqMxwwYD9RODdgb6oUIvlRlsyFSiQkMKu0g==",
-      "dev": true
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
     },
-    "node_modules/spdx-correct": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
-      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
-      "dev": true,
+    "node_modules/pump": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.2.tgz",
+      "integrity": "sha512-tUPXtzlGM8FE3P0ZL6DVs/3P58k9nk8/jZeQCurTJylQA8qFYzHFfhBJkuqyE0FifOsQ0uKWekiZ5g8wtr28cw==",
+      "license": "MIT",
       "dependencies": {
-        "spdx-expression-parse": "^3.0.0",
-        "spdx-license-ids": "^3.0.0"
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
       }
     },
-    "node_modules/spdx-exceptions": {
-      "version": "2.5.0",
-      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
-      "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
-      "dev": true
-    },
-    "node_modules/spdx-expression-parse": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
-      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
-      "dependencies": {
-        "spdx-exceptions": "^2.1.0",
-        "spdx-license-ids": "^3.0.0"
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
       }
     },
-    "node_modules/spdx-license-ids": {
-      "version": "3.0.20",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.20.tgz",
-      "integrity": "sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==",
-      "dev": true
-    },
-    "node_modules/spdy": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
-      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
-      "dependencies": {
-        "debug": "^4.1.0",
-        "handle-thing": "^2.0.0",
-        "http-deceiver": "^1.2.7",
-        "select-hose": "^2.0.0",
-        "spdy-transport": "^3.0.0"
-      },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "license": "MIT",
       "engines": {
-        "node": ">=6.0.0"
+        "node": ">=6"
       }
     },
-    "node_modules/spdy-transport": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
-      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
-      "dependencies": {
-        "debug": "^4.1.0",
-        "detect-node": "^2.0.4",
-        "hpack.js": "^2.1.6",
-        "obuf": "^1.1.2",
-        "readable-stream": "^3.0.6",
-        "wbuf": "^1.7.3"
+    "node_modules/qrcode.react": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/qrcode.react/-/qrcode.react-4.2.0.tgz",
+      "integrity": "sha512-QpgqWi8rD9DsS9EP3z7BT+5lY5SFhsqGjpgW5DY/i3mK4M9DTBNz3ErMi8BWYEfI3L0d8GIbGmcdFAS1uIRGjA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
     },
-    "node_modules/split": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
-      "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
-      "dev": true,
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "license": "BSD-3-Clause",
       "dependencies": {
-        "through": "2"
+        "side-channel": "^1.1.0"
       },
       "engines": {
-        "node": "*"
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/split2": {
-      "version": "3.2.2",
-      "resolved": "https://registry.npmjs.org/split2/-/split2-3.2.2.tgz",
-      "integrity": "sha512-9NThjpgZnifTkJpzTZ7Eue85S49QwpNhZTq6GRJwObb6jnLFNGB7Qm73V5HewTROPyxD0C29xqmaI68bQtV+hg==",
-      "dev": true,
-      "dependencies": {
-        "readable-stream": "^3.0.0"
-      }
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
     },
-    "node_modules/sprintf-js": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
-      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+    "node_modules/ramda": {
+      "version": "0.28.0",
+      "resolved": "https://registry.npmjs.org/ramda/-/ramda-0.28.0.tgz",
+      "integrity": "sha512-9QnLuG/kPVgWvMQ4aODhsBUFKOUmnbUnsSXACv+NCQZcHbeb+v8Lodp8OVxtRULN1/xOyYLLaL6npE6dMq5QTA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ramda"
+      }
     },
-    "node_modules/stable": {
-      "version": "0.1.8",
-      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
-      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w==",
-      "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility"
+    "node_modules/react": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz",
+      "integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
     },
-    "node_modules/stack-utils": {
-      "version": "2.0.6",
-      "resolved": "https://registry.npmjs.org/stack-utils/-/stack-utils-2.0.6.tgz",
-      "integrity": "sha512-XlkWvfIm6RmsWtNJx+uqtKLS8eqFbxUg0ZzLXqY0caEy9l7hruX8IpiDnjsLavoBgqCCR71TqWO8MaXYheJ3RQ==",
+    "node_modules/react-color": {
+      "version": "2.19.3",
+      "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz",
+      "integrity": "sha512-LEeGE/ZzNLIsFWa1TMe8y5VYqr7bibneWmvJwm1pCn/eNmrabWDh659JSPn9BuaMpEfU83WTOJfnCcjDZwNQTA==",
+      "license": "MIT",
       "dependencies": {
-        "escape-string-regexp": "^2.0.0"
+        "@icons/material": "^0.2.4",
+        "lodash": "^4.17.15",
+        "lodash-es": "^4.17.15",
+        "material-colors": "^1.2.1",
+        "prop-types": "^15.5.10",
+        "reactcss": "^1.2.0",
+        "tinycolor2": "^1.4.1"
       },
-      "engines": {
-        "node": ">=10"
+      "peerDependencies": {
+        "react": "*"
       }
     },
-    "node_modules/stack-utils/node_modules/escape-string-regexp": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
-      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
-      "engines": {
-        "node": ">=8"
+    "node_modules/react-day-picker": {
+      "version": "8.10.1",
+      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-8.10.1.tgz",
+      "integrity": "sha512-TMx7fNbhLk15eqcMt+7Z7S2KF7mfTId/XJDjKE8f+IUcFn0l08/kI4FiYTL/0yuOLmEcbR4Fwe3GJf/NiiMnPA==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/gpbl"
+      },
+      "peerDependencies": {
+        "date-fns": "^2.28.0 || ^3.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/stackframe": {
-      "version": "1.3.4",
-      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
-      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw=="
-    },
-    "node_modules/state-local": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz",
-      "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w=="
-    },
-    "node_modules/static-eval": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/static-eval/-/static-eval-2.0.2.tgz",
-      "integrity": "sha512-N/D219Hcr2bPjLxPiV+TQE++Tsmrady7TqAJugLy7Xk1EumfDWS/f5dtBbkRCGE7wKKXuYockQoj8Rm2/pVKyg==",
+    "node_modules/react-dayjs": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/react-dayjs/-/react-dayjs-0.3.2.tgz",
+      "integrity": "sha512-N9ozA6KNunzvnhwRbDi0JTa1Ine8AWQxNQ1u6sPugBenpl2mXMf0c5nOxBcs8id0z9kaKVlF2NOYzWGMoEzelg==",
+      "license": "MIT",
       "dependencies": {
-        "escodegen": "^1.8.1"
+        "prop-types": "^15.6.1"
+      },
+      "peerDependencies": {
+        "dayjs": "^1.5.16",
+        "react": "^15.6.0 || ^16.0.0 || ^17.0.0"
       }
     },
-    "node_modules/static-eval/node_modules/escodegen": {
-      "version": "1.14.3",
-      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz",
-      "integrity": "sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==",
+    "node_modules/react-dom": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz",
+      "integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==",
+      "license": "MIT",
       "dependencies": {
-        "esprima": "^4.0.1",
-        "estraverse": "^4.2.0",
-        "esutils": "^2.0.2",
-        "optionator": "^0.8.1"
-      },
-      "bin": {
-        "escodegen": "bin/escodegen.js",
-        "esgenerate": "bin/esgenerate.js"
-      },
-      "engines": {
-        "node": ">=4.0"
+        "scheduler": "^0.25.0"
       },
-      "optionalDependencies": {
-        "source-map": "~0.6.1"
+      "peerDependencies": {
+        "react": "^19.0.0"
       }
     },
-    "node_modules/static-eval/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "engines": {
-        "node": ">=4.0"
-      }
+    "node_modules/react-fast-compare": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==",
+      "license": "MIT"
     },
-    "node_modules/static-eval/node_modules/levn": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
-      "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+    "node_modules/react-helmet": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
+      "integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
+      "license": "MIT",
       "dependencies": {
-        "prelude-ls": "~1.1.2",
-        "type-check": "~0.3.2"
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.7.2",
+        "react-fast-compare": "^3.1.1",
+        "react-side-effect": "^2.1.0"
       },
-      "engines": {
-        "node": ">= 0.8.0"
+      "peerDependencies": {
+        "react": ">=16.3.0"
       }
     },
-    "node_modules/static-eval/node_modules/optionator": {
-      "version": "0.8.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
-      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
-      "dependencies": {
-        "deep-is": "~0.1.3",
-        "fast-levenshtein": "~2.0.6",
-        "levn": "~0.3.0",
-        "prelude-ls": "~1.1.2",
-        "type-check": "~0.3.2",
-        "word-wrap": "~1.2.3"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
+    "node_modules/react-helmet/node_modules/react-side-effect": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz",
+      "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.3.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/static-eval/node_modules/prelude-ls": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
-      "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
+    "node_modules/react-hook-form": {
+      "version": "7.54.2",
+      "resolved": "https://registry.npmjs.org/react-hook-form/-/react-hook-form-7.54.2.tgz",
+      "integrity": "sha512-eHpAUgUjWbZocoQYUHposymRb4ZP6d0uwUnooL2uOybA9/3tPUvoAKqEWK1WaSiTxxOfTpffNZP7QwlnM3/gEg==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.8.0"
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/react-hook-form"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17 || ^18 || ^19"
       }
     },
-    "node_modules/static-eval/node_modules/type-check": {
-      "version": "0.3.2",
-      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
-      "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
-      "dependencies": {
-        "prelude-ls": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
+    "node_modules/react-hotkeys-hook": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/react-hotkeys-hook/-/react-hotkeys-hook-4.5.0.tgz",
+      "integrity": "sha512-Samb85GSgAWFQNvVt3PS90LPPGSf9mkH/r4au81ZP1yOIFayLC3QAvqTgGtJ8YEDMXtPmaVBs6NgipHO6h4Mug==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=16.8.1",
+        "react-dom": ">=16.8.1"
       }
     },
-    "node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "engines": {
-        "node": ">= 0.8"
+    "node_modules/react-icons": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-4.12.0.tgz",
+      "integrity": "sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "*"
       }
     },
-    "node_modules/stop-iteration-iterator": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
-      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+    "node_modules/react-infinite-scroller": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/react-infinite-scroller/-/react-infinite-scroller-1.2.6.tgz",
+      "integrity": "sha512-mGdMyOD00YArJ1S1F3TVU9y4fGSfVVl6p5gh/Vt4u99CJOptfVu/q5V/Wlle72TMgYlBwIhbxK5wF0C/R33PXQ==",
+      "license": "MIT",
       "dependencies": {
-        "es-errors": "^1.3.0",
-        "internal-slot": "^1.1.0"
+        "prop-types": "^15.5.8"
       },
-      "engines": {
-        "node": ">= 0.4"
+      "peerDependencies": {
+        "react": "^0.14.9 || ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
-    "node_modules/store2": {
-      "version": "2.14.3",
-      "resolved": "https://registry.npmjs.org/store2/-/store2-2.14.3.tgz",
-      "integrity": "sha512-4QcZ+yx7nzEFiV4BMLnr/pRa5HYzNITX2ri0Zh6sT9EyQHbBHacC6YigllUPU9X3D0f/22QCgfokpKs52YRrUg=="
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
     },
-    "node_modules/stream-combiner2": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/stream-combiner2/-/stream-combiner2-1.1.1.tgz",
-      "integrity": "sha512-3PnJbYgS56AeWgtKF5jtJRT6uFJe56Z0Hc5Ngg/6sI6rIt8iiMBTa9cvdyFfpMQjaVHr8dusbNeFGIIonxOvKw==",
-      "dev": true,
+    "node_modules/react-masonry-infinite": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/react-masonry-infinite/-/react-masonry-infinite-1.2.2.tgz",
+      "integrity": "sha512-mUr0NRzeec9fnwkS513pOsBmMOOZe2YxVuE9HbKjgO0RKp6cFgtUBCEn8wZiiOrmdTiGe8Kx9T8QufJZmhNBxw==",
+      "license": "MIT",
       "dependencies": {
-        "duplexer2": "~0.1.0",
-        "readable-stream": "^2.0.2"
+        "bricks.js": "^1.7.0",
+        "prop-types": "^15.5.10",
+        "react-infinite-scroller": "^1.0.12"
+      },
+      "peerDependencies": {
+        "react": ">= 0.14.0"
       }
     },
-    "node_modules/stream-combiner2/node_modules/isarray": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
-      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
-      "dev": true
-    },
-    "node_modules/stream-combiner2/node_modules/readable-stream": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
-      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
-      "dev": true,
+    "node_modules/react-paginate": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/react-paginate/-/react-paginate-8.2.0.tgz",
+      "integrity": "sha512-sJCz1PW+9PNIjUSn919nlcRVuleN2YPoFBOvL+6TPgrH/3lwphqiSOgdrLafLdyLDxsgK+oSgviqacF4hxsDIw==",
+      "license": "MIT",
       "dependencies": {
-        "core-util-is": "~1.0.0",
-        "inherits": "~2.0.3",
-        "isarray": "~1.0.0",
-        "process-nextick-args": "~2.0.0",
-        "safe-buffer": "~5.1.1",
-        "string_decoder": "~1.1.1",
-        "util-deprecate": "~1.0.1"
+        "prop-types": "^15"
+      },
+      "peerDependencies": {
+        "react": "^16 || ^17 || ^18"
       }
     },
-    "node_modules/stream-combiner2/node_modules/safe-buffer": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
-      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
-      "dev": true
-    },
-    "node_modules/stream-combiner2/node_modules/string_decoder": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
-      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
-      "dev": true,
+    "node_modules/react-popper": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz",
+      "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==",
+      "license": "MIT",
       "dependencies": {
-        "safe-buffer": "~5.1.0"
+        "react-fast-compare": "^3.0.1",
+        "warning": "^4.0.2"
+      },
+      "peerDependencies": {
+        "@popperjs/core": "^2.0.0",
+        "react": "^16.8.0 || ^17 || ^18",
+        "react-dom": "^16.8.0 || ^17 || ^18"
       }
     },
-    "node_modules/string_decoder": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
-      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+    "node_modules/react-redux": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
+      "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
+      "license": "MIT",
       "dependencies": {
-        "safe-buffer": "~5.2.0"
+        "@types/use-sync-external-store": "^0.0.6",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.25 || ^19",
+        "react": "^18.0 || ^19",
+        "redux": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "redux": {
+          "optional": true
+        }
       }
     },
-    "node_modules/string-argv": {
-      "version": "0.3.1",
-      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.1.tgz",
-      "integrity": "sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg==",
+    "node_modules/react-refresh": {
+      "version": "0.14.2",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.2.tgz",
+      "integrity": "sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=0.6.19"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/string-convert": {
-      "version": "0.2.1",
-      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
-      "integrity": "sha512-u/1tdPl4yQnPBjnVrmdLo9gtuLvELKsAoRapekWggdiQNvvvum+jYF329d84NAa660KQw7pB2n36KrIKVoXa3A=="
-    },
-    "node_modules/string-length": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/string-length/-/string-length-4.0.2.tgz",
-      "integrity": "sha512-+l6rNN5fYHNhZZy41RXsYptCjA2Igmq4EG7kZAYFQI1E1VTXarr6ZPXBg6eq7Y6eK4FEhY6AJlyuFIb/v/S0VQ==",
+    "node_modules/react-remove-scroll": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.6.3.tgz",
+      "integrity": "sha512-pnAi91oOk8g8ABQKGF5/M9qxmmOPxaAnopyTHYfqYEwJhyFrbbBtHuSgtKEoH0jpcxx5o3hXqH1mNd9/Oi+8iQ==",
+      "license": "MIT",
       "dependencies": {
-        "char-regex": "^1.0.2",
-        "strip-ansi": "^6.0.0"
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.3",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.3"
       },
       "engines": {
         "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/string-natural-compare": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/string-natural-compare/-/string-natural-compare-3.0.1.tgz",
-      "integrity": "sha512-n3sPwynL1nwKi3WJ6AIsClwBMa0zTi54fn2oLU6ndfTSIO05xaznjSf15PcBZU6FNWbmN5Q6cxT4V5hGvB4taw=="
-    },
-    "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
+      "license": "MIT",
       "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
+        "react-style-singleton": "^2.2.2",
+        "tslib": "^2.0.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+    "node_modules/react-router": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-7.2.0.tgz",
+      "integrity": "sha512-fXyqzPgCPZbqhrk7k3hPcCpYIlQ2ugIXDboHUzhJISFVy2DEPsmHgN588MyGmkIOv3jDgNfUE3kJi83L28s/LQ==",
+      "license": "MIT",
       "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
+        "@types/cookie": "^0.6.0",
+        "cookie": "^1.0.1",
+        "set-cookie-parser": "^2.6.0",
+        "turbo-stream": "2.4.0"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        }
       }
     },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-    },
-    "node_modules/string-width/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
-    },
-    "node_modules/string.prototype.includes": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
-      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+    "node_modules/react-router-dom": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-7.2.0.tgz",
+      "integrity": "sha512-cU7lTxETGtQRQbafJubvZKHEn5izNABxZhBY0Jlzdv0gqQhCPQt2J8aN5ZPjS6mQOXn5NnirWNh+FpE8TTYN0Q==",
+      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.3"
+        "react-router": "7.2.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=20.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">=18"
       }
     },
-    "node_modules/string.prototype.matchall": {
-      "version": "4.0.12",
-      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
-      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+    "node_modules/react-style-singleton": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
+      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.3",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.6",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.0.0",
-        "get-intrinsic": "^1.2.6",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "internal-slot": "^1.1.0",
-        "regexp.prototype.flags": "^1.5.3",
-        "set-function-name": "^2.0.2",
-        "side-channel": "^1.1.0"
+        "get-nonce": "^1.0.0",
+        "tslib": "^2.0.0"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=10"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
-    "node_modules/string.prototype.repeat": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
-      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+    "node_modules/reactcss": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/reactcss/-/reactcss-1.2.3.tgz",
+      "integrity": "sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A==",
+      "license": "MIT",
       "dependencies": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.5"
+        "lodash": "^4.0.1"
       }
     },
-    "node_modules/string.prototype.trim": {
-      "version": "1.2.10",
-      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
-      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.2",
-        "define-data-property": "^1.1.4",
-        "define-properties": "^1.2.1",
-        "es-abstract": "^1.23.5",
-        "es-object-atoms": "^1.0.0",
-        "has-property-descriptors": "^1.0.2"
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=8"
       }
     },
-    "node_modules/string.prototype.trimend": {
-      "version": "1.0.9",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
-      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "call-bound": "^1.0.2",
-        "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+    "node_modules/redux": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+      "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
+      "license": "MIT"
+    },
+    "node_modules/redux-thunk": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
+      "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "redux": "^5.0.0"
       }
     },
-    "node_modules/string.prototype.trimstart": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
-      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "license": "MIT"
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "license": "MIT",
       "dependencies": {
-        "call-bind": "^1.0.7",
+        "call-bind": "^1.0.8",
         "define-properties": "^1.2.1",
-        "es-object-atoms": "^1.0.0"
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
       },
       "engines": {
         "node": ">= 0.4"
@@ -27241,244 +9767,308 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/stringify-object": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/stringify-object/-/stringify-object-3.3.0.tgz",
-      "integrity": "sha512-rHqiFh1elqCQ9WPLIC8I0Q/g/wj5J1eMkyoiD6eoQApWHP0FtlK7rqnhmabL5VUY9JQCcqwwvlOaSuutekgyrw==",
-      "dependencies": {
-        "get-own-enumerable-property-symbols": "^3.0.0",
-        "is-obj": "^1.0.1",
-        "is-regexp": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/stringify-object/node_modules/is-obj": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-1.0.1.tgz",
-      "integrity": "sha512-l4RyHgRqGN4Y3+9JHVrNqO+tN0rV5My76uW5/nuO4K1b6vw5G8d/cmFjP9tRfEsdhZNt0IFdZuK/c2Vr4Nb+Qg==",
-      "engines": {
-        "node": ">=0.10.0"
-      }
+    "node_modules/reselect": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
+      "license": "MIT"
     },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+    "node_modules/resolve": {
+      "version": "1.22.10",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
+      "integrity": "sha512-NPRy+/ncIMeDlTAsuqwKIiferiawhefFJtkNSW0qZJEqMEb+qBt/77B/jGeeek+F0uOeN05CDa6HXbbIgtVX4w==",
+      "license": "MIT",
       "dependencies": {
-        "ansi-regex": "^5.0.1"
+        "is-core-module": "^2.16.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
       },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
+      "bin": {
+        "resolve": "bin/resolve"
       },
       "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/strip-bom": {
+    "node_modules/resolve-from": {
       "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-4.0.0.tgz",
-      "integrity": "sha512-3xurFv5tEgii33Zi8Jtp55wEIILR9eh34FAW00PZf+JnSsTmV/ioewSgQl97JHvgjoRGwPShsWm+IdrxB35d0w==",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">=8"
+        "node": ">=4"
       }
     },
-    "node_modules/strip-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-comments/-/strip-comments-2.0.1.tgz",
-      "integrity": "sha512-ZprKx+bBLXv067WTCALv8SSz5l2+XhpYCsVtSqlMnkAXMWDq+/ekVbl1ghqP9rUHTzv6sm/DwCOiYutU/yp1fw==",
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "license": "MIT",
       "engines": {
-        "node": ">=10"
+        "node": ">= 4"
       }
     },
-    "node_modules/strip-final-newline": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
-      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "license": "MIT",
       "engines": {
-        "node": ">=6"
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/strip-indent": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
-      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "license": "ISC",
       "dependencies": {
-        "min-indent": "^1.0.0"
+        "glob": "^7.1.3"
       },
-      "engines": {
-        "node": ">=8"
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/strip-json-comments": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
-      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+    "node_modules/rollup": {
+      "version": "4.34.8",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.34.8.tgz",
+      "integrity": "sha512-489gTVMzAYdiZHFVA/ig/iYFllCcWFHMvUHI1rpFmkoUtRlQxqh6/yiNqnYibjMZ2b/+FUQwldG+aLsEt6bglQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.6"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
       "engines": {
-        "node": ">=8"
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.34.8",
+        "@rollup/rollup-android-arm64": "4.34.8",
+        "@rollup/rollup-darwin-arm64": "4.34.8",
+        "@rollup/rollup-darwin-x64": "4.34.8",
+        "@rollup/rollup-freebsd-arm64": "4.34.8",
+        "@rollup/rollup-freebsd-x64": "4.34.8",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.34.8",
+        "@rollup/rollup-linux-arm-musleabihf": "4.34.8",
+        "@rollup/rollup-linux-arm64-gnu": "4.34.8",
+        "@rollup/rollup-linux-arm64-musl": "4.34.8",
+        "@rollup/rollup-linux-loongarch64-gnu": "4.34.8",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.34.8",
+        "@rollup/rollup-linux-riscv64-gnu": "4.34.8",
+        "@rollup/rollup-linux-s390x-gnu": "4.34.8",
+        "@rollup/rollup-linux-x64-gnu": "4.34.8",
+        "@rollup/rollup-linux-x64-musl": "4.34.8",
+        "@rollup/rollup-win32-arm64-msvc": "4.34.8",
+        "@rollup/rollup-win32-ia32-msvc": "4.34.8",
+        "@rollup/rollup-win32-x64-msvc": "4.34.8",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/rope-sequence": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+      "license": "MIT"
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
       }
     },
-    "node_modules/style-loader": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz",
-      "integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==",
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
       "engines": {
-        "node": ">= 12.13.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.0.0"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/stylehacks": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-5.1.1.tgz",
-      "integrity": "sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw==",
+    "node_modules/scheduler": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz",
+      "integrity": "sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.7.1.tgz",
+      "integrity": "sha512-IOc8uWeOZgnb3ptbCURJWNjWUPcO3ZnTTdzsurqERrP6nPyv+paC55vJM0LpOlT2ne+Ix+9+CRG1MNLlyZ4GjQ==",
+      "license": "MIT"
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.21.4",
-        "postcss-selector-parser": "^6.0.4"
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14.0"
-      },
-      "peerDependencies": {
-        "postcss": "^8.2.15"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/stylis": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.4.tgz",
-      "integrity": "sha512-osIBl6BGUmSfDkyH2mB7EFvCJntXDrLhKjHTRj/rK6xLH0yuPrHULDRQzKokSOD4VoorhtKpfcfW1GAntu8now=="
-    },
-    "node_modules/sucrase": {
-      "version": "3.35.0",
-      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
-      "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "dependencies": {
-        "@jridgewell/gen-mapping": "^0.3.2",
-        "commander": "^4.0.0",
-        "glob": "^10.3.10",
-        "lines-and-columns": "^1.1.6",
-        "mz": "^2.7.0",
-        "pirates": "^4.0.1",
-        "ts-interface-checker": "^0.1.9"
-      },
-      "bin": {
-        "sucrase": "bin/sucrase",
-        "sucrase-node": "bin/sucrase-node"
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/sucrase/node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+    "node_modules/shallow-equal": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-3.1.0.tgz",
+      "integrity": "sha512-pfVOw8QZIXpMbhBWvzBISicvToTiM5WBF1EeAUZDDSb5Dt29yl4AYbyywbJFSEsRUMr7gJaxqCdr4L3tQf9wVg==",
+      "license": "MIT"
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
       }
     },
-    "node_modules/sucrase/node_modules/commander": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 6"
+        "node": ">=8"
       }
     },
-    "node_modules/sucrase/node_modules/glob": {
-      "version": "10.4.5",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
-      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
       "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^3.1.2",
-        "minimatch": "^9.0.4",
-        "minipass": "^7.1.2",
-        "package-json-from-dist": "^1.0.0",
-        "path-scurry": "^1.11.1"
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
       },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/sucrase/node_modules/minimatch": {
-      "version": "9.0.5",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
-      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">= 0.4"
       },
       "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
       "dependencies": {
-        "has-flag": "^4.0.0"
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/supports-hyperlinks": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-2.3.0.tgz",
-      "integrity": "sha512-RpsAZlpWcDwOPQA22aCH4J0t7L8JmAvsCxfOSEwm7cQs3LshN36QaTkwd70DnBOXDWGssw2eUoc8CaRWT0XunA==",
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
       "dependencies": {
-        "has-flag": "^4.0.0",
-        "supports-color": "^7.0.0"
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
       },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
       "engines": {
         "node": ">= 0.4"
       },
@@ -27486,317 +10076,179 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/svg-parser": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
-      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ=="
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC"
     },
-    "node_modules/svgo": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/svgo/-/svgo-1.3.2.tgz",
-      "integrity": "sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw==",
-      "deprecated": "This SVGO version is no longer supported. Upgrade to v2.x.x.",
-      "dependencies": {
-        "chalk": "^2.4.1",
-        "coa": "^2.0.2",
-        "css-select": "^2.0.0",
-        "css-select-base-adapter": "^0.1.1",
-        "css-tree": "1.0.0-alpha.37",
-        "csso": "^4.0.2",
-        "js-yaml": "^3.13.1",
-        "mkdirp": "~0.5.1",
-        "object.values": "^1.1.0",
-        "sax": "~1.2.4",
-        "stable": "^0.1.8",
-        "unquote": "~1.1.1",
-        "util.promisify": "~1.0.0"
-      },
-      "bin": {
-        "svgo": "bin/svgo"
-      },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "license": "MIT",
       "engines": {
-        "node": ">=4.0.0"
+        "node": ">=8"
       }
     },
-    "node_modules/svgo/node_modules/ansi-styles": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+    "node_modules/slice-ansi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
+      "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
+      "license": "MIT",
       "dependencies": {
-        "color-convert": "^1.9.0"
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
       },
       "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/svgo/node_modules/argparse": {
-      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
-      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
-      "dependencies": {
-        "sprintf-js": "~1.0.2"
+        "node": ">=8"
       }
     },
-    "node_modules/svgo/node_modules/chalk": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+    "node_modules/snake-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/snake-case/-/snake-case-3.0.4.tgz",
+      "integrity": "sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "ansi-styles": "^3.2.1",
-        "escape-string-regexp": "^1.0.5",
-        "supports-color": "^5.3.0"
-      },
-      "engines": {
-        "node": ">=4"
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
       }
     },
-    "node_modules/svgo/node_modules/color-convert": {
-      "version": "1.9.3",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-      "dependencies": {
-        "color-name": "1.1.3"
+    "node_modules/sonner": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/sonner/-/sonner-2.0.3.tgz",
+      "integrity": "sha512-njQ4Hht92m0sMqqHVDL32V2Oun9W1+PHO9NDv9FHfJjT3JT22IG4Jpo3FPQy+mouRKCXFWO+r67v6MrHX2zeIA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^18.0.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       }
     },
-    "node_modules/svgo/node_modules/color-name": {
-      "version": "1.1.3",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
-    },
-    "node_modules/svgo/node_modules/css-select": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/css-select/-/css-select-2.1.0.tgz",
-      "integrity": "sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ==",
+    "node_modules/sort-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-4.2.0.tgz",
+      "integrity": "sha512-aUYIEU/UviqPgc8mHR6IW1EGxkAXpeRETYcrzg8cLAvUPZcpAlleSXHV2mY7G12GphSH6Gzv+4MMVSSkbdteHg==",
+      "license": "MIT",
       "dependencies": {
-        "boolbase": "^1.0.0",
-        "css-what": "^3.2.1",
-        "domutils": "^1.7.0",
-        "nth-check": "^1.0.2"
-      }
-    },
-    "node_modules/svgo/node_modules/css-what": {
-      "version": "3.4.2",
-      "resolved": "https://registry.npmjs.org/css-what/-/css-what-3.4.2.tgz",
-      "integrity": "sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==",
+        "is-plain-obj": "^2.0.0"
+      },
       "engines": {
-        "node": ">= 6"
+        "node": ">=8"
       },
       "funding": {
-        "url": "https://github.com/sponsors/fb55"
-      }
-    },
-    "node_modules/svgo/node_modules/dom-serializer": {
-      "version": "0.2.2",
-      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz",
-      "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==",
-      "dependencies": {
-        "domelementtype": "^2.0.1",
-        "entities": "^2.0.0"
-      }
-    },
-    "node_modules/svgo/node_modules/domutils": {
-      "version": "1.7.0",
-      "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz",
-      "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==",
-      "dependencies": {
-        "dom-serializer": "0",
-        "domelementtype": "1"
-      }
-    },
-    "node_modules/svgo/node_modules/domutils/node_modules/domelementtype": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz",
-      "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w=="
-    },
-    "node_modules/svgo/node_modules/entities": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
-      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
-      "funding": {
-        "url": "https://github.com/fb55/entities?sponsor=1"
-      }
-    },
-    "node_modules/svgo/node_modules/escape-string-regexp": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
-      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "engines": {
-        "node": ">=0.8.0"
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/svgo/node_modules/has-flag": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
       "engines": {
-        "node": ">=4"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/svgo/node_modules/js-yaml": {
-      "version": "3.14.1",
-      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
-      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+    "node_modules/spdx-correct": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "license": "Apache-2.0",
       "dependencies": {
-        "argparse": "^1.0.7",
-        "esprima": "^4.0.0"
-      },
-      "bin": {
-        "js-yaml": "bin/js-yaml.js"
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
       }
     },
-    "node_modules/svgo/node_modules/nth-check": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-1.0.2.tgz",
-      "integrity": "sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg==",
-      "dependencies": {
-        "boolbase": "~1.0.0"
-      }
+    "node_modules/spdx-exceptions": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
+      "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
+      "license": "CC-BY-3.0"
     },
-    "node_modules/svgo/node_modules/supports-color": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "license": "MIT",
       "dependencies": {
-        "has-flag": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
       }
     },
-    "node_modules/swr": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/swr/-/swr-2.3.0.tgz",
-      "integrity": "sha512-NyZ76wA4yElZWBHzSgEJc28a0u6QZvhb6w0azeL2k7+Q1gAzVK+IqQYXhVOC/mzi+HZIozrZvBVeSeOZNR2bqA==",
-      "dependencies": {
-        "dequal": "^2.0.3",
-        "use-sync-external-store": "^1.4.0"
-      },
-      "peerDependencies": {
-        "react": "^16.11.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
-      }
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.21",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.21.tgz",
+      "integrity": "sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==",
+      "license": "CC0-1.0"
     },
-    "node_modules/symbol-tree": {
-      "version": "3.2.4",
-      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
-      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
+    "node_modules/state-local": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/state-local/-/state-local-1.0.7.tgz",
+      "integrity": "sha512-HTEHMNieakEnoe33shBYcZ7NX83ACUjCu8c40iOGEZsngj9zRnkqS9j1pqQPXwobB0ZcVTk27REb7COQ0UR59w==",
+      "license": "MIT"
     },
-    "node_modules/tailwindcss": {
-      "version": "3.4.17",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.17.tgz",
-      "integrity": "sha512-w33E2aCvSDP0tW9RZuNXadXlkHXqFzSkQew/aIa2i/Sj8fThxwovwlXHSPXTbAHwEIhBFXAedUhP2tueAKP8Og==",
-      "dependencies": {
-        "@alloc/quick-lru": "^5.2.0",
-        "arg": "^5.0.2",
-        "chokidar": "^3.6.0",
-        "didyoumean": "^1.2.2",
-        "dlv": "^1.1.3",
-        "fast-glob": "^3.3.2",
-        "glob-parent": "^6.0.2",
-        "is-glob": "^4.0.3",
-        "jiti": "^1.21.6",
-        "lilconfig": "^3.1.3",
-        "micromatch": "^4.0.8",
-        "normalize-path": "^3.0.0",
-        "object-hash": "^3.0.0",
-        "picocolors": "^1.1.1",
-        "postcss": "^8.4.47",
-        "postcss-import": "^15.1.0",
-        "postcss-js": "^4.0.1",
-        "postcss-load-config": "^4.0.2",
-        "postcss-nested": "^6.2.0",
-        "postcss-selector-parser": "^6.1.2",
-        "resolve": "^1.22.8",
-        "sucrase": "^3.35.0"
-      },
-      "bin": {
-        "tailwind": "lib/cli.js",
-        "tailwindcss": "lib/cli.js"
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
       },
       "engines": {
-        "node": ">=14.0.0"
-      }
-    },
-    "node_modules/tailwindcss/node_modules/lilconfig": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
-      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/antonk52"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/tapable": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
-      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
-      "engines": {
-        "node": ">=6"
-      }
+    "node_modules/store2": {
+      "version": "2.14.4",
+      "resolved": "https://registry.npmjs.org/store2/-/store2-2.14.4.tgz",
+      "integrity": "sha512-srTItn1GOvyvOycgxjAnPA63FZNwy0PTyUBFMHRM+hVFltAeoh0LmNBz9SZqUS9mMqGk8rfyWyXn3GH5ReJ8Zw==",
+      "license": "MIT"
     },
-    "node_modules/telejson": {
-      "version": "6.0.8",
-      "resolved": "https://registry.npmjs.org/telejson/-/telejson-6.0.8.tgz",
-      "integrity": "sha512-nerNXi+j8NK1QEfBHtZUN/aLdDcyupA//9kAboYLrtzZlPLpUfqbVGWb9zz91f/mIjRbAYhbgtnJHY8I1b5MBg==",
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
       "dependencies": {
-        "@types/is-function": "^1.0.0",
-        "global": "^4.4.0",
-        "is-function": "^1.0.2",
-        "is-regex": "^1.1.2",
-        "is-symbol": "^1.0.3",
-        "isobject": "^4.0.0",
-        "lodash": "^4.17.21",
-        "memoizerific": "^1.11.3"
-      }
-    },
-    "node_modules/temp-dir": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
-      "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==",
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
       "engines": {
         "node": ">=8"
       }
     },
-    "node_modules/tempy": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/tempy/-/tempy-1.0.1.tgz",
-      "integrity": "sha512-biM9brNqxSc04Ee71hzFbryD11nX7VPhQQY32AdDmjFvodsRFz/3ufeoTZ6uYkRFfGo188tENcASNs3vTdsM0w==",
-      "dev": true,
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
       "dependencies": {
-        "del": "^6.0.0",
-        "is-stream": "^2.0.0",
-        "temp-dir": "^2.0.0",
-        "type-fest": "^0.16.0",
-        "unique-string": "^2.0.0"
+        "ansi-regex": "^5.0.1"
       },
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=8"
       }
     },
-    "node_modules/tempy/node_modules/type-fest": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.16.0.tgz",
-      "integrity": "sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==",
-      "dev": true,
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "license": "MIT",
       "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "node": ">=6"
       }
     },
-    "node_modules/terminal-link": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/terminal-link/-/terminal-link-2.1.1.tgz",
-      "integrity": "sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==",
-      "dependencies": {
-        "ansi-escapes": "^4.2.1",
-        "supports-hyperlinks": "^2.0.0"
-      },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -27804,174 +10256,146 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/terser": {
-      "version": "5.37.0",
-      "resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz",
-      "integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==",
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "license": "MIT",
       "dependencies": {
-        "@jridgewell/source-map": "^0.3.3",
-        "acorn": "^8.8.2",
-        "commander": "^2.20.0",
-        "source-map-support": "~0.5.20"
-      },
-      "bin": {
-        "terser": "bin/terser"
+        "has-flag": "^4.0.0"
       },
       "engines": {
-        "node": ">=10"
+        "node": ">=8"
       }
     },
-    "node_modules/terser-webpack-plugin": {
-      "version": "5.3.11",
-      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz",
-      "integrity": "sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "^0.3.25",
-        "jest-worker": "^27.4.5",
-        "schema-utils": "^4.3.0",
-        "serialize-javascript": "^6.0.2",
-        "terser": "^5.31.1"
-      },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
       "engines": {
-        "node": ">= 10.13.0"
+        "node": ">= 0.4"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^5.1.0"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "esbuild": {
-          "optional": true
-        },
-        "uglify-js": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/terser/node_modules/commander": {
-      "version": "2.20.3",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
-    },
-    "node_modules/test-exclude": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
-      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
-      "dependencies": {
-        "@istanbuljs/schema": "^0.1.2",
-        "glob": "^7.1.4",
-        "minimatch": "^3.0.4"
-      },
-      "engines": {
-        "node": ">=8"
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/text-extensions": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/text-extensions/-/text-extensions-1.9.0.tgz",
-      "integrity": "sha512-wiBrwC1EhBelW12Zy26JeOUkQ5mRu+5o8rpsJk5+2t+Y5vE7e842qtZDQ2g1NpX/29HdyFeJ4nSIhI47ENSxlQ==",
+    "node_modules/svg-parser": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz",
+      "integrity": "sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==",
       "dev": true,
-      "engines": {
-        "node": ">=0.10"
+      "license": "MIT"
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.0.2.tgz",
+      "integrity": "sha512-l7z+OYZ7mu3DTqrL88RiKrKIqO3NcpEO8V/Od04bNpvk0kiIFndGEoqfuzvj4yuhRkHKjRkII2z+KS2HfPcSxw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
       }
     },
-    "node_modules/text-table": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
+    "node_modules/tailwindcss": {
+      "version": "4.0.17",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.0.17.tgz",
+      "integrity": "sha512-OErSiGzRa6rLiOvaipsDZvLMSpsBZ4ysB4f0VKGXUrjw2jfkJRd6kjRKV2+ZmTCNvwtvgdDam5D7w6WXsdLJZw==",
+      "license": "MIT"
     },
-    "node_modules/thenify": {
-      "version": "3.3.1",
-      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
-      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "dependencies": {
-        "any-promise": "^1.0.0"
+    "node_modules/tailwindcss-animate": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz",
+      "integrity": "sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "tailwindcss": ">=3.0.0 || insiders"
       }
     },
-    "node_modules/thenify-all": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
-      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "dependencies": {
-        "thenify": ">= 3.1.0 < 4"
-      },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "license": "MIT",
       "engines": {
-        "node": ">=0.8"
+        "node": ">=6"
       }
     },
-    "node_modules/throat": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/throat/-/throat-6.0.2.tgz",
-      "integrity": "sha512-WKexMoJj3vEuK0yFEapj8y64V0A6xcuPuK9Gt1d0R+dzCSJc0lHqQytAbSB4cDAK0dWh4T0E2ETkoLE2WZ41OQ=="
+    "node_modules/telejson": {
+      "version": "6.0.8",
+      "resolved": "https://registry.npmjs.org/telejson/-/telejson-6.0.8.tgz",
+      "integrity": "sha512-nerNXi+j8NK1QEfBHtZUN/aLdDcyupA//9kAboYLrtzZlPLpUfqbVGWb9zz91f/mIjRbAYhbgtnJHY8I1b5MBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/is-function": "^1.0.0",
+        "global": "^4.4.0",
+        "is-function": "^1.0.2",
+        "is-regex": "^1.1.2",
+        "is-symbol": "^1.0.3",
+        "isobject": "^4.0.0",
+        "lodash": "^4.17.21",
+        "memoizerific": "^1.11.3"
+      }
     },
-    "node_modules/throttle-debounce": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-5.0.2.tgz",
-      "integrity": "sha512-B71/4oyj61iNH0KeCamLuE2rmKuTO5byTOSVwECM5FA7TiAiAW+UqTKZ9ERueC4qvgSttUhdmq1mXC3kJqGX7A==",
+    "node_modules/temp-dir": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/temp-dir/-/temp-dir-2.0.0.tgz",
+      "integrity": "sha512-aoBAniQmmwtcKp/7BzsH8Cxzv8OL736p7v1ihGb5e9DJ9kTwGWHrQrVB5+lfVDzfGrdRzXch+ig7LHaY1JTOrg==",
+      "license": "MIT",
       "engines": {
-        "node": ">=12.22"
+        "node": ">=8"
       }
     },
-    "node_modules/through": {
-      "version": "2.3.8",
-      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
-      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==",
-      "dev": true
-    },
-    "node_modules/through2": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz",
-      "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==",
-      "dev": true,
+    "node_modules/tempy": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/tempy/-/tempy-0.5.0.tgz",
+      "integrity": "sha512-VEY96x7gbIRfsxqsafy2l5yVxxp3PhwAGoWMyC2D2Zt5DmEv+2tGiPOrquNRpf21hhGnKLVEsuqleqiZmKG/qw==",
+      "license": "MIT",
       "dependencies": {
-        "readable-stream": "3"
+        "is-stream": "^2.0.0",
+        "temp-dir": "^2.0.0",
+        "type-fest": "^0.12.0",
+        "unique-string": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/thunky": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
-      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA=="
+    "node_modules/tempy/node_modules/type-fest": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.12.0.tgz",
+      "integrity": "sha512-53RyidyjvkGpnWPMF9bQgFtWp+Sl8O2Rp13VavmJgfAP9WWG6q6TkrKU8iyJdnwnfgHI6k2hTlgqH4aSdjoTbg==",
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
     },
     "node_modules/tinycolor2": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
-      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw=="
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
+      "license": "MIT"
     },
     "node_modules/tippy.js": {
       "version": "6.3.7",
       "resolved": "https://registry.npmjs.org/tippy.js/-/tippy.js-6.3.7.tgz",
       "integrity": "sha512-E1d3oP2emgJ9dRQZdf3Kkn0qJgI6ZLpyS5z6ZkY1DF3kaQaBsGZsndEpHwx+eC+tYM41HaSNvNtLx8tU57FzTQ==",
+      "license": "MIT",
       "dependencies": {
         "@popperjs/core": "^2.9.0"
       }
     },
-    "node_modules/tmp": {
-      "version": "0.0.33",
-      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
-      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
-      "dev": true,
-      "dependencies": {
-        "os-tmpdir": "~1.0.2"
-      },
-      "engines": {
-        "node": ">=0.6.0"
-      }
-    },
-    "node_modules/tmpl": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/tmpl/-/tmpl-1.0.5.tgz",
-      "integrity": "sha512-3f0uOEAQwIqGuWW2MVzYg8fV/QNnc/IpuJNG837rLuczAaLVHslWHZQj4IGiEl5Hs3kkbhwL9Ab7Hrsmuj+Smw=="
-    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -27979,149 +10403,46 @@
         "node": ">=8.0"
       }
     },
-    "node_modules/toggle-selection": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz",
-      "integrity": "sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ=="
-    },
-    "node_modules/toidentifier": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/tough-cookie": {
-      "version": "4.1.4",
-      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.4.tgz",
-      "integrity": "sha512-Loo5UUvLD9ScZ6jh8beX1T6sO1w2/MpCRpEP7V280GKMVUQ0Jzar2U3UJPsrdbziLEMMhu3Ujnq//rhiFuIeag==",
-      "dependencies": {
-        "psl": "^1.1.33",
-        "punycode": "^2.1.1",
-        "universalify": "^0.2.0",
-        "url-parse": "^1.5.3"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/tough-cookie/node_modules/universalify": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
-      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/tr46": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-2.1.0.tgz",
-      "integrity": "sha512-15Ih7phfcdP5YxqiB+iDtLoaTz4Nd35+IiAv0kQ5FNKHzXgdWqPoTIqEDDJmXceQt4JZk6lVPT8lnDlPpGDppw==",
-      "dependencies": {
-        "punycode": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/traverse": {
-      "version": "0.6.8",
-      "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.8.tgz",
-      "integrity": "sha512-aXJDbk6SnumuaZSANd21XAo15ucCDE38H4fkqiGsc3MhCK+wOlZvLP9cB/TvpHT0mOyWgC4Z8EwRlzqYSUzdsA==",
+    "node_modules/ts-api-utils": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.1.tgz",
+      "integrity": "sha512-dnlgjFSVetynI8nzgJ+qF62efpglpWRk8isUEWZGWlJYySCTD6aKvbUDu+zbPeDakk3bg5H4XpitHukgfL1m9w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=18.12"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/trim-newlines": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz",
-      "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
       }
     },
-    "node_modules/tryer": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/tryer/-/tryer-1.0.1.tgz",
-      "integrity": "sha512-c3zayb8/kWWpycWYg87P71E1S1ZL6b6IJxfb5fvsUgsf0S2MVGaDhDXXjDMpdCpfWXqptc+4mXwmiy1ypXqRAA=="
-    },
     "node_modules/ts-dedent": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
       "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.10"
       }
     },
-    "node_modules/ts-interface-checker": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
-    },
-    "node_modules/tsconfig-paths": {
-      "version": "3.15.0",
-      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
-      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
-      "dependencies": {
-        "@types/json5": "^0.0.29",
-        "json5": "^1.0.2",
-        "minimist": "^1.2.6",
-        "strip-bom": "^3.0.0"
-      }
-    },
-    "node_modules/tsconfig-paths/node_modules/json5": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
-      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "json5": "lib/cli.js"
-      }
-    },
-    "node_modules/tsconfig-paths/node_modules/strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/tslib": {
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
     },
-    "node_modules/tsutils": {
-      "version": "3.21.0",
-      "resolved": "https://registry.npmjs.org/tsutils/-/tsutils-3.21.0.tgz",
-      "integrity": "sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==",
-      "dependencies": {
-        "tslib": "^1.8.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      },
-      "peerDependencies": {
-        "typescript": ">=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta"
-      }
-    },
-    "node_modules/tsutils/node_modules/tslib": {
-      "version": "1.14.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
-      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg=="
+    "node_modules/turbo-stream": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/turbo-stream/-/turbo-stream-2.4.0.tgz",
+      "integrity": "sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==",
+      "license": "ISC"
     },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -28129,209 +10450,69 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/type-detect": {
-      "version": "4.0.8",
-      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
-      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/type-fest": {
-      "version": "0.21.3",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
-      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-      "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/typed-array-buffer": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
-      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "es-errors": "^1.3.0",
-        "is-typed-array": "^1.1.14"
-      },
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "license": "(MIT OR CC0-1.0)",
       "engines": {
-        "node": ">= 0.4"
+        "node": ">=8"
       }
     },
-    "node_modules/typed-array-byte-length": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
-      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
-      "dependencies": {
-        "call-bind": "^1.0.8",
-        "for-each": "^0.3.3",
-        "gopd": "^1.2.0",
-        "has-proto": "^1.2.0",
-        "is-typed-array": "^1.1.14"
+    "node_modules/typescript": {
+      "version": "5.7.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.7.3.tgz",
+      "integrity": "sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
       },
       "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
+        "node": ">=14.17"
       }
     },
-    "node_modules/typed-array-byte-offset": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
-      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+    "node_modules/typescript-eslint": {
+      "version": "8.24.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.24.1.tgz",
+      "integrity": "sha512-cw3rEdzDqBs70TIcb0Gdzbt6h11BSs2pS0yaq7hDWDBtCCSei1pPSUXE9qUdQ/Wm9NgFg8mKtMt1b8fTHIl1jA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "available-typed-arrays": "^1.0.7",
-        "call-bind": "^1.0.8",
-        "for-each": "^0.3.3",
-        "gopd": "^1.2.0",
-        "has-proto": "^1.2.0",
-        "is-typed-array": "^1.1.15",
-        "reflect.getprototypeof": "^1.0.9"
+        "@typescript-eslint/eslint-plugin": "8.24.1",
+        "@typescript-eslint/parser": "8.24.1",
+        "@typescript-eslint/utils": "8.24.1"
       },
       "engines": {
-        "node": ">= 0.4"
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typed-array-length": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
-      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
-      "dependencies": {
-        "call-bind": "^1.0.7",
-        "for-each": "^0.3.3",
-        "gopd": "^1.0.1",
-        "is-typed-array": "^1.1.13",
-        "possible-typed-array-names": "^1.0.0",
-        "reflect.getprototypeof": "^1.0.6"
-      },
-      "engines": {
-        "node": ">= 0.4"
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/typedarray-to-buffer": {
-      "version": "3.1.5",
-      "resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
-      "integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
-      "dependencies": {
-        "is-typedarray": "^1.0.0"
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
       }
     },
     "node_modules/uc.micro": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
-      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A=="
-    },
-    "node_modules/uglify-js": {
-      "version": "3.19.3",
-      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.19.3.tgz",
-      "integrity": "sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==",
-      "dev": true,
-      "optional": true,
-      "bin": {
-        "uglifyjs": "bin/uglifyjs"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/unbox-primitive": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
-      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
-      "dependencies": {
-        "call-bound": "^1.0.3",
-        "has-bigints": "^1.0.2",
-        "has-symbols": "^1.1.0",
-        "which-boxed-primitive": "^1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/underscore": {
-      "version": "1.12.1",
-      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.12.1.tgz",
-      "integrity": "sha512-hEQt0+ZLDVUMhebKxL4x1BTtDY7bavVofhZ9KZ4aI26X9SRaE+Y3m83XUL1UP2jn8ynjndwCCpEHdUG+9pP1Tw=="
-    },
-    "node_modules/undici": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici/-/undici-6.21.0.tgz",
-      "integrity": "sha512-BUgJXc752Kou3oOIuU1i+yZZypyZRqNPW0vqoMPl8VaoalSfeR0D8/t4iAS3yirs79SSMTxTag+ZC86uswv+Cw==",
-      "dev": true,
-      "engines": {
-        "node": ">=18.17"
-      }
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "license": "MIT"
     },
     "node_modules/undici-types": {
-      "version": "6.20.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
-      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg=="
-    },
-    "node_modules/unicode-canonical-property-names-ecmascript": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.1.tgz",
-      "integrity": "sha512-dA8WbNeb2a6oQzAQ55YlT5vQAWGV9WXOsi3SskE3bcCdM0P4SDd+24zS/OCacdRq5BkdsRj9q3Pg6YyQoxIGqg==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-ecmascript": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
-      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
-      "dependencies": {
-        "unicode-canonical-property-names-ecmascript": "^2.0.0",
-        "unicode-property-aliases-ecmascript": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-match-property-value-ecmascript": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.2.0.tgz",
-      "integrity": "sha512-4IehN3V/+kkr5YeSSDDQG8QLqO26XpL2XP3GQtqwlT/QYSECAwFztxVHjlbh0+gjJ3XmNLS0zDsbgs9jWKExLg==",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/unicode-property-aliases-ecmascript": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
-      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
-      "engines": {
-        "node": ">=4"
-      }
+      "version": "6.20.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+      "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+      "license": "MIT"
     },
     "node_modules/unique-string": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/unique-string/-/unique-string-2.0.0.tgz",
       "integrity": "sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==",
+      "license": "MIT",
       "dependencies": {
         "crypto-random-string": "^2.0.0"
       },
@@ -28339,47 +10520,11 @@
         "node": ">=8"
       }
     },
-    "node_modules/universal-user-agent": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-6.0.1.tgz",
-      "integrity": "sha512-yCzhz6FN2wU1NiiQRogkTQszlQSlpWaw8SvVegAc+bDxbzHgh1vX8uIe8OYyMH6DwH+sdTJsgMl36+mSMdRJIQ==",
-      "dev": true
-    },
-    "node_modules/universalify": {
-      "version": "0.1.2",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
-      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
-      "dev": true,
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/unquote": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
-      "integrity": "sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg=="
-    },
-    "node_modules/upath": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/upath/-/upath-1.2.0.tgz",
-      "integrity": "sha512-aZwGpamFO61g3OlfT7OQCHqhGnW43ieH9WZeP7QxN/G/jS4jfqUkZxoryvJgVPEcrl5NL/ggHsSmLMHuH64Lhg==",
-      "engines": {
-        "node": ">=4",
-        "yarn": "*"
-      }
-    },
     "node_modules/update-browserslist-db": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
-      "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.2.tgz",
+      "integrity": "sha512-PPypAm5qvlD7XMZC3BujecnaOxwhrtoFR+Dqkk5Aa/6DssiH0ibKoketaj9w8LP7Bont1rYeoV5plxD7RTEPRg==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -28394,9 +10539,10 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "escalade": "^3.2.0",
-        "picocolors": "^1.1.0"
+        "picocolors": "^1.1.1"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -28409,35 +10555,60 @@
       "version": "4.4.1",
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "punycode": "^2.1.0"
       }
     },
-    "node_modules/urix": {
-      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
-      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
-      "deprecated": "Please see https://github.com/lydell/urix#deprecated"
-    },
-    "node_modules/url-join": {
-      "version": "4.0.1",
-      "resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
-      "integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
-      "dev": true
+    "node_modules/use-callback-ref": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
     },
-    "node_modules/url-parse": {
-      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
-      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+    "node_modules/use-sidecar": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+      "license": "MIT",
       "dependencies": {
-        "querystringify": "^2.1.1",
-        "requires-port": "^1.0.0"
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
       }
     },
     "node_modules/use-sync-external-store": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.4.0.tgz",
       "integrity": "sha512-9WXSPC5fMv61vaupRkCKCxsPxBocVnwakBEkMIHHpkTTg6icbJtg6jzgtLDm4bl3cSHAca52rYWih0k4K3PfHw==",
+      "license": "MIT",
       "peerDependencies": {
         "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       }
@@ -28445,496 +10616,139 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
-    },
-    "node_modules/util.promisify": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.0.1.tgz",
-      "integrity": "sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA==",
-      "dependencies": {
-        "define-properties": "^1.1.3",
-        "es-abstract": "^1.17.2",
-        "has-symbols": "^1.0.1",
-        "object.getownpropertydescriptors": "^2.1.0"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/utila": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
-      "integrity": "sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA=="
-    },
-    "node_modules/utils-merge": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/uuid": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-      "bin": {
-        "uuid": "dist/bin/uuid"
-      }
-    },
-    "node_modules/v8-to-istanbul": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-8.1.1.tgz",
-      "integrity": "sha512-FGtKtv3xIpR6BYhvgH8MI/y78oT7d8Au3ww4QIxymrCtZEh5b8gCw2siywE+puhEmuWKDtmfrvF5UlB298ut3w==",
-      "dependencies": {
-        "@types/istanbul-lib-coverage": "^2.0.1",
-        "convert-source-map": "^1.6.0",
-        "source-map": "^0.7.3"
-      },
-      "engines": {
-        "node": ">=10.12.0"
-      }
-    },
-    "node_modules/v8-to-istanbul/node_modules/convert-source-map": {
-      "version": "1.9.0",
-      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
-    },
-    "node_modules/v8-to-istanbul/node_modules/source-map": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
-      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
-      "engines": {
-        "node": ">= 8"
-      }
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
     },
     "node_modules/validate-npm-package-license": {
       "version": "3.0.4",
       "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
       "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
-      "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "spdx-correct": "^3.0.0",
         "spdx-expression-parse": "^3.0.0"
       }
     },
-    "node_modules/vary": {
+    "node_modules/vaul": {
       "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/w3c-hr-time": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
-      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
-      "deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
-      "dependencies": {
-        "browser-process-hrtime": "^1.0.0"
-      }
-    },
-    "node_modules/w3c-keyname": {
-      "version": "2.2.8",
-      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
-      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ=="
-    },
-    "node_modules/w3c-xmlserializer": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-2.0.0.tgz",
-      "integrity": "sha512-4tzD0mF8iSiMiNs30BiLO3EpfGLZUT2MSX/G+o7ZywDzliWQ3OPtTZ0PTC3B3ca1UAf4cJMHB+2Bf56EriJuRA==",
-      "dependencies": {
-        "xml-name-validator": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/wait-for-expect": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/wait-for-expect/-/wait-for-expect-3.0.2.tgz",
-      "integrity": "sha512-cfS1+DZxuav1aBYbaO/kE06EOS8yRw7qOFoD3XtjTkYvCvh3zUvNST8DXK/nPaeqIzIv3P3kL3lRJn8iwOiSag=="
-    },
-    "node_modules/walker": {
-      "version": "1.0.8",
-      "resolved": "https://registry.npmjs.org/walker/-/walker-1.0.8.tgz",
-      "integrity": "sha512-ts/8E8l5b7kY0vlWLewOkDXMmPdLcVV4GmOQLyxuSswIJsweeFZtAsMF7k1Nszz+TYBQrlYRmzOnr398y1JemQ==",
-      "dependencies": {
-        "makeerror": "1.0.12"
-      }
-    },
-    "node_modules/warning": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
-      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
-    "node_modules/watchpack": {
-      "version": "2.4.2",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
-      "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
+      "resolved": "https://registry.npmjs.org/vaul/-/vaul-1.1.2.tgz",
+      "integrity": "sha512-ZFkClGpWyI2WUQjdLJ/BaGuV6AVQiJ3uELGk3OYtP+B6yCO7Cmn9vPFXVJkRaGkOJu3m8bQMgtyzNHixULceQA==",
+      "license": "MIT",
       "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
+        "@radix-ui/react-dialog": "^1.1.1"
       },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/wbuf": {
-      "version": "1.7.3",
-      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
-      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
-      "dependencies": {
-        "minimalistic-assert": "^1.0.0"
+      "peerDependencies": {
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0.0 || ^19.0.0-rc"
       }
     },
-    "node_modules/wcwidth": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/wcwidth/-/wcwidth-1.0.1.tgz",
-      "integrity": "sha512-XHPEwS0q6TaxcvG85+8EYkbiCux2XtWG2mkc47Ng2A77BQu9+DqIOJldST4HgPkuea7dvKSj5VgX3P1d4rW8Tg==",
+    "node_modules/vite": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.1.1.tgz",
+      "integrity": "sha512-4GgM54XrwRfrOp297aIYspIti66k56v16ZnqHvrIM7mG+HjDlAwS7p+Srr7J6fGvEdOJ5JcQ/D9T7HhtdXDTzA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "defaults": "^1.0.3"
-      }
-    },
-    "node_modules/webidl-conversions": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-6.1.0.tgz",
-      "integrity": "sha512-qBIvFLGiBpLjfwmYAaHPXsn+ho5xZnGvyGvsarywGNc8VyQJUMHJ8OBKGGrPER0okBeMDaan4mNBlgBROxuI8w==",
-      "engines": {
-        "node": ">=10.4"
-      }
-    },
-    "node_modules/webpack": {
-      "version": "5.97.1",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.97.1.tgz",
-      "integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==",
-      "dependencies": {
-        "@types/eslint-scope": "^3.7.7",
-        "@types/estree": "^1.0.6",
-        "@webassemblyjs/ast": "^1.14.1",
-        "@webassemblyjs/wasm-edit": "^1.14.1",
-        "@webassemblyjs/wasm-parser": "^1.14.1",
-        "acorn": "^8.14.0",
-        "browserslist": "^4.24.0",
-        "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.17.1",
-        "es-module-lexer": "^1.2.1",
-        "eslint-scope": "5.1.1",
-        "events": "^3.2.0",
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.2.11",
-        "json-parse-even-better-errors": "^2.3.1",
-        "loader-runner": "^4.2.0",
-        "mime-types": "^2.1.27",
-        "neo-async": "^2.6.2",
-        "schema-utils": "^3.2.0",
-        "tapable": "^2.1.1",
-        "terser-webpack-plugin": "^5.3.10",
-        "watchpack": "^2.4.1",
-        "webpack-sources": "^3.2.3"
-      },
-      "bin": {
-        "webpack": "bin/webpack.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependenciesMeta": {
-        "webpack-cli": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-dev-middleware": {
-      "version": "5.3.4",
-      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz",
-      "integrity": "sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q==",
-      "dependencies": {
-        "colorette": "^2.0.10",
-        "memfs": "^3.4.3",
-        "mime-types": "^2.1.31",
-        "range-parser": "^1.2.1",
-        "schema-utils": "^4.0.0"
-      },
-      "engines": {
-        "node": ">= 12.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.0.0 || ^5.0.0"
-      }
-    },
-    "node_modules/webpack-dev-server": {
-      "version": "4.15.2",
-      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-4.15.2.tgz",
-      "integrity": "sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g==",
-      "dependencies": {
-        "@types/bonjour": "^3.5.9",
-        "@types/connect-history-api-fallback": "^1.3.5",
-        "@types/express": "^4.17.13",
-        "@types/serve-index": "^1.9.1",
-        "@types/serve-static": "^1.13.10",
-        "@types/sockjs": "^0.3.33",
-        "@types/ws": "^8.5.5",
-        "ansi-html-community": "^0.0.8",
-        "bonjour-service": "^1.0.11",
-        "chokidar": "^3.5.3",
-        "colorette": "^2.0.10",
-        "compression": "^1.7.4",
-        "connect-history-api-fallback": "^2.0.0",
-        "default-gateway": "^6.0.3",
-        "express": "^4.17.3",
-        "graceful-fs": "^4.2.6",
-        "html-entities": "^2.3.2",
-        "http-proxy-middleware": "^2.0.3",
-        "ipaddr.js": "^2.0.1",
-        "launch-editor": "^2.6.0",
-        "open": "^8.0.9",
-        "p-retry": "^4.5.0",
-        "rimraf": "^3.0.2",
-        "schema-utils": "^4.0.0",
-        "selfsigned": "^2.1.1",
-        "serve-index": "^1.9.1",
-        "sockjs": "^0.3.24",
-        "spdy": "^4.0.2",
-        "webpack-dev-middleware": "^5.3.4",
-        "ws": "^8.13.0"
+        "esbuild": "^0.24.2",
+        "postcss": "^8.5.2",
+        "rollup": "^4.30.1"
       },
       "bin": {
-        "webpack-dev-server": "bin/webpack-dev-server.js"
+        "vite": "bin/vite.js"
       },
       "engines": {
-        "node": ">= 12.13.0"
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
       },
       "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      },
-      "peerDependencies": {
-        "webpack": "^4.37.0 || ^5.0.0"
-      },
-      "peerDependenciesMeta": {
-        "webpack": {
-          "optional": true
-        },
-        "webpack-cli": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-dev-server/node_modules/@types/retry": {
-      "version": "0.12.0",
-      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.0.tgz",
-      "integrity": "sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA=="
-    },
-    "node_modules/webpack-dev-server/node_modules/p-retry": {
-      "version": "4.6.2",
-      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-4.6.2.tgz",
-      "integrity": "sha512-312Id396EbJdvRONlngUx0NydfrIQ5lsYu0znKVUzVvArzEIt08V1qhtyESbGVd1FGX7UKtiFp5uwKZdM8wIuQ==",
-      "dependencies": {
-        "@types/retry": "0.12.0",
-        "retry": "^0.13.1"
+        "url": "https://github.com/vitejs/vite?sponsor=1"
       },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/webpack-dev-server/node_modules/ws": {
-      "version": "8.18.0",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
-      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
-      "engines": {
-        "node": ">=10.0.0"
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
       },
       "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
       },
       "peerDependenciesMeta": {
-        "bufferutil": {
+        "@types/node": {
           "optional": true
         },
-        "utf-8-validate": {
+        "jiti": {
           "optional": true
-        }
-      }
-    },
-    "node_modules/webpack-manifest-plugin": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/webpack-manifest-plugin/-/webpack-manifest-plugin-4.1.1.tgz",
-      "integrity": "sha512-YXUAwxtfKIJIKkhg03MKuiFAD72PlrqCiwdwO4VEXdRO5V0ORCNwaOwAZawPZalCbmH9kBDmXnNeQOw+BIEiow==",
-      "dependencies": {
-        "tapable": "^2.0.0",
-        "webpack-sources": "^2.2.0"
-      },
-      "engines": {
-        "node": ">=12.22.0"
-      },
-      "peerDependencies": {
-        "webpack": "^4.44.2 || ^5.47.0"
-      }
-    },
-    "node_modules/webpack-manifest-plugin/node_modules/webpack-sources": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-2.3.1.tgz",
-      "integrity": "sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==",
-      "dependencies": {
-        "source-list-map": "^2.0.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack-sources": {
-      "version": "3.2.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
-      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
-      "engines": {
-        "node": ">=10.13.0"
-      }
-    },
-    "node_modules/webpack/node_modules/ajv": {
-      "version": "6.12.6",
-      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
-      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
-      "dependencies": {
-        "fast-deep-equal": "^3.1.1",
-        "fast-json-stable-stringify": "^2.0.0",
-        "json-schema-traverse": "^0.4.1",
-        "uri-js": "^4.2.2"
-      },
-      "funding": {
-        "type": "github",
-        "url": "https://github.com/sponsors/epoberezkin"
-      }
-    },
-    "node_modules/webpack/node_modules/ajv-keywords": {
-      "version": "3.5.2",
-      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
-      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
-      "peerDependencies": {
-        "ajv": "^6.9.1"
-      }
-    },
-    "node_modules/webpack/node_modules/eslint-scope": {
-      "version": "5.1.1",
-      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
-      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
-      "dependencies": {
-        "esrecurse": "^4.3.0",
-        "estraverse": "^4.1.1"
-      },
-      "engines": {
-        "node": ">=8.0.0"
-      }
-    },
-    "node_modules/webpack/node_modules/estraverse": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
-      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
-    "node_modules/webpack/node_modules/json-schema-traverse": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
-      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
-    },
-    "node_modules/webpack/node_modules/schema-utils": {
-      "version": "3.3.0",
-      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
-      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
-      "dependencies": {
-        "@types/json-schema": "^7.0.8",
-        "ajv": "^6.12.5",
-        "ajv-keywords": "^3.5.2"
-      },
-      "engines": {
-        "node": ">= 10.13.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/webpack"
-      }
-    },
-    "node_modules/websocket-driver": {
-      "version": "0.7.4",
-      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
-      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
-      "dependencies": {
-        "http-parser-js": ">=0.5.1",
-        "safe-buffer": ">=5.1.0",
-        "websocket-extensions": ">=0.1.1"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
-    "node_modules/websocket-extensions": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
-      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
-      "engines": {
-        "node": ">=0.8.0"
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
       }
     },
-    "node_modules/whatwg-encoding": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz",
-      "integrity": "sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==",
+    "node_modules/vite-plugin-svgr": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/vite-plugin-svgr/-/vite-plugin-svgr-4.3.0.tgz",
+      "integrity": "sha512-Jy9qLB2/PyWklpYy0xk0UU3TlU0t2UMpJXZvf+hWII1lAmRHrOUKi11Uw8N3rxoNk7atZNYO3pR3vI1f7oi+6w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "iconv-lite": "0.6.3"
+        "@rollup/pluginutils": "^5.1.3",
+        "@svgr/core": "^8.1.0",
+        "@svgr/plugin-jsx": "^8.1.0"
       },
-      "engines": {
-        "node": ">=18"
+      "peerDependencies": {
+        "vite": ">=2.6.0"
       }
     },
-    "node_modules/whatwg-fetch": {
-      "version": "3.6.20",
-      "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-3.6.20.tgz",
-      "integrity": "sha512-EqhiFU6daOA8kpjOWTL0olhVOF3i7OrFzSYiGsEMB8GcXS+RrzauAERX65xMeNWVqxA6HXH2m69Z9LaKKdisfg=="
-    },
-    "node_modules/whatwg-mimetype": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz",
-      "integrity": "sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==",
-      "dev": true,
-      "engines": {
-        "node": ">=18"
-      }
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
     },
-    "node_modules/whatwg-url": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-8.7.0.tgz",
-      "integrity": "sha512-gAojqb/m9Q8a5IV96E3fHJM70AzCkgt4uXYX2O7EmuyOnLrViCQlsEBmF9UQIu3/aeAIp2U17rtbpZWNntQqdg==",
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "license": "MIT",
       "dependencies": {
-        "lodash": "^4.7.0",
-        "tr46": "^2.1.0",
-        "webidl-conversions": "^6.1.0"
-      },
-      "engines": {
-        "node": ">=10"
+        "loose-envify": "^1.0.0"
       }
     },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -28949,6 +10763,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
       "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "license": "MIT",
       "dependencies": {
         "is-bigint": "^1.1.0",
         "is-boolean-object": "^1.2.1",
@@ -28963,36 +10778,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/which-builtin-type": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
-      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "function.prototype.name": "^1.1.6",
-        "has-tostringtag": "^1.0.2",
-        "is-async-function": "^2.0.0",
-        "is-date-object": "^1.1.0",
-        "is-finalizationregistry": "^1.1.0",
-        "is-generator-function": "^1.0.10",
-        "is-regex": "^1.2.1",
-        "is-weakref": "^1.0.2",
-        "isarray": "^2.0.5",
-        "which-boxed-primitive": "^1.1.0",
-        "which-collection": "^1.0.2",
-        "which-typed-array": "^1.1.16"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/which-collection": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
       "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "license": "MIT",
       "dependencies": {
         "is-map": "^2.0.3",
         "is-set": "^2.0.3",
@@ -29006,25 +10796,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/which-module": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.1.tgz",
-      "integrity": "sha512-iBdZ57RDvnOR9AGBhML2vFZf7h8vmBjhoaZqODJBFWHVtKkDmKuHai3cx5PgVMrX5YDNp27AofYbAwctSS+vhQ==",
-      "dev": true
-    },
-    "node_modules/which-pm-runs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/which-pm-runs/-/which-pm-runs-1.1.0.tgz",
-      "integrity": "sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==",
-      "dev": true,
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/which-typed-array": {
       "version": "1.1.18",
       "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.18.tgz",
       "integrity": "sha512-qEcY+KJYlWyLH9vNbsr6/5j59AXk5ni5aakf8ldzBvGde6Iz4sxZGkJyWSAueTG7QhOvNRYb1lDdFmL5Td0QKA==",
+      "license": "MIT",
       "dependencies": {
         "available-typed-arrays": "^1.0.7",
         "call-bind": "^1.0.8",
@@ -29043,487 +10819,53 @@
     "node_modules/wildcard": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-1.1.2.tgz",
-      "integrity": "sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng=="
+      "integrity": "sha512-DXukZJxpHA8LuotRwL0pP1+rS6CS7FF2qStDDE1C7DDg2rLud2PXRMuEDYIPhgEezwnlHNL4c+N6MfMTjCGTng==",
+      "license": "MIT"
     },
     "node_modules/word-wrap": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
-    "node_modules/wordwrap": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
-      "integrity": "sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==",
-      "dev": true
-    },
-    "node_modules/workbox-background-sync": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-background-sync/-/workbox-background-sync-6.6.0.tgz",
-      "integrity": "sha512-jkf4ZdgOJxC9u2vztxLuPT/UjlH7m/nWRQ/MgGL0v8BJHoZdVGJd18Kck+a0e55wGXdqyHO+4IQTk0685g4MUw==",
-      "dependencies": {
-        "idb": "^7.0.1",
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/workbox-broadcast-update": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-broadcast-update/-/workbox-broadcast-update-6.6.0.tgz",
-      "integrity": "sha512-nm+v6QmrIFaB/yokJmQ/93qIJ7n72NICxIwQwe5xsZiV2aI93MGGyEyzOzDPVz5THEr5rC3FJSsO3346cId64Q==",
-      "dependencies": {
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/workbox-build": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-build/-/workbox-build-6.6.0.tgz",
-      "integrity": "sha512-Tjf+gBwOTuGyZwMz2Nk/B13Fuyeo0Q84W++bebbVsfr9iLkDSo6j6PST8tET9HYA58mlRXwlMGpyWO8ETJiXdQ==",
-      "dependencies": {
-        "@apideck/better-ajv-errors": "^0.3.1",
-        "@babel/core": "^7.11.1",
-        "@babel/preset-env": "^7.11.0",
-        "@babel/runtime": "^7.11.2",
-        "@rollup/plugin-babel": "^5.2.0",
-        "@rollup/plugin-node-resolve": "^11.2.1",
-        "@rollup/plugin-replace": "^2.4.1",
-        "@surma/rollup-plugin-off-main-thread": "^2.2.3",
-        "ajv": "^8.6.0",
-        "common-tags": "^1.8.0",
-        "fast-json-stable-stringify": "^2.1.0",
-        "fs-extra": "^9.0.1",
-        "glob": "^7.1.6",
-        "lodash": "^4.17.20",
-        "pretty-bytes": "^5.3.0",
-        "rollup": "^2.43.1",
-        "rollup-plugin-terser": "^7.0.0",
-        "source-map": "^0.8.0-beta.0",
-        "stringify-object": "^3.3.0",
-        "strip-comments": "^2.0.1",
-        "tempy": "^0.6.0",
-        "upath": "^1.2.0",
-        "workbox-background-sync": "6.6.0",
-        "workbox-broadcast-update": "6.6.0",
-        "workbox-cacheable-response": "6.6.0",
-        "workbox-core": "6.6.0",
-        "workbox-expiration": "6.6.0",
-        "workbox-google-analytics": "6.6.0",
-        "workbox-navigation-preload": "6.6.0",
-        "workbox-precaching": "6.6.0",
-        "workbox-range-requests": "6.6.0",
-        "workbox-recipes": "6.6.0",
-        "workbox-routing": "6.6.0",
-        "workbox-strategies": "6.6.0",
-        "workbox-streams": "6.6.0",
-        "workbox-sw": "6.6.0",
-        "workbox-window": "6.6.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      }
-    },
-    "node_modules/workbox-build/node_modules/fs-extra": {
-      "version": "9.1.0",
-      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
-      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
-      "dependencies": {
-        "at-least-node": "^1.0.0",
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/workbox-build/node_modules/jsonfile": {
-      "version": "6.1.0",
-      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/workbox-build/node_modules/source-map": {
-      "version": "0.8.0-beta.0",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.8.0-beta.0.tgz",
-      "integrity": "sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==",
-      "dependencies": {
-        "whatwg-url": "^7.0.0"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/workbox-build/node_modules/tempy": {
-      "version": "0.6.0",
-      "resolved": "https://registry.npmjs.org/tempy/-/tempy-0.6.0.tgz",
-      "integrity": "sha512-G13vtMYPT/J8A4X2SjdtBTphZlrp1gKv6hZiOjw14RCWg6GbHuQBGtjlx75xLbYV/wEc0D7G5K4rxKP/cXk8Bw==",
-      "dependencies": {
-        "is-stream": "^2.0.0",
-        "temp-dir": "^2.0.0",
-        "type-fest": "^0.16.0",
-        "unique-string": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/workbox-build/node_modules/tr46": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz",
-      "integrity": "sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==",
-      "dependencies": {
-        "punycode": "^2.1.0"
-      }
-    },
-    "node_modules/workbox-build/node_modules/type-fest": {
-      "version": "0.16.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.16.0.tgz",
-      "integrity": "sha512-eaBzG6MxNzEn9kiwvtre90cXaNLkmadMWa1zQMs3XORCXNbsH/OewwbxC5ia9dCxIxnTAsSxXJaa/p5y8DlvJg==",
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/workbox-build/node_modules/universalify": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
-      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
-    "node_modules/workbox-build/node_modules/webidl-conversions": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz",
-      "integrity": "sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg=="
-    },
-    "node_modules/workbox-build/node_modules/whatwg-url": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-7.1.0.tgz",
-      "integrity": "sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==",
-      "dependencies": {
-        "lodash.sortby": "^4.7.0",
-        "tr46": "^1.0.1",
-        "webidl-conversions": "^4.0.2"
-      }
-    },
-    "node_modules/workbox-cacheable-response": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-cacheable-response/-/workbox-cacheable-response-6.6.0.tgz",
-      "integrity": "sha512-JfhJUSQDwsF1Xv3EV1vWzSsCOZn4mQ38bWEBR3LdvOxSPgB65gAM6cS2CX8rkkKHRgiLrN7Wxoyu+TuH67kHrw==",
-      "deprecated": "workbox-background-sync@6.6.0",
-      "dependencies": {
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/workbox-core": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-core/-/workbox-core-6.6.0.tgz",
-      "integrity": "sha512-GDtFRF7Yg3DD859PMbPAYPeJyg5gJYXuBQAC+wyrWuuXgpfoOrIQIvFRZnQ7+czTIQjIr1DhLEGFzZanAT/3bQ=="
-    },
-    "node_modules/workbox-expiration": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-expiration/-/workbox-expiration-6.6.0.tgz",
-      "integrity": "sha512-baplYXcDHbe8vAo7GYvyAmlS4f6998Jff513L4XvlzAOxcl8F620O91guoJ5EOf5qeXG4cGdNZHkkVAPouFCpw==",
-      "dependencies": {
-        "idb": "^7.0.1",
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/workbox-google-analytics": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-google-analytics/-/workbox-google-analytics-6.6.0.tgz",
-      "integrity": "sha512-p4DJa6OldXWd6M9zRl0H6vB9lkrmqYFkRQ2xEiNdBFp9U0LhsGO7hsBscVEyH9H2/3eZZt8c97NB2FD9U2NJ+Q==",
-      "deprecated": "It is not compatible with newer versions of GA starting with v4, as long as you are using GAv3 it should be ok, but the package is not longer being maintained",
-      "dependencies": {
-        "workbox-background-sync": "6.6.0",
-        "workbox-core": "6.6.0",
-        "workbox-routing": "6.6.0",
-        "workbox-strategies": "6.6.0"
-      }
-    },
-    "node_modules/workbox-navigation-preload": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-navigation-preload/-/workbox-navigation-preload-6.6.0.tgz",
-      "integrity": "sha512-utNEWG+uOfXdaZmvhshrh7KzhDu/1iMHyQOV6Aqup8Mm78D286ugu5k9MFD9SzBT5TcwgwSORVvInaXWbvKz9Q==",
-      "dependencies": {
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/workbox-precaching": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-precaching/-/workbox-precaching-6.6.0.tgz",
-      "integrity": "sha512-eYu/7MqtRZN1IDttl/UQcSZFkHP7dnvr/X3Vn6Iw6OsPMruQHiVjjomDFCNtd8k2RdjLs0xiz9nq+t3YVBcWPw==",
-      "dependencies": {
-        "workbox-core": "6.6.0",
-        "workbox-routing": "6.6.0",
-        "workbox-strategies": "6.6.0"
-      }
-    },
-    "node_modules/workbox-range-requests": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-range-requests/-/workbox-range-requests-6.6.0.tgz",
-      "integrity": "sha512-V3aICz5fLGq5DpSYEU8LxeXvsT//mRWzKrfBOIxzIdQnV/Wj7R+LyJVTczi4CQ4NwKhAaBVaSujI1cEjXW+hTw==",
-      "dependencies": {
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/workbox-recipes": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-recipes/-/workbox-recipes-6.6.0.tgz",
-      "integrity": "sha512-TFi3kTgYw73t5tg73yPVqQC8QQjxJSeqjXRO4ouE/CeypmP2O/xqmB/ZFBBQazLTPxILUQ0b8aeh0IuxVn9a6A==",
-      "dependencies": {
-        "workbox-cacheable-response": "6.6.0",
-        "workbox-core": "6.6.0",
-        "workbox-expiration": "6.6.0",
-        "workbox-precaching": "6.6.0",
-        "workbox-routing": "6.6.0",
-        "workbox-strategies": "6.6.0"
-      }
-    },
-    "node_modules/workbox-routing": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-routing/-/workbox-routing-6.6.0.tgz",
-      "integrity": "sha512-x8gdN7VDBiLC03izAZRfU+WKUXJnbqt6PG9Uh0XuPRzJPpZGLKce/FkOX95dWHRpOHWLEq8RXzjW0O+POSkKvw==",
-      "dependencies": {
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/workbox-strategies": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-strategies/-/workbox-strategies-6.6.0.tgz",
-      "integrity": "sha512-eC07XGuINAKUWDnZeIPdRdVja4JQtTuc35TZ8SwMb1ztjp7Ddq2CJ4yqLvWzFWGlYI7CG/YGqaETntTxBGdKgQ==",
-      "dependencies": {
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/workbox-streams": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-streams/-/workbox-streams-6.6.0.tgz",
-      "integrity": "sha512-rfMJLVvwuED09CnH1RnIep7L9+mj4ufkTyDPVaXPKlhi9+0czCu+SJggWCIFbPpJaAZmp2iyVGLqS3RUmY3fxg==",
-      "dependencies": {
-        "workbox-core": "6.6.0",
-        "workbox-routing": "6.6.0"
-      }
-    },
-    "node_modules/workbox-sw": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-sw/-/workbox-sw-6.6.0.tgz",
-      "integrity": "sha512-R2IkwDokbtHUE4Kus8pKO5+VkPHD2oqTgl+XJwh4zbF1HyjAbgNmK/FneZHVU7p03XUt9ICfuGDYISWG9qV/CQ=="
-    },
-    "node_modules/workbox-webpack-plugin": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-webpack-plugin/-/workbox-webpack-plugin-6.6.0.tgz",
-      "integrity": "sha512-xNZIZHalboZU66Wa7x1YkjIqEy1gTR+zPM+kjrYJzqN7iurYZBctBLISyScjhkJKYuRrZUP0iqViZTh8rS0+3A==",
-      "dependencies": {
-        "fast-json-stable-stringify": "^2.1.0",
-        "pretty-bytes": "^5.4.1",
-        "upath": "^1.2.0",
-        "webpack-sources": "^1.4.3",
-        "workbox-build": "6.6.0"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "webpack": "^4.4.0 || ^5.9.0"
-      }
-    },
-    "node_modules/workbox-webpack-plugin/node_modules/webpack-sources": {
-      "version": "1.4.3",
-      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-1.4.3.tgz",
-      "integrity": "sha512-lgTS3Xhv1lCOKo7SA5TjKXMjpSM4sBjNV5+q2bqesbSPs5FjGmU6jjtBSkX9b4qW87vDIsCIlUPOEhbZrMdjeQ==",
-      "dependencies": {
-        "source-list-map": "^2.0.0",
-        "source-map": "~0.6.1"
-      }
-    },
-    "node_modules/workbox-window": {
-      "version": "6.6.0",
-      "resolved": "https://registry.npmjs.org/workbox-window/-/workbox-window-6.6.0.tgz",
-      "integrity": "sha512-L4N9+vka17d16geaJXXRjENLFldvkWy7JyGxElRD0JvBxvFEd8LOhr+uXCcar/NzAmIBRv9EZ+M+Qr4mOoBITw==",
-      "dependencies": {
-        "@types/trusted-types": "^2.0.2",
-        "workbox-core": "6.6.0"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
-    },
-    "node_modules/write-file-atomic": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz",
-      "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==",
-      "dependencies": {
-        "imurmurhash": "^0.1.4",
-        "is-typedarray": "^1.0.0",
-        "signal-exit": "^3.0.2",
-        "typedarray-to-buffer": "^3.1.5"
-      }
-    },
-    "node_modules/ws": {
-      "version": "7.5.10",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz",
-      "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==",
-      "engines": {
-        "node": ">=8.3.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": "^5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/xml": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/xml/-/xml-1.0.1.tgz",
-      "integrity": "sha512-huCv9IH9Tcf95zuYCsQraZtWnJvBtLVE0QHMOs8bWyZAFZNDcYjsPq1nEx8jKA9y+Beo9v+7OBPRisQTjinQMw=="
-    },
-    "node_modules/xml-name-validator": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-3.0.0.tgz",
-      "integrity": "sha512-A5CUptxDsvxKJEU3yO6DuWBSJz/qizqzJKOMIfUJHETbBw/sFaDxgd6fxm1ewUaM0jZ444Fc5vC5ROYurg/4Pw=="
-    },
-    "node_modules/xmlchars": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
-      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
-    },
-    "node_modules/xtend": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.4"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
-      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
-      "dev": true
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
     },
     "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
-    },
-    "node_modules/yaml": {
-      "version": "1.10.2",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "15.4.1",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
-      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
-      "dev": true,
-      "dependencies": {
-        "cliui": "^6.0.0",
-        "decamelize": "^1.2.0",
-        "find-up": "^4.1.0",
-        "get-caller-file": "^2.0.1",
-        "require-directory": "^2.1.1",
-        "require-main-filename": "^2.0.0",
-        "set-blocking": "^2.0.0",
-        "string-width": "^4.2.0",
-        "which-module": "^2.0.0",
-        "y18n": "^4.0.0",
-        "yargs-parser": "^18.1.2"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "20.2.9",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
-      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yargs/node_modules/yargs-parser": {
-      "version": "18.1.3",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
-      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
       "dev": true,
-      "dependencies": {
-        "camelcase": "^5.0.0",
-        "decamelize": "^1.2.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
+      "license": "ISC"
     },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zod": {
+      "version": "3.24.2",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.24.2.tgz",
+      "integrity": "sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
     }
   }
 }
diff --git a/studio/package.json b/studio/package.json
index 7e2bfc2af..ba4d59681 100644
--- a/studio/package.json
+++ b/studio/package.json
@@ -1,130 +1,99 @@
 {
-  "name": "gateway",
-  "version": "0.3.0",
-  "description": "UI for dega-admin",
+  "name": "studio-shadcn",
   "private": true,
-  "license": "MIT",
-  "cacheDirectories": [
-    "node_modules"
-  ],
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
   "dependencies": {
-    "@ant-design/icons": "^4.2.1",
-    "@ant-design/pro-layout": "^7.2.6",
-    "@editorjs/editorjs": "^2.18.0",
-    "@editorjs/header": "^2.5.0",
-    "@editorjs/list": "^1.5.0",
-    "@editorjs/paragraph": "^2.7.0",
-    "@editorjs/quote": "^2.3.0",
-    "@editorjs/raw": "^2.1.2",
-    "@editorjs/table": "^1.2.2",
-    "@factly/scooter-claim": "^0.0.45",
-    "@factly/scooter-code-block": "^0.0.45",
-    "@factly/scooter-core": "^0.0.45",
-    "@factly/scooter-embed": "^0.0.45",
-    "@factly/scooter-table": "^0.0.45",
-    "@monaco-editor/react": "4.4.6",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
-    "@uppy/google-drive": "^3.5.0",
-    "@uppy/image-editor": "^2.4.0",
-    "ajv": "^8.17.1",
-    "antd": "^5.0.4",
-    "axios": "^0.21.1",
-    "dayjs": "^1.11.6",
-    "deep-equal": "^2.0.3",
-    "dotenv": "^16.4.5",
-    "jest-sonar-reporter": "^2.0.0",
-    "monaco-editor": "^0.25.2",
-    "playwright": "^1.44.1",
+    "@factly/scooter-claim": "^0.0.48",
+    "@factly/scooter-code-block": "^0.0.48",
+    "@factly/scooter-core": "^0.0.48",
+    "@factly/scooter-embed": "^0.0.48",
+    "@factly/scooter-table": "^0.0.48",
+    "@hookform/resolvers": "^4.1.0",
+    "@monaco-editor/react": "^4.7.0",
+    "@radix-ui/react-accordion": "^1.2.3",
+    "@radix-ui/react-alert-dialog": "^1.1.6",
+    "@radix-ui/react-avatar": "^1.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-label": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-radio-group": "^1.2.3",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-separator": "^1.1.2",
+    "@radix-ui/react-slot": "^1.1.2",
+    "@radix-ui/react-switch": "^1.1.3",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@redux-devtools/extension": "^3.3.0",
+    "@reduxjs/toolkit": "^2.5.1",
+    "@tailwindcss/vite": "^4.0.17",
+    "@uppy/aws-s3": "^4.2.3",
+    "@uppy/core": "^4.4.2",
+    "@uppy/dashboard": "^4.3.2",
+    "@uppy/drag-drop": "^4.1.1",
+    "@uppy/file-input": "^4.1.1",
+    "@uppy/google-drive": "^4.3.1",
+    "@uppy/image-editor": "^3.3.1",
+    "@uppy/progress-bar": "^4.2.1",
+    "@uppy/react": "^4.2.1",
+    "@uppy/url": "^4.2.2",
+    "axios": "^1.7.9",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.0.0",
+    "date-fns": "^4.1.0",
+    "dayjs": "^1.11.13",
+    "deep-equal": "^2.2.3",
+    "deps": "^1.0.0",
+    "lucide-react": "^0.475.0",
+    "next-themes": "^0.4.6",
     "qrcode.react": "^4.2.0",
-    "react": "^18.2.0",
+    "react": "^19.0.0",
     "react-color": "^2.19.3",
-    "react-dom": "^18.2.0",
+    "react-day-picker": "^8.10.1",
+    "react-dayjs": "^0.3.2",
+    "react-dom": "^19.0.0",
     "react-helmet": "^6.1.0",
-    "react-redux": "^7.2.0",
-    "react-router-dom": "^6.9.0",
-    "react-scripts": "^5.0.1",
-    "redux": "^4.0.5",
-    "redux-devtools-extension": "^2.13.8",
-    "redux-thunk": "^2.3.0"
-  },
-  "engines": {
-    "node": ">=18"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "prepare-commit-msg": "exec < /dev/tty && git cz --hook || true"
-    }
-  },
-  "lint-staged": {
-    "**/*.{js,jsx,yml,yaml,json,css,scss,md}": [
-      "npm run format",
-      "git add"
-    ]
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
-    "test:watch": "npm test -- --watch",
-    "test:coverage": "npm test -- --coverage",
-    "eject": "react-scripts eject",
-    "format:check": "prettier --check \"**/*.{js,jsx,yml,yaml,json,css,scss,md}\"",
-    "format": "prettier --write \"**/*.{js,jsx,yml,yaml,json,css,scss,md}\""
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
+    "react-hook-form": "^7.54.2",
+    "react-redux": "^9.2.0",
+    "react-router-dom": "^7.1.5",
+    "redux": "^5.0.1",
+    "reselect": "^5.1.1",
+    "sonner": "^2.0.3",
+    "tailwind-merge": "^3.0.1",
+    "tailwindcss": "^4.0.17",
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2",
+    "zod": "^3.24.2"
   },
   "devDependencies": {
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@commitlint/cli": "^9.1.1",
-    "@commitlint/config-conventional": "^9.1.1",
-    "@editorjs/code": "^2.6.0",
-    "@editorjs/delimiter": "^1.2.0",
-    "@editorjs/inline-code": "^1.3.1",
-    "@editorjs/marker": "^1.2.2",
-    "@playwright/test": "^1.44.1",
-    "cz-conventional-changelog": "^3.3.0",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
-    "enzyme-to-json": "^3.5.0",
-    "eslint": "^8.46.0",
-    "husky": "^4.2.5",
-    "lint-staged": "^10.2.11",
-    "prettier": "2.0.5",
-    "react-test-renderer": "^16.13.1",
-    "redux-mock-store": "^1.5.4",
-    "semantic-release": "^17.1.1"
-  },
-  "jest": {
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.js",
-      "!src/index.js"
-    ]
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
+    "@eslint/js": "^9.19.0",
+    "@types/deep-equal": "^1.0.4",
+    "@types/node": "^22.13.4",
+    "@types/qrcode.react": "^1.0.5",
+    "@types/react": "^19.0.10",
+    "@types/react-color": "^3.0.13",
+    "@types/react-dom": "^19.0.3",
+    "@types/react-helmet": "^6.1.11",
+    "@types/tailwindcss": "^3.0.11",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.19.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "globals": "^15.14.0",
+    "typescript": "~5.7.2",
+    "typescript-eslint": "^8.22.0",
+    "vite": "^6.1.0",
+    "vite-plugin-svgr": "^4.3.0"
   }
 }
diff --git a/studio/public/config.js b/studio/public/config.js
deleted file mode 100644
index a93608866..000000000
--- a/studio/public/config.js
+++ /dev/null
@@ -1,16 +0,0 @@
-window.REACT_APP_KRATOS_PUBLIC_URL = 'http://127.0.0.1:4455/.ory/kratos/public';
-window.REACT_APP_API_URL = 'http://127.0.0.1:7789';
-window.REACT_APP_COMPANION_URL = 'http://127.0.0.1:3020';
-window.PUBLIC_URL = 'http://localhost:3000';
-window.REACT_APP_SACH_API_URL = 'https://sach-server.factly.in';
-window.REACT_APP_IFRAMELY_URL = 'http://127.0.0.1:4455/.factly/dega/server/meta';
-window.REACT_APP_ENABLE_IMGPROXY = true;
-window.REACT_APP_ZITADEL_AUTHORITY = 'https://develop-xtjn2g.zitadel.cloud';
-window.REACT_APP_ZITADEL_CLIENT_ID = '268579887244192475@kavach';
-window.REACT_APP_ZITADEL_REDIRECT_URI = 'http://localhost:3000/redirect';
-window.REACT_APP_ZITADEL_POST_LOGOUT_REDIRECT_URI = 'http://localhost:3000';
-window.REACT_APP_ZITADEL_PROJECT_ID = '268579264306114801';
-window.REACT_APP_ZITADEL_PAT =
-  'RqnMpiB5WpmLV3VaP13-QAu31JF72LLo3yxM0RaNQbQX_pY8mG8SDKRovwyD0eATmDOycfc';
-window.REACT_APP_ZITADEL_IDP_ID = '282701719060623464';
-window.DEGA_PUBLIC_URL = 'http://localhost:7789';
diff --git a/studio/public/favicon.ico b/studio/public/favicon.ico
deleted file mode 100644
index 3006a3acb..000000000
Binary files a/studio/public/favicon.ico and /dev/null differ
diff --git a/studio/public/index.html b/studio/public/index.html
deleted file mode 100644
index 686cc04ff..000000000
--- a/studio/public/index.html
+++ /dev/null
@@ -1,42 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/dega.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta name="description" content="Web site created using create-react-app" />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/dega.png" />
-    <script src="%PUBLIC_URL%/config.js"></script>
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>Dega Studio</title>
-  </head>
-
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
-  </body>
-</html>
diff --git a/studio/public/logo192.png b/studio/public/logo192.png
deleted file mode 100644
index b0324c90f..000000000
Binary files a/studio/public/logo192.png and /dev/null differ
diff --git a/studio/public/logo512.png b/studio/public/logo512.png
deleted file mode 100644
index 52ce8036d..000000000
Binary files a/studio/public/logo512.png and /dev/null differ
diff --git a/studio/public/manifest.json b/studio/public/manifest.json
deleted file mode 100644
index 2591013e0..000000000
--- a/studio/public/manifest.json
+++ /dev/null
@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "dega.png",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "dega.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "dega.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}
diff --git a/studio/public/robots.txt b/studio/public/robots.txt
deleted file mode 100644
index 9450c3efc..000000000
--- a/studio/public/robots.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:
-
diff --git a/studio/release.config.js b/studio/release.config.js
deleted file mode 100644
index 29f88e1b8..000000000
--- a/studio/release.config.js
+++ /dev/null
@@ -1,9 +0,0 @@
-module.exports = {
-  branches: 'master',
-  repositoryUrl: 'https://github.com/factly/dega-studio',
-  plugins: [
-    '@semantic-release/commit-analyzer',
-    '@semantic-release/release-notes-generator',
-    '@semantic-release/github',
-  ],
-};
diff --git a/studio/sonar-project.properties b/studio/sonar-project.properties
deleted file mode 100644
index fb3a8a6ac..000000000
--- a/studio/sonar-project.properties
+++ /dev/null
@@ -1,13 +0,0 @@
-sonar.organization=factly
-sonar.projectKey=factly_dega_studio
-sonar.projectName=factly_dega_studio
- 
-sonar.sources=src/
-sonar.exclusions=src/__tests__/**/*.js
- 
-sonar.tests=src/__tests__/
-sonar.test.inclusions=src/**/*.test.js
- 
-sonar.javascript.lcov.reportPaths=coverage/lcov.info
-
-sonar.sourceEncoding=UTF-8
diff --git a/studio/src/App.css b/studio/src/App.css
index 86d1e2810..813134ac8 100644
--- a/studio/src/App.css
+++ b/studio/src/App.css
@@ -1,16 +1,23 @@
-.ant-form {
-  max-width: 100%;
+body.modal-open::before {
+  content: "";
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(255, 255, 255, 0.3);
+  backdrop-filter: blur(2px);
+  -webkit-backdrop-filter: blur(2px);
+  z-index: 9000;
+  pointer-events: none;
 }
-
-.search-box-hide {
-  opacity: 0 !important;
-  width: 0 !important;
-  height: 0 !important;
-  transition: all 0s ease-in-out;
+body.modal-open .fixed {
+  position: relative;
+  z-index: auto !important;
 }
 
-.search-box-expand {
-  width: 100%;
-  height: auto;
-  transition: all 0.5s ease-in-out;
+body.modal-open .z-\[9999\] {
+  position: fixed;
+  z-index: 9999 !important;
 }
+
diff --git a/studio/src/App.js b/studio/src/App.js
deleted file mode 100644
index 997805eed..000000000
--- a/studio/src/App.js
+++ /dev/null
@@ -1,53 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect, useState } from 'react';
-import './App.css';
-import { createBrowserRouter, RouterProvider } from 'react-router-dom';
-import 'antd/dist/reset.css';
-import { extractV6RouteObject } from './config/routesConfig';
-import { useDispatch, useSelector } from 'react-redux';
-import { getFormats } from '../src/actions/formats';
-import deepEqual from 'deep-equal';
-
-function App() {
-  const [reloadFlag, setReloadFlag] = useState(false);
-  const dispatch = useDispatch();
-
-  const { formats, selected, session } = useSelector(({ formats, spaces, session }) => {
-    const node = formats.req.find((item) => {
-      return deepEqual(item.query, { space_id: spaces.selected });
-    });
-    if (node) {
-      const formatDetails = node.data.map((element) => formats.details[element]);
-      const article = formatDetails.find((format) => format.slug === 'article');
-      const factcheck = formatDetails.find((format) => format.slug === 'fact-check');
-      if (article || factcheck) {
-        const format = {
-          factcheck: factcheck,
-          article: article,
-          loading: formats.loading,
-        };
-        return { formats: format, selected: spaces.selected, session };
-      }
-    }
-    return { formats: { loading: formats.loading }, selected: spaces.selected, session };
-  });
-
-  useEffect(() => {
-    fetchFormats();
-  }, [dispatch, selected, reloadFlag]);
-
-  const fetchFormats = () => {
-    if (selected !== '') dispatch(getFormats({ space_id: selected }));
-  };
-
-  const router = createBrowserRouter(
-    extractV6RouteObject(formats, setReloadFlag, reloadFlag, session),
-  );
-  return (
-    <div className="App">
-      <RouterProvider router={router} />
-    </div>
-  );
-}
-
-export default App;
diff --git a/studio/src/App.tsx b/studio/src/App.tsx
new file mode 100644
index 000000000..9bf5abcd3
--- /dev/null
+++ b/studio/src/App.tsx
@@ -0,0 +1,140 @@
+import { createBrowserRouter, RouterProvider } from "react-router-dom";
+import "./App.css";
+import { Notifications } from "./components/Notifications/Notifications";
+import { useEffect, useState, useRef } from "react";
+import { useSelector } from "react-redux";
+import { getFormats } from "./actions/formats";
+import deepEqual from "deep-equal";
+import { useAppDispatch } from "./hooks/reduxHooks";
+import { RootState } from "./types";
+import { extractV6RouteObject } from "./config/routesConfig";
+
+function App() {
+  const [reloadFlag, setReloadFlag] = useState(false);
+  const dispatch = useAppDispatch();
+  const formatsFetchedRef = useRef(false);
+
+  // State to hold cached formats
+  const [cachedFormats, setCachedFormats] = useState<any>(null);
+
+  // Load cached formats from localStorage once on component mount
+  useEffect(() => {
+    try {
+      const savedFormats = localStorage.getItem("cachedFormats");
+      if (savedFormats) {
+        const parsedFormats = JSON.parse(savedFormats);
+        setCachedFormats(parsedFormats);
+      }
+    } catch (error) {
+      console.error("Error loading cached formats:", error);
+    }
+  }, []);
+
+  const { formats, selected, session } = useSelector((state: RootState) => {
+    const node = state.formats.req.find((item: any) => {
+      return deepEqual(item.query, { space_id: state.spaces.selected });
+    });
+
+    let formatsData = {
+      loading: state.formats.loading,
+      hasAttemptedFetch: state.formats.hasAttemptedFetch,
+    };
+
+    if (node) {
+      const formatDetails = node.data.map(
+        (element: string) => state.formats.details[element]
+      );
+      const article = formatDetails.find(
+        (format: any) => format.slug === "article"
+      );
+      const factcheck = formatDetails.find(
+        (format: any) => format.slug === "fact-check"
+      );
+
+      if (article || factcheck) {
+        formatsData = {
+          factcheck: factcheck,
+          article: article,
+          loading: state.formats.loading,
+          hasAttemptedFetch: state.formats.hasAttemptedFetch,
+        };
+
+        // Update localStorage with latest format data whenever we have valid formats
+        try {
+          localStorage.setItem("cachedFormats", JSON.stringify(formatsData));
+        } catch (error) {
+          console.error("Error saving cached formats:", error);
+        }
+      }
+    }
+
+    // If there's no format data in Redux, but we have cached data, use that
+    if (!formatsData.article && !formatsData.factcheck && cachedFormats) {
+      if (cachedFormats.article || cachedFormats.factcheck) {
+        return {
+          formats: {
+            ...formatsData,
+            article: cachedFormats.article || null,
+            factcheck: cachedFormats.factcheck || null,
+          },
+          selected: state.spaces.selected,
+          session: state.session,
+        };
+      }
+    }
+
+    return {
+      formats: formatsData,
+      selected: state.spaces.selected,
+      session: state.session,
+    };
+  });
+
+  // Effect to fetch formats when selected space changes
+  useEffect(() => {
+    if (selected !== "") {
+      fetchFormats();
+    }
+  }, [dispatch, selected, reloadFlag]);
+
+  // Add a safety timeout to prevent infinite loading
+  useEffect(() => {
+    // If formats are still loading after 5 seconds, force set reloadFlag to trigger a refetch
+    let timeoutId: number;
+
+    if (formats.loading && selected !== "") {
+      timeoutId = window.setTimeout(() => {
+        if (!formatsFetchedRef.current) {
+          console.log("Format loading timed out, triggering refetch");
+          setReloadFlag((prev) => !prev);
+        }
+      }, 5000);
+    }
+
+    return () => {
+      if (timeoutId) window.clearTimeout(timeoutId);
+    };
+  }, [formats.loading, selected]);
+
+  const fetchFormats = () => {
+    if (selected !== "") {
+      formatsFetchedRef.current = true;
+      dispatch(getFormats({ space_id: selected }));
+    }
+  };
+
+  // Extract routes using our function and pass necessary props
+  const routeObjects = extractV6RouteObject(formats, setReloadFlag, reloadFlag);
+
+  // Create the router with these route objects
+  const router = createBrowserRouter(routeObjects);
+
+  return (
+    <>
+      <RouterProvider router={router} />
+      <Notifications />
+    </>
+  );
+}
+
+export default App;
diff --git a/studio/src/__tests__/actions/authors.js b/studio/src/__tests__/actions/authors.js
deleted file mode 100644
index d2411cb02..000000000
--- a/studio/src/__tests__/actions/authors.js
+++ /dev/null
@@ -1,143 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/authors';
-import * as types from '../../constants/authors';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-  total: 0,
-};
-
-describe('authors actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_AUTHORS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingAuthors()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_AUTHORS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopAuthorsLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add authors list', () => {
-    const data = [
-      { id: 1, author: 'tester t' },
-      { id: 2, author: 'testing 2' },
-    ];
-
-    const addAuthorsAction = {
-      type: types.ADD_AUTHORS,
-      payload: data,
-    };
-    expect(actions.addAuthorsList(data)).toEqual(addAuthorsAction);
-  });
-  it('should create an action to add authors', () => {
-    const data = [
-      { id: 1, author: 'tester t' },
-      { id: 2, author: 'testing 2' },
-    ];
-
-    const expectedActions = [
-      {
-        type: types.ADD_AUTHORS,
-        payload: data,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addAuthors(data));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create an action to add authors request', () => {
-    const data = [{ query: 'query' }];
-    const addAuthorsRequestAction = {
-      type: types.ADD_AUTHORS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addAuthorsRequest(data)).toEqual(addAuthorsRequestAction);
-  });
-  it('should create actions to fetch authors success', () => {
-    const query = { page: 1, limit: 5 };
-    const authors = [{ id: 1, name: 'Author' }];
-    const resp = { data: { nodes: authors, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_AUTHORS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_AUTHORS,
-        payload: authors,
-      },
-      {
-        type: types.ADD_AUTHORS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_AUTHORS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getAuthors(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.AUTHORS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch authors failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_AUTHORS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_AUTHORS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getAuthors(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.AUTHORS_API, {
-      params: query,
-    });
-  });
-});
diff --git a/studio/src/__tests__/actions/categories.js b/studio/src/__tests__/actions/categories.js
deleted file mode 100644
index 3fdd9755b..000000000
--- a/studio/src/__tests__/actions/categories.js
+++ /dev/null
@@ -1,593 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/categories';
-import * as types from '../../constants/categories';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-import { ADD_MEDIA } from '../../constants/media';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-  total: 0,
-};
-
-describe('categories actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_CATEGORIES_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingCategories()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_CATEGORIES_LOADING,
-      payload: false,
-    };
-    expect(actions.stopCategoriesLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add categories list', () => {
-    const data = [
-      { id: 1, name: 'tester 1' },
-      { id: 2, name: 'testing 2' },
-    ];
-
-    const addCategoriesAction = {
-      type: types.ADD_CATEGORIES,
-      payload: data,
-    };
-    expect(actions.addCategoriesList(data)).toEqual(addCategoriesAction);
-  });
-  it('should create an action to add categories request', () => {
-    const data = [{ query: 'query' }];
-    const addCategoriesRequestAction = {
-      type: types.ADD_CATEGORIES_REQUEST,
-      payload: data,
-    };
-    expect(actions.addCategoriesRequest(data)).toEqual(addCategoriesRequestAction);
-  });
-  it('should create an action to reset categories', () => {
-    const resetCategoriesRequestAction = {
-      type: types.RESET_CATEGORIES,
-    };
-    expect(actions.resetCategories()).toEqual(resetCategoriesRequestAction);
-  });
-  it('should create actions to fetch categories success', () => {
-    const query = { page: 1, limit: 5 };
-    const categories = [{ id: 1, name: 'Category' }];
-    const resp = { data: { nodes: categories, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_CATEGORIES,
-        payload: [{ id: 1, name: 'Category', medium: undefined }],
-      },
-      {
-        type: types.ADD_CATEGORIES_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getCategories(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CATEGORIES_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch categories success and not set loading', () => {
-    const query = { page: 1, limit: 5 };
-    const categories = [{ id: 1, name: 'Category' }];
-    const resp = { data: { nodes: categories, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_CATEGORIES,
-        payload: [{ id: 1, name: 'Category', medium: undefined }],
-      },
-      {
-        type: types.ADD_CATEGORIES_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getCategories(query, false))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CATEGORIES_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch categories success with media', () => {
-    const query = { page: 1, limit: 5 };
-    const medium = { id: 3, medium: 'Medium' };
-    const categories = [{ id: 1, name: 'Category', medium }];
-    const resp = { data: { nodes: categories, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.ADD_CATEGORIES,
-        payload: [{ id: 1, name: 'Category', medium: 3 }],
-      },
-      {
-        type: types.ADD_CATEGORIES_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getCategories(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CATEGORIES_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch categories failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getCategories(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CATEGORIES_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get category by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getCategory(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CATEGORIES_API + '/' + id);
-  });
-  it('should not create actions for fetching categories when spaceID is 0 ', () => {
-    const query = { page: 1, limit: 5 };
-    const expectedActions = [];
-    const store = mockStore({ ...initialState, spaces: { selected: 0 } });
-    store.dispatch(actions.getCategories(query));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to get category by id success', () => {
-    const id = 1;
-    const category = { id, name: 'Category' };
-    const resp = { data: category };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_CATEGORY,
-        payload: { id, name: 'Category', medium: undefined },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getCategory(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CATEGORIES_API + '/' + id);
-  });
-  it('should create actions to get category by id where category has medium', () => {
-    const id = 1;
-    const medium = { id: 1, medium: 'Medium' };
-    const category = { id, name: 'Category', medium };
-    const resp = { data: category };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.GET_CATEGORY,
-        payload: { id, name: 'Category', medium: 1 },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getCategory(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CATEGORIES_API + '/' + id);
-  });
-  it('should create actions to create category success', () => {
-    const category = { name: 'Category' };
-    const resp = { data: category };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_CATEGORIES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Category created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createCategory(category))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.CATEGORIES_API, category);
-  });
-  it('should create actions to create category failure', () => {
-    const category = { name: 'Category' };
-    const errorMessage = 'Failed to create category';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createCategory(category))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.CATEGORIES_API, category);
-  });
-  it('should create actions to update category without medium success', () => {
-    const category = { id: 1, name: 'Category' };
-    const resp = { data: category };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_CATEGORY,
-        payload: { id: 1, name: 'Category', medium: undefined },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Category updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateCategory(category))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.CATEGORIES_API + '/1', category);
-  });
-  it('should create actions to update category with medium success', () => {
-    const medium = { id: 4, name: 'mediumm' };
-    const category = { id: 1, name: 'Category', medium: medium };
-    const resp = { data: category };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.UPDATE_CATEGORY,
-        payload: { id: 1, name: 'Category', medium: 4 },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Category updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateCategory(category))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.CATEGORIES_API + '/1', category);
-  });
-  it('should create actions to update category failure', () => {
-    const category = { id: 1, name: 'Category' };
-    const errorMessage = 'Failed to update category';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateCategory(category))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.CATEGORIES_API + '/1', category);
-  });
-  it('should create actions to delete category success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_CATEGORIES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Category deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteCategory(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.CATEGORIES_API + '/1');
-  });
-  it('should create actions to delete category failure', () => {
-    const errorMessage = 'Failed to delete category';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteCategory(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.CATEGORIES_API + '/1');
-  });
-  it('should create actions to add categories list with no medium in any of the categories', () => {
-    const categories = [
-      { id: 1, name: 'Category' },
-      { id: 2, name: 'Category' },
-    ];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_CATEGORIES,
-        payload: [
-          { id: 1, name: 'Category', medium: undefined },
-          { id: 2, name: 'Category', medium: undefined },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addCategories(categories));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add categories list', () => {
-    const medium = { id: 4, name: 'mediumm' };
-    const categories = [
-      { id: 1, name: 'Category' },
-      { id: 2, name: 'Category', medium: medium },
-    ];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.ADD_CATEGORIES,
-        payload: [
-          { id: 1, name: 'Category', medium: undefined },
-          { id: 2, name: 'Category', medium: 4 },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addCategories(categories));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add empty categories list', () => {
-    const categories = [];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_CATEGORIES,
-        payload: [],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addCategories(categories));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-});
diff --git a/studio/src/__tests__/actions/claimants.js b/studio/src/__tests__/actions/claimants.js
deleted file mode 100644
index 5da30d0df..000000000
--- a/studio/src/__tests__/actions/claimants.js
+++ /dev/null
@@ -1,609 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/claimants';
-import * as types from '../../constants/claimants';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-import { ADD_MEDIA } from '../../constants/media';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('claimants actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_CLAIMANTS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingClaimants()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_CLAIMANTS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopClaimantsLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add claimants list', () => {
-    const data = [
-      { id: 1, name: 'tester 1' },
-      { id: 2, name: 'testing 2' },
-    ];
-
-    const addClaimantsAction = {
-      type: types.ADD_CLAIMANTS,
-      payload: data,
-    };
-    expect(actions.addClaimantsList(data)).toEqual(addClaimantsAction);
-  });
-  it('should create an action to add claimants request', () => {
-    const data = [{ query: 'query' }];
-    const addClaimantsRequestAction = {
-      type: types.ADD_CLAIMANTS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addClaimantsRequest(data)).toEqual(addClaimantsRequestAction);
-  });
-  it('should create an action to reset claimants', () => {
-    const resetClaimantsRequestAction = {
-      type: types.RESET_CLAIMANTS,
-    };
-    expect(actions.resetClaimants()).toEqual(resetClaimantsRequestAction);
-  });
-  it('should create actions to fetch claimants success without media', () => {
-    const query = { page: 1, limit: 5 };
-    const claimants = [{ id: 1, name: 'Claimant' }];
-    const resp = { data: { nodes: claimants, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_CLAIMANTS,
-        payload: [{ id: 1, name: 'Claimant', medium: undefined }],
-      },
-      {
-        type: types.ADD_CLAIMANTS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaimants(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMANTS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch claimants success not all with media', () => {
-    const query = { page: 1, limit: 5 };
-
-    const claimants = [
-      { id: 1, name: 'Claimant', medium: { id: 11, medium: 'Medium' } },
-      { id: 2, name: 'Claimant 2' },
-    ];
-    const resp = { data: { nodes: claimants, total: 2 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 11, medium: 'Medium' }],
-      },
-      {
-        type: types.ADD_CLAIMANTS,
-        payload: [
-          { id: 1, name: 'Claimant', medium: 11 },
-          { id: 2, name: 'Claimant 2', medium: undefined },
-        ],
-      },
-      {
-        type: types.ADD_CLAIMANTS_REQUEST,
-        payload: {
-          data: [1, 2],
-          query: query,
-          total: 2,
-        },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaimants(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMANTS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch claimants success all with media', () => {
-    const query = { page: 1, limit: 5 };
-
-    const claimants = [
-      { id: 1, name: 'Claimant', medium: { id: 11, medium: 'Medium' } },
-      { id: 2, name: 'Claimant 2', medium: { id: 21, medium: 'Medium 2' } },
-    ];
-    const resp = { data: { nodes: claimants, total: 2 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [
-          { id: 11, medium: 'Medium' },
-          { id: 21, medium: 'Medium 2' },
-        ],
-      },
-      {
-        type: types.ADD_CLAIMANTS,
-        payload: [
-          { id: 1, name: 'Claimant', medium: 11 },
-          { id: 2, name: 'Claimant 2', medium: 21 },
-        ],
-      },
-      {
-        type: types.ADD_CLAIMANTS_REQUEST,
-        payload: {
-          data: [1, 2],
-          query: query,
-          total: 2,
-        },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaimants(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMANTS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch claimants failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaimants(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMANTS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get claimant by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaimant(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMANTS_API + '/' + id);
-  });
-  it('should create actions to get claimant by id success', () => {
-    const id = 1;
-    const claimant = { id, name: 'Claimant' };
-    const resp = { data: claimant };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_CLAIMANT,
-        payload: { id, name: 'Claimant', medium: undefined },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaimant(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMANTS_API + '/' + id);
-  });
-  it('should create actions to get claimant by id where claimant has medium', () => {
-    const id = 1;
-    const medium = { id: 1, medium: 'Medium' };
-    const claimant = { id, name: 'Claimant', medium };
-    const resp = { data: claimant };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.GET_CLAIMANT,
-        payload: { id, name: 'Claimant', medium: 1 },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaimant(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMANTS_API + '/' + id);
-  });
-  it('should create actions to create claimant success', () => {
-    const claimant = { name: 'Claimant' };
-    const resp = { data: claimant };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_CLAIMANTS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Claimant created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createClaimant(claimant))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.CLAIMANTS_API, claimant);
-  });
-  it('should create actions to create claimant failure', () => {
-    const claimant = { name: 'Claimant' };
-    const errorMessage = 'Failed to create claimant';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createClaimant(claimant))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.CLAIMANTS_API, claimant);
-  });
-  it('should create actions to update claimant without medium success', () => {
-    const claimant = { id: 1, name: 'Claimant' };
-    const resp = { data: claimant };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_CLAIMANT,
-        payload: { id: 1, name: 'Claimant', medium: undefined },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Claimant updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateClaimant(claimant))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.CLAIMANTS_API + '/1', claimant);
-  });
-  it('should create actions to update claimant with medium success', () => {
-    const medium = { id: 4, name: 'medium' };
-    const claimant = { id: 1, name: 'Claimant', medium: medium };
-    const resp = { data: claimant };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.UPDATE_CLAIMANT,
-        payload: { id: 1, name: 'Claimant', medium: 4 },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Claimant updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateClaimant(claimant))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.CLAIMANTS_API + '/1', claimant);
-  });
-  it('should create actions to update claimant failure', () => {
-    const claimant = { id: 1, name: 'Claimant' };
-    const errorMessage = 'Failed to update claimant';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateClaimant(claimant))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.CLAIMANTS_API + '/1', claimant);
-  });
-  it('should create actions to delete claimant success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_CLAIMANTS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Claimant deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteClaimant(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.CLAIMANTS_API + '/1');
-  });
-  it('should create actions to delete claimant failure', () => {
-    const errorMessage = 'Failed to delete claimant';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteClaimant(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.CLAIMANTS_API + '/1');
-  });
-  it('should create actions to add claimants list', () => {
-    const medium = { id: 4, name: 'mediumm' };
-    const claimants = [
-      { id: 1, name: 'Claimant' },
-      { id: 2, name: 'Claimant', medium: medium },
-    ];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.ADD_CLAIMANTS,
-        payload: [
-          { id: 1, name: 'Claimant', medium: undefined },
-          { id: 2, name: 'Claimant', medium: 4 },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addClaimants(claimants));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add claimants list where no claimant has medium', () => {
-    const claimants = [
-      { id: 1, name: 'Claimant' },
-      { id: 2, name: 'Claimant' },
-    ];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_CLAIMANTS,
-        payload: [
-          { id: 1, name: 'Claimant', medium: undefined },
-          { id: 2, name: 'Claimant', medium: undefined },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addClaimants(claimants));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add empty claimants list', () => {
-    const claimants = [];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_CLAIMANTS,
-        payload: [],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addClaimants(claimants));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-});
diff --git a/studio/src/__tests__/actions/claims.js b/studio/src/__tests__/actions/claims.js
deleted file mode 100644
index b9df06972..000000000
--- a/studio/src/__tests__/actions/claims.js
+++ /dev/null
@@ -1,739 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/claims';
-import * as types from '../../constants/claims';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-import { ADD_MEDIA } from '../../constants/media';
-import { ADD_RATINGS } from '../../constants/ratings';
-import { ADD_CLAIMANTS } from '../../constants/claimants';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-const claim_without_id = {
-  name: 'Claim 1',
-  claimant: { id: 11, name: 'Claimant 1', medium: { id: 21, name: 'Medium-Claimant 1' } },
-  rating: { id: 100, name: 'Rating 1', medium: { id: 110, name: 'Medium-Rating 1' } },
-};
-const claim = {
-  id: 1,
-  ...claim_without_id,
-};
-const { claimant, rating, ...claim_without_claimant_and_rating } = claim;
-
-const claim2 = {
-  id: 2,
-  name: 'Claim 2',
-  claimant: { id: 12, name: 'Claimant 2', medium: { id: 22, name: 'Medium-Claimant 2' } },
-  rating: { id: 200, name: 'Rating 2', medium: { id: 220, name: 'Medium-Rating 2' } },
-};
-const { claimant: claimant2, rating: rating2, ...claim_without_claimant_and_rating2 } = claim2;
-
-const claim3 = {
-  id: 3,
-  name: 'New Claim',
-  claimant: { id: 13, name: 'Claimant 3', medium: { id: 23, name: 'Medium-Claimant 3' } },
-  rating: { id: 300, name: 'Rating 3', medium: { id: 320, name: 'Medium-Rating 3' } },
-};
-
-describe('claims actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_CLAIMS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingClaims()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_CLAIMS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopClaimsLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add claims list', () => {
-    const data = [claim, claim2];
-
-    const addClaimsAction = {
-      type: types.ADD_CLAIMS,
-      payload: data,
-    };
-    expect(actions.addClaimsList(data)).toEqual(addClaimsAction);
-  });
-  it('should create an action to add claims request', () => {
-    const data = [{ query: 'query' }];
-    const addClaimsRequestAction = {
-      type: types.ADD_CLAIMS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addClaimsRequest(data)).toEqual(addClaimsRequestAction);
-  });
-  it('should create an action to reset claims', () => {
-    const resetClaimsRequestAction = {
-      type: types.RESET_CLAIMS,
-    };
-    expect(actions.resetClaims()).toEqual(resetClaimsRequestAction);
-  });
-  it('should create actions to fetch claims success', () => {
-    const query = {
-      page: 1,
-      limit: 5,
-      rating: [100],
-      claimant: [11],
-      q: 'claimant',
-      sort: 'asc',
-    };
-    const claims = [claim];
-    const resp = { data: { nodes: claims, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 21, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 11, name: 'Claimant 1', medium: 21 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 110, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 100, name: 'Rating 1', medium: 110 }],
-      },
-      {
-        type: types.ADD_CLAIMS,
-        payload: [{ id: 1, name: 'Claim 1', claimant: 11, rating: 100 }],
-      },
-      {
-        type: types.ADD_CLAIMS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const params = new URLSearchParams('claimant=11&rating=100&page=1&limit=5&sort=asc&q=claimant');
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaims(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch claims list without page and limit', () => {
-    const query = { q: 'New' };
-    const claims = [claim3];
-    const resp = { data: { nodes: claims, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 23, name: 'Medium-Claimant 3' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 13, name: 'Claimant 3', medium: 23 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 320, name: 'Medium-Rating 3' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 300, name: 'Rating 3', medium: 320 }],
-      },
-      {
-        type: types.ADD_CLAIMS,
-        payload: [{ id: 3, name: 'New Claim', claimant: 13, rating: 300 }],
-      },
-      {
-        type: types.ADD_CLAIMS_REQUEST,
-        payload: {
-          data: [3],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: false,
-      },
-    ];
-    const params = new URLSearchParams('q=New');
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaims(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch claims list without claimants and ratings', () => {
-    const query = { page: 1, limit: 5 };
-    const claims = [claim_without_claimant_and_rating, claim_without_claimant_and_rating2];
-    const resp = { data: { nodes: claims, total: 2 } };
-    axios.get.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-    const params = new URLSearchParams('page=1&limit=5');
-
-    store.dispatch(actions.getClaims(query)).catch((err) => expect(err).toBeInstanceOf(TypeError));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch claims list with claimants but not ratings', () => {
-    const query = { page: 1, limit: 5 };
-    const claims = [
-      { ...claim_without_claimant_and_rating, claimant },
-      { ...claim_without_claimant_and_rating2, claimant2 },
-    ];
-    const resp = { data: { nodes: claims, total: 2 } };
-    axios.get.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-    const params = new URLSearchParams('page=1&limit=5');
-
-    store.dispatch(actions.getClaims(query)).catch((err) => expect(err).toBeInstanceOf(TypeError));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch claims list with ratings but not claimants', () => {
-    const query = { page: 1, limit: 5 };
-    const claims = [
-      { ...claim_without_claimant_and_rating, rating },
-      { ...claim_without_claimant_and_rating2, rating2 },
-    ];
-    const resp = { data: { nodes: claims, total: 2 } };
-    axios.get.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-    const params = new URLSearchParams('page=1&limit=5');
-
-    store.dispatch(actions.getClaims(query)).catch((err) => expect(err).toBeInstanceOf(TypeError));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch claims failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    const params = new URLSearchParams('page=1&limit=5');
-    store
-      .dispatch(actions.getClaims(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to get claim by id success', () => {
-    const id = 1;
-    const resp = { data: claim };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 21, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 11, name: 'Claimant 1', medium: 21 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 110, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 100, name: 'Rating 1', medium: 110 }],
-      },
-      {
-        type: types.GET_CLAIM,
-        payload: { id: 1, name: 'Claim 1', claimant: 11, rating: 100 },
-      },
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaim(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API + '/' + id);
-  });
-  it('should create actions to get claim by id without claimant and rating', () => {
-    const id = 1;
-    const resp = { data: claim };
-    axios.get.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-
-    store.dispatch(actions.getClaim(id)).catch((err) => expect(err).toBeInstanceOf(TypeError));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API + '/' + id);
-  });
-  it('should create actions to get claim by id with claimant but not rating', () => {
-    const claim = { ...claim_without_claimant_and_rating, claimant };
-    const id = 1;
-    const resp = { data: claim };
-    axios.get.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-
-    store.dispatch(actions.getClaim(id)).catch((err) => expect(err).toBeInstanceOf(TypeError));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API + '/' + id);
-  });
-  it('should create actions to get claim by id with rating but not claimant', () => {
-    const claim = { ...claim_without_claimant_and_rating, rating };
-    const id = 1;
-    const resp = { data: claim };
-    axios.get.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-
-    store.dispatch(actions.getClaim(id)).catch((err) => expect(err).toBeInstanceOf(TypeError));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API + '/' + id);
-  });
-  it('should create actions to get claim by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getClaim(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.CLAIMS_API + '/' + id);
-  });
-  it('should create actions to create claim success', () => {
-    const resp = { data: claim };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 21, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 11, name: 'Claimant 1', medium: 21 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 110, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 100, name: 'Rating 1', medium: 110 }],
-      },
-      {
-        type: types.RESET_CLAIMS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Claim created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createClaim(claim_without_id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.CLAIMS_API, claim_without_id);
-  });
-  it('should create actions to create claim failure', () => {
-    const errorMessage = 'Failed to create claim';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createClaim(claim))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.CLAIMS_API, claim);
-  });
-  it('should create actions to update claim success with claim and rating', () => {
-    const resp = { data: claim };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 21, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 11, name: 'Claimant 1', medium: 21 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 110, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 100, name: 'Rating 1', medium: 110 }],
-      },
-      {
-        type: types.UPDATE_CLAIM,
-        payload: { id: 1, name: 'Claim 1', claimant: 11, rating: 100 },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Claim updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateClaim(claim))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.CLAIMS_API + '/1', claim);
-  });
-  it('should create actions to update claim without claimant and rating', () => {
-    const store = mockStore({ initialState });
-
-    try {
-      store.dispatch(actions.updateClaim(claim_without_claimant_and_rating));
-    } catch (err) {
-      expect(err).toBeInstanceOf(TypeError);
-    }
-  });
-  it('should create actions to update claim with claimant but not rating', () => {
-    const claim = { ...claim_without_claimant_and_rating, claimant };
-
-    const store = mockStore({ initialState });
-
-    try {
-      store.dispatch(actions.updateClaim(claim));
-    } catch (err) {
-      expect(err).toBeInstanceOf(TypeError);
-    }
-  });
-  it('should create actions to update claim with rating but not claimant', () => {
-    const claim = { ...claim_without_claimant_and_rating, rating };
-
-    const store = mockStore({ initialState });
-
-    try {
-      store.dispatch(actions.updateClaim(claim));
-    } catch (err) {
-      expect(err).toBeInstanceOf(TypeError);
-    }
-  });
-  it('should create actions to update claim failure', () => {
-    const errorMessage = 'Failed to update claim';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateClaim(claim))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.CLAIMS_API + '/1', claim);
-  });
-  it('should create actions to delete claim success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_CLAIMS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Claim deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteClaim(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.CLAIMS_API + '/1');
-  });
-  it('should create actions to delete claim failure', () => {
-    const errorMessage = 'Failed to delete claim';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteClaim(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.CLAIMS_API + '/1');
-  });
-  it('should create actions to add claims list without claimants and ratings', () => {
-    const claims = [claim_without_claimant_and_rating, claim_without_claimant_and_rating2];
-
-    const store = mockStore({ initialState });
-
-    try {
-      store.dispatch(actions.addClaims(claims));
-    } catch (err) {
-      expect(err).toBeInstanceOf(TypeError);
-    }
-  });
-  it('should create actions to add claims list with claimants but not ratings', () => {
-    const claims = [
-      { ...claim_without_claimant_and_rating, claimant },
-      { ...claim_without_claimant_and_rating2, claimant2 },
-    ];
-
-    const store = mockStore({ initialState });
-
-    try {
-      store.dispatch(actions.addClaims(claims));
-    } catch (err) {
-      expect(err).toBeInstanceOf(TypeError);
-    }
-  });
-  it('should create actions to add claims list with ratings but not claimants', () => {
-    const claims = [
-      { ...claim_without_claimant_and_rating, rating },
-      { ...claim_without_claimant_and_rating2, rating2 },
-    ];
-
-    const store = mockStore({ initialState });
-
-    try {
-      store.dispatch(actions.addClaims(claims));
-    } catch (err) {
-      expect(err).toBeInstanceOf(TypeError);
-    }
-  });
-  it('should create actions to add claims list with claimants and ratings', () => {
-    const claims = [claim, claim2];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [
-          { id: 21, name: 'Medium-Claimant 1' },
-          { id: 22, name: 'Medium-Claimant 2' },
-        ],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [
-          { id: 11, name: 'Claimant 1', medium: 21 },
-          { id: 12, name: 'Claimant 2', medium: 22 },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [
-          { id: 110, name: 'Medium-Rating 1' },
-          { id: 220, name: 'Medium-Rating 2' },
-        ],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [
-          { id: 100, name: 'Rating 1', medium: 110 },
-          { id: 200, name: 'Rating 2', medium: 220 },
-        ],
-      },
-      {
-        type: types.ADD_CLAIMS,
-        payload: [
-          { id: 1, name: 'Claim 1', claimant: 11, rating: 100 },
-          { id: 2, name: 'Claim 2', claimant: 12, rating: 200 },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addClaims(claims));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add empty claims list', () => {
-    const claims = [];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [],
-      },
-      {
-        type: types.ADD_CLAIMS,
-        payload: [],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addClaims(claims));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-});
diff --git a/studio/src/__tests__/actions/events.js b/studio/src/__tests__/actions/events.js
deleted file mode 100644
index f849a9421..000000000
--- a/studio/src/__tests__/actions/events.js
+++ /dev/null
@@ -1,425 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/events';
-import * as types from '../../constants/events';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('Events actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_EVENTS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingEvents()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_EVENTS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopEventsLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add events list', () => {
-    const data = [
-      { id: 1, name: 'event 1' },
-      { id: 2, name: 'event 2' },
-    ];
-
-    const addEventsAction = {
-      type: types.ADD_EVENTS,
-      payload: data,
-    };
-    expect(actions.addEvents(data)).toEqual(addEventsAction);
-  });
-  it('should create an action to add event request', () => {
-    const data = [{ query: 'query' }];
-    const addEventsRequestAction = {
-      type: types.ADD_EVENTS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addEventsRequest(data)).toEqual(addEventsRequestAction);
-  });
-  it('should create an action to reset event', () => {
-    const resetEventsAction = {
-      type: types.RESET_EVENTS,
-    };
-    expect(actions.resetEvents()).toEqual(resetEventsAction);
-  });
-  it('should create actions to add default events', () => {
-    const events = [{ id: 1, name: 'Event' }];
-    const resp = { data: { nodes: events, total: 1 } };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_EVENTS,
-        payload: [{ id: 1, name: 'Event' }],
-      },
-      {
-        type: types.ADD_EVENTS_REQUEST,
-        payload: {
-          data: [1],
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addDefaultEvents())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.EVENTS_API + '/default');
-  });
-  it('should create actions to add default events failure', () => {
-    const errorMessage = 'Failed to add default events';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addDefaultEvents())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.EVENTS_API + '/default');
-  });
-  it('should create actions to fetch events success', () => {
-    const query = { page: 1, limit: 5 };
-    const events = [{ id: 1, name: 'Event' }];
-    const resp = { data: { nodes: events, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_EVENTS,
-        payload: [{ id: 1, name: 'Event' }],
-      },
-      {
-        type: types.ADD_EVENTS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getEvents(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.EVENTS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch events failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch events';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getEvents(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.EVENTS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get event by id success', () => {
-    const id = 1;
-    const event = { id, name: 'Event' };
-    const resp = { data: event };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_EVENT,
-        payload: { id, name: 'Event' },
-      },
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getEvent(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.EVENTS_API + '/' + id);
-  });
-  it('should create actions to get event by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch event';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getEvent(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.EVENTS_API + '/' + id);
-  });
-  it('should create actions to create event success', () => {
-    const event = { name: 'Event' };
-    const resp = { data: event };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_EVENTS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Event created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createEvent(event))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.EVENTS_API, event);
-  });
-  it('should create actions to create event failure', () => {
-    const event = { name: 'Event' };
-    const errorMessage = 'Failed to create event';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createEvent(event))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.EVENTS_API, event);
-  });
-  it('should create actions to update event success', () => {
-    const event = { id: 1, name: 'Event' };
-    const resp = { data: event };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_EVENT,
-        payload: { id: 1, name: 'Event' },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Event updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateEvent(event))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.EVENTS_API + '/1', event);
-  });
-  it('should create actions to update event failure', () => {
-    const event = { id: 1, name: 'Event' };
-    const errorMessage = 'Failed to update event';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateEvent(event))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.EVENTS_API + '/1', event);
-  });
-  it('should create actions to delete event success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_EVENTS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Event deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteEvent(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.EVENTS_API + '/1');
-  });
-  it('should create actions to delete event failure', () => {
-    const errorMessage = 'Failed to delete event';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteEvent(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.EVENTS_API + '/1');
-  });
-});
diff --git a/studio/src/__tests__/actions/formats.js b/studio/src/__tests__/actions/formats.js
deleted file mode 100644
index f7caabfd5..000000000
--- a/studio/src/__tests__/actions/formats.js
+++ /dev/null
@@ -1,461 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/formats';
-import * as types from '../../constants/formats';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-import { SET_REDIRECT } from '../../constants/settings';
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('formats actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_FORMATS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingFormats()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_FORMATS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopFormatsLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add formats list', () => {
-    const data = [
-      { id: 1, name: 'tester 1' },
-      { id: 2, name: 'testing 2' },
-    ];
-
-    const addFormatsAction = {
-      type: types.ADD_FORMATS,
-      payload: data,
-    };
-    expect(actions.addFormats(data)).toEqual(addFormatsAction);
-  });
-  it('should create an action to add formats request', () => {
-    const data = [{ query: 'query' }];
-    const addFormatsRequestAction = {
-      type: types.ADD_FORMATS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addFormatsRequest(data)).toEqual(addFormatsRequestAction);
-  });
-  it('should create an action to reset formats', () => {
-    const resetFormatsRequestAction = {
-      type: types.RESET_FORMATS,
-    };
-    expect(actions.resetFormats()).toEqual(resetFormatsRequestAction);
-  });
-
-  it('should create actions to fetch formats success', () => {
-    const query = { page: 1, limit: 5 };
-    const formats = [{ id: 1, name: 'Format' }];
-    const resp = { data: { nodes: formats, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_FORMATS,
-        payload: [{ id: 1, name: 'Format' }],
-      },
-      {
-        type: types.ADD_FORMATS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getFormats(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.FORMATS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch formats failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch formats';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getFormats(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.FORMATS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch formats failure and redirect if error status is 307', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch formats';
-    axios.get.mockRejectedValue({ message: errorMessage, response: { status: 307 } });
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      { type: SET_REDIRECT, payload: 307 },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getFormats(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.FORMATS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get format by id success', () => {
-    const id = 1;
-    const format = { id, name: 'Format' };
-    const resp = { data: format };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_FORMAT,
-        payload: { id, name: 'Format' },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getFormat(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.FORMATS_API + '/' + id);
-  });
-  it('should create actions to get format by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch format';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getFormat(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.FORMATS_API + '/' + id);
-  });
-  it('should create actions to create format success', () => {
-    const format = { name: 'Format' };
-    const resp = { data: format };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_FORMATS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Format created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createFormat(format))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.FORMATS_API, format);
-  });
-  it('should create actions to create format failure', () => {
-    const format = { name: 'Format' };
-    const errorMessage = 'Failed to create format';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createFormat(format))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.FORMATS_API, format);
-  });
-  it('should create actions to update format success', () => {
-    const format = { id: 1, name: 'Format' };
-    const resp = { data: format };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_FORMAT,
-        payload: { id: 1, name: 'Format' },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Format updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateFormat(format))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.FORMATS_API + '/1', format);
-  });
-  it('should create actions to update format failure', () => {
-    const format = { id: 1, name: 'Format' };
-    const errorMessage = 'Failed to update format';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateFormat(format))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.FORMATS_API + '/1', format);
-  });
-  it('should create actions to delete format success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_FORMATS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Format deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteFormat(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.FORMATS_API + '/1');
-  });
-  it('should create actions to delete format failure', () => {
-    const errorMessage = 'Failed to delete format';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteFormat(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.FORMATS_API + '/1');
-  });
-  it('should create actions to add default formats', () => {
-    const formats = [{ id: 1, name: 'Format' }];
-    const resp = { data: { nodes: formats, total: 1 } };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_FORMATS,
-        payload: [{ id: 1, name: 'Format' }],
-      },
-      {
-        type: types.ADD_FORMATS_REQUEST,
-        payload: {
-          data: [1],
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addDefaultFormats())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.FORMATS_API + '/default');
-  });
-  it('should create actions to add default formats failure', () => {
-    const errorMessage = 'Failed to add default format';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addDefaultFormats())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.FORMATS_API + '/default');
-  });
-});
diff --git a/studio/src/__tests__/actions/googleFactChecks.js b/studio/src/__tests__/actions/googleFactChecks.js
deleted file mode 100644
index f709d9b08..000000000
--- a/studio/src/__tests__/actions/googleFactChecks.js
+++ /dev/null
@@ -1,129 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/googleFactChecks';
-import * as types from '../../constants/googleFactChecks';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  loading: true,
-};
-
-const factCheck = {
-  text: 'Video shows Russian doctors celebrating the new COVID-19 vaccine.',
-  claimant: 'Facebook posts',
-  claimDate: '2020-09-08T02:48:10Z',
-  claimReview: [
-    {
-      publisher: {
-        name: 'BOOM',
-        site: 'boomlive.in',
-      },
-      url:
-        'https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654',
-      title: 'Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine',
-      reviewDate: '2020-09-08T02:48:10Z',
-      textualRating: 'False',
-      languageCode: 'en',
-    },
-  ],
-};
-
-describe('google fact checks actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_GOOGLE_FACT_CHECKS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingGoogleFactChecks()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_GOOGLE_FACT_CHECKS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add google fact checks request', () => {
-    const data = [{ data: [factCheck], query: { page: 1, limit: 1 }, total: 1 }];
-    const addRequestAction = {
-      type: types.ADD_GOOGLE_FACT_CHECKS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addRequest(data)).toEqual(addRequestAction);
-  });
-
-  it('should create actions to fetch google fact checks success', () => {
-    const query = { page: 1, limit: 1, query: 'fact' };
-
-    const resp = { data: { nodes: [factCheck], total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_GOOGLE_FACT_CHECKS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_GOOGLE_FACT_CHECKS_REQUEST,
-        payload: {
-          data: [factCheck],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_GOOGLE_FACT_CHECKS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getGoogleFactChecks(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.GOOGLE_FACT_CHECKS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch google fact checks failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_GOOGLE_FACT_CHECKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_GOOGLE_FACT_CHECKS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getGoogleFactChecks(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.GOOGLE_FACT_CHECKS_API, {
-      params: query,
-    });
-  });
-});
diff --git a/studio/src/__tests__/actions/info.js b/studio/src/__tests__/actions/info.js
deleted file mode 100644
index 525dd1b41..000000000
--- a/studio/src/__tests__/actions/info.js
+++ /dev/null
@@ -1,103 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/info';
-import * as types from '../../constants/info';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  categories: 0,
-  tag: 0,
-  article: {
-    draft: 0,
-    template: 0,
-    publish: 0,
-  },
-  factCheck: {
-    draft: 0,
-    template: 0,
-    publish: 0,
-  },
-  podcasts: 0,
-};
-
-describe('info actions', () => {
-  it('should create an action to addInfo', () => {
-    const info = {
-      categories: 4,
-      tag: 2,
-      article: {
-        draft: 1,
-        template: 2,
-        publish: 3,
-      },
-      factCheck: {
-        draft: 1,
-        template: 2,
-        publish: 3,
-      },
-      podcasts: 4,
-    };
-    const addInfoActions = {
-      type: types.ADD_INFO,
-      payload: info,
-    };
-    expect(actions.addInfo(info)).toEqual(addInfoActions);
-  });
-  it('should create actions to fetch info success', () => {
-    const info = {
-      categories: 4,
-      tag: 2,
-      article: {
-        draft: 1,
-        template: 2,
-        publish: 3,
-      },
-      factCheck: {
-        draft: 1,
-        template: 2,
-        publish: 3,
-      },
-      podcasts: 4,
-    };
-    const resp = { data: info };
-    axios.get.mockResolvedValue(resp);
-    const expectedActions = [
-      {
-        type: types.ADD_INFO,
-        payload: info,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getInfo())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.INFO_API);
-  });
-  it('should create actions to fetch info failure', () => {
-    const errorMessage = 'Error Occurred';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getInfo())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.INFO_API);
-  });
-});
diff --git a/studio/src/__tests__/actions/media.js b/studio/src/__tests__/actions/media.js
deleted file mode 100644
index 7d7e32432..000000000
--- a/studio/src/__tests__/actions/media.js
+++ /dev/null
@@ -1,532 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/media';
-import * as types from '../../constants/media';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-  total: 0,
-};
-
-describe('media actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_MEDIA_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingMedia()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_MEDIA_LOADING,
-      payload: false,
-    };
-    expect(actions.stopMediaLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add media list', () => {
-    const data = [
-      { id: 1, name: 'tester 1' },
-      { id: 2, name: 'testing 2' },
-    ];
-
-    const addMediaAction = {
-      type: types.ADD_MEDIA,
-      payload: data,
-    };
-    expect(actions.addMedia(data)).toEqual(addMediaAction);
-  });
-  it('should create an action to add media request', () => {
-    const data = [{ query: 'query' }];
-    const addMediaRequestAction = {
-      type: types.ADD_MEDIA_REQUEST,
-      payload: data,
-    };
-    expect(actions.addMediaRequest(data)).toEqual(addMediaRequestAction);
-  });
-  it('should create an action to reset media', () => {
-    const resetMediaRequestAction = {
-      type: types.RESET_MEDIA,
-    };
-    expect(actions.resetMedia()).toEqual(resetMediaRequestAction);
-  });
-  it('should create actions to fetch media success', () => {
-    const query = { page: 1, limit: 5 };
-    const media = [{ id: 1, name: 'Medium' }];
-    const resp = { data: { nodes: media, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_MEDIA,
-        payload: [{ id: 1, name: 'Medium', medium: undefined }],
-      },
-      {
-        type: types.ADD_MEDIA_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMedia(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MEDIA_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch media success with profile is true', () => {
-    const query = { page: 1, limit: 5 };
-    const media = [{ id: 1, name: 'Medium' }];
-    const resp = { data: { nodes: media, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_MEDIA,
-        payload: [{ id: 1, name: 'Medium', medium: undefined }],
-      },
-      {
-        type: types.ADD_MEDIA_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMedia(query, true))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.KAVACH_MEDIA_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch media success with media', () => {
-    const query = { page: 1, limit: 5 };
-    const media = [{ id: 1, name: 'Medium' }];
-    const resp = { data: { nodes: media, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_MEDIA,
-        payload: [{ id: 1, name: 'Medium' }],
-      },
-      {
-        type: types.ADD_MEDIA_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMedia(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MEDIA_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch media failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMedia(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MEDIA_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get medium by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMedium(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MEDIA_API + '/' + id);
-  });
-  it('should create actions to get medium by id success', () => {
-    const id = 1;
-    const medium = { id, name: 'Medium' };
-    const resp = { data: medium };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_MEDIUM,
-        payload: { id, name: 'Medium', medium: undefined },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMedium(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MEDIA_API + '/' + id);
-  });
-  it('should create actions to get medium by id where medium has medium', () => {
-    const id = 1;
-    const medium = { id, name: 'Medium' };
-    const resp = { data: medium };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_MEDIUM,
-        payload: { id, name: 'Medium' },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMedium(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MEDIA_API + '/' + id);
-  });
-  it('should create actions to create medium success where profile is true', () => {
-    const medium = [{ name: 'Medium' }];
-    const resp = { data: medium };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_MEDIA,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Medium created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createMedium(medium, true))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.KAVACH_MEDIA_API, medium[0]);
-  });
-  it('should create actions to create medium success', () => {
-    const medium = { name: 'Medium' };
-    const resp = { data: { nodes: medium } };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_MEDIA,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Medium created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createMedium(medium, false))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.MEDIA_API, medium);
-  });
-  it('should create actions to create medium failure', () => {
-    const medium = { name: 'Medium' };
-    const errorMessage = 'Failed to create medium';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createMedium(medium))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.MEDIA_API, medium);
-  });
-  it('should create actions to update medium success', () => {
-    const medium = { id: 1, name: 'Medium' };
-    const resp = { data: medium };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_MEDIUM,
-        payload: { id: 1, name: 'Medium' },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Medium updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateMedium(medium))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.MEDIA_API + '/1', medium);
-  });
-  it('should create actions to update medium failure', () => {
-    const medium = { id: 1, name: 'Medium' };
-    const errorMessage = 'Failed to update medium';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateMedium(medium))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.MEDIA_API + '/1', medium);
-  });
-  it('should create actions to delete medium success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_MEDIA,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Medium deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteMedium(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.MEDIA_API + '/1');
-  });
-  it('should create actions to delete medium failure', () => {
-    const errorMessage = 'Failed to delete medium';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteMedium(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.MEDIA_API + '/1');
-  });
-  it('should create actions to add media', () => {
-    const media = [
-      { id: 1, name: 'Medium' },
-      { id: 2, name: 'Medium' },
-    ];
-
-    const expectedActions = [
-      {
-        type: types.ADD_MEDIA,
-        payload: [
-          { id: 1, name: 'Medium' },
-          { id: 2, name: 'Medium' },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addMedia(media));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add empty media', () => {
-    const media = [];
-
-    const expectedActions = [
-      {
-        type: types.ADD_MEDIA,
-        payload: [],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addMedia(media));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-});
diff --git a/studio/src/__tests__/actions/meiliReindex.js b/studio/src/__tests__/actions/meiliReindex.js
deleted file mode 100644
index c347dd312..000000000
--- a/studio/src/__tests__/actions/meiliReindex.js
+++ /dev/null
@@ -1,122 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/meiliReindex';
-import { MEILI_REINDEX_API } from '../../constants/meiliReindex';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-describe('meiliReindex actions', () => {
-  it('should create actions to reindex space', () => {
-    const id = 1;
-    const resp = { status: 200 };
-    axios.post.mockResolvedValue(resp);
-    const expectedActions = [
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Successfully Reindexed',
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({});
-    store
-      .dispatch(actions.reindexSpace(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(MEILI_REINDEX_API + '/space/' + id);
-  });
-  it('should create actions to reindex space without succes status', () => {
-    const id = 1;
-    const resp = { status: 404 };
-    axios.post.mockResolvedValue(resp);
-    const expectedActions = [];
-    const store = mockStore({});
-    store
-      .dispatch(actions.reindexSpace(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(MEILI_REINDEX_API + '/space/' + id);
-  });
-  it('should create actions to reindex space failure', () => {
-    const id = 1;
-    const errorMessage = 'Something went wrong';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({});
-    store
-      .dispatch(actions.reindexSpace(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-
-    expect(axios.post).toHaveBeenCalledWith(MEILI_REINDEX_API + '/space/' + id);
-  });
-  it('should create actions to reindex instance', () => {
-    const resp = { status: 200 };
-    axios.post.mockResolvedValue(resp);
-    const expectedActions = [
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Successfully Reindexed',
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({});
-    store
-      .dispatch(actions.reindex())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-
-    expect(axios.post).toHaveBeenCalledWith(MEILI_REINDEX_API + '/all');
-  });
-  it('should create actions to reindex instance without success status', () => {
-    const resp = { status: 404 };
-    axios.post.mockResolvedValue(resp);
-    const expectedActions = [];
-    const store = mockStore({});
-    store
-      .dispatch(actions.reindex())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-
-    expect(axios.post).toHaveBeenCalledWith(MEILI_REINDEX_API + '/all');
-  });
-  it('should create actions to reindex instance', () => {
-    const errorMessage = 'Something went wrong';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({});
-    store
-      .dispatch(actions.reindex())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-
-    expect(axios.post).toHaveBeenCalledWith(MEILI_REINDEX_API + '/all');
-  });
-});
diff --git a/studio/src/__tests__/actions/menu.js b/studio/src/__tests__/actions/menu.js
deleted file mode 100644
index 16ca50bc0..000000000
--- a/studio/src/__tests__/actions/menu.js
+++ /dev/null
@@ -1,349 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/menu';
-import * as types from '../../constants/menu';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('menu actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingActions = {
-      type: types.SET_MENUS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingMenus()).toEqual(startLoadingActions);
-  });
-  it('should create an action to set loading to false', () => {
-    const startLoadingActions = {
-      type: types.SET_MENUS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopMenusLoading()).toEqual(startLoadingActions);
-  });
-  it('should create an action to add menus', () => {
-    const data = [
-      { id: 1, name: 'menu1' },
-      { id: 2, name: 'menu2' },
-    ];
-    const addMenusAction = {
-      type: types.ADD_MENUS,
-      payload: data,
-    };
-    expect(actions.addMenus(data)).toEqual(addMenusAction);
-  });
-  it('should create an action to add menus request', () => {
-    const data = [{ query: 'query' }];
-    const addMenusRequestAction = {
-      type: types.ADD_MENUS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addMenusRequest(data)).toEqual(addMenusRequestAction);
-  });
-  it('should create an action to reset menu', () => {
-    const resetMenuAction = {
-      type: types.RESET_MENUS,
-    };
-    expect(actions.resetMenus()).toEqual(resetMenuAction);
-  });
-  it('should create actions to fetch menus success', () => {
-    const query = { page: 1, limit: 5 };
-    const menus = [{ id: 1, name: 'menu1' }];
-    const resp = { data: { nodes: menus, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_MENUS,
-        payload: [{ id: 1, name: 'menu1' }],
-      },
-      {
-        type: types.ADD_MENUS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMenus(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MENUS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch menus failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMenus(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MENUS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch menu by id success', () => {
-    const id = 1;
-    const menu = { id: 1, name: 'menu1' };
-    const resp = { data: menu };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_MENU,
-        payload: { id: 1, name: 'menu1' },
-      },
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMenu(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MENUS_API + '/' + id);
-  });
-  it('should create actions to fetch menu by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getMenu(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.MENUS_API + '/' + id);
-  });
-  it('should create actions to create menu success', () => {
-    const menu = { name: 'menu1' };
-    const resp = { data: menu };
-    axios.post.mockResolvedValue(resp);
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_MENUS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Menu created',
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createMenu(menu))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.MENUS_API, menu);
-  });
-  it('should create actions to create menu failure', () => {
-    const menu = { name: 'menu1' };
-    const errorMessage = 'Failed to create menu';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createMenu(menu))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.MENUS_API, menu);
-  });
-  it('should create actions to update menu success', () => {
-    const menu = { id: 1, name: 'new menu1' };
-    const resp = { data: menu };
-    axios.put.mockResolvedValue(resp);
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_MENU,
-        payload: { id: 1, name: 'new menu1' },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Menu updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateMenu(menu))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.MENUS_API + '/1', menu);
-  });
-  it('should create actions to update menu failue', () => {
-    const menu = { id: 1, name: 'new menu1' };
-    const errorMessage = 'Failed to update menu';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateMenu(menu))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.MENUS_API + '/1', menu);
-  });
-  it('should create actions to delete menu success', () => {
-    axios.delete.mockResolvedValue();
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_MENUS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Menu deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteMenu(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.MENUS_API + '/1');
-  });
-  it('should create actions to delete menu failure', () => {
-    const errorMessage = 'Failed to delete menu';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteMenu(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.MENUS_API + '/1');
-  });
-});
diff --git a/studio/src/__tests__/actions/notifications.js b/studio/src/__tests__/actions/notifications.js
deleted file mode 100644
index 72908c951..000000000
--- a/studio/src/__tests__/actions/notifications.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import * as actions from '../../actions/notifications';
-import * as types from '../../constants/notifications';
-
-Date.now = jest.fn(() => 1487076708000);
-
-describe('notification actions', () => {
-  it('should create an action to add error notification', () => {
-    const errorMessage = 'Test Error Message';
-    const errorNotificationAction = {
-      type: types.ADD_NOTIFICATION,
-      payload: {
-        type: 'error',
-        title: 'Error',
-        message: errorMessage,
-        time: Date.now(),
-      },
-    };
-    expect(actions.addErrorNotification(errorMessage)).toEqual(errorNotificationAction);
-  });
-  it('should create an action to add success notification', () => {
-    const successMessage = 'Test Success Message';
-    const successNotification = {
-      type: types.ADD_NOTIFICATION,
-      payload: {
-        type: 'success',
-        title: 'Success',
-        message: successMessage,
-        time: Date.now(),
-      },
-    };
-    expect(actions.addSuccessNotification(successMessage)).toEqual(successNotification);
-  });
-});
diff --git a/studio/src/__tests__/actions/pages.js b/studio/src/__tests__/actions/pages.js
deleted file mode 100644
index 59af349c7..000000000
--- a/studio/src/__tests__/actions/pages.js
+++ /dev/null
@@ -1,1045 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/pages';
-import * as types from '../../constants/pages';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-import { ADD_MEDIA } from '../../constants/media';
-import { ADD_FORMATS } from '../../constants/formats';
-import { ADD_AUTHORS } from '../../constants/authors';
-import { ADD_TAGS } from '../../constants/tags';
-import { ADD_CATEGORIES } from '../../constants/categories';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-const page1 = {
-  id: 1,
-  name: 'Page 1',
-  authors: [{ id: 11, name: 'Author 1' }],
-  tags: [
-    { id: 21, name: 'Tag 21' },
-    { id: 22, name: 'Tag 22' },
-  ],
-  categories: [
-    { id: 31, name: 'category 31', medium: { id: 311, name: 'Category-Medium-311' } },
-    { id: 32, name: 'category 32' },
-  ],
-  format: { id: 41, name: 'Format 1' },
-  medium: { id: 51, name: 'Medium 1' },
-};
-
-const page2 = {
-  id: 2,
-  name: 'Page 2',
-  authors: [{ id: 12, name: 'Author 2' }],
-  tags: [
-    { id: 21, name: 'Tag 21' },
-    { id: 23, name: 'Tag 23' },
-    { id: 24, name: 'Tag 24' },
-  ],
-  categories: [
-    { id: 33, name: 'category 33' },
-    { id: 34, name: 'category 34' },
-  ],
-  format: { id: 42, name: 'Format 2' },
-  medium: { id: 52, name: 'Medium 2' },
-};
-const page_without_media = {
-  id: 123,
-  name: 'Page 1',
-  authors: [{ id: 11, name: 'Author 1' }],
-  tags: [
-    { id: 21, name: 'Tag 21' },
-    { id: 22, name: 'Tag 22' },
-  ],
-  categories: [
-    { id: 31, name: 'category 31', medium: { id: 311, name: 'Category-Medium-311' } },
-    { id: 32, name: 'category 32' },
-  ],
-  format: { id: 41, name: 'Format 1' },
-};
-
-describe('pages actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_PAGES_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingPages()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_PAGES_LOADING,
-      payload: false,
-    };
-    expect(actions.stopPagesLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add pages list', () => {
-    const data = [page1, page2];
-
-    const addPagesAction = {
-      type: types.ADD_PAGES,
-      payload: data,
-    };
-    expect(actions.addPagesList(data)).toEqual(addPagesAction);
-  });
-  it('should create an action to add pages request', () => {
-    const data = [{ query: 'query' }];
-    const addPagesRequestAction = {
-      type: types.ADD_PAGES_REQUEST,
-      payload: data,
-    };
-    expect(actions.addPagesRequest(data)).toEqual(addPagesRequestAction);
-  });
-  it('should create an action to add page', () => {
-    const data = page1;
-    const addPageAction = {
-      type: types.ADD_PAGE,
-      payload: data,
-    };
-    expect(actions.getPageByID(data)).toEqual(addPageAction);
-  });
-  it('should create an action to reset pages', () => {
-    const resetPagesRequestAction = {
-      type: types.RESET_PAGES,
-    };
-    expect(actions.resetPages()).toEqual(resetPagesRequestAction);
-  });
-  it('should create actions to fetch pages success', () => {
-    const query = {
-      page: 1,
-      limit: 5,
-      q: 'page',
-      sort: 'asc',
-      tag: [21],
-      category: [33],
-      format: [42],
-      status: 'draft',
-      author: [11],
-    };
-    const pages = [{ ...page1, status: 'draft' }];
-    const resp = { data: { nodes: pages, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_PAGES,
-        payload: [
-          {
-            id: 1,
-            name: 'Page 1',
-            status: 'draft',
-            authors: [11],
-            tags: [21, 22],
-            categories: [31, 32],
-            format: 41,
-            medium: 51,
-          },
-        ],
-      },
-      {
-        type: types.ADD_PAGES_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const params = new URLSearchParams(
-      'category=33&tag=21&format=42&page=1&limit=5&sort=asc&q=page&status=draft&author=11',
-    );
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPages(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PAGES_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch pages failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-    const params = new URLSearchParams('page=1&limit=5');
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPages(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PAGES_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch pages success without page and limit ', () => {
-    const query = {
-      q: 'post',
-      sort: 'asc',
-      tag: [21],
-      category: [33],
-      format: [42],
-      status: 'publish',
-    };
-    const pages = [{ ...page1, status: 'publish' }];
-    const resp = { data: { nodes: pages, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_PAGES,
-        payload: [
-          {
-            id: 1,
-            name: 'Page 1',
-            status: 'publish',
-            authors: [11],
-            tags: [21, 22],
-            categories: [31, 32],
-            format: 41,
-            medium: 51,
-          },
-        ],
-      },
-      {
-        type: types.ADD_PAGES_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const params = new URLSearchParams(
-      'category=33&tag=21&format=42&sort=asc&q=post&status=publish',
-    );
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPages(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PAGES_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch pages success without any optional fields', () => {
-    const query = { page: 1, limit: 5 };
-    const page = { ...page1, status: 'ready' };
-    page.categories = [];
-    page.authors = [];
-    page.tags = [];
-    page.medium = undefined;
-
-    const resp = { data: { nodes: [page], total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_PAGES,
-        payload: [
-          {
-            id: 1,
-            name: 'Page 1',
-            status: 'ready',
-            authors: [],
-            tags: [],
-            categories: [],
-            format: 41,
-            medium: undefined,
-          },
-        ],
-      },
-      {
-        type: types.ADD_PAGES_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const params = new URLSearchParams('page=1&limit=5');
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPages(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PAGES_API, {
-      params: params,
-    });
-  });
-  it('should create actions to get page by id success', () => {
-    const id = 1;
-    const resp = { data: page1 };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_PAGE,
-        payload: {
-          id: 1,
-          name: 'Page 1',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: { id: 41, name: 'Format 1' },
-          medium: 51,
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPage(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PAGES_API + '/' + id);
-  });
-  it('should create actions to get page by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPage(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PAGES_API + '/' + id);
-  });
-  it('should not create actions for fetching pages when spaceID is 0 ', () => {
-    const query = { page: 1, limit: 5 };
-    const expectedActions = [];
-    const store = mockStore({ ...initialState, spaces: { selected: 0 } });
-    store.dispatch(actions.getPages(query));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to get page by id success without any optional fields', () => {
-    const page = { ...page1 };
-    page.categories = [];
-    page.authors = [];
-    page.tags = [];
-    page.medium = undefined;
-
-    const id = 1;
-    const resp = { data: page };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: types.ADD_PAGE,
-        payload: {
-          id: 1,
-          name: 'Page 1',
-          authors: [],
-          tags: [],
-          categories: [],
-          format: { id: 41, name: 'Format 1' },
-          medium: undefined,
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPage(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PAGES_API + '/' + id);
-  });
-  it('should create actions to create page success', () => {
-    const data2 = { ...page1 };
-    data2.status = 'publish';
-    const resp = { data: data2 };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.RESET_PAGES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Page Published',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addPage(page1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.PAGES_API, page1);
-  });
-  it('should create actions to create page failure', () => {
-    const errorMessage = 'Failed to create page';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addPage(page1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.PAGES_API, page1);
-  });
-  it('should create actions to create page success without any optional fields', () => {
-    const page = { ...page1 };
-    page.categories = [];
-    page.authors = [];
-    page.tags = [];
-    page.medium = undefined;
-    page.status = 'draft';
-
-    const resp = { data: page };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: types.RESET_PAGES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Page added',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addPage(page))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.PAGES_API, page);
-  });
-  it('should create actions to create page success without any optional fields ready status', () => {
-    const page = { ...page1 };
-    page.categories = [];
-    page.authors = [];
-    page.tags = [];
-    page.medium = undefined;
-    page.status = 'ready';
-
-    const resp = { data: page };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: types.RESET_PAGES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Page added & Ready to Publish',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addPage(page))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.PAGES_API, page);
-  });
-  it('should create actions to update page success', () => {
-    const data2 = { ...page1 };
-    data2.status = 'draft';
-    const resp = { data: data2 };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_PAGE,
-        payload: {
-          id: 1,
-          name: 'Page 1',
-          status: 'draft',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: { id: 41, name: 'Format 1' },
-          medium: 51,
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Draft Saved',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePage(page1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.PAGES_API + '/1', page1);
-  });
-  it('should create actions to update page success with ready status', () => {
-    const data2 = { ...page1 };
-    data2.status = 'ready';
-    const resp = { data: data2 };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_PAGE,
-        payload: {
-          id: 1,
-          name: 'Page 1',
-          status: 'ready',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: { id: 41, name: 'Format 1' },
-          medium: 51,
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Draft saved & Ready to Publish',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePage(page1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.PAGES_API + '/1', page1);
-  });
-  it('should create actions to update page failure', () => {
-    const errorMessage = 'Failed to update page';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePage(page1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.PAGES_API + '/1', page1);
-  });
-  it('should create actions to update success without any optional fields', () => {
-    const page = { ...page1 };
-    page.categories = [];
-    page.authors = [];
-    page.tags = [];
-    page.medium = undefined;
-    page.status = 'publish';
-
-    const resp = { data: page };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: types.ADD_PAGE,
-        payload: {
-          id: 1,
-          name: 'Page 1',
-          authors: [],
-          tags: [],
-          categories: [],
-          format: { id: 41, name: 'Format 1' },
-          medium: undefined,
-          status: 'publish',
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Page Published',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePage(page))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.PAGES_API + '/1', page);
-  });
-  it('should create actions to delete page success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_PAGES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Page deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deletePage(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.PAGES_API + '/1');
-  });
-  it('should create actions to delete page failure', () => {
-    const errorMessage = 'Failed to delete page';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deletePage(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.PAGES_API + '/1');
-  });
-});
diff --git a/studio/src/__tests__/actions/policies.js b/studio/src/__tests__/actions/policies.js
deleted file mode 100644
index ff7ebec1f..000000000
--- a/studio/src/__tests__/actions/policies.js
+++ /dev/null
@@ -1,464 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/policies';
-import * as types from '../../constants/policies';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-  total: 0,
-};
-
-describe('policies actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_POLICIES_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingPolicies()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_POLICIES_LOADING,
-      payload: false,
-    };
-    expect(actions.stopPoliciesLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add policies list', () => {
-    const data = [
-      { id: 1, name: 'tester 1' },
-      { id: 2, name: 'testing 2' },
-    ];
-
-    const addPoliciesAction = {
-      type: types.ADD_POLICIES,
-      payload: data,
-    };
-    expect(actions.addPolicies(data)).toEqual(addPoliciesAction);
-  });
-  it('should create an action to add policies request', () => {
-    const data = [{ query: 'query' }];
-    const addPoliciesRequestAction = {
-      type: types.ADD_POLICIES_REQUEST,
-      payload: data,
-    };
-    expect(actions.addPoliciesRequest(data)).toEqual(addPoliciesRequestAction);
-  });
-  it('should create an action to reset policies', () => {
-    const resetPoliciesRequestAction = {
-      type: types.RESET_POLICIES,
-    };
-    expect(actions.resetPolicies()).toEqual(resetPoliciesRequestAction);
-  });
-  it('should create actions to fetch policies success', () => {
-    const query = { page: 1, limit: 5 };
-    const policies = [{ id: 1, name: 'Policy' }];
-    const resp = { data: { nodes: policies, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_POLICIES,
-        payload: [{ id: 1, name: 'Policy' }],
-      },
-      {
-        type: types.ADD_POLICIES_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPolicies(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POLICIES_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch policies failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPolicies(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POLICIES_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get policy by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPolicy(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POLICIES_API + '/' + id);
-  });
-  it('should create actions to get policy by id success', () => {
-    const id = 1;
-    const policy = { id, name: 'Policy' };
-    const resp = { data: policy };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_POLICY,
-        payload: { id, name: 'Policy' },
-      },
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPolicy(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POLICIES_API + '/' + id);
-  });
-  it('should create actions to create policy success', () => {
-    const policy = { name: 'Policy' };
-    const resp = { data: policy };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_POLICIES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Policy created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createPolicy(policy))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POLICIES_API, policy);
-  });
-  it('should create actions to create policy failure', () => {
-    const policy = { name: 'Policy' };
-    const errorMessage = 'Failed to create policy';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createPolicy(policy))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POLICIES_API, policy);
-  });
-  it('should create actions to update policy success', () => {
-    const policy = { id: 1, name: 'Policy' };
-    const resp = { data: policy };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_POLICY,
-        payload: { id: 1, name: 'Policy' },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Policy updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePolicy(policy))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.POLICIES_API + '/1', policy);
-  });
-  it('should create actions to update policy failure', () => {
-    const policy = { id: 1, name: 'Policy' };
-    const errorMessage = 'Failed to update policy';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePolicy(policy))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.POLICIES_API + '/1', policy);
-  });
-  it('should create actions to delete policy success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_POLICIES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Policy deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deletePolicy(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.POLICIES_API + '/1');
-  });
-  it('should create actions to delete policy failure', () => {
-    const errorMessage = 'Failed to delete policy';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deletePolicy(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.POLICIES_API + '/1');
-  });
-  it('should create actions to add policies list', () => {
-    const policies = [
-      { id: 1, name: 'Policy' },
-      { id: 2, name: 'Policy' },
-    ];
-
-    const expectedActions = [
-      {
-        type: types.ADD_POLICIES,
-        payload: [
-          { id: 1, name: 'Policy' },
-          { id: 2, name: 'Policy' },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addPolicies(policies));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add empty policies list', () => {
-    const policies = [];
-
-    const expectedActions = [
-      {
-        type: types.ADD_POLICIES,
-        payload: [],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addPolicies(policies));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add default policies success', () => {
-    const policies = [{ id: 1, name: 'Policy' }];
-    const resp = { data: { nodes: policies, total: 1 } };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_POLICIES,
-        payload: [{ id: 1, name: 'Policy' }],
-      },
-      {
-        type: types.ADD_POLICIES_REQUEST,
-        payload: {
-          data: [1],
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addDefaultPolicies())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POLICIES_API + '/default');
-  });
-  it('should create actions to add default policies failure', () => {
-    const errorMessage = 'Failed to add default policy';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addDefaultPolicies())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POLICIES_API + '/default');
-  });
-});
diff --git a/studio/src/__tests__/actions/posts.js b/studio/src/__tests__/actions/posts.js
deleted file mode 100644
index 2406c8e48..000000000
--- a/studio/src/__tests__/actions/posts.js
+++ /dev/null
@@ -1,1936 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/posts';
-import * as types from '../../constants/posts';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-import { ADD_MEDIA } from '../../constants/media';
-import { ADD_FORMATS } from '../../constants/formats';
-import { ADD_AUTHORS } from '../../constants/authors';
-import { ADD_TAGS } from '../../constants/tags';
-import { ADD_CATEGORIES } from '../../constants/categories';
-import { ADD_RATINGS } from '../../constants/ratings';
-import { ADD_CLAIMANTS } from '../../constants/claimants';
-import { ADD_CLAIMS } from '../../constants/claims';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-const post_without_id = {
-  name: 'Post 1',
-  authors: [{ id: 11, name: 'Author 1' }],
-  tags: [
-    { id: 21, name: 'Tag 21' },
-    { id: 22, name: 'Tag 22' },
-  ],
-  categories: [
-    { id: 31, name: 'category 31', medium: { id: 311, name: 'Category-Medium-311' } },
-    { id: 32, name: 'category 32' },
-  ],
-  format: { id: 41, name: 'Format 1' },
-  medium: { id: 51, name: 'Medium 1' },
-  claims: [
-    {
-      id: 61,
-      name: 'Claim 1',
-      claimant: { id: 601, name: 'Claimant 1', medium: { id: 621, name: 'Medium-Claimant 1' } },
-      rating: { id: 602, name: 'Rating 1', medium: { id: 622, name: 'Medium-Rating 1' } },
-    },
-  ],
-};
-
-const post = {
-  id: 1,
-  ...post_without_id,
-};
-
-const post2 = {
-  id: 2,
-  name: 'Post 2',
-  authors: [{ id: 12, name: 'Author 2' }],
-  tags: [
-    { id: 21, name: 'Tag 21' },
-    { id: 23, name: 'Tag 23' },
-    { id: 24, name: 'Tag 24' },
-  ],
-  categories: [
-    { id: 33, name: 'category 33' },
-    { id: 34, name: 'category 34' },
-  ],
-  format: { id: 42, name: 'Format 2' },
-  medium: { id: 52, name: 'Medium 2' },
-};
-const post_without_media = {
-  id: 123,
-  name: 'Post 1',
-  authors: [{ id: 11, name: 'Author 1' }],
-  tags: [
-    { id: 21, name: 'Tag 21' },
-    { id: 22, name: 'Tag 22' },
-  ],
-  categories: [
-    { id: 31, name: 'category 31', medium: { id: 311, name: 'Category-Medium-311' } },
-    { id: 32, name: 'category 32' },
-  ],
-  format: { id: 41, name: 'Format 1' },
-  claims: [
-    {
-      id: 61,
-      name: 'Claim 1',
-      claimant: { id: 601, name: 'Claimant 1', medium: { id: 621, name: 'Medium-Claimant 1' } },
-      rating: { id: 602, name: 'Rating 1', medium: { id: 622, name: 'Medium-Rating 1' } },
-    },
-  ],
-};
-describe('posts actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_POSTS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingPosts()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_POSTS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopPostsLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add posts list', () => {
-    const data = [post, post2];
-
-    const addPostsAction = {
-      type: types.ADD_POSTS,
-      payload: data,
-    };
-    expect(actions.addPostsList(data)).toEqual(addPostsAction);
-  });
-  it('should create an action to add posts request', () => {
-    const data = [{ query: 'query' }];
-    const addPostsRequestAction = {
-      type: types.ADD_POSTS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addPostsRequest(data)).toEqual(addPostsRequestAction);
-  });
-  it('should create an action to add post', () => {
-    const data = post;
-    const addPostsRequestAction = {
-      type: types.ADD_POST,
-      payload: data,
-    };
-    expect(actions.getPostByID(data)).toEqual(addPostsRequestAction);
-  });
-  it('should create an action to reset posts', () => {
-    const resetPostsRequestAction = {
-      type: types.RESET_POSTS,
-    };
-    expect(actions.resetPosts()).toEqual(resetPostsRequestAction);
-  });
-  it('should create actions to fetch posts success', () => {
-    const query = {
-      page: 1,
-      limit: 5,
-      q: 'post',
-      sort: 'asc',
-      tag: [21],
-      category: [33],
-      format: [42],
-      status: 'draft',
-      author: [11],
-    };
-    const posts = [{ ...post, status: 'draft' }];
-    const resp = { data: { nodes: posts, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_POSTS,
-        payload: [
-          {
-            id: 1,
-            name: 'Post 1',
-            status: 'draft',
-            authors: [11],
-            tags: [21, 22],
-            categories: [31, 32],
-            format: 41,
-            medium: 51,
-            claims: [61],
-          },
-        ],
-      },
-      {
-        type: types.ADD_POSTS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const params = new URLSearchParams(
-      'category=33&tag=21&format=42&page=1&limit=5&sort=asc&q=post&status=draft&author=11',
-    );
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPosts(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch posts success without page and limit ', () => {
-    const query = {
-      q: 'post',
-      sort: 'asc',
-      tag: [21],
-      category: [33],
-      format: [42],
-      status: 'publish',
-    };
-    const posts = [{ ...post, status: 'publish' }];
-    const resp = { data: { nodes: posts, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_POSTS,
-        payload: [
-          {
-            id: 1,
-            name: 'Post 1',
-            status: 'publish',
-            authors: [11],
-            tags: [21, 22],
-            categories: [31, 32],
-            format: 41,
-            medium: 51,
-            claims: [61],
-          },
-        ],
-      },
-      {
-        type: types.ADD_POSTS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const params = new URLSearchParams(
-      'category=33&tag=21&format=42&sort=asc&q=post&status=publish',
-    );
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPosts(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch posts success without any optional fields', () => {
-    const query = { page: 1, limit: 5 };
-    const post_without_fields = { ...post, status: 'ready' };
-    post_without_fields.categories = [];
-    post_without_fields.authors = [];
-    post_without_fields.tags = [];
-    post_without_fields.claims = [];
-    post_without_fields.medium = undefined;
-
-    const resp = { data: { nodes: [post_without_fields], total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_POSTS,
-        payload: [
-          {
-            id: 1,
-            name: 'Post 1',
-            status: 'ready',
-            authors: [],
-            tags: [],
-            categories: [],
-            format: 41,
-            medium: undefined,
-            claims: [],
-          },
-        ],
-      },
-      {
-        type: types.ADD_POSTS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const params = new URLSearchParams('page=1&limit=5');
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPosts(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API, {
-      params: params,
-    });
-  });
-  it('should throw error on fetch posts without required field format', () => {
-    const { format, ...post_without_author } = post;
-    const posts = [post_without_author];
-    const resp = { data: { nodes: posts, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const query = { page: 1, limit: 5 };
-    const store = mockStore({ initialState });
-    const params = new URLSearchParams('page=1&limit=5');
-
-    store.dispatch(actions.getPosts(query)).catch((err) => expect(err).toBeInstanceOf(TypeError));
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to fetch posts failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-    const params = new URLSearchParams('page=1&limit=5');
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPosts(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API, {
-      params: params,
-    });
-  });
-  it('should create actions to get post by id success', () => {
-    const id = 1;
-    const resp = { data: post };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 1,
-          name: 'Post 1',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: 41,
-          medium: 51,
-          claims: [61],
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPost(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API + '/' + id);
-  });
-  it('should create actions to get post by id success without any optional fields', () => {
-    const post_without_fields = { ...post };
-    post_without_fields.categories = [];
-    post_without_fields.authors = [];
-    post_without_fields.tags = [];
-    post_without_fields.claims = [];
-    post_without_fields.medium = undefined;
-
-    const id = 1;
-    const resp = { data: post_without_fields };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 1,
-          name: 'Post 1',
-          authors: [],
-          tags: [],
-          categories: [],
-          format: 41,
-          medium: undefined,
-          claims: [],
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPost(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API + '/' + id);
-  });
-  it('should throw error on get post by id without required field format', () => {
-    const { format, ...post_without_format } = post;
-
-    const id = 1;
-    const resp = { data: post_without_format };
-    axios.get.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.getPost(id)).catch((err) => expect(err).toBeInstanceOf(TypeError));
-
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API + '/' + id);
-  });
-  it('should create actions to get post by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getPost(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.POSTS_API + '/' + id);
-  });
-  it('should create actions to create post success', () => {
-    const data2 = { ...post };
-    data2.status = 'publish';
-    const resp = { data: data2 };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.RESET_POSTS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Format 1 Published',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addPost(post_without_id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API, post_without_id);
-  });
-  it('should create actions to create post success without any optional fields', () => {
-    const post_without_fields = { ...post };
-    post_without_fields.categories = [];
-    post_without_fields.authors = [];
-    post_without_fields.tags = [];
-    post_without_fields.claims = [];
-    post_without_fields.medium = undefined;
-    post_without_fields.status = 'draft';
-    const resp = { data: post_without_fields };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: types.RESET_POSTS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Post added',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addPost(post_without_fields))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API, post_without_fields);
-  });
-  it('should throw error on create post without required field format', () => {
-    const { format, ...post_without_format } = post;
-
-    const resp = { data: post_without_format };
-    axios.post.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addPost(post_without_id))
-      .catch((err) => expect(err).toBeInstanceOf(TypeError));
-
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API, post_without_id);
-  });
-  it('should create actions to create post failure', () => {
-    const errorMessage = 'Failed to create post';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addPost(post))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API, post);
-  });
-  it('should create actions to update post success', () => {
-    const data2 = { ...post };
-    data2.status = 'draft';
-    const resp = { data: data2 };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 1,
-          name: 'Post 1',
-          status: 'draft',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: 41,
-          medium: 51,
-          claims: [61],
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Draft Saved',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePost(data2))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.POSTS_API + '/1', data2);
-  });
-  it('should create actions to publish post success', () => {
-    const resp = { data: post };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 1,
-          name: 'Post 1',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: 41,
-          medium: 51,
-          claims: [61],
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Post published',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.publishPost(post))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.POSTS_API + '/1' + '/publish', post);
-  });
-  it('should create actions to publish post success without medium', () => {
-    const resp = { data: post_without_media };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 123,
-          name: 'Post 1',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: 41,
-          claims: [61],
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Post published',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.publishPost(post_without_media))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(
-      types.POSTS_API + '/123' + '/publish',
-      post_without_media,
-    );
-  });
-  it('should create actions to publish success', () => {
-    const resp = { data: post };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 1,
-          name: 'Post 1',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: 41,
-          medium: 51,
-          claims: [61],
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Post published',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.publish(post))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API + '/publish', post);
-  });
-  it('should create actions to publish success without medium', () => {
-    const resp = { data: post_without_media };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 123,
-          name: 'Post 1',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: 41,
-          claims: [61],
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Post published',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.publish(post_without_media))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API + '/publish', post_without_media);
-  });
-
-  it('should create actions to publish failure', () => {
-    const errorMessage = 'Failed to publish post';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.publish(post))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API + '/publish', post);
-  });
-
-  it('should create actions to template success', () => {
-    const resp = { data: post };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 51, name: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 1,
-          name: 'Post 1',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: 41,
-          medium: 51,
-          claims: [61],
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Template created',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addTemplate(post))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API + '/templates', post);
-  });
-
-  it('should create actions to template success without medium', () => {
-    const resp = { data: post_without_media };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [
-          { id: 21, name: 'Tag 21' },
-          { id: 22, name: 'Tag 22' },
-        ],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 311, name: 'Category-Medium-311' }],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [
-          { id: 31, name: 'category 31', medium: 311 },
-          { id: 32, name: 'category 32', medium: undefined },
-        ],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [{ id: 11, name: 'Author 1' }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 621, name: 'Medium-Claimant 1' }],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [{ id: 601, name: 'Claimant 1', medium: 621 }],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 622, name: 'Medium-Rating 1' }],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [{ id: 602, name: 'Rating 1', medium: 622 }],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [{ id: 61, name: 'Claim 1', claimant: 601, rating: 602 }],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 123,
-          name: 'Post 1',
-          authors: [11],
-          tags: [21, 22],
-          categories: [31, 32],
-          format: 41,
-          claims: [61],
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Template created',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addTemplate(post_without_media))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API + '/templates', post_without_media);
-  });
-
-  it('should create actions to template failure', () => {
-    const errorMessage = 'Failed to publish post';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addTemplate(post))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.POSTS_API + '/templates', post);
-  });
-
-  it('should create actions to update success without any optional fields', () => {
-    const post_without_fields = { ...post };
-    post_without_fields.categories = [];
-    post_without_fields.authors = [];
-    post_without_fields.tags = [];
-    post_without_fields.claims = [];
-    post_without_fields.medium = undefined;
-    post_without_fields.status = 'publish';
-
-    const resp = { data: post_without_fields };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 1,
-          name: 'Post 1',
-          authors: [],
-          tags: [],
-          categories: [],
-          format: 41,
-          medium: undefined,
-          claims: [],
-          status: 'publish',
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Format 1 Published',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePost(post_without_fields))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.POSTS_API + '/1', post_without_fields);
-  });
-  it('should create actions to update success without any optional fields with ready status', () => {
-    const post_without_fields = { ...post };
-    post_without_fields.categories = [];
-    post_without_fields.authors = [];
-    post_without_fields.tags = [];
-    post_without_fields.claims = [];
-    post_without_fields.medium = undefined;
-    post_without_fields.status = 'ready';
-
-    const resp = { data: post_without_fields };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_TAGS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CATEGORIES,
-        payload: [],
-      },
-      {
-        type: ADD_AUTHORS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMANTS,
-        payload: [],
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: ADD_RATINGS,
-        payload: [],
-      },
-      {
-        type: ADD_CLAIMS,
-        payload: [],
-      },
-      {
-        type: ADD_FORMATS,
-        payload: [{ id: 41, name: 'Format 1' }],
-      },
-      {
-        type: types.ADD_POST,
-        payload: {
-          id: 1,
-          name: 'Post 1',
-          authors: [],
-          tags: [],
-          categories: [],
-          format: 41,
-          medium: undefined,
-          claims: [],
-          status: 'ready',
-        },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Draft saved & Ready to Publish',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePost(post_without_fields))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.POSTS_API + '/1', post_without_fields);
-  });
-  it('should throw error on update post without required field format', () => {
-    const { format, ...post_without_format } = post;
-
-    const resp = { data: post_without_format };
-    axios.put.mockResolvedValue(resp);
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePost(post_without_format))
-      .catch((err) => expect(err).toBeInstanceOf(TypeError));
-    expect(axios.put).toHaveBeenCalledWith(types.POSTS_API + '/1', post_without_format);
-  });
-  it('should create actions to update post failure', () => {
-    const errorMessage = 'Failed to update post';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updatePost(post))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.POSTS_API + '/1', post);
-  });
-  it('should create actions to publish post failure', () => {
-    const errorMessage = 'Failed to publish post';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.publishPost(post))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.POSTS_API + '/1' + '/publish', post);
-  });
-  it('should create actions to delete post success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_POSTS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Post deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deletePost(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.POSTS_API + '/1');
-  });
-  it('should create actions to delete post failure', () => {
-    const errorMessage = 'Failed to delete post';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deletePost(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.POSTS_API + '/1');
-  });
-});
diff --git a/studio/src/__tests__/actions/profile.js b/studio/src/__tests__/actions/profile.js
deleted file mode 100644
index ba00d9a75..000000000
--- a/studio/src/__tests__/actions/profile.js
+++ /dev/null
@@ -1,152 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/profile';
-import * as types from '../../constants/profile';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  details: {},
-  loading: true,
-};
-
-describe('profile actions', () => {
-  let store;
-  beforeEach(() => {
-    store = mockStore({ initialState });
-  });
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_PROFILE_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingProfile()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_PROFILE_LOADING,
-      payload: false,
-    };
-    expect(actions.stopProfileLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to ADD_PROFILE', () => {
-    const data = { id: 1, email: 'abc@gmail.com', first_name: 'abc' };
-    const addProfileAction = {
-      type: types.ADD_PROFILE,
-      payload: data,
-    };
-    expect(actions.getProfile(data)).toEqual(addProfileAction);
-  });
-  it('should create actions to fetch user profile success', () => {
-    const profile = { id: 1, email: 'abc@gmail.com', first_name: 'abc' };
-    const resp = { data: profile };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PROFILE_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_PROFILE,
-        payload: { id: 1, email: 'abc@gmail.com', first_name: 'abc' },
-      },
-      {
-        type: types.SET_PROFILE_LOADING,
-        payload: false,
-      },
-    ];
-    store
-      .dispatch(actions.getUserProfile())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PROFILE_API);
-  });
-  it('should create actions to fetch user profile failure', () => {
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_PROFILE_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-    store
-      .dispatch(actions.getUserProfile())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.PROFILE_API);
-  });
-  it('should create actions to update profile success', () => {
-    const profile = { id: 1, email: 'abc@gmail.com', first_name: 'abc' };
-    const resp = { data: profile };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_PROFILE_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_PROFILE,
-        payload: { id: 1, email: 'abc@gmail.com', first_name: 'abc' },
-      },
-      {
-        type: types.SET_PROFILE_LOADING,
-        payload: false,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Profile Updated',
-          time: Date.now(),
-        },
-      },
-    ];
-    store
-      .dispatch(actions.updateProfile(profile))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.PROFILE_API, profile);
-  });
-  it('should create actions to update profile failure', () => {
-    const profile = { id: 1, email: 'abc@gmail.com', first_name: 'abc' };
-    const errorMessage = 'Unable to update profile';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_PROFILE_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-    store
-      .dispatch(actions.updateProfile(profile))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.PROFILE_API, profile);
-  });
-});
diff --git a/studio/src/__tests__/actions/ratings.js b/studio/src/__tests__/actions/ratings.js
deleted file mode 100644
index 7aaf81084..000000000
--- a/studio/src/__tests__/actions/ratings.js
+++ /dev/null
@@ -1,662 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/ratings';
-import * as types from '../../constants/ratings';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-import { ADD_MEDIA } from '../../constants/media';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-  total: 0,
-};
-
-describe('ratings actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_RATINGS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingRatings()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_RATINGS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopRatingsLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add ratings list', () => {
-    const data = [
-      { id: 1, name: 'tester 1' },
-      { id: 2, name: 'testing 2' },
-    ];
-
-    const addRatingsAction = {
-      type: types.ADD_RATINGS,
-      payload: data,
-    };
-    expect(actions.addRatingsList(data)).toEqual(addRatingsAction);
-  });
-  it('should create an action to add ratings request', () => {
-    const data = [{ query: 'query' }];
-    const addRatingsRequestAction = {
-      type: types.ADD_RATINGS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addRatingsRequest(data)).toEqual(addRatingsRequestAction);
-  });
-  it('should create an action to reset ratings', () => {
-    const resetRatingsAction = {
-      type: types.RESET_RATINGS,
-    };
-    expect(actions.resetRatings()).toEqual(resetRatingsAction);
-  });
-  it('should create actions to fetch ratings with none having media', () => {
-    const query = { page: 1, limit: 5 };
-    const ratings = [{ id: 1, name: 'Rating' }];
-    const resp = { data: { nodes: ratings, total: 2 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_RATINGS,
-        payload: [{ id: 1, name: 'Rating', medium: undefined }],
-      },
-      {
-        type: types.ADD_RATINGS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 2,
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getRatings(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.RATINGS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch ratings success with some having media', () => {
-    const query = { page: 1, limit: 5 };
-    const ratings = [
-      { id: 1, name: 'Rating 1', medium: { id: 10, medium: 'Medium 1' } },
-      { id: 2, name: 'Rating 2' },
-    ];
-    const resp = { data: { nodes: ratings, total: 2 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [{ id: 10, medium: 'Medium 1' }],
-      },
-      {
-        type: types.ADD_RATINGS,
-        payload: [
-          { id: 1, name: 'Rating 1', medium: 10 },
-          { id: 2, name: 'Rating 2', medium: undefined },
-        ],
-      },
-      {
-        type: types.ADD_RATINGS_REQUEST,
-        payload: {
-          data: [1, 2],
-          query: query,
-          total: 2,
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getRatings(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.RATINGS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch ratings success with all having media', () => {
-    const query = { page: 1, limit: 5 };
-    const ratings = [
-      { id: 1, name: 'Rating 1', medium: { id: 10, medium: 'Medium 1' } },
-      { id: 2, name: 'Rating 2', medium: { id: 20, medium: 'Medium 2' } },
-    ];
-    const resp = { data: { nodes: ratings, total: 2 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [
-          { id: 10, medium: 'Medium 1' },
-          { id: 20, medium: 'Medium 2' },
-        ],
-      },
-      {
-        type: types.ADD_RATINGS,
-        payload: [
-          { id: 1, name: 'Rating 1', medium: 10 },
-          { id: 2, name: 'Rating 2', medium: 20 },
-        ],
-      },
-      {
-        type: types.ADD_RATINGS_REQUEST,
-        payload: {
-          data: [1, 2],
-          query: query,
-          total: 2,
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getRatings(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.RATINGS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch ratings failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getRatings(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.RATINGS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get rating by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getRating(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.RATINGS_API + '/' + id);
-  });
-  it('should create actions to get rating by id without medium', () => {
-    const id = 1;
-    const rating = { id, name: 'Rating' };
-    const resp = { data: rating };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_RATING,
-        payload: { id, name: 'Rating', medium: undefined },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getRating(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.RATINGS_API + '/' + id);
-  });
-  it('should create actions to get rating by id with medium', () => {
-    const id = 1;
-    const medium = { id: 1, medium: 'Medium' };
-    const rating = { id, name: 'Rating', medium };
-    const resp = { data: rating };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.GET_RATING,
-        payload: { id, name: 'Rating', medium: 1 },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getRating(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.RATINGS_API + '/' + id);
-  });
-  it('should create actions to create rating success', () => {
-    const rating = { name: 'Rating' };
-    const resp = { data: rating };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_RATINGS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Rating created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createRating(rating))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.RATINGS_API, rating);
-  });
-  it('should create actions to create rating failure', () => {
-    const rating = { name: 'Rating' };
-    const errorMessage = 'Failed to create rating';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createRating(rating))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.RATINGS_API, rating);
-  });
-  it('should create actions to update rating without medium', () => {
-    const rating = { id: 1, name: 'Rating' };
-    const resp = { data: rating };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_RATING,
-        payload: { id: 1, name: 'Rating', medium: undefined },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Rating updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateRating(rating))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.RATINGS_API + '/1', rating);
-  });
-  it('should create actions to update rating with medium', () => {
-    const medium = { id: 4, name: 'medium' };
-    const rating = { id: 1, name: 'Rating', medium: medium };
-    const resp = { data: rating };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.UPDATE_RATING,
-        payload: { id: 1, name: 'Rating', medium: 4 },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Rating updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateRating(rating))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.RATINGS_API + '/1', rating);
-  });
-  it('should create actions to update rating failure', () => {
-    const rating = { id: 1, name: 'Rating' };
-    const errorMessage = 'Failed to update rating';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateRating(rating))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.RATINGS_API + '/1', rating);
-  });
-  it('should create actions to delete rating success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_RATINGS,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteRating(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.RATINGS_API + '/1');
-  });
-  it('should create actions to delete rating failure', () => {
-    const errorMessage = 'Failed to delete rating';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteRating(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.RATINGS_API + '/1');
-  });
-  it('should create actions to add ratings list with none having medium', () => {
-    const ratings = [
-      { id: 1, name: 'Rating' },
-      { id: 2, name: 'Rating 2' },
-    ];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_RATINGS,
-        payload: [
-          { id: 1, name: 'Rating', medium: undefined },
-          { id: 2, name: 'Rating 2', medium: undefined },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addRatings(ratings));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add ratings list with some having medium', () => {
-    const medium = { id: 4, name: 'medium' };
-    const ratings = [
-      { id: 1, name: 'Rating' },
-      { id: 2, name: 'Rating 2', medium: medium },
-    ];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [medium],
-      },
-      {
-        type: types.ADD_RATINGS,
-        payload: [
-          { id: 1, name: 'Rating', medium: undefined },
-          { id: 2, name: 'Rating 2', medium: 4 },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addRatings(ratings));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add empty ratings list', () => {
-    const ratings = [];
-
-    const expectedActions = [
-      {
-        type: ADD_MEDIA,
-        payload: [],
-      },
-      {
-        type: types.ADD_RATINGS,
-        payload: [],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addRatings(ratings));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add default ratings success', () => {
-    const ratings = [{ id: 1, name: 'Rating' }];
-    const resp = { data: { nodes: ratings, total: 1 } };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_RATINGS,
-        payload: [{ id: 1, name: 'Rating', medium: undefined }],
-      },
-      {
-        type: types.ADD_RATINGS_REQUEST,
-        payload: {
-          data: [1],
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addDefaultRatings())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.RATINGS_API + '/default');
-  });
-  it('should create actions to add default ratings failure', () => {
-    const errorMessage = 'Failed to add default rating';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addDefaultRatings())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.RATINGS_API + '/default');
-  });
-});
diff --git a/studio/src/__tests__/actions/sachFactChecks.js b/studio/src/__tests__/actions/sachFactChecks.js
deleted file mode 100644
index 5025f8760..000000000
--- a/studio/src/__tests__/actions/sachFactChecks.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/sachFactChecks';
-import * as types from '../../constants/sachFactChecks';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  details: [],
-  loading: true,
-};
-
-const factcheck = {
-  claims: [
-    {
-      claimant: 'Daily Express',
-      claimdate: '2017-02-16T00:00:00Z',
-      claimreview: [
-        {
-          languagecode: 'en',
-          reviewdate: '2017-02-16T00:00:00Z',
-          textualrating:
-            'The estimates suggest this happened, but it’s uncertain. The changes in the ONS’ best estimates weren’t big enough for us to be sure there was any real change.',
-          title:
-            'Reports on employment figures are accurate, but not the whole picture - Full Fact',
-          url:
-            'https://fullfact.org/immigration/reports-employment-figures-are-accurate-not-whole-picture/',
-        },
-      ],
-      id: '62a03199a5f38940ad71ba7d',
-      text: 'The number of British-born workers has fallen.',
-    },
-    {
-      claimant: 'Daily Express',
-      claimdate: '2017-02-15T00:00:00Z',
-      claimreview: [
-        {
-          languagecode: 'en',
-          reviewdate: '2017-02-16T00:00:00Z',
-          textualrating:
-            'That’s correct. The ONS’ best estimate for the number of non-UK born workers rose by 431,000 between the end of 2015 and the end of 2016.',
-          title:
-            'Reports on employment figures are accurate, but not the whole picture - Full Fact',
-          url:
-            'https://fullfact.org/immigration/reports-employment-figures-are-accurate-not-whole-picture/',
-        },
-      ],
-      id: '62a0319aa5f38940ad71c04b',
-      text: 'There are another 431,000 foreign born workers in the UK.',
-    },
-  ],
-  date: '2017-02-16T00:00:00Z',
-  humanlanguage: 'en',
-  id: '62a0405ffa2840264aa24f27',
-  pageurl:
-    'https://fullfact.org/immigration/reports-employment-figures-are-accurate-not-whole-picture/',
-  publisher: {
-    name: 'Full Fact',
-    site: 'fullfact.org',
-  },
-  sitename: 'Full Fact',
-  tags: ['employment', 'United Kingdom'],
-  text:
-    'That’s correct. The ONS’ best estimate for the number of non-UK born workers rose by 431,000 between the end of 2015 and the end of 2016.\n“Another 431,000 migrants working in Britain”\nDaily Express, paper edition, 16 February 2017\n“British-born workers PLUNGE as foreign workers RISE by 431,000”\nDaily Express, online edition, 16 February 2017\nSeveral media outlets reported the most recent set of employment figures this morning, and the Daily Express featured the story on its front page. The figures reported are correct, but there’s a lot of uncertainty around some of the latest changes.\nThe good news is we haven’t seen anyone make the kind of mistakes we’ve seen in the past when it comes to reporting employment figures.\nAs the Office for National Statistics says prominently, these statistics don’t tell us how many people have lost jobs or how many people have got a new one, they just tell us the final change in the headcount of people who have jobs.\nThese estimates are very uncertain\nThe UK had 431,000 more foreign-born workers at the end of 2016 than it had a year beforehand, according to estimates from the Office for National Statistics (ONS).\nMeanwhile, its estimate for the number of workers born inside the UK dropped by 120,000.\nSo foreign-born workers rose in number while British born workers fell? Not quite.\nThe difference between these two changes is that the first is big enough for us to be confident it’s genuine, the second isn’t.\nThe estimates are based on a survey, so there’s a grey area around the ONS’ best estimate for the numbers of different groups of workers.\nThe estimate for UK-born workers and UK nationals in work would have to change by more than 200,000 for us to be reasonably confident that we were seeing a genuine change in the real world.\nThat may sound like a surprisingly big margin. But remember: there are an estimated 26 million UK-born workers or 28 million UK citizens in work. A change of less than 200,000 is difficult to detect with a lot of confidence, based on these figures.\nThere’s more than one definition of ‘foreigner’\nThe Office for National Statistics puts out employment figures for two groups which you might associate with the word, ‘foreigner’:\nPeople born inside / outside the UK\nUK / non-UK nationals\nThe estimated number of British-born workers didn’t ‘plunge’ on both definitions.\nThe best estimate for the number of UK-born workers fell by 120,000, and rose by 70,000 for UK nationals. Like before, these changes are too small for us to be confident they’ve actually happened.',
-  title: 'Reports on employment figures are accurate, but not the whole picture',
-  translation: {},
-};
-
-describe('sach fact-checks action', () => {
-  // testing the loadingSachFactChecks action
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_SACH_FACT_CHECKS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingSachFactChecks()).toEqual(startLoadingAction);
-  });
-
-  // testing the stopLoading fact check action
-  it('should create an action to stop loading', () => {
-    const stopLoadingAction = {
-      type: types.SET_SACH_FACT_CHECKS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopLoading()).toEqual(stopLoadingAction);
-  });
-
-  //testing it addFactChecks action
-  it('should create an action to add fact checks', () => {
-    const addFactChecksAction = {
-      type: types.ADD_SACH_FACT_CHECKS,
-      payload: [factcheck],
-    };
-    expect(actions.addFactChecks([factcheck])).toEqual(addFactChecksAction);
-  });
-});
diff --git a/studio/src/__tests__/actions/search.js b/studio/src/__tests__/actions/search.js
deleted file mode 100644
index 751fd1fb8..000000000
--- a/studio/src/__tests__/actions/search.js
+++ /dev/null
@@ -1,93 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import * as actions from '../../actions/search';
-import * as types from '../../constants/search';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-const initialState = {
-  req: [],
-  details: {
-    articles: [],
-    'fact-checks': [],
-    pages: [],
-    claims: [],
-    tags: [],
-    categories: [],
-    media: [],
-    ratings: [],
-    total: 0,
-  },
-  loading: true,
-};
-
-describe('search actions', () => {
-  it('should create actions to fetch search details success', () => {
-    const query = { page: 1, limit: 5 };
-    const resp = {
-      data: [
-        { name: 'new claim', kind: 'claim' },
-        { name: 'new media', kind: 'medium' },
-      ],
-    };
-    axios.post.mockResolvedValue(resp);
-    const expectedActions = [
-      {
-        type: types.SET_SEARCH_DETAILS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_SEARCH_DETAIL,
-        payload: {
-          data: [
-            { name: 'new claim', kind: 'claim' },
-            { name: 'new media', kind: 'medium' },
-          ],
-          formats: { 0: { slug: 'article' } },
-        },
-      },
-      {
-        type: types.SET_SEARCH_DETAILS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ ...initialState, formats: { details: { 0: { slug: 'article' } } } });
-    store
-      .dispatch(actions.getSearchDetails(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.SEARCH_DETAILS_API, query);
-  });
-
-  it('should create actions to fetch search details failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'search failed';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-    const expectedActions = [
-      {
-        type: types.SET_SEARCH_DETAILS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_SEARCH_DETAILS_LOADING,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ ...initialState, formats: { details: { 0: { slug: 'article' } } } });
-    store
-      .dispatch(actions.getSearchDetails(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.SEARCH_DETAILS_API, query);
-  });
-});
diff --git a/studio/src/__tests__/actions/sidebar.js b/studio/src/__tests__/actions/sidebar.js
deleted file mode 100644
index ab31f3b11..000000000
--- a/studio/src/__tests__/actions/sidebar.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/sidebar';
-import * as types from '../../constants/sidebar';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-const initialState = {
-  collapsed: false,
-};
-
-describe('sidebar reducer', () => {
-  it('should create an action to SET_COLLAPSE to true', () => {
-    const collapsed = true;
-    const setCollapseAction = [
-      {
-        type: types.SET_COLLAPSE,
-        payload: true,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store.dispatch(actions.setCollapse(collapsed));
-    expect(store.getActions()).toEqual(setCollapseAction);
-  });
-  it('should create an action to SET_COLLAPSE to false', () => {
-    const collapsed = false;
-    const setCollapseAction = [
-      {
-        type: types.SET_COLLAPSE,
-        payload: false,
-      },
-    ];
-    const store = mockStore({ initialState });
-    store.dispatch(actions.setCollapse(collapsed));
-    expect(store.getActions()).toEqual(setCollapseAction);
-  });
-});
diff --git a/studio/src/__tests__/actions/spaces.js b/studio/src/__tests__/actions/spaces.js
deleted file mode 100644
index c3fc885ca..000000000
--- a/studio/src/__tests__/actions/spaces.js
+++ /dev/null
@@ -1,305 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/spaces';
-import * as types from '../../constants/spaces';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  orgs: [],
-  details: {},
-  loading: true,
-  selected: 0,
-};
-
-describe('spaces actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.LOADING_SPACES,
-    };
-    expect(actions.loadingSpaces()).toEqual(startLoadingAction);
-  });
-  it('should create an action to add spaces list', () => {
-    const data = [
-      { id: 1, name: 'tester 1' },
-      { id: 2, name: 'testing 2' },
-    ];
-
-    const addSpacesAction = {
-      type: types.GET_SPACES_SUCCESS,
-      payload: data,
-    };
-    expect(actions.getSpacesSuccess(data)).toEqual(addSpacesAction);
-  });
-  it('should create an action to add empty space list', () => {
-    const data = [];
-    const addSpacesAction = {
-      type: types.GET_SPACES_SUCCESS,
-      payload: [],
-    };
-    expect(actions.getSpacesSuccess(data)).toEqual(addSpacesAction);
-  });
-  it('should create an action to add space', () => {
-    const data = { id: 1, name: 'tester 1' };
-    const addSpaceAction = {
-      type: types.ADD_SPACE_SUCCESS,
-      payload: data,
-    };
-    expect(actions.addSpaceSuccess(data)).toEqual(addSpaceAction);
-  });
-  it('should create an action to delete space', () => {
-    const deleteSpaceAction = {
-      type: types.DELETE_SPACE_SUCCESS,
-      payload: 1,
-    };
-    expect(actions.deleteSpaceSuccess(1)).toEqual(deleteSpaceAction);
-  });
-  it('should create an action to update space', () => {
-    const data = { id: 1, name: 'tester 1' };
-    const updateSpaceAction = {
-      type: types.UPDATE_SPACE_SUCCESS,
-      payload: data,
-    };
-    expect(actions.updateSpaceSuccess(data)).toEqual(updateSpaceAction);
-  });
-  it('should create actions to fetch spaces success', () => {
-    const spaces = [{ id: 1, name: 'Space' }];
-    const resp = { data: spaces };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.LOADING_SPACES,
-      },
-      {
-        type: types.GET_SPACES_SUCCESS,
-        payload: spaces,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getSpaces())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.API_GET_SPACES);
-  });
-  it('should create actions to fetch spaces failure', () => {
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.LOADING_SPACES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getSpaces())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.API_GET_SPACES);
-  });
-  it('should create actions to create space success', () => {
-    const space = { name: 'Space' };
-    const resp = { data: space };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.LOADING_SPACES,
-      },
-      {
-        type: types.ADD_SPACE_SUCCESS,
-        payload: space,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Space added',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addSpace(space))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.API_ADD_SPACE, space);
-  });
-  it('should create actions to create space failure', () => {
-    const space = { name: 'Space' };
-    const errorMessage = 'Failed to create space';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.LOADING_SPACES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addSpace(space))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.API_ADD_SPACE, space);
-  });
-  it('should create actions to update space success', () => {
-    const space = { id: 1, name: 'Space' };
-    const resp = { data: space };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.LOADING_SPACES,
-      },
-      {
-        type: types.UPDATE_SPACE_SUCCESS,
-        payload: space,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Space updated',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateSpace(space))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.API_UPDATE_SPACE + '/1', space);
-  });
-  it('should create actions to update space failure', () => {
-    const space = { id: 1, name: 'Space' };
-    const errorMessage = 'Failed to update space';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.LOADING_SPACES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateSpace(space))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.API_UPDATE_SPACE + '/1', space);
-  });
-  it('should create actions to delete space success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.LOADING_SPACES,
-      },
-      {
-        type: types.DELETE_SPACE_SUCCESS,
-        payload: 1,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Space deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteSpace(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.API_DELETE_SPACE + '/1');
-  });
-  it('should create actions to delete space failure', () => {
-    const errorMessage = 'Failed to delete space';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.LOADING_SPACES,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteSpace(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.API_DELETE_SPACE + '/1');
-  });
-  it('should create actions to set selected space', () => {
-    const space = { id: 1, name: 'Space' };
-
-    const expectedActions = [
-      {
-        type: types.SET_SELECTED_SPACE,
-        payload: space,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Space changed',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.setSelectedSpace(space));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-});
diff --git a/studio/src/__tests__/actions/tags.js b/studio/src/__tests__/actions/tags.js
deleted file mode 100644
index 6a050c3de..000000000
--- a/studio/src/__tests__/actions/tags.js
+++ /dev/null
@@ -1,408 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/tags';
-import * as types from '../../constants/tags';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('tags actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_TAGS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingTags()).toEqual(startLoadingAction);
-  });
-
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_TAGS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopTagsLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add tags list', () => {
-    const data = [
-      { id: 1, name: 'tester 1' },
-      { id: 2, name: 'testing 2' },
-    ];
-
-    const addTagsAction = {
-      type: types.ADD_TAGS,
-      payload: data,
-    };
-    expect(actions.addTags(data)).toEqual(addTagsAction);
-  });
-  it('should create an action to add tags request', () => {
-    const data = [{ query: 'query' }];
-    const addTagsRequestAction = {
-      type: types.ADD_TAGS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addTagsRequest(data)).toEqual(addTagsRequestAction);
-  });
-  it('should create an action to reset tags', () => {
-    const resetTagsRequestAction = {
-      type: types.RESET_TAGS,
-    };
-    expect(actions.resetTags()).toEqual(resetTagsRequestAction);
-  });
-  it('should create actions to fetch tags success', () => {
-    const query = { page: 1, limit: 5 };
-    const tags = [{ id: 1, name: 'Tag' }];
-    const resp = { data: { nodes: tags, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_TAGS,
-        payload: [{ id: 1, name: 'Tag' }],
-      },
-      {
-        type: types.ADD_TAGS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getTags(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.TAGS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch tags failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getTags(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.TAGS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get tag by id success', () => {
-    const id = 1;
-    const tag = { id, name: 'Tag' };
-    const resp = { data: tag };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.GET_TAG,
-        payload: { id, name: 'Tag' },
-      },
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getTag(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.TAGS_API + '/' + id);
-  });
-  it('should create actions to get tag by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getTag(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.TAGS_API + '/' + id);
-  });
-  it('should not create actions for fetching tag when spaceID is 0 ', () => {
-    const query = { page: 1, limit: 5 };
-    const expectedActions = [];
-    const store = mockStore({ ...initialState, spaces: { selected: 0 } });
-    store.dispatch(actions.getTags(query));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to create tag success', () => {
-    const tag = { name: 'Tag' };
-    const resp = { data: tag };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_TAGS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Tag created',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createTag(tag))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.TAGS_API, tag);
-  });
-  it('should create actions to create tag failure', () => {
-    const tag = { name: 'Tag' };
-    const errorMessage = 'Failed to create tag';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.createTag(tag))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.TAGS_API, tag);
-  });
-  it('should create actions to update tag success', () => {
-    const tag = { id: 1, name: 'Tag' };
-    const resp = { data: tag };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.UPDATE_TAG,
-        payload: { id: 1, name: 'Tag' },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Tag updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateTag(tag))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.TAGS_API + '/1', tag);
-  });
-  it('should create actions to update tag failure', () => {
-    const tag = { id: 1, name: 'Tag' };
-    const errorMessage = 'Failed to update tag';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateTag(tag))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.TAGS_API + '/1', tag);
-  });
-  it('should create actions to delete tag success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_TAGS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Tag deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteTag(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.TAGS_API + '/1');
-  });
-  it('should create actions to delete tag failure', () => {
-    const errorMessage = 'Failed to delete tag';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteTag(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.TAGS_API + '/1');
-  });
-  it('should create actions to add tags list', () => {
-    const tags = [
-      { id: 1, name: 'Tag' },
-      { id: 2, name: 'Tag' },
-    ];
-
-    const expectedActions = [
-      {
-        type: types.ADD_TAGS,
-        payload: [
-          { id: 1, name: 'Tag' },
-          { id: 2, name: 'Tag' },
-        ],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addTags(tags));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-  it('should create actions to add empty tags list', () => {
-    const tags = [];
-
-    const expectedActions = [
-      {
-        type: types.ADD_TAGS,
-        payload: [],
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store.dispatch(actions.addTags(tags));
-    expect(store.getActions()).toEqual(expectedActions);
-  });
-});
diff --git a/studio/src/__tests__/actions/users.js b/studio/src/__tests__/actions/users.js
deleted file mode 100644
index 50a3044fd..000000000
--- a/studio/src/__tests__/actions/users.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/users';
-import * as types from '../../constants/users';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  details: [],
-  loading: true,
-};
-
-const user = {
-  id: 1,
-  created_at: '2020-09-23T06:11:01.39323Z',
-  updated_at: '2020-09-25T12:32:46.395603Z',
-  deleted_at: null,
-  email: 'ross@friends.in',
-  first_name: 'Ross',
-  last_name: 'Geller',
-  birth_date: '2020-09-02T18:02:41+05:30',
-  gender: 'male',
-  policies: [
-    {
-      id: 'admin',
-      name: 'admin',
-      description: '',
-    },
-  ],
-};
-
-describe('users actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_USERS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingUsers()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_USERS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add users request', () => {
-    const data = [user];
-    const addRequestAction = {
-      type: types.ADD_USERS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addRequest(data)).toEqual(addRequestAction);
-  });
-  it('should create actions to fetch users success', () => {
-    const resp = { data: { nodes: [user] } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_USERS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.ADD_USERS_REQUEST,
-        payload: {
-          data: [user],
-        },
-      },
-      {
-        type: types.SET_USERS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getUsers())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.USERS_API);
-  });
-  it('should create actions to fetch user failure', () => {
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_USERS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_USERS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getUsers())
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.USERS_API);
-  });
-});
diff --git a/studio/src/__tests__/actions/webhooks.js b/studio/src/__tests__/actions/webhooks.js
deleted file mode 100644
index ef7ef613c..000000000
--- a/studio/src/__tests__/actions/webhooks.js
+++ /dev/null
@@ -1,404 +0,0 @@
-import axios from 'axios';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import * as actions from '../../actions/webhooks';
-import * as types from '../../constants/webhooks';
-import { ADD_NOTIFICATION } from '../../constants/notifications';
-import { ADD_EVENTS } from '../../constants/events';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('axios');
-Date.now = jest.fn(() => 1487076708000);
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('webhooks actions', () => {
-  it('should create an action to set loading to true', () => {
-    const startLoadingAction = {
-      type: types.SET_WEBHOOKS_LOADING,
-      payload: true,
-    };
-    expect(actions.loadingWebhooks()).toEqual(startLoadingAction);
-  });
-  it('should create an action to set loading to false', () => {
-    const stopLoadingAction = {
-      type: types.SET_WEBHOOKS_LOADING,
-      payload: false,
-    };
-    expect(actions.stopWebhooksLoading()).toEqual(stopLoadingAction);
-  });
-  it('should create an action to add webhooks list', () => {
-    const data = [
-      { id: 1, name: 'webhook 1' },
-      { id: 2, name: 'webhook 2' },
-    ];
-
-    const addWebhooksAction = {
-      type: types.ADD_WEBHOOKS,
-      payload: data,
-    };
-    expect(actions.addWebhookList(data)).toEqual(addWebhooksAction);
-  });
-  it('should create an action to add webhook request', () => {
-    const data = [{ query: 'query' }];
-    const addWebhooksRequestAction = {
-      type: types.ADD_WEBHOOKS_REQUEST,
-      payload: data,
-    };
-    expect(actions.addWebhookRequest(data)).toEqual(addWebhooksRequestAction);
-  });
-  it('should create an action to add webhook', () => {
-    const data = { id: 1, name: 'new webhook' };
-    const addWebhookAction = {
-      type: types.ADD_WEBHOOK,
-      payload: data,
-    };
-    expect(actions.getWebhookByID(data)).toEqual(addWebhookAction);
-  });
-  it('should create an action to reset webhook', () => {
-    const resetWebhooksAction = {
-      type: types.RESET_WEBHOOKS,
-    };
-    expect(actions.resetWebhooks()).toEqual(resetWebhooksAction);
-  });
-  it('should create actions to fetch webhooks success', () => {
-    const query = { page: 1, limit: 5 };
-    const webhooks = [
-      {
-        id: 1,
-        name: 'Webhook',
-        events: [
-          {
-            id: 1,
-          },
-        ],
-      },
-    ];
-    const resp = { data: { nodes: webhooks, total: 1 } };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_EVENTS,
-        payload: [{ id: 1 }],
-      },
-      {
-        type: types.ADD_WEBHOOKS,
-        payload: [{ id: 1, name: 'Webhook', events: [1] }],
-      },
-      {
-        type: types.ADD_WEBHOOKS_REQUEST,
-        payload: {
-          data: [1],
-          query: query,
-          total: 1,
-        },
-      },
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getWebhooks(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.WEBHOOKS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to fetch webhooks failure', () => {
-    const query = { page: 1, limit: 5 };
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getWebhooks(query))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.WEBHOOKS_API, {
-      params: query,
-    });
-  });
-  it('should create actions to get webhook by id success', () => {
-    const id = 1;
-    const events = { id: 1 };
-    const webhook = { id, name: 'Webhook', events: [events] };
-    const resp = { data: webhook };
-    axios.get.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_EVENTS,
-        payload: [events],
-      },
-      {
-        type: types.ADD_WEBHOOK,
-        payload: { id, name: 'Webhook', events: [1] },
-      },
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getWebhook(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.WEBHOOKS_API + '/' + id);
-  });
-  it('should create actions to get webhook by id failure', () => {
-    const id = 1;
-    const errorMessage = 'Unable to fetch';
-    axios.get.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.getWebhook(id))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.get).toHaveBeenCalledWith(types.WEBHOOKS_API + '/' + id);
-  });
-  it('should create actions to create webhook success', () => {
-    const webhook = { name: 'Webhook', events: [{ id: 1 }] };
-    const resp = { data: webhook };
-    axios.post.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_EVENTS,
-        payload: [{ id: 1 }],
-      },
-      {
-        type: types.RESET_WEBHOOKS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Webhook added',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addWebhook(webhook))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.WEBHOOKS_API, webhook);
-  });
-  it('should create actions to create webhook failure', () => {
-    const webhook = { name: 'Webhook' };
-    const errorMessage = 'Failed to create webhook';
-    axios.post.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.addWebhook(webhook))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.post).toHaveBeenCalledWith(types.WEBHOOKS_API, webhook);
-  });
-  it('should create actions to update webhook success', () => {
-    const event = { id: 1 };
-    const webhook = { id: 1, name: 'Webhook', events: [event] };
-    const resp = { data: webhook };
-    axios.put.mockResolvedValue(resp);
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_EVENTS,
-        payload: [event],
-      },
-      {
-        type: types.ADD_WEBHOOK,
-        payload: { id: 1, name: 'Webhook', events: [1] },
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Webhook updated',
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateWebhook(webhook))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.WEBHOOKS_API + '/1', webhook);
-  });
-  it('should create actions to update webhook failure', () => {
-    const event = { id: 1 };
-    const webhook = { id: 1, name: 'Webhook', events: [event] };
-    const errorMessage = 'Failed to update webhook';
-    axios.put.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: false,
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.updateWebhook(webhook))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.put).toHaveBeenCalledWith(types.WEBHOOKS_API + '/1', webhook);
-  });
-  it('should create actions to delete webhook success', () => {
-    axios.delete.mockResolvedValue();
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: types.RESET_WEBHOOKS,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Webhook deleted',
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteWebhook(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.WEBHOOKS_API + '/1');
-  });
-  it('should create actions to delete webhook failure', () => {
-    const errorMessage = 'Failed to delete Webhook';
-    axios.delete.mockRejectedValue(new Error(errorMessage));
-
-    const expectedActions = [
-      {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      },
-      {
-        type: ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: errorMessage,
-          time: Date.now(),
-        },
-      },
-    ];
-
-    const store = mockStore({ initialState });
-    store
-      .dispatch(actions.deleteWebhook(1))
-      .then(() => expect(store.getActions()).toEqual(expectedActions));
-    expect(axios.delete).toHaveBeenCalledWith(types.WEBHOOKS_API + '/1');
-  });
-});
diff --git a/studio/src/__tests__/reducers/authors.js b/studio/src/__tests__/reducers/authors.js
deleted file mode 100644
index 2f69f2e20..000000000
--- a/studio/src/__tests__/reducers/authors.js
+++ /dev/null
@@ -1,115 +0,0 @@
-import reducer from '../../reducers/authorsReducer';
-import * as types from '../../constants/authors';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('authors reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle SET_AUTHORS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_AUTHORS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_AUTHORS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_AUTHORS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_AUTHORS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_AUTHORS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_AUTHORS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_AUTHORS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_AUTHORS,
-        payload: [
-          { id: 1, author: 'Aut' },
-          { id: 2, author: 'hor' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, author: 'Aut' }, 2: { id: 2, author: 'hor' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_AUTHORS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_AUTHORS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/categories.js b/studio/src/__tests__/reducers/categories.js
deleted file mode 100644
index ec0aab213..000000000
--- a/studio/src/__tests__/reducers/categories.js
+++ /dev/null
@@ -1,193 +0,0 @@
-import reducer from '../../reducers/categoriesReducer';
-import * as types from '../../constants/categories';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('categories reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_CATEGORIES', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'category' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_CATEGORIES,
-          payload: {},
-        },
-      ),
-    ).toEqual({
-      req: [],
-      loading: true,
-      details: [{ id: 1, name: 'category' }],
-    });
-  });
-  it('should handle SET_CATEGORIES_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_CATEGORIES_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_CATEGORIES_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CATEGORIES_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_CATEGORIES_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_CATEGORIES_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_CATEGORIES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CATEGORIES,
-        payload: [
-          { id: 1, name: 'Category 1' },
-          { id: 2, name: 'Category 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'Category 1' }, 2: { id: 2, name: 'Category 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_CATEGORIES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CATEGORIES,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_CATEGORY', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_CATEGORY,
-        payload: { id: 1, name: 'new category' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new category' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_CATEGORY when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing category' } },
-          loading: false,
-        },
-        {
-          type: types.GET_CATEGORY,
-          payload: { id: 2, name: 'new category' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing category' },
-        2: { id: 2, name: 'new category' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_CATEGORY when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing category' },
-            2: { id: 2, name: 'new category' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_CATEGORY,
-          payload: { id: 2, name: 'updated category' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing category' },
-        2: { id: 2, name: 'updated category' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/claimants.js b/studio/src/__tests__/reducers/claimants.js
deleted file mode 100644
index 338c8048f..000000000
--- a/studio/src/__tests__/reducers/claimants.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/claimantsReducer';
-import * as types from '../../constants/claimants';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('claimants reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_CLAIMANTS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'claimant' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_CLAIMANTS,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_CLAIMANTS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_CLAIMANTS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_CLAIMANTS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CLAIMANTS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_CLAIMANTS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_CLAIMANTS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_CLAIMANTS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CLAIMANTS,
-        payload: [
-          { id: 1, name: 'claimant 1' },
-          { id: 2, name: 'claimant 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'claimant 1' }, 2: { id: 2, name: 'claimant 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_CLAIMANTS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CLAIMANTS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_CLAIMANT', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_CLAIMANT,
-        payload: { id: 1, name: 'new claimant' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new claimant' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_CLAIMANT when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing claimant' } },
-          loading: false,
-        },
-        {
-          type: types.GET_CLAIMANT,
-          payload: { id: 2, name: 'new claimant' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing claimant' },
-        2: { id: 2, name: 'new claimant' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_CLAIMANT when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing claimant' },
-            2: { id: 2, name: 'new claimant' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_CLAIMANT,
-          payload: { id: 2, name: 'updated claimant' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing claimant' },
-        2: { id: 2, name: 'updated claimant' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/claims.js b/studio/src/__tests__/reducers/claims.js
deleted file mode 100644
index 8c3b7bf04..000000000
--- a/studio/src/__tests__/reducers/claims.js
+++ /dev/null
@@ -1,193 +0,0 @@
-import reducer from '../../reducers/claimsReducer';
-import * as types from '../../constants/claims';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('claims reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_CLAIMS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'claim' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_CLAIMS,
-          payload: {},
-        },
-      ),
-    ).toEqual({
-      req: [],
-      loading: true,
-      details: [{ id: 1, name: 'claim' }],
-    });
-  });
-  it('should handle SET_CLAIMS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_CLAIMS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_CLAIMS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_CLAIMS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CLAIMS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_CLAIMS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_CLAIMS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_CLAIMS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CLAIMS,
-        payload: [
-          { id: 1, name: 'claim 1' },
-          { id: 2, name: 'claim 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'claim 1' }, 2: { id: 2, name: 'claim 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_CLAIMS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_CLAIMS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_CLAIM', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_CLAIM,
-        payload: { id: 1, name: 'new claim' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new claim' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_CLAIM when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing claim' } },
-          loading: false,
-        },
-        {
-          type: types.GET_CLAIM,
-          payload: { id: 2, name: 'new claim' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing claim' },
-        2: { id: 2, name: 'new claim' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_CLAIM when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing claim' },
-            2: { id: 2, name: 'new claim' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_CLAIM,
-          payload: { id: 2, name: 'updated claim' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing claim' },
-        2: { id: 2, name: 'updated claim' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/events.js b/studio/src/__tests__/reducers/events.js
deleted file mode 100644
index 628090850..000000000
--- a/studio/src/__tests__/reducers/events.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/eventsReducer';
-import * as types from '../../constants/events';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('events reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_EVENTS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'event' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_EVENTS,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_EVENTS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_EVENTS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_EVENTS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_EVENTS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_EVENTS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_EVENTS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_EVENTS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_EVENTS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_EVENTS,
-        payload: [
-          { id: 1, name: 'Event 1' },
-          { id: 2, name: 'Event 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'Event 1' }, 2: { id: 2, name: 'Event 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_EVENTS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_EVENTS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_EVENT', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_EVENT,
-        payload: { id: 1, name: 'new event' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new event' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_EVENT when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing event' } },
-          loading: false,
-        },
-        {
-          type: types.GET_EVENT,
-          payload: { id: 2, name: 'new event' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing event' },
-        2: { id: 2, name: 'new event' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_EVENT when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing event' },
-            2: { id: 2, name: 'new event' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_EVENT,
-          payload: { id: 2, name: 'updated event' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing event' },
-        2: { id: 2, name: 'updated event' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/formats.js b/studio/src/__tests__/reducers/formats.js
deleted file mode 100644
index 640bbde4c..000000000
--- a/studio/src/__tests__/reducers/formats.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/formatsReducer';
-import * as types from '../../constants/formats';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('formats reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_FORMATS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'format' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_FORMATS,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_FORMATS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_FORMATS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_FORMATS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_FORMATS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_FORMATS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_FORMATS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_FORMATS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_FORMATS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_FORMATS,
-        payload: [
-          { id: 1, name: 'format 1' },
-          { id: 2, name: 'format 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'format 1' }, 2: { id: 2, name: 'format 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_FORMATS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_FORMATS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_FORMAT', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_FORMAT,
-        payload: { id: 1, name: 'new format' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new format' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_FORMAT when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing format' } },
-          loading: false,
-        },
-        {
-          type: types.GET_FORMAT,
-          payload: { id: 2, name: 'new format' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing format' },
-        2: { id: 2, name: 'new format' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_FORMAT when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing format' },
-            2: { id: 2, name: 'new format' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_FORMAT,
-          payload: { id: 2, name: 'updated format' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing format' },
-        2: { id: 2, name: 'updated format' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/googleFactChecks.js b/studio/src/__tests__/reducers/googleFactChecks.js
deleted file mode 100644
index a7e664f8c..000000000
--- a/studio/src/__tests__/reducers/googleFactChecks.js
+++ /dev/null
@@ -1,136 +0,0 @@
-import reducer from '../../reducers/googleFactChecksReducer';
-import * as types from '../../constants/googleFactChecks';
-
-const initialState = {
-  req: [],
-  loading: true,
-};
-
-const factCheck = {
-  text: 'Video shows Russian doctors celebrating the new COVID-19 vaccine.',
-  claimant: 'Facebook posts',
-  claimDate: '2020-09-08T02:48:10Z',
-  claimReview: [
-    {
-      publisher: {
-        name: 'BOOM',
-        site: 'boomlive.in',
-      },
-      url:
-        'https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654',
-      title: 'Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine',
-      reviewDate: '2020-09-08T02:48:10Z',
-      textualRating: 'False',
-      languageCode: 'en',
-    },
-  ],
-};
-const existingFactCheck = {
-  text:
-    'Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel',
-  claimant: 'social media users',
-  claimDate: '2021-02-21T00:00:00Z',
-  claimReview: [
-    {
-      publisher: {
-        name: 'BOOM',
-        site: 'boomlive.in',
-      },
-      url:
-        'https://www.usatoday.com/story/news/factcheck/2021/02/28/fact-check-false-claim-pelosi-travels-weekly-200-seat-plane/6860043002/',
-      title: 'Fact check: False claim that Pelosi travels weekly on 200-seat ...',
-      reviewDate: '2021-02-28T21:23:54Z',
-      textualRating: 'False',
-      languageCode: 'en',
-    },
-  ],
-};
-
-describe('google fact check reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [factCheck], query: { page: 1, limit: 1 }, total: 1 }],
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [factCheck], query: { page: 1, limit: 1 }, total: 1 }],
-      loading: false,
-    });
-  });
-  it('should handle SET_GOOGLE_FACT_CHECKS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_GOOGLE_FACT_CHECKS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_GOOGLE_FACT_CHECKS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      loading: false,
-    });
-  });
-  it('should handle ADD_GOOGLE_FACT_CHECKS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_GOOGLE_FACT_CHECKS_REQUEST,
-        payload: {
-          data: [factCheck],
-          query: { page: 1, limit: 1 },
-          total: 1,
-        },
-      }),
-    ).toEqual({
-      req: [
-        {
-          data: [factCheck],
-          query: { page: 1, limit: 1 },
-          total: 1,
-        },
-      ],
-      loading: true,
-    });
-  });
-  it('should handle ADD_GOOGLE_FACT_CHECKS_REQUEST with some existing req', () => {
-    const state_ = {
-      req: [
-        {
-          data: [existingFactCheck],
-          query: { page: 1, limit: 5 },
-          total: 1,
-        },
-      ],
-      loading: true,
-    };
-    expect(
-      reducer(state_, {
-        type: types.ADD_GOOGLE_FACT_CHECKS_REQUEST,
-        payload: {
-          data: [factCheck, existingFactCheck],
-          query: { page: 1, limit: 5 },
-          total: 2,
-        },
-      }),
-    ).toEqual({
-      req: [
-        {
-          data: [factCheck, existingFactCheck],
-          query: { page: 1, limit: 5 },
-          total: 2,
-        },
-      ],
-      loading: true,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/index.js b/studio/src/__tests__/reducers/index.js
deleted file mode 100644
index bebd687df..000000000
--- a/studio/src/__tests__/reducers/index.js
+++ /dev/null
@@ -1,187 +0,0 @@
-import rootReducer from '../../reducers';
-import { SET_SELECTED_SPACE } from '../../constants/spaces';
-
-const initialState = {
-  info: {
-    categories: 0,
-    tag: 0,
-    article: {
-      draft: 0,
-      template: 0,
-      publish: 0,
-    },
-    factCheck: {
-      draft: 0,
-      template: 0,
-      publish: 0,
-    },
-    podcasts: 0,
-  },
-  settings: {
-    navTheme: 'dark',
-    primaryColor: '#1890ff',
-    layout: 'sidemenu',
-    contentWidth: 'Fluid',
-    fixedHeader: false,
-    fixSiderbar: false,
-  },
-  spaces: {
-    orgs: [],
-    details: {},
-    loading: false,
-    selected: 0,
-  },
-  organisations: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  redirect: {
-    code: 200,
-  },
-  search: {
-    details: {
-      articles: [],
-      categories: [],
-      claims: [],
-      'fact-checks': [],
-      media: [],
-      pages: [],
-      ratings: [],
-      tags: [],
-      total: 0,
-    },
-    loading: true,
-    req: [],
-  },
-  roles: {
-    details: {},
-    loading: true,
-    req: [],
-  },
-  sachFactChecks: {
-    details: [],
-    loading: true,
-  },
-  categories: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  tags: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  formats: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  googleFactChecks: {
-    req: [],
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  authors: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  posts: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  pages: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  ratings: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  claimants: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  claims: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  notifications: {
-    type: null,
-    message: null,
-    description: null,
-  },
-  policies: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  permissions: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  users: {
-    details: [],
-    loading: true,
-  },
-  menus: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-  events: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  webhooks: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  profile: {
-    details: {},
-    loading: true,
-  },
-};
-describe('root reducer', () => {
-  it('should return combined state with selected space', () => {
-    expect(
-      rootReducer(initialState, {
-        type: SET_SELECTED_SPACE,
-        payload: 1,
-      }),
-    ).toEqual({
-      ...initialState,
-      spaces: {
-        orgs: [],
-        details: {},
-        loading: false,
-        selected: 1,
-      },
-    });
-  });
-  it('should return combined state', () => {
-    expect(
-      rootReducer(initialState, {
-        type: 'INCORRECT_ACTION_TYPE',
-        payload: {},
-      }),
-    ).toEqual(initialState);
-  });
-});
diff --git a/studio/src/__tests__/reducers/info.js b/studio/src/__tests__/reducers/info.js
deleted file mode 100644
index fd418ff1f..000000000
--- a/studio/src/__tests__/reducers/info.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import reducer from '../../reducers/infoReducer';
-import * as types from '../../constants/info';
-
-const initialState = {
-  categories: 0,
-  tag: 0,
-  article: {
-    draft: 0,
-    template: 0,
-    publish: 0,
-  },
-  factCheck: {
-    draft: 0,
-    template: 0,
-    publish: 0,
-  },
-  podcasts: 0,
-};
-
-describe('Info reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        categories: 0,
-        tag: 0,
-        article: {
-          draft: 0,
-          template: 0,
-          publish: 0,
-        },
-        factCheck: {
-          draft: 0,
-          template: 0,
-          publish: 0,
-        },
-        podcasts: 0,
-      }),
-    ).toEqual({
-      categories: 0,
-      tag: 0,
-      article: {
-        draft: 0,
-        template: 0,
-        publish: 0,
-      },
-      factCheck: {
-        draft: 0,
-        template: 0,
-        publish: 0,
-      },
-      podcasts: 0,
-    });
-  });
-  it('should handle ADD_INFO', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_INFO,
-        payload: {
-          categories: 1,
-          tag: 1,
-          podcasts: 1,
-          episodes: 1,
-          posts: [
-            {
-              count: 1,
-              slug: 'article',
-              status: 'ready',
-            },
-            {
-              count: 2,
-              slug: 'fact-check',
-              status: 'draft',
-            },
-          ],
-        },
-      }),
-    ).toEqual({
-      categories: 1,
-      tag: 1,
-      episodes: 1,
-      article: {
-        draft: 0,
-        template: 0,
-        publish: 0,
-        ready: 1,
-      },
-      factCheck: {
-        draft: 2,
-        template: 0,
-        publish: 0,
-        ready: 0,
-      },
-      podcasts: 1,
-      posts: [
-        {
-          count: 1,
-          slug: 'article',
-          status: 'ready',
-        },
-        {
-          count: 2,
-          slug: 'fact-check',
-          status: 'draft',
-        },
-      ],
-    });
-    // expect(
-    //   reducer(initialState, {
-    //     type: types.ADD_INFO,
-    //     payload: false,
-    //   }),
-    // ).toEqual({
-    //   collapsed: false,
-    // });
-  });
-});
diff --git a/studio/src/__tests__/reducers/media.js b/studio/src/__tests__/reducers/media.js
deleted file mode 100644
index c12fc8b6b..000000000
--- a/studio/src/__tests__/reducers/media.js
+++ /dev/null
@@ -1,193 +0,0 @@
-import reducer from '../../reducers/mediaReducer';
-import * as types from '../../constants/media';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('media reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_MEDIA', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'media' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_MEDIA,
-          payload: {},
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: [{ id: 1, name: 'media' }],
-      loading: true,
-    });
-  });
-  it('should handle SET_MEDIA_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_MEDIA_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_MEDIA_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_MEDIA_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_MEDIA_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_MEDIA_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_MEDIA_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_MEDIA', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_MEDIA,
-        payload: [
-          { id: 1, name: 'Media 1' },
-          { id: 2, name: 'Media 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'Media 1' }, 2: { id: 2, name: 'Media 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_MEDIA', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_MEDIA,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_MEDIUM', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_MEDIUM,
-        payload: { id: 1, name: 'new medium' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new medium' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_MEDIUM when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing medium' } },
-          loading: false,
-        },
-        {
-          type: types.GET_MEDIUM,
-          payload: { id: 2, name: 'new medium' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing medium' },
-        2: { id: 2, name: 'new medium' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_MEDIUM when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing medium' },
-            2: { id: 2, name: 'new medium' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_MEDIUM,
-          payload: { id: 2, name: 'updated medium' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing medium' },
-        2: { id: 2, name: 'updated medium' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/menu.js b/studio/src/__tests__/reducers/menu.js
deleted file mode 100644
index 79319cea8..000000000
--- a/studio/src/__tests__/reducers/menu.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/menuReducer';
-import * as types from '../../constants/menu';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('Menu reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'menu' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'menu' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_MENUS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'menu' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_MENUS,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_MENUS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_MENUS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_MENUS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_MENUS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_MENUS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_MENUS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_MENUS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_MENUS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_MENUS,
-        payload: [
-          { id: 1, name: 'Menu 1' },
-          { id: 2, name: 'Menu 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'Menu 1' }, 2: { id: 2, name: 'Menu 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_MENUS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_MENUS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_MENU', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_MENU,
-        payload: { id: 1, name: 'new menu' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new menu' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_MENU when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing menu' } },
-          loading: false,
-        },
-        {
-          type: types.GET_MENU,
-          payload: { id: 2, name: 'new menu' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing menu' },
-        2: { id: 2, name: 'new menu' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_MENU when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing menu' },
-            2: { id: 2, name: 'new menu' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_MENU,
-          payload: { id: 2, name: 'updated menu' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing menu' },
-        2: { id: 2, name: 'updated menu' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/notifications.js b/studio/src/__tests__/reducers/notifications.js
deleted file mode 100644
index dc62b3384..000000000
--- a/studio/src/__tests__/reducers/notifications.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import reducer from '../../reducers/notificationsReducer';
-import * as types from '../../constants/notifications';
-
-const initialState = {
-  type: null,
-  message: null,
-  description: null,
-};
-
-describe('notifications reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(reducer(initialState, { type: 'NON_EXISTING', payload: {} })).toEqual(initialState);
-  });
-  it('should return the state when payload is empty', () => {
-    expect(reducer(initialState, { type: types.ADD_NOTIFICATION })).toEqual(initialState);
-  });
-  it('should return the state when action is empty', () => {
-    expect(reducer(initialState)).toEqual(initialState);
-  });
-  it('should handle ADD_NOTIFICATION', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_NOTIFICATION,
-        payload: {
-          type: 'error',
-          title: 'Error',
-          message: 'Test error message',
-        },
-      }),
-    ).toEqual({
-      type: 'error',
-      message: 'Error',
-      description: 'Test error message',
-    });
-    expect(
-      reducer(initialState, {
-        type: types.ADD_NOTIFICATION,
-        payload: {
-          type: 'success',
-          title: 'Success',
-          message: 'Test success message',
-        },
-      }),
-    ).toEqual({
-      type: 'success',
-      message: 'Success',
-      description: 'Test success message',
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/pages.js b/studio/src/__tests__/reducers/pages.js
deleted file mode 100644
index 40a00436d..000000000
--- a/studio/src/__tests__/reducers/pages.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/pagesReducer';
-import * as types from '../../constants/pages';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('pages reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_PAGES', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'category' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_PAGES,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_PAGES_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_PAGES_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_PAGES_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_PAGES_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_PAGES_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_PAGES_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_PAGES_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_PAGES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_PAGES,
-        payload: [
-          { id: 1, title: 'Page 1' },
-          { id: 2, title: 'Page 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, title: 'Page 1' }, 2: { id: 2, title: 'Page 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_PAGES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_PAGES,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_PAGE', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_PAGE,
-        payload: { id: 1, title: 'new page' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, title: 'new page' } },
-      loading: true,
-    });
-  });
-  it('should handle ADD_PAGE when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, title: 'existing page' } },
-          loading: false,
-        },
-        {
-          type: types.ADD_PAGE,
-          payload: { id: 2, title: 'new page' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, title: 'existing page' },
-        2: { id: 2, title: 'new page' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle ADD_PAGE when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, title: 'existing page' },
-            2: { id: 2, title: 'new page' },
-          },
-          loading: false,
-        },
-        {
-          type: types.ADD_PAGE,
-          payload: { id: 2, title: 'updated page' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, title: 'existing page' },
-        2: { id: 2, title: 'updated page' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/permissions.js b/studio/src/__tests__/reducers/permissions.js
deleted file mode 100644
index abcd8d6ab..000000000
--- a/studio/src/__tests__/reducers/permissions.js
+++ /dev/null
@@ -1,111 +0,0 @@
-import reducer from '../../reducers/permissionsReducer';
-import * as types from '../../constants/permissions';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-const permission = {
-  data: [
-    {
-      resource: 'categories',
-      actions: ['get', 'create', 'update', 'delete'],
-    },
-    {
-      resource: 'tags',
-      actions: ['get', 'create'],
-    },
-    {
-      resource: 'formats',
-      actions: ['update'],
-    },
-    {
-      resource: 'media',
-      actions: ['create'],
-    },
-    {
-      resource: 'tags',
-      actions: ['get'],
-    },
-  ],
-  user_id: 1,
-};
-
-describe('permissions reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [permission],
-        details: { 1: permission },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [permission],
-      details: { 1: permission },
-      loading: false,
-    });
-  });
-  it('should handle SET_PERMISSIONS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_PERMISSIONS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_PERMISSIONS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_PERMISSIONS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_PERMISSIONS_REQUEST,
-        payload: [1],
-      }),
-    ).toEqual({
-      req: [1],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_PERMISSIONS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_PERMISSIONS,
-        payload: permission,
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: permission.data },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_PERMISSIONS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_PERMISSIONS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/policies.js b/studio/src/__tests__/reducers/policies.js
deleted file mode 100644
index b64347742..000000000
--- a/studio/src/__tests__/reducers/policies.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/policiesReducer';
-import * as types from '../../constants/policies';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('policies reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_POLICIES', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'policy' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_POLICIES,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_POLICIES_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_POLICIES_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_POLICIES_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_POLICIES_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_POLICIES_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_POLICIES_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_POLICIES_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_POLICIES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_POLICIES,
-        payload: [
-          { id: 1, name: 'policy 1' },
-          { id: 2, name: 'policy 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'policy 1' }, 2: { id: 2, name: 'policy 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_POLICIES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_POLICIES,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_POLICY', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_POLICY,
-        payload: { id: 1, name: 'new policy' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new policy' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_POLICY when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing policy' } },
-          loading: false,
-        },
-        {
-          type: types.GET_POLICY,
-          payload: { id: 2, name: 'new policy' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing policy' },
-        2: { id: 2, name: 'new policy' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_POLICY when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing policy' },
-            2: { id: 2, name: 'new policy' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_POLICY,
-          payload: { id: 2, name: 'updated policy' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing policy' },
-        2: { id: 2, name: 'updated policy' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/posts.js b/studio/src/__tests__/reducers/posts.js
deleted file mode 100644
index f7f40961e..000000000
--- a/studio/src/__tests__/reducers/posts.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/postsReducer';
-import * as types from '../../constants/posts';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('posts reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_POSTS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'Post' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_POSTS,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_POSTS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_POSTS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_POSTS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_POSTS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_POSTS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_POSTS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_POSTS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_POSTS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_POSTS,
-        payload: [
-          { id: 1, name: 'Post 1' },
-          { id: 2, name: 'Post 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'Post 1' }, 2: { id: 2, name: 'Post 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_POSTS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_POSTS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_POST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_POST,
-        payload: { id: 1, name: 'new post' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new post' } },
-      loading: true,
-    });
-  });
-  it('should handle ADD_POST when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing post' } },
-          loading: false,
-        },
-        {
-          type: types.ADD_POST,
-          payload: { id: 2, name: 'new post' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing post' },
-        2: { id: 2, name: 'new post' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle ADD_POST when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing post' },
-            2: { id: 2, name: 'new post' },
-          },
-          loading: false,
-        },
-        {
-          type: types.ADD_POST,
-          payload: { id: 2, name: 'updated post' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing post' },
-        2: { id: 2, name: 'updated post' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/profile.js b/studio/src/__tests__/reducers/profile.js
deleted file mode 100644
index 7585371e4..000000000
--- a/studio/src/__tests__/reducers/profile.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import reducer from '../../reducers/profileReducer';
-import * as types from '../../constants/profile';
-
-const initialState = {
-  details: {},
-  loading: true,
-};
-
-describe('profile reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        details: { 1: { id: 1, email: 'abc@gmail.com', first_name: 'abc' } },
-        loading: false,
-      }),
-    ).toEqual({
-      details: { 1: { id: 1, email: 'abc@gmail.com', first_name: 'abc' } },
-      loading: false,
-    });
-  });
-  it('should handle SET_PROFILE_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_PROFILE_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_PROFILE_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_PROFILE', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_PROFILE,
-        payload: { id: 1, email: 'abc@gmail.com', first_name: 'abc' },
-      }),
-    ).toEqual({
-      details: { id: 1, email: 'abc@gmail.com', first_name: 'abc' },
-      loading: true,
-    });
-  });
-  it('should handle ADD_PROFILE when already exists', () => {
-    expect(
-      reducer(
-        {
-          details: {
-            id: 1,
-            email: 'abc@gmail.com',
-            first_name: 'abc',
-          },
-          loading: false,
-        },
-        {
-          type: types.ADD_PROFILE,
-          payload: { id: 1, email: 'querty@gmail.com', first_name: 'abc' },
-        },
-      ),
-    ).toEqual({
-      details: {
-        id: 1,
-        email: 'querty@gmail.com',
-        first_name: 'abc',
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/ratings.js b/studio/src/__tests__/reducers/ratings.js
deleted file mode 100644
index 84e50feca..000000000
--- a/studio/src/__tests__/reducers/ratings.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/ratingsReducer';
-import * as types from '../../constants/ratings';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('ratings reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_RATINGS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'Rating' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_RATINGS,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_RATINGS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_RATINGS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_RATINGS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_RATINGS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_RATINGS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_RATINGS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_RATINGS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_RATINGS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_RATINGS,
-        payload: [
-          { id: 1, name: 'rating 1' },
-          { id: 2, name: 'rating 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'rating 1' }, 2: { id: 2, name: 'rating 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_RATINGS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_RATINGS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_RATING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_RATING,
-        payload: { id: 1, name: 'new rating' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new rating' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_RATING when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing rating' } },
-          loading: false,
-        },
-        {
-          type: types.GET_RATING,
-          payload: { id: 2, name: 'new rating' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing rating' },
-        2: { id: 2, name: 'new rating' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_RATING when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing rating' },
-            2: { id: 2, name: 'new rating' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_RATING,
-          payload: { id: 2, name: 'updated rating' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing rating' },
-        2: { id: 2, name: 'updated rating' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/redirectReducer.js b/studio/src/__tests__/reducers/redirectReducer.js
deleted file mode 100644
index 165ceed72..000000000
--- a/studio/src/__tests__/reducers/redirectReducer.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import reducer from '../../reducers/redirectReducer';
-import * as types from '../../constants/settings';
-
-const initialState = {
-  code: 200,
-};
-
-describe('redirect reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        code: 200,
-      }),
-    ).toEqual({
-      code: 200,
-    });
-  });
-  it('should set SET_REDIRECT', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_REDIRECT,
-        payload: 300,
-      }),
-    ).toEqual({
-      code: 300,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/roles.js b/studio/src/__tests__/reducers/roles.js
deleted file mode 100644
index a95ee160e..000000000
--- a/studio/src/__tests__/reducers/roles.js
+++ /dev/null
@@ -1,182 +0,0 @@
-import reducer from '../../reducers/rolesReducer';
-import * as types from '../../constants/roles';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('roles reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(reducer(initialState, { type: 'NON_EXISTING', payload: {} })).toEqual(initialState);
-  });
-  it('should return the state when action is empty', () => {
-    expect(reducer(initialState)).toEqual(initialState);
-  });
-  it('should handle SET_ROLES_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_ROLES_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_ROLES_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle RESET_ROLES', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'roles' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_ROLES,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle ADD_ROLES_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_ROLES_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_ROLES_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_ROLES_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_ROLES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_ROLES,
-        payload: [
-          { id: 1, name: 'role 1' },
-          { id: 2, name: 'role 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'role 1' }, 2: { id: 2, name: 'role 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_ROLES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_ROLES,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_ROLE', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_ROLE,
-        payload: { id: 1, name: 'new role' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new role' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_ROLE when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing role' } },
-          loading: false,
-        },
-        {
-          type: types.GET_ROLE,
-          payload: { id: 2, name: 'new role' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing role' },
-        2: { id: 2, name: 'new role' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle UPDATE_ROLE when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing role' },
-            2: { id: 2, name: 'new role' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_ROLE,
-          payload: { id: 2, name: 'updated role' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing role' },
-        2: { id: 2, name: 'updated role' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/sachFactChecks.js b/studio/src/__tests__/reducers/sachFactChecks.js
deleted file mode 100644
index ec52935e7..000000000
--- a/studio/src/__tests__/reducers/sachFactChecks.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import reducer from '../../reducers/sachFactChecksReducer';
-import * as types from '../../constants/sachFactChecks';
-
-const initialState = {
-  details: [],
-  loading: true,
-};
-
-const factcheck = {
-  claims: [
-    {
-      claimant: 'Daily Express',
-      claimdate: '2017-02-16T00:00:00Z',
-      claimreview: [
-        {
-          languagecode: 'en',
-          reviewdate: '2017-02-16T00:00:00Z',
-          textualrating:
-            'The estimates suggest this happened, but it’s uncertain. The changes in the ONS’ best estimates weren’t big enough for us to be sure there was any real change.',
-          title:
-            'Reports on employment figures are accurate, but not the whole picture - Full Fact',
-          url:
-            'https://fullfact.org/immigration/reports-employment-figures-are-accurate-not-whole-picture/',
-        },
-      ],
-      id: '62a03199a5f38940ad71ba7d',
-      text: 'The number of British-born workers has fallen.',
-    },
-    {
-      claimant: 'Daily Express',
-      claimdate: '2017-02-15T00:00:00Z',
-      claimreview: [
-        {
-          languagecode: 'en',
-          reviewdate: '2017-02-16T00:00:00Z',
-          textualrating:
-            'That’s correct. The ONS’ best estimate for the number of non-UK born workers rose by 431,000 between the end of 2015 and the end of 2016.',
-          title:
-            'Reports on employment figures are accurate, but not the whole picture - Full Fact',
-          url:
-            'https://fullfact.org/immigration/reports-employment-figures-are-accurate-not-whole-picture/',
-        },
-      ],
-      id: '62a0319aa5f38940ad71c04b',
-      text: 'There are another 431,000 foreign born workers in the UK.',
-    },
-  ],
-  date: '2017-02-16T00:00:00Z',
-  humanlanguage: 'en',
-  id: '62a0405ffa2840264aa24f27',
-  pageurl:
-    'https://fullfact.org/immigration/reports-employment-figures-are-accurate-not-whole-picture/',
-  publisher: {
-    name: 'Full Fact',
-    site: 'fullfact.org',
-  },
-  sitename: 'Full Fact',
-  tags: ['employment', 'United Kingdom'],
-  text:
-    'That’s correct. The ONS’ best estimate for the number of non-UK born workers rose by 431,000 between the end of 2015 and the end of 2016.\n“Another 431,000 migrants working in Britain”\nDaily Express, paper edition, 16 February 2017\n“British-born workers PLUNGE as foreign workers RISE by 431,000”\nDaily Express, online edition, 16 February 2017\nSeveral media outlets reported the most recent set of employment figures this morning, and the Daily Express featured the story on its front page. The figures reported are correct, but there’s a lot of uncertainty around some of the latest changes.\nThe good news is we haven’t seen anyone make the kind of mistakes we’ve seen in the past when it comes to reporting employment figures.\nAs the Office for National Statistics says prominently, these statistics don’t tell us how many people have lost jobs or how many people have got a new one, they just tell us the final change in the headcount of people who have jobs.\nThese estimates are very uncertain\nThe UK had 431,000 more foreign-born workers at the end of 2016 than it had a year beforehand, according to estimates from the Office for National Statistics (ONS).\nMeanwhile, its estimate for the number of workers born inside the UK dropped by 120,000.\nSo foreign-born workers rose in number while British born workers fell? Not quite.\nThe difference between these two changes is that the first is big enough for us to be confident it’s genuine, the second isn’t.\nThe estimates are based on a survey, so there’s a grey area around the ONS’ best estimate for the numbers of different groups of workers.\nThe estimate for UK-born workers and UK nationals in work would have to change by more than 200,000 for us to be reasonably confident that we were seeing a genuine change in the real world.\nThat may sound like a surprisingly big margin. But remember: there are an estimated 26 million UK-born workers or 28 million UK citizens in work. A change of less than 200,000 is difficult to detect with a lot of confidence, based on these figures.\nThere’s more than one definition of ‘foreigner’\nThe Office for National Statistics puts out employment figures for two groups which you might associate with the word, ‘foreigner’:\nPeople born inside / outside the UK\nUK / non-UK nationals\nThe estimated number of British-born workers didn’t ‘plunge’ on both definitions.\nThe best estimate for the number of UK-born workers fell by 120,000, and rose by 70,000 for UK nationals. Like before, these changes are too small for us to be confident they’ve actually happened.',
-  title: 'Reports on employment figures are accurate, but not the whole picture',
-  translation: {},
-};
-
-describe('sach fact check reducer', () => {
-  // testing for the initial state
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-
-  // testing when no action is passed -  it should return the previous state
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        details: [factcheck],
-        loading: false,
-      }),
-    ).toEqual({
-      details: [factcheck],
-      loading: false,
-    });
-  });
-
-  // testing SET_SACH_FACT_CHECKS_LOADING case
-  it('should handle SET_SACH_FACT_CHECKS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_SACH_FACT_CHECKS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      details: [],
-      loading: true,
-    });
-
-    expect(
-      reducer(initialState, {
-        type: types.SET_SACH_FACT_CHECKS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      details: [],
-      loading: false,
-    });
-  });
-
-  // testing ADD_SACH_FACT_CHECKS case
-  it('should handle ADD_SACH_FACT_CHECKS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_SACH_FACT_CHECKS,
-        payload: [factcheck],
-      }),
-    ).toEqual({
-      details: [factcheck],
-      loading: true,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/searchReducer.js b/studio/src/__tests__/reducers/searchReducer.js
deleted file mode 100644
index efba7f942..000000000
--- a/studio/src/__tests__/reducers/searchReducer.js
+++ /dev/null
@@ -1,173 +0,0 @@
-import reducer from '../../reducers/searchReducer';
-import * as types from '../../constants/search';
-
-const initialState = {
-  req: [],
-  details: {
-    articles: [],
-    'fact-checks': [],
-    pages: [],
-    claims: [],
-    tags: [],
-    categories: [],
-    media: [],
-    ratings: [],
-    total: 0,
-  },
-  loading: true,
-};
-
-describe('search reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle  SET_SEARCH_DETAILS_LOADING ', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_SEARCH_DETAILS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      ...initialState,
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_SEARCH_DETAILS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      ...initialState,
-      loading: false,
-    });
-  });
-  it('should handle ADD_SEARCH_DETAIL if data is empty ', () => {
-    expect(
-      reducer(initialState, { type: types.ADD_SEARCH_DETAIL, payload: { data: [], formats: [] } }),
-    ).toEqual(initialState);
-  });
-
-  it('should handle ADD_SEARCH_DETAIL if data has a post which is a page ', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_SEARCH_DETAIL,
-        payload: {
-          data: [
-            {
-              name: 'new post',
-              kind: 'post',
-              is_page: true,
-            },
-          ],
-          formats: [],
-        },
-      }),
-    ).toEqual({
-      ...initialState,
-      total: 1,
-      details: {
-        ...initialState.details,
-        pages: [{ name: 'new post', kind: 'post', is_page: true }],
-      },
-    });
-  });
-
-  it('should handle ADD_SEARCH_DETAIL if data has a post which is a page and a template ', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_SEARCH_DETAIL,
-        payload: {
-          data: [
-            {
-              name: 'new post',
-              kind: 'post',
-              is_page: true,
-              status: 'template',
-            },
-          ],
-          formats: [],
-        },
-      }),
-    ).toEqual({ ...initialState, total: 1, details: { ...initialState.details, pages: [] } });
-  });
-
-  it('should handle ADD_SEARCH_DETAIL if data has a tag , category , claims , media , ratings  ', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_SEARCH_DETAIL,
-        payload: {
-          data: [
-            { name: 'new tag', kind: 'tag' },
-            { name: 'new category', kind: 'category' },
-            { name: 'error', kind: 'error' },
-            { name: 'new claim', kind: 'claim' },
-            { name: 'new media', kind: 'medium' },
-          ],
-
-          formats: [],
-        },
-      }),
-    ).toEqual({
-      ...initialState,
-      total: 5,
-      details: {
-        ...initialState.details,
-        tags: [{ name: 'new tag', kind: 'tag' }],
-        categories: [{ name: 'new category', kind: 'category' }],
-        claims: [{ name: 'new claim', kind: 'claim' }],
-        media: [{ name: 'new media', kind: 'medium' }],
-      },
-    });
-  });
-
-  it('should handle ADD_SEARCH_DETAIL if data has a fact-check ', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_SEARCH_DETAIL,
-        payload: {
-          data: [{ name: 'new fact-check', format_id: 0, kind: 'post' }],
-          formats: { 0: { slug: 'fact-check' } },
-        },
-      }),
-    ).toEqual({
-      ...initialState,
-      total: 1,
-      details: {
-        ...initialState.details,
-        'fact-checks': [{ name: 'new fact-check', format_id: 0, kind: 'post' }],
-      },
-    });
-  });
-
-  it('should handle ADD_SEARCH_DETAIL if data has a article ', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_SEARCH_DETAIL,
-        payload: {
-          data: [{ name: 'new article', format_id: 0, kind: 'post' }],
-          formats: { 0: { slug: 'article' } },
-        },
-      }),
-    ).toEqual({
-      ...initialState,
-      total: 1,
-      details: {
-        ...initialState.details,
-        articles: [{ name: 'new article', format_id: 0, kind: 'post' }],
-      },
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/settings.js b/studio/src/__tests__/reducers/settings.js
deleted file mode 100644
index 63240dca5..000000000
--- a/studio/src/__tests__/reducers/settings.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import reducer from '../../reducers/settingsReducer';
-import * as types from '../../constants/settings';
-
-const initialState = {
-  navTheme: 'light',
-  primaryColor: '#1890ff',
-  layout: 'sidemenu',
-  contentWidth: 'Fluid',
-  fixedHeader: false,
-  fixSiderbar: false,
-  colorWeak: false,
-  menu: {
-    locale: true,
-  },
-  title: 'Dega Admin',
-  pwa: false,
-  iconfontUrl: '',
-  sider: {
-    collapsed: true,
-  },
-};
-
-describe('settings reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        navTheme: 'light',
-        primaryColor: '#1890ff',
-        layout: 'sidemenu',
-        contentWidth: 'Fluid',
-        fixedHeader: false,
-        fixSiderbar: false,
-        colorWeak: false,
-        menu: {
-          locale: false,
-        },
-        title: 'Dega',
-        pwa: false,
-        iconfontUrl: '',
-        sider: {
-          collapsed: false,
-        },
-      }),
-    ).toEqual({
-      navTheme: 'light',
-      primaryColor: '#1890ff',
-      layout: 'sidemenu',
-      contentWidth: 'Fluid',
-      fixedHeader: false,
-      fixSiderbar: false,
-      colorWeak: false,
-      menu: {
-        locale: false,
-      },
-      title: 'Dega',
-      pwa: false,
-      iconfontUrl: '',
-      sider: {
-        collapsed: false,
-      },
-    });
-  });
-  it('should change sider to true when false', () => {
-    expect(
-      reducer(
-        {
-          navTheme: 'dark',
-          primaryColor: '#1890ff',
-          layout: 'sidemenu',
-          contentWidth: 'Fluid',
-          fixedHeader: false,
-          fixSiderbar: false,
-          colorWeak: false,
-          menu: {
-            locale: true,
-          },
-          title: 'Dega Admin',
-          pwa: false,
-          iconfontUrl: '',
-          sider: {
-            collapsed: false,
-          },
-        },
-        {
-          type: types.TOGGLE_SIDER,
-        },
-      ),
-    ).toEqual({
-      navTheme: 'dark',
-      primaryColor: '#1890ff',
-      layout: 'sidemenu',
-      contentWidth: 'Fluid',
-      fixedHeader: false,
-      fixSiderbar: false,
-      colorWeak: false,
-      menu: {
-        locale: true,
-      },
-      title: 'Dega Admin',
-      pwa: false,
-      iconfontUrl: '',
-      sider: {
-        collapsed: true,
-      },
-    });
-  });
-  it('should change sider to false when true', () => {
-    expect(
-      reducer(
-        {
-          navTheme: 'dark',
-          primaryColor: '#1890ff',
-          layout: 'sidemenu',
-          contentWidth: 'Fluid',
-          fixedHeader: false,
-          fixSiderbar: false,
-          colorWeak: false,
-          menu: {
-            locale: true,
-          },
-          title: 'Dega Admin',
-          pwa: false,
-          iconfontUrl: '',
-          sider: {
-            collapsed: true,
-          },
-        },
-        {
-          type: types.TOGGLE_SIDER,
-        },
-      ),
-    ).toEqual({
-      navTheme: 'dark',
-      primaryColor: '#1890ff',
-      layout: 'sidemenu',
-      contentWidth: 'Fluid',
-      fixedHeader: false,
-      fixSiderbar: false,
-      colorWeak: false,
-      menu: {
-        locale: true,
-      },
-      title: 'Dega Admin',
-      pwa: false,
-      iconfontUrl: '',
-      sider: {
-        collapsed: false,
-      },
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/sidebarReducer.js b/studio/src/__tests__/reducers/sidebarReducer.js
deleted file mode 100644
index 4ec21bd9c..000000000
--- a/studio/src/__tests__/reducers/sidebarReducer.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import reducer from '../../reducers/sidebarReducer';
-import * as types from '../../constants/sidebar';
-
-const initialState = {
-  collapsed: false,
-};
-
-describe('Sidebar reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        collapsed: false,
-      }),
-    ).toEqual({
-      collapsed: false,
-    });
-  });
-  it('should handle SET_COLLAPSE', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_COLLAPSE,
-        payload: true,
-      }),
-    ).toEqual({
-      collapsed: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_COLLAPSE,
-        payload: false,
-      }),
-    ).toEqual({
-      collapsed: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/spaces.js b/studio/src/__tests__/reducers/spaces.js
deleted file mode 100644
index 085c58496..000000000
--- a/studio/src/__tests__/reducers/spaces.js
+++ /dev/null
@@ -1,369 +0,0 @@
-import reducer from '../../reducers/spacesReducer';
-import * as types from '../../constants/spaces';
-
-const initialState = {
-  orgs: [],
-  details: {},
-  loading: true,
-  selected: 0,
-};
-
-const space = {
-  id: 1,
-  organisation: { id: 1, title: 'organization 1' },
-  applications: [{ id: 1, name: 'Dega' }],
-  permission: [{ id: 1, role: 'owner' }],
-  spaces: [{ id: 11, name: 'Space 11' }],
-};
-const space2 = {
-  id: 2,
-  applications: [
-    { id: 1, name: 'Dega' },
-    { id: 2, name: 'Dataful' },
-  ],
-  permission: [{ id: 2, role: 'owner' }],
-  organisation: { id: 2, title: 'organization 2' },
-  spaces: [
-    { id: 21, name: 'Space 21' },
-    { id: 22, name: 'Space 22' },
-  ],
-};
-
-describe('spaces reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(reducer(initialState, { type: 'NON_EXISTING', payload: {} })).toEqual(initialState);
-  });
-  it('should return the state when payload is empty', () => {
-    expect(reducer(initialState, { type: types.SET_SELECTED_SPACE })).toEqual(initialState);
-  });
-  it('should return the state when action is empty', () => {
-    expect(reducer(initialState)).toEqual(initialState);
-  });
-  it('should handle LOADING_SPACES', () => {
-    expect(
-      reducer(initialState, {
-        type: types.LOADING_SPACES,
-        payload: {},
-      }),
-    ).toEqual({
-      orgs: [],
-      details: {},
-      loading: true,
-      selected: 0,
-    });
-  });
-  it('should handle GET_SPACES_SUCCESS', () => {
-    console.log(
-      reducer(initialState, {
-        type: types.GET_SPACES_SUCCESS,
-        payload: [space, space2],
-      }),
-    );
-    expect(
-      reducer(initialState, {
-        type: types.GET_SPACES_SUCCESS,
-        payload: [space, space2],
-      }),
-    ).toEqual({
-      orgs: [
-        {
-          id: 1,
-          title: 'organization 1',
-          permission: [{ id: 1, role: 'owner' }],
-          applications: [{ id: 1, name: 'Dega' }],
-          spaces: [11],
-        },
-        {
-          id: 2,
-          title: 'organization 2',
-          permission: [{ id: 2, role: 'owner' }],
-          applications: [
-            { id: 1, name: 'Dega' },
-            { id: 2, name: 'Dataful' },
-          ],
-          spaces: [21, 22],
-        },
-      ],
-      details: {
-        11: { id: 11, name: 'Space 11' },
-        21: { id: 21, name: 'Space 21' },
-        22: { id: 22, name: 'Space 22' },
-      },
-      loading: false,
-      selected: 11,
-    });
-  });
-  it('should handle empty payload GET_SPACES_SUCCESS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_SPACES_SUCCESS,
-        payload: [],
-      }),
-    ).toEqual({
-      orgs: [],
-      details: {},
-      loading: false,
-      selected: 0,
-    });
-  });
-  it('should handle GET_SPACES_SUCCESS when spaces in payload does not exists in state', () => {
-    expect(
-      reducer(
-        {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        {
-          type: types.GET_SPACES_SUCCESS,
-          payload: [space2],
-        },
-      ),
-    ).toEqual({
-      orgs: [
-        {
-          id: 2,
-          title: 'organization 2',
-          permission: [{ id: 2, role: 'owner' }],
-          applications: [
-            { id: 1, name: 'Dega' },
-            { id: 2, name: 'Dataful' },
-          ],
-          spaces: [21, 22],
-        },
-      ],
-      details: {
-        21: { id: 21, name: 'Space 21' },
-        22: { id: 22, name: 'Space 22' },
-      },
-      loading: false,
-      selected: 21,
-    });
-  });
-  it('should handle GET_SPACES_SUCCESS when some spaces in payload already exists in state', () => {
-    expect(
-      reducer(
-        {
-          orgs: [
-            {
-              id: 1,
-              title: 'organization 1',
-              permission: [{ id: 1, role: 'owner' }],
-              applications: [{ id: 1, name: 'Dega' }],
-              spaces: [11],
-            },
-          ],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        {
-          type: types.GET_SPACES_SUCCESS,
-          payload: [space, space2],
-        },
-      ),
-    ).toEqual({
-      orgs: [
-        {
-          id: 1,
-          title: 'organization 1',
-          permission: [{ id: 1, role: 'owner' }],
-          applications: [{ id: 1, name: 'Dega' }],
-          spaces: [11],
-        },
-        {
-          id: 2,
-          title: 'organization 2',
-          permission: [{ id: 2, role: 'owner' }],
-          applications: [
-            { id: 1, name: 'Dega' },
-            { id: 2, name: 'Dataful' },
-          ],
-          spaces: [21, 22],
-        },
-      ],
-      details: {
-        11: { id: 11, name: 'Space 11' },
-        21: { id: 21, name: 'Space 21' },
-        22: { id: 22, name: 'Space 22' },
-      },
-      loading: false,
-      selected: 11,
-    });
-  });
-  it('should handle ADD_SPACE_SUCCESS', () => {
-    expect(
-      reducer(
-        {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        {
-          type: types.ADD_SPACE_SUCCESS,
-          payload: {
-            id: 12,
-            name: 'Space 12',
-            organisation_id: 1,
-          },
-        },
-      ),
-    ).toEqual({
-      orgs: [{ id: 1, organazation: 'Organization 1', spaces: [12, 11] }],
-      details: {
-        11: { id: 11, name: 'Space 11' },
-        12: { id: 12, name: 'Space 12', organisation_id: 1 },
-      },
-      loading: false,
-      selected: 12,
-    });
-  });
-  it('should handle SET_SELECTED_SPACE', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_SELECTED_SPACE,
-        payload: 1,
-      }),
-    ).toEqual({
-      orgs: [],
-      details: {},
-      loading: true,
-      selected: 1,
-    });
-  });
-  it('should handle UPDATE_SPACE_SUCCESS', () => {
-    expect(
-      reducer(
-        {
-          orgs: [],
-          details: { 1: { id: 1, name: 'existing space' } },
-          loading: false,
-          selected: 1,
-        },
-        {
-          type: types.UPDATE_SPACE_SUCCESS,
-          payload: { id: 1, name: 'updated space' },
-        },
-      ),
-    ).toEqual({
-      orgs: [],
-      details: {
-        1: { id: 1, name: 'updated space' },
-      },
-      loading: false,
-      selected: 1,
-    });
-  });
-  it('should handle ADD_SPACE_USERS', () => {
-    expect(
-      reducer(
-        {
-          orgs: [
-            {
-              id: 1,
-              title: 'organization 1',
-              permission: [{ id: 1, role: 'owner' }],
-              applications: [{ id: 1, name: 'Dega' }],
-              spaces: [11],
-            },
-            {
-              id: 2,
-              title: 'organization 2',
-              permission: [{ id: 2, role: 'owner' }],
-              applications: [
-                { id: 1, name: 'Dega' },
-                { id: 2, name: 'Dataful' },
-              ],
-              spaces: [21, 22],
-            },
-          ],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-            21: { id: 21, name: 'Space 21' },
-            22: { id: 22, name: 'Space 22' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        {
-          type: types.ADD_SPACE_USERS,
-          payload: {
-            data: [
-              { id: 1, email: 'testuser1@gmail.com' },
-              { id: 2, email: 'testuser2@gmail.com' },
-            ],
-            id: 11,
-          },
-        },
-      ),
-    ).toEqual({
-      orgs: [
-        {
-          id: 1,
-          title: 'organization 1',
-          permission: [{ id: 1, role: 'owner' }],
-          applications: [{ id: 1, name: 'Dega' }],
-          spaces: [11],
-        },
-        {
-          id: 2,
-          title: 'organization 2',
-          permission: [{ id: 2, role: 'owner' }],
-          applications: [
-            { id: 1, name: 'Dega' },
-            { id: 2, name: 'Dataful' },
-          ],
-          spaces: [21, 22],
-        },
-      ],
-      details: {
-        11: {
-          id: 11,
-          name: 'Space 11',
-          users: [
-            { id: 1, email: 'testuser1@gmail.com' },
-            { id: 2, email: 'testuser2@gmail.com' },
-          ],
-        },
-        21: { id: 21, name: 'Space 21' },
-        22: { id: 22, name: 'Space 22' },
-      },
-      loading: false,
-      selected: 11,
-    });
-  });
-  it('should handle DELETE_SPACE_SUCCESS', () => {
-    expect(
-      reducer(
-        {
-          orgs: [],
-          details: {
-            1: { id: 1, name: 'existing space' },
-          },
-          loading: false,
-          selected: 1,
-        },
-        {
-          type: types.DELETE_SPACE_SUCCESS,
-          payload: 1,
-        },
-      ),
-    ).toEqual({
-      orgs: [],
-      details: {},
-      loading: true,
-      selected: 0,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/tags.js b/studio/src/__tests__/reducers/tags.js
deleted file mode 100644
index 292cbf81b..000000000
--- a/studio/src/__tests__/reducers/tags.js
+++ /dev/null
@@ -1,194 +0,0 @@
-import reducer from '../../reducers/tagsReducer';
-import * as types from '../../constants/tags';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('tags reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_TAGS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'tag' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_TAGS,
-          payload: {},
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: [{ id: 1, name: 'tag' }],
-      loading: true,
-    });
-  });
-  it('should handle SET_TAGS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_TAGS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_TAGS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_TAGS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_TAGS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_TAGS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_TAGS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_TAGS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_TAGS,
-        payload: [
-          { id: 1, name: 'tag 1' },
-          { id: 2, name: 'tag 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'tag 1' }, 2: { id: 2, name: 'tag 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_TAGS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_TAGS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle GET_TAG', () => {
-    expect(
-      reducer(initialState, {
-        type: types.GET_TAG,
-        payload: { id: 1, name: 'new tag' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new tag' } },
-      loading: true,
-    });
-  });
-  it('should handle GET_TAG when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing tag' } },
-          loading: false,
-        },
-        {
-          type: types.GET_TAG,
-          payload: { id: 2, name: 'new tag' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing tag' },
-        2: { id: 2, name: 'new tag' },
-      },
-      loading: false,
-    });
-  });
-
-  it('should handle UPDATE_TAG when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing tag' },
-            2: { id: 2, name: 'new tag' },
-          },
-          loading: false,
-        },
-        {
-          type: types.UPDATE_TAG,
-          payload: { id: 2, name: 'updated tag' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing tag' },
-        2: { id: 2, name: 'updated tag' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/users.js b/studio/src/__tests__/reducers/users.js
deleted file mode 100644
index ed1cd9c2e..000000000
--- a/studio/src/__tests__/reducers/users.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import reducer from '../../reducers/usersReducer';
-import * as types from '../../constants/users';
-
-const initialState = {
-  details: [],
-  loading: true,
-};
-
-const user = {
-  id: 1,
-  created_at: '2020-09-23T06:11:01.39323Z',
-  updated_at: '2020-09-25T12:32:46.395603Z',
-  deleted_at: null,
-  email: 'ross@friends.in',
-  first_name: 'Ross',
-  last_name: 'Geller',
-  birth_date: '2020-09-02T18:02:41+05:30',
-  gender: 'male',
-  policies: [
-    {
-      id: 'admin',
-      name: 'admin',
-      description: '',
-    },
-  ],
-};
-
-describe('user reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        details: [user],
-        loading: false,
-      }),
-    ).toEqual({
-      details: [user],
-      loading: false,
-    });
-  });
-  it('should handle SET_USERS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_USERS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      details: [],
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_USERS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      details: [],
-      loading: false,
-    });
-  });
-  it('should handle ADD_USERS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_USERS_REQUEST,
-        payload: {
-          data: [user],
-        },
-      }),
-    ).toEqual({
-      details: [user],
-      loading: true,
-    });
-  });
-});
diff --git a/studio/src/__tests__/reducers/webhooks.js b/studio/src/__tests__/reducers/webhooks.js
deleted file mode 100644
index 65c279357..000000000
--- a/studio/src/__tests__/reducers/webhooks.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import reducer from '../../reducers/webhooksReducer';
-import * as types from '../../constants/webhooks';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-describe('webhooks reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {})).toEqual(initialState);
-  });
-  it('should return the state for default case', () => {
-    expect(
-      reducer({
-        req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-        details: { 1: { id: 1, name: 'entity' } },
-        loading: false,
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: { 1: { id: 1, name: 'entity' } },
-      loading: false,
-    });
-  });
-  it('should handle RESET_WEBHOOKS', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-          details: [{ id: 1, name: 'webhook' }],
-          loading: false,
-        },
-        {
-          type: types.RESET_WEBHOOKS,
-          payload: {},
-        },
-      ),
-    ).toEqual(initialState);
-  });
-  it('should handle SET_WEBHOOKS_LOADING', () => {
-    expect(
-      reducer(initialState, {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: true,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-    expect(
-      reducer(initialState, {
-        type: types.SET_WEBHOOKS_LOADING,
-        payload: false,
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: false,
-    });
-  });
-  it('should handle ADD_WEBHOOKS_REQUEST', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_WEBHOOKS_REQUEST,
-        payload: {
-          data: [1, 2, 3],
-          query: { page: 1, limit: 5 },
-          total: 3,
-        },
-      }),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_WEBHOOKS_REQUEST when req already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [{ data: [1, 2], query: { page: 1, limit: 5 }, total: 2 }],
-          details: {},
-          loading: true,
-        },
-        {
-          type: types.ADD_WEBHOOKS_REQUEST,
-          payload: {
-            data: [1, 2, 3],
-            query: { page: 1, limit: 5 },
-            total: 3,
-          },
-        },
-      ),
-    ).toEqual({
-      req: [{ data: [1, 2, 3], query: { page: 1, limit: 5 }, total: 3 }],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_WEBHOOKS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_WEBHOOKS,
-        payload: [
-          { id: 1, name: 'Webhook 1' },
-          { id: 2, name: 'Webhook 2' },
-        ],
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'Webhook 1' }, 2: { id: 2, name: 'Webhook 2' } },
-      loading: true,
-    });
-  });
-  it('should handle empty payload ADD_WEBHOOKS', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_WEBHOOKS,
-        payload: [],
-      }),
-    ).toEqual({
-      req: [],
-      details: {},
-      loading: true,
-    });
-  });
-  it('should handle ADD_WEBHOOK', () => {
-    expect(
-      reducer(initialState, {
-        type: types.ADD_WEBHOOK,
-        payload: { id: 1, name: 'new webhook' },
-      }),
-    ).toEqual({
-      req: [],
-      details: { 1: { id: 1, name: 'new webhook' } },
-      loading: true,
-    });
-  });
-  it('should handle ADD_WEBHOOK when details is non-empty', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: { 1: { id: 1, name: 'existing webhook' } },
-          loading: false,
-        },
-        {
-          type: types.ADD_WEBHOOK,
-          payload: { id: 2, name: 'new webhook' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing webhook' },
-        2: { id: 2, name: 'new webhook' },
-      },
-      loading: false,
-    });
-  });
-  it('should handle ADD_WEBHOOK when already exists', () => {
-    expect(
-      reducer(
-        {
-          req: [],
-          details: {
-            1: { id: 1, name: 'existing webhook' },
-            2: { id: 2, name: 'new webhook' },
-          },
-          loading: false,
-        },
-        {
-          type: types.ADD_WEBHOOK,
-          payload: { id: 2, name: 'updated webhook' },
-        },
-      ),
-    ).toEqual({
-      req: [],
-      details: {
-        1: { id: 1, name: 'existing webhook' },
-        2: { id: 2, name: 'updated webhook' },
-      },
-      loading: false,
-    });
-  });
-});
diff --git a/studio/src/actions/authors.js b/studio/src/actions/authors.js
deleted file mode 100644
index 7fd44f071..000000000
--- a/studio/src/actions/authors.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import axios from 'axios';
-import {
-  SET_AUTHORS_LOADING,
-  ADD_AUTHORS,
-  AUTHORS_API,
-  ADD_AUTHORS_REQUEST,
-} from '../constants/authors';
-import { addErrorNotification } from './notifications';
-import getError from '../utils/getError';
-
-export const getAuthors = (query) => {
-  return (dispatch) => {
-    dispatch(loadingAuthors());
-    return axios
-      .get(AUTHORS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(addAuthorsList(response.data.nodes));
-        dispatch(
-          addAuthorsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopAuthorsLoading()));
-  };
-};
-
-export const addAuthors = (authors) => {
-  return (dispatch) => {
-    dispatch(addAuthorsList(authors));
-  };
-};
-
-export const loadingAuthors = () => ({
-  type: SET_AUTHORS_LOADING,
-  payload: true,
-});
-
-export const stopAuthorsLoading = () => ({
-  type: SET_AUTHORS_LOADING,
-  payload: false,
-});
-
-export const addAuthorsList = (data) => ({
-  type: ADD_AUTHORS,
-  payload: data,
-});
-
-export const addAuthorsRequest = (data) => ({
-  type: ADD_AUTHORS_REQUEST,
-  payload: data,
-});
diff --git a/studio/src/actions/authors.ts b/studio/src/actions/authors.ts
new file mode 100644
index 000000000..ea9c5c29a
--- /dev/null
+++ b/studio/src/actions/authors.ts
@@ -0,0 +1,89 @@
+import axios from "axios";
+import {
+  SET_AUTHORS_LOADING,
+  ADD_AUTHORS,
+  AUTHORS_API,
+  ADD_AUTHORS_REQUEST,
+} from "../constants/authors";
+import { addErrorNotification } from "./notifications";
+import getError from "../utils/getError";
+import { Dispatch } from "redux";
+
+// Define interfaces for the data structures
+interface Author {
+  id: string | number;
+  [key: string]: any; // Additional author properties
+}
+
+interface AuthorsResponse {
+  nodes: Author[];
+  total: number;
+}
+
+interface AuthorsRequestData {
+  data: (string | number)[];
+  query: Record<string, any>;
+  total: number;
+}
+
+interface AuthorsAction {
+  type: string;
+  payload: any;
+}
+
+// Define action creator return types
+type AppThunk<ReturnType = void> = (
+  dispatch: Dispatch<AuthorsAction>
+) => ReturnType;
+
+export const getAuthors = (
+  query: Record<string, any>
+): AppThunk<Promise<void>> => {
+  return (dispatch: Dispatch<AuthorsAction>) => {
+    dispatch(loadingAuthors());
+    return axios
+      .get<AuthorsResponse>(AUTHORS_API, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(addAuthorsList(response.data.nodes));
+        dispatch(
+          addAuthorsRequest({
+            data: response.data.nodes.map((item) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopAuthorsLoading()));
+  };
+};
+
+export const addAuthors = (authors: Author[]): AppThunk => {
+  return (dispatch: Dispatch<AuthorsAction>) => {
+    dispatch(addAuthorsList(authors));
+  };
+};
+
+export const loadingAuthors = (): AuthorsAction => ({
+  type: SET_AUTHORS_LOADING,
+  payload: true,
+});
+
+export const stopAuthorsLoading = (): AuthorsAction => ({
+  type: SET_AUTHORS_LOADING,
+  payload: false,
+});
+
+export const addAuthorsList = (data: Author[]): AuthorsAction => ({
+  type: ADD_AUTHORS,
+  payload: data,
+});
+
+export const addAuthorsRequest = (data: AuthorsRequestData): AuthorsAction => ({
+  type: ADD_AUTHORS_REQUEST,
+  payload: data,
+});
diff --git a/studio/src/actions/categories.js b/studio/src/actions/categories.js
deleted file mode 100644
index 272f4af17..000000000
--- a/studio/src/actions/categories.js
+++ /dev/null
@@ -1,186 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_CATEGORIES,
-  ADD_CATEGORIES_REQUEST,
-  SET_CATEGORIES_LOADING,
-  RESET_CATEGORIES,
-  CATEGORIES_API,
-  GET_CATEGORY,
-  UPDATE_CATEGORY,
-} from '../constants/categories';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import { addMedia } from './media';
-import getError from '../utils/getError';
-
-// action to fetch all categories
-export const getCategories = (query, setLoading = true) => {
-  return (dispatch, getState) => {
-    const currentSpaceID = getState().spaces?.selected;
-    if (currentSpaceID === 0) {
-      return;
-    }
-    if (setLoading) dispatch(loadingCategories());
-    return axios
-      .get(CATEGORIES_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(
-          addMedia(
-            response.data.nodes
-              .filter((category) => category.medium)
-              .map((category) => category.medium),
-          ),
-        );
-        dispatch(
-          addCategoriesList(
-            response.data.nodes.map((category) => {
-              category.description = {
-                json: category.description,
-                html: category.description_html,
-              };
-              return { ...category, medium: category.medium?.id };
-            }),
-          ),
-        );
-        dispatch(
-          addCategoriesRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => {
-        if (setLoading) dispatch(stopCategoriesLoading());
-      });
-  };
-};
-
-// action to fetch category by id
-export const getCategory = (id) => {
-  return (dispatch) => {
-    dispatch(loadingCategories());
-    return axios
-      .get(CATEGORIES_API + '/' + id)
-      .then((response) => {
-        if (response.data.medium) dispatch(addMedia([response.data.medium]));
-        response.data.description = {
-          json: response.data.description,
-          html: response.data.description_html,
-        };
-        dispatch(addCategory(GET_CATEGORY, { ...response.data, medium: response.data.medium?.id }));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopCategoriesLoading()));
-  };
-};
-
-// action to create category
-export const createCategory = (data) => {
-  return (dispatch) => {
-    dispatch(loadingCategories());
-    return axios
-      .post(CATEGORIES_API, data)
-      .then(() => {
-        dispatch(resetCategories());
-        dispatch(addSuccessNotification('Category created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update category by id
-export const updateCategory = (data) => {
-  return (dispatch) => {
-    dispatch(loadingCategories());
-    return axios
-      .put(CATEGORIES_API + '/' + data.id, data)
-      .then((response) => {
-        if (response.data.medium) dispatch(addMedia([response.data.medium]));
-        response.data.description = {
-          json: response.data.description,
-          html: response.data.description_html,
-        };
-        dispatch(
-          addCategory(UPDATE_CATEGORY, { ...response.data, medium: response.data.medium?.id }),
-        );
-        dispatch(addSuccessNotification('Category updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopCategoriesLoading()));
-  };
-};
-
-// action to delete category by id
-export const deleteCategory = (id) => {
-  return (dispatch) => {
-    dispatch(loadingCategories());
-    return axios
-      .delete(CATEGORIES_API + '/' + id)
-      .then(() => {
-        dispatch(resetCategories());
-        dispatch(addSuccessNotification('Category deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const addCategories = (categories) => {
-  return (dispatch) => {
-    dispatch(
-      addMedia(categories.filter((category) => category.medium).map((category) => category.medium)),
-    );
-    dispatch(
-      addCategoriesList(
-        categories.map((category) => {
-          category.description = {
-            json: category.description,
-            html: category.description_html,
-          };
-          return { ...category, medium: category.medium?.id };
-        }),
-      ),
-    );
-  };
-};
-
-export const loadingCategories = () => ({
-  type: SET_CATEGORIES_LOADING,
-  payload: true,
-});
-
-export const stopCategoriesLoading = () => ({
-  type: SET_CATEGORIES_LOADING,
-  payload: false,
-});
-
-export const addCategory = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addCategoriesList = (data) => ({
-  type: ADD_CATEGORIES,
-  payload: data,
-});
-
-export const addCategoriesRequest = (data) => ({
-  type: ADD_CATEGORIES_REQUEST,
-  payload: data,
-});
-
-export const resetCategories = () => ({
-  type: RESET_CATEGORIES,
-});
diff --git a/studio/src/actions/categories.ts b/studio/src/actions/categories.ts
new file mode 100644
index 000000000..313334bb1
--- /dev/null
+++ b/studio/src/actions/categories.ts
@@ -0,0 +1,355 @@
+import axios from "axios";
+import {
+  ADD_CATEGORIES,
+  ADD_CATEGORIES_REQUEST,
+  SET_CATEGORIES_LOADING,
+  RESET_CATEGORIES,
+  CATEGORIES_API,
+  GET_CATEGORY,
+  UPDATE_CATEGORY,
+} from "../constants/categories";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import { addMedia } from "./media";
+import getError from "../utils/getError";
+import { ThunkAction } from "redux-thunk";
+import { RootState } from "../store/index";
+import { AnyAction } from "redux";
+
+// Define types
+interface Medium {
+  id: number;
+  [key: string]: any;
+}
+
+interface Description {
+  json: any;
+  html: string;
+}
+
+interface Category {
+  id: string | number;
+  name: string;
+  description?: any;
+  description_html?: string;
+  medium?: Medium | null;
+  [key: string]: any;
+}
+
+interface CategoryWithProcessedFields {
+  id: string | number; // Allow both string and number IDs
+  name: string;
+  description: Description;
+  medium?: number | null;
+  [key: string]: any;
+}
+
+interface CategoryResponse {
+  nodes: Category[];
+  total: number;
+}
+
+interface GetCategoriesQuery {
+  [key: string]: any;
+}
+
+interface CategoryRequest {
+  data: string[];
+  query: GetCategoriesQuery;
+  total: number;
+}
+
+// Define action types
+interface SetCategoriesLoadingAction {
+  type: typeof SET_CATEGORIES_LOADING;
+  payload: boolean;
+}
+
+interface AddCategoriesAction {
+  type: typeof ADD_CATEGORIES;
+  payload: CategoryWithProcessedFields[];
+}
+
+interface AddCategoriesRequestAction {
+  type: typeof ADD_CATEGORIES_REQUEST;
+  payload: CategoryRequest;
+}
+
+interface ResetCategoriesAction {
+  type: typeof RESET_CATEGORIES;
+}
+
+interface GetCategoryAction {
+  type: typeof GET_CATEGORY;
+  payload: CategoryWithProcessedFields;
+}
+
+interface UpdateCategoryAction {
+  type: typeof UPDATE_CATEGORY;
+  payload: CategoryWithProcessedFields;
+}
+
+type CategoryActionTypes =
+  | SetCategoriesLoadingAction
+  | AddCategoriesAction
+  | AddCategoriesRequestAction
+  | ResetCategoriesAction
+  | GetCategoryAction
+  | UpdateCategoryAction;
+
+type AppThunk<ReturnType = void> = ThunkAction<
+  Promise<ReturnType>,
+  RootState,
+  unknown,
+  AnyAction
+>;
+
+// Helper function to process category data
+const processCategory = (category: Category): CategoryWithProcessedFields => {
+  const { medium, description_html, parent_category, ...rest } = category;
+
+  return {
+    ...rest,
+    description: {
+      json: category.description,
+      html: description_html || "",
+    },
+    medium: medium?.id || null,
+    // Preserve parent_category data for use in UI
+    parent_category: parent_category
+      ? {
+          id: parent_category.id,
+          name: parent_category.name,
+        }
+      : undefined,
+  };
+};
+
+// Helper to ensure the ID is properly formatted for API calls
+const ensureValidId = (id: string | number): string => {
+  // If it's already a string, just return it
+  if (typeof id === "string") {
+    return id;
+  }
+
+  // If it's a number, convert to string
+  return String(id);
+};
+
+// action to fetch all categories
+export const getCategories = (
+  query: GetCategoriesQuery,
+  setLoading: boolean = true
+): AppThunk<any> => {
+  return (dispatch, getState) => {
+    const currentSpaceID = getState().spaces?.selected;
+    if (currentSpaceID === "" || currentSpaceID === "0") {
+      return Promise.resolve();
+    }
+
+    if (setLoading) dispatch(loadingCategories());
+    const querySnapshot = { ...query };
+
+    return axios
+      .get<CategoryResponse>(CATEGORIES_API, {
+        params: querySnapshot,
+      })
+      .then((response) => {
+        // Add media to store
+        const mediaItems = response.data.nodes
+          .filter((category): category is Category & { medium: Medium } =>
+            Boolean(category.medium)
+          )
+          .map((category) => category.medium);
+
+        if (mediaItems.length > 0) {
+          dispatch(addMedia(mediaItems));
+        }
+
+        // Process and add categories with parent data
+        const processedCategories = response.data.nodes.map(processCategory);
+        dispatch(addCategoriesList(processedCategories));
+
+        // Add categories request
+        dispatch(
+          addCategoriesRequest({
+            data: response.data.nodes.map((item) => String(item.id)),
+            query: querySnapshot,
+            total: response.data.total,
+          })
+        );
+
+        return response;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        return Promise.reject(error);
+      })
+      .finally(() => {
+        if (setLoading) dispatch(stopCategoriesLoading());
+      });
+  };
+};
+
+// action to fetch category by id
+export const getCategory = (id: string | number): AppThunk<any> => {
+  return (dispatch) => {
+    // Validate id before making the API call
+    if (!id) {
+      dispatch(addErrorNotification("Invalid category ID"));
+      return Promise.reject(new Error("Invalid category ID"));
+    }
+
+    const validId = ensureValidId(id);
+
+    dispatch(loadingCategories());
+    return axios
+      .get<Category>(`${CATEGORIES_API}/${validId}`)
+      .then((response) => {
+        if (response.data.medium) {
+          dispatch(addMedia([response.data.medium]));
+        }
+
+        // Preserve the original ID format from the response
+        const processedCategory = processCategory(response.data);
+        dispatch(addCategory(GET_CATEGORY, processedCategory));
+        return response;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        return Promise.reject(error);
+      })
+      .finally(() => dispatch(stopCategoriesLoading()));
+  };
+};
+
+// action to create category
+export const createCategory = (data: Partial<Category>): AppThunk<any> => {
+  return (dispatch) => {
+    dispatch(loadingCategories());
+    return axios
+      .post<Category>(CATEGORIES_API, data)
+      .then((response) => {
+        dispatch(resetCategories());
+        dispatch(addSuccessNotification("Category created"));
+        return response; // Important: Return the response for proper Promise chaining
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        return Promise.reject(error);
+      })
+      .finally(() => dispatch(stopCategoriesLoading()));
+  };
+};
+
+// action to update category by id
+export const updateCategory = (data: Category): AppThunk<any> => {
+  return (dispatch) => {
+    if (!data.id) {
+      dispatch(addErrorNotification("Category ID is required for update"));
+      return Promise.reject(new Error("Category ID is required"));
+    }
+
+    const validId = ensureValidId(data.id);
+
+    dispatch(loadingCategories());
+    return axios
+      .put<Category>(`${CATEGORIES_API}/${validId}`, data)
+      .then((response) => {
+        if (response.data.medium) {
+          dispatch(addMedia([response.data.medium]));
+        }
+
+        // Preserve the original ID format from the response
+        const processedCategory = processCategory(response.data);
+        dispatch(addCategory(UPDATE_CATEGORY, processedCategory));
+        dispatch(addSuccessNotification("Category updated"));
+        return response; // Important: Return the response for proper Promise chaining
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        return Promise.reject(error);
+      })
+      .finally(() => dispatch(stopCategoriesLoading()));
+  };
+};
+
+export const deleteCategory = (id: string | number): AppThunk<any> => {
+  return (dispatch) => {
+    if (!id) {
+      dispatch(addErrorNotification("Invalid category ID"));
+      return Promise.reject(new Error("Invalid category ID"));
+    }
+
+    const validId = ensureValidId(id);
+
+    dispatch(loadingCategories());
+    return axios
+      .delete(`${CATEGORIES_API}/${validId}`)
+      .then((response) => {
+        dispatch(resetCategories());
+        dispatch(addSuccessNotification("Category deleted"));
+        return response; // Return the response for chaining
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        return Promise.reject(error); // Propagate the error
+      })
+      .finally(() => {
+        dispatch(stopCategoriesLoading());
+      });
+  };
+};
+
+export const addCategories = (categories: Category[]): AppThunk<any> => {
+  return (dispatch) => {
+    const mediaItems = categories
+      .filter((category): category is Category & { medium: Medium } =>
+        Boolean(category.medium)
+      )
+      .map((category) => category.medium);
+
+    if (mediaItems.length > 0) {
+      dispatch(addMedia(mediaItems));
+    }
+
+    const processedCategories = categories.map(processCategory);
+    dispatch(addCategoriesList(processedCategories));
+    return Promise.resolve();
+  };
+};
+
+export const loadingCategories = (): SetCategoriesLoadingAction => ({
+  type: SET_CATEGORIES_LOADING,
+  payload: true,
+});
+
+export const stopCategoriesLoading = (): SetCategoriesLoadingAction => ({
+  type: SET_CATEGORIES_LOADING,
+  payload: false,
+});
+
+export const addCategory = (
+  type: typeof GET_CATEGORY | typeof UPDATE_CATEGORY,
+  payload: CategoryWithProcessedFields
+): GetCategoryAction | UpdateCategoryAction => ({
+  type,
+  payload,
+});
+
+export const addCategoriesList = (
+  data: CategoryWithProcessedFields[]
+): AddCategoriesAction => ({
+  type: ADD_CATEGORIES,
+  payload: data,
+});
+
+export const addCategoriesRequest = (
+  data: CategoryRequest
+): AddCategoriesRequestAction => ({
+  type: ADD_CATEGORIES_REQUEST,
+  payload: data,
+});
+
+export const resetCategories = (): ResetCategoriesAction => ({
+  type: RESET_CATEGORIES,
+});
diff --git a/studio/src/actions/claimants.js b/studio/src/actions/claimants.js
deleted file mode 100644
index d46939624..000000000
--- a/studio/src/actions/claimants.js
+++ /dev/null
@@ -1,176 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_CLAIMANTS,
-  ADD_CLAIMANTS_REQUEST,
-  SET_CLAIMANTS_LOADING,
-  RESET_CLAIMANTS,
-  CLAIMANTS_API,
-  UPDATE_CLAIMANT,
-  GET_CLAIMANT,
-} from '../constants/claimants';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import { addMedia } from './media';
-import getError from '../utils/getError';
-
-// action to fetch all claimants
-export const getClaimants = (query) => {
-  return (dispatch) => {
-    dispatch(loadingClaimants());
-    return axios
-      .get(CLAIMANTS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(
-          addMedia(
-            response.data.nodes
-              .filter((claimant) => claimant.medium)
-              .map((claimant) => claimant.medium),
-          ),
-        );
-        dispatch(
-          addClaimantsList(
-            response.data.nodes.map((claimant) => {
-              claimant.description = {
-                json: claimant.description,
-                html: claimant.description_html,
-              };
-              return { ...claimant, medium: claimant.medium?.id };
-            }),
-          ),
-        );
-        dispatch(
-          addClaimantsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopClaimantsLoading()));
-  };
-};
-
-// action to fetch claimant by id
-export const getClaimant = (id) => {
-  return (dispatch) => {
-    dispatch(loadingClaimants());
-    return axios
-      .get(CLAIMANTS_API + '/' + id)
-      .then((response) => {
-        if (response.data.medium) dispatch(addMedia([response.data.medium]));
-        response.data.description = {
-          json: response.data.description,
-          html: response.data.description_html,
-        };
-        dispatch(addClaimant(GET_CLAIMANT, { ...response.data, medium: response.data.medium?.id }));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopClaimantsLoading()));
-  };
-};
-
-// action to create claimant
-export const createClaimant = (data) => {
-  return (dispatch) => {
-    dispatch(loadingClaimants());
-    return axios
-      .post(CLAIMANTS_API, data)
-      .then(() => {
-        dispatch(resetClaimants());
-        dispatch(addSuccessNotification('Claimant created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update claimant by id
-export const updateClaimant = (data) => {
-  return (dispatch) => {
-    dispatch(loadingClaimants());
-    return axios
-      .put(CLAIMANTS_API + '/' + data.id, data)
-      .then((response) => {
-        if (response.data.medium) dispatch(addMedia([response.data.medium]));
-        response.data.description = {
-          json: response.data.description,
-          html: response.data.description_html,
-        };
-        dispatch(
-          addClaimant(UPDATE_CLAIMANT, { ...response.data, medium: response.data.medium?.id }),
-        );
-        dispatch(addSuccessNotification('Claimant updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopClaimantsLoading()));
-  };
-};
-
-// action to delete claimant by id
-export const deleteClaimant = (id) => {
-  return (dispatch) => {
-    dispatch(loadingClaimants());
-    return axios
-      .delete(CLAIMANTS_API + '/' + id)
-      .then(() => {
-        dispatch(resetClaimants());
-        dispatch(addSuccessNotification('Claimant deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const addClaimants = (claimants) => {
-  return (dispatch) => {
-    dispatch(
-      addMedia(claimants.filter((claimant) => claimant.medium).map((claimant) => claimant.medium)),
-    );
-    dispatch(
-      addClaimantsList(
-        claimants.map((claimant) => {
-          return { ...claimant, medium: claimant.medium?.id };
-        }),
-      ),
-    );
-  };
-};
-
-export const loadingClaimants = () => ({
-  type: SET_CLAIMANTS_LOADING,
-  payload: true,
-});
-
-export const stopClaimantsLoading = () => ({
-  type: SET_CLAIMANTS_LOADING,
-  payload: false,
-});
-
-export const addClaimant = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addClaimantsList = (data) => ({
-  type: ADD_CLAIMANTS,
-  payload: data,
-});
-
-export const addClaimantsRequest = (data) => ({
-  type: ADD_CLAIMANTS_REQUEST,
-  payload: data,
-});
-
-export const resetClaimants = () => ({
-  type: RESET_CLAIMANTS,
-});
diff --git a/studio/src/actions/claimants.ts b/studio/src/actions/claimants.ts
new file mode 100644
index 000000000..cd32510aa
--- /dev/null
+++ b/studio/src/actions/claimants.ts
@@ -0,0 +1,251 @@
+import axios from "axios";
+import {
+  ADD_CLAIMANTS,
+  ADD_CLAIMANTS_REQUEST,
+  SET_CLAIMANTS_LOADING,
+  RESET_CLAIMANTS,
+  CLAIMANTS_API,
+  UPDATE_CLAIMANT,
+  GET_CLAIMANT,
+} from "../constants/claimants";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import { addMedia } from "./media";
+import getError from "../utils/getError";
+import { Dispatch, AnyAction } from "redux";
+
+// Define types
+interface Description {
+  json: any;
+  html: string;
+}
+
+interface Medium {
+  id: number;
+  [key: string]: any;
+}
+
+interface Claimant {
+  id: number | string;
+  description?: Description;
+  description_html?: string;
+  medium?: Medium | null;
+  [key: string]: any;
+}
+
+interface ClaimantWithMediumId extends Omit<Claimant, "medium"> {
+  medium?: number;
+}
+
+interface ClaimantsResponse {
+  nodes: Claimant[];
+  total: number;
+}
+
+interface QueryParams {
+  [key: string]: any;
+}
+
+interface ClaimantsRequest {
+  data: (number | string)[];
+  query: QueryParams;
+  total: number;
+}
+
+// action to fetch all claimants
+export const getClaimants = (query: QueryParams) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingClaimants());
+    return axios
+      .get<ClaimantsResponse>(CLAIMANTS_API, {
+        params: query,
+      })
+      .then((response) => {
+        // Add media to store if available
+        if (response.data.nodes.some((claimant) => claimant.medium)) {
+          dispatch(
+            addMedia(
+              response.data.nodes
+                .filter((claimant) => claimant.medium)
+                .map((claimant) => claimant.medium as Medium)
+            )
+          );
+        }
+
+        // Process claimants and add to store
+        dispatch(
+          addClaimantsList(
+            response.data.nodes.map((claimant) => {
+              const updatedClaimant: ClaimantWithMediumId = {
+                ...claimant,
+                description: {
+                  json: claimant.description,
+                  html: claimant.description_html,
+                },
+                medium: claimant.medium?.id,
+              };
+              return updatedClaimant;
+            })
+          )
+        );
+
+        // Add request data to store
+        dispatch(
+          addClaimantsRequest({
+            data: response.data.nodes.map((item) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopClaimantsLoading()));
+  };
+};
+
+// action to fetch claimant by id
+export const getClaimant = (id: number | string) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingClaimants());
+    return axios
+      .get<Claimant>(`${CLAIMANTS_API}/${id}`)
+      .then((response) => {
+        if (response.data.medium) dispatch(addMedia([response.data.medium]));
+        const updatedClaimant: ClaimantWithMediumId = {
+          ...response.data,
+          description: {
+            json: response.data.description,
+            html: response.data.description_html,
+          },
+          medium: response.data.medium?.id,
+        };
+        dispatch(addClaimant(GET_CLAIMANT, updatedClaimant));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopClaimantsLoading()));
+  };
+};
+
+// action to create claimant
+export const createClaimant = (data: Omit<Claimant, "id">) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingClaimants());
+    return axios
+      .post<Claimant>(CLAIMANTS_API, data)
+      .then(() => {
+        dispatch(resetClaimants());
+        dispatch(addSuccessNotification("Claimant created"));
+        return Promise.resolve(); // Return a promise to allow for chaining
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        return Promise.reject(error); // Return rejected promise for error handling
+      })
+      .finally(() => dispatch(stopClaimantsLoading()));
+  };
+};
+
+// action to update claimant by id
+export const updateClaimant = (data: Claimant) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingClaimants());
+    return axios
+      .put<Claimant>(`${CLAIMANTS_API}/${data.id}`, data)
+      .then((response) => {
+        if (response.data.medium) dispatch(addMedia([response.data.medium]));
+        const updatedClaimant: ClaimantWithMediumId = {
+          ...response.data,
+          description: {
+            json: response.data.description,
+            html: response.data.description_html,
+          },
+          medium: response.data.medium?.id,
+        };
+        dispatch(addClaimant(UPDATE_CLAIMANT, updatedClaimant));
+        dispatch(addSuccessNotification("Claimant updated"));
+        return Promise.resolve(); // Return a promise to allow for chaining
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        return Promise.reject(error); // Return rejected promise for error handling
+      })
+      .finally(() => dispatch(stopClaimantsLoading()));
+  };
+};
+
+// action to delete claimant by id
+export const deleteClaimant = (id: number | string) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingClaimants());
+    return axios
+      .delete(`${CLAIMANTS_API}/${id}`)
+      .then(() => {
+        dispatch(resetClaimants());
+        dispatch(addSuccessNotification("Claimant deleted"));
+        return Promise.resolve(); // Return a promise to allow for chaining
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        return Promise.reject(error); // Return rejected promise for error handling
+      })
+      .finally(() => dispatch(stopClaimantsLoading()));
+  };
+};
+
+export const addClaimants = (claimants: Claimant[]) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    // Only dispatch addMedia if there are claimants with media
+    if (claimants.some((claimant) => claimant.medium)) {
+      dispatch(
+        addMedia(
+          claimants
+            .filter((claimant) => claimant.medium)
+            .map((claimant) => claimant.medium as Medium)
+        )
+      );
+    }
+
+    dispatch(
+      addClaimantsList(
+        claimants.map((claimant) => {
+          return {
+            ...claimant,
+            medium: claimant.medium?.id,
+          } as ClaimantWithMediumId;
+        })
+      )
+    );
+  };
+};
+
+export const loadingClaimants = () => ({
+  type: SET_CLAIMANTS_LOADING,
+  payload: true,
+});
+
+export const stopClaimantsLoading = () => ({
+  type: SET_CLAIMANTS_LOADING,
+  payload: false,
+});
+
+export const addClaimant = (type: string, payload: ClaimantWithMediumId) => ({
+  type,
+  payload,
+});
+
+export const addClaimantsList = (data: ClaimantWithMediumId[]) => ({
+  type: ADD_CLAIMANTS,
+  payload: data,
+});
+
+export const addClaimantsRequest = (data: ClaimantsRequest) => ({
+  type: ADD_CLAIMANTS_REQUEST,
+  payload: data,
+});
+
+export const resetClaimants = () => ({
+  type: RESET_CLAIMANTS,
+});
diff --git a/studio/src/actions/claims.js b/studio/src/actions/claims.js
deleted file mode 100644
index c8e76428b..000000000
--- a/studio/src/actions/claims.js
+++ /dev/null
@@ -1,207 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_CLAIMS,
-  ADD_CLAIMS_REQUEST,
-  SET_CLAIMS_LOADING,
-  RESET_CLAIMS,
-  CLAIMS_API,
-  GET_CLAIM,
-  UPDATE_CLAIM,
-} from '../constants/claims';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import { addRatings } from './ratings';
-import { addClaimants } from './claimants';
-import getError from '../utils/getError';
-
-// action to fetch all claims
-export const getClaims = (query) => {
-  const params = new URLSearchParams();
-  if (query.claimant && query.claimant.length > 0) {
-    query.claimant.map((each) => params.append('claimant', each));
-  }
-  if (query.rating && query.rating.length > 0) {
-    query.rating.map((each) => params.append('rating', each));
-  }
-  if (query.page) {
-    params.append('page', query.page);
-  }
-  if (query.limit) {
-    params.append('limit', query.limit);
-  }
-  if (query.sort) {
-    params.append('sort', query.sort);
-  }
-  if (query.q) {
-    params.append('q', query.q);
-  }
-  return (dispatch) => {
-    dispatch(loadingClaims());
-    return axios
-      .get(CLAIMS_API, {
-        params: params,
-      })
-      .then((response) => {
-        dispatch(
-          addClaimants(
-            response.data.nodes.filter((claim) => claim.claimant).map((claim) => claim.claimant),
-          ),
-        );
-        dispatch(
-          addRatings(
-            response.data.nodes.filter((claim) => claim.rating).map((claim) => claim.rating),
-          ),
-        );
-        dispatch(
-          addClaimsList(
-            response.data.nodes.map((claim) => {
-              claim.description = { json: claim.description, html: claim.description_html };
-              return { ...claim, claimant: claim.claimant.id, rating: claim.rating.id };
-            }),
-          ),
-        );
-        dispatch(
-          addClaimsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopClaimsLoading()));
-  };
-};
-
-// action to fetch claim by id
-export const getClaim = (id) => {
-  return (dispatch) => {
-    dispatch(loadingClaims());
-    return axios
-      .get(CLAIMS_API + '/' + id)
-      .then((response) => {
-        let claim = response.data;
-        claim.description = { json: claim.description, html: claim.description_html };
-        dispatch(addClaimants([claim.claimant]));
-        dispatch(addRatings([claim.rating]));
-
-        dispatch(
-          addClaim(GET_CLAIM, { ...claim, claimant: claim.claimant.id, rating: claim.rating.id }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopClaimsLoading()));
-  };
-};
-
-// action to create claim
-export const createClaim = (data) => {
-  return (dispatch) => {
-    dispatch(loadingClaims());
-    return axios
-      .post(CLAIMS_API, data)
-      .then((response) => {
-        let claim = response.data;
-        claim.description = { json: claim.description, html: claim.description_html };
-        dispatch(addClaimants([claim.claimant]));
-        dispatch(addRatings([claim.rating]));
-
-        dispatch(resetClaims());
-        dispatch(addSuccessNotification('Claim created'));
-        return claim;
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update claim by id
-export const updateClaim = (data) => {
-  return (dispatch) => {
-    dispatch(loadingClaims());
-    return axios
-      .put(CLAIMS_API + '/' + data.id, data)
-      .then((response) => {
-        let claim = response.data;
-        claim.description = { json: claim.description, html: claim.description_html };
-        dispatch(addClaimants([claim.claimant]));
-        dispatch(addRatings([claim.rating]));
-
-        dispatch(
-          addClaim(UPDATE_CLAIM, {
-            ...claim,
-            claimant: claim.claimant.id,
-            rating: claim.rating.id,
-          }),
-        );
-        dispatch(addSuccessNotification('Claim updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopClaimsLoading()));
-  };
-};
-
-// action to delete claim by id
-export const deleteClaim = (id) => {
-  return (dispatch) => {
-    dispatch(loadingClaims());
-    return axios
-      .delete(CLAIMS_API + '/' + id)
-      .then(() => {
-        dispatch(resetClaims());
-        dispatch(addSuccessNotification('Claim deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const addClaims = (claims) => {
-  return (dispatch) => {
-    dispatch(addClaimants(claims.filter((claim) => claim.claimant).map((claim) => claim.claimant)));
-    dispatch(addRatings(claims.filter((claim) => claim.rating).map((claim) => claim.rating)));
-    dispatch(
-      addClaimsList(
-        claims.map((claim) => {
-          return { ...claim, claimant: claim.claimant.id, rating: claim.rating.id };
-        }),
-      ),
-    );
-  };
-};
-
-export const loadingClaims = () => ({
-  type: SET_CLAIMS_LOADING,
-  payload: true,
-});
-
-export const stopClaimsLoading = () => ({
-  type: SET_CLAIMS_LOADING,
-  payload: false,
-});
-
-export const addClaim = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addClaimsList = (payload) => ({
-  type: ADD_CLAIMS,
-  payload,
-});
-
-export const addClaimsRequest = (payload) => ({
-  type: ADD_CLAIMS_REQUEST,
-  payload,
-});
-
-export const resetClaims = () => ({
-  type: RESET_CLAIMS,
-});
diff --git a/studio/src/actions/claims.ts b/studio/src/actions/claims.ts
new file mode 100644
index 000000000..c7ca05ea9
--- /dev/null
+++ b/studio/src/actions/claims.ts
@@ -0,0 +1,400 @@
+import axios from "axios";
+import {
+  ADD_CLAIMS,
+  ADD_CLAIMS_REQUEST,
+  SET_CLAIMS_LOADING,
+  RESET_CLAIMS,
+  CLAIMS_API,
+  GET_CLAIM,
+  UPDATE_CLAIM,
+} from "../constants/claims";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import { addRatings } from "./ratings";
+import { addClaimants } from "./claimants";
+import getError from "../utils/getError";
+import { ThunkAction } from "redux-thunk";
+import { AnyAction } from "redux";
+import { Rating as RatingFromRatings } from "./ratings";
+
+// Types
+interface Claimant {
+  id: string;
+  [key: string]: any;
+}
+
+type Rating = RatingFromRatings;
+interface Description {
+  json: any;
+  html: string;
+}
+
+interface Claim {
+  id: string;
+  description?: Description;
+  description_html?: string;
+  claimant: string | Claimant;
+  rating: string | Rating | number;
+  [key: string]: any;
+}
+
+interface ClaimNode {
+  id: string;
+  description: any;
+  description_html: string;
+  claimant: Claimant;
+  rating: Rating;
+  [key: string]: any;
+}
+
+interface ClaimsResponse {
+  nodes: ClaimNode[];
+  total: number;
+}
+
+interface ClaimsQuery {
+  page?: number | string;
+  limit?: number | string;
+  sort?: string;
+  q?: string;
+  claimant?: string[] | string;
+  rating?: string[] | string;
+  [key: string]: any;
+}
+
+interface ClaimsRequest {
+  data: string[];
+  query: ClaimsQuery;
+  total: number;
+}
+
+type AppThunk<ReturnType = void> = ThunkAction<
+  ReturnType,
+  unknown,
+  unknown,
+  AnyAction
+>;
+
+export const hasClaims = (json: any): boolean => {
+  if (!json || !json.content) {
+    return false;
+  }
+
+  if (!Array.isArray(json.content)) {
+    return false;
+  }
+
+  return json.content.some(
+    (node: any) => node.type === "claim" || (node.content && hasClaims(node))
+  );
+};
+
+export const extractClaimIdsAndOrder = (json: any) => {
+  const claimIds: number[] = [];
+  const claimOrder: number[] = [];
+
+  if (!json || !json.content || !Array.isArray(json.content)) {
+    return { claimIds, claimOrder };
+  }
+
+  // Process the content to extract claims
+  json.content.forEach((node: any) => {
+    if (node.type === "claim" && node.attrs && node.attrs.id) {
+      const id = parseInt(node.attrs.id);
+      if (!isNaN(id) && !claimIds.includes(id)) {
+        claimIds.push(id);
+        claimOrder.push(id);
+      }
+    } else if (node.content) {
+      const { claimIds: nestedIds, claimOrder: nestedOrder } =
+        extractClaimIdsAndOrder(node);
+      nestedIds.forEach((id: number) => {
+        if (!claimIds.includes(id)) {
+          claimIds.push(id);
+          claimOrder.push(id);
+        }
+      });
+    }
+  });
+
+  return { claimIds, claimOrder };
+};
+
+// action to fetch all claims
+export const getClaims = (query: ClaimsQuery): AppThunk => {
+  const params = new URLSearchParams();
+
+  // Handle claimant filter - could be array or single string
+  if (query.claimant) {
+    if (Array.isArray(query.claimant)) {
+      query.claimant.forEach((each) => {
+        if (each) params.append("claimant", each);
+      });
+    } else if (typeof query.claimant === "string") {
+      params.append("claimant", query.claimant);
+    }
+  }
+
+  // Handle rating filter - could be array or single string
+  if (query.rating) {
+    if (Array.isArray(query.rating)) {
+      query.rating.forEach((each) => {
+        if (each) params.append("rating", each);
+      });
+    } else if (typeof query.rating === "string") {
+      params.append("rating", query.rating);
+    }
+  }
+
+  // Handle other parameters
+  if (query.page) {
+    params.append("page", query.page.toString());
+  }
+  if (query.limit) {
+    params.append("limit", query.limit.toString());
+  }
+  if (query.sort) {
+    params.append("sort", query.sort);
+  }
+  if (query.q) {
+    params.append("q", query.q);
+  }
+
+  return (dispatch) => {
+    dispatch(loadingClaims());
+    return axios
+      .get<ClaimsResponse>(CLAIMS_API, {
+        params: params,
+      })
+      .then((response) => {
+        dispatch(
+          addClaimants(
+            response.data.nodes
+              .filter((claim) => claim.claimant)
+              .map((claim) => claim.claimant)
+          )
+        );
+        dispatch(
+          addRatings(
+            response.data.nodes
+              .filter((claim) => claim.rating)
+              .map((claim) => claim.rating)
+          )
+        );
+        dispatch(
+          addClaimsList(
+            response.data.nodes.map((claim) => {
+              return {
+                ...claim,
+                description: {
+                  json: claim.description,
+                  html: claim.description_html,
+                },
+                claimant: claim.claimant.id,
+                rating: claim.rating.id,
+              } as Claim;
+            })
+          )
+        );
+        dispatch(
+          addClaimsRequest({
+            data: response.data.nodes.map((item) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopClaimsLoading()));
+  };
+};
+
+// action to fetch claim by id
+export const getClaim = (id: string): AppThunk => {
+  return (dispatch) => {
+    dispatch(loadingClaims());
+    return axios
+      .get<ClaimNode>(`${CLAIMS_API}/${id}`)
+      .then((response) => {
+        const claim = response.data;
+        const description = {
+          json: claim.description,
+          html: claim.description_html,
+        };
+        dispatch(addClaimants([claim.claimant]));
+        dispatch(addRatings([claim.rating]));
+
+        dispatch(
+          addClaim(GET_CLAIM, {
+            ...claim,
+            description,
+            claimant: claim.claimant.id,
+            rating: claim.rating.id,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopClaimsLoading()));
+  };
+};
+
+// Fixed createClaim function
+export const createClaim = (
+  data: Omit<Claim, "id">
+): ThunkAction<Promise<Claim | undefined>, unknown, unknown, AnyAction> => {
+  return (dispatch) => {
+    dispatch(loadingClaims());
+    return axios
+      .post<ClaimNode>(CLAIMS_API, data)
+      .then((response) => {
+        const claim = response.data;
+        const description = {
+          json: claim.description,
+          html: claim.description_html,
+        };
+        dispatch(addClaimants([claim.claimant]));
+        dispatch(addRatings([claim.rating]));
+
+        dispatch(resetClaims());
+        dispatch(addSuccessNotification("Claim created"));
+        dispatch(stopClaimsLoading());
+        return {
+          ...claim,
+          description,
+          claimant:
+            typeof claim.claimant === "object"
+              ? claim.claimant.id
+              : claim.claimant,
+          rating:
+            typeof claim.rating === "object" ? claim.rating.id : claim.rating,
+        };
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        dispatch(stopClaimsLoading());
+        return undefined;
+      });
+  };
+};
+
+// action to update claim by id
+export const updateClaim = (data: Claim): ThunkAction<Promise<Claim | undefined>, unknown, unknown, AnyAction> => {
+  return (dispatch) => {
+    dispatch(loadingClaims());
+    return axios
+      .put<ClaimNode>(`${CLAIMS_API}/${data.id}`, data)
+      .then((response) => {
+        const claim = response.data;
+        const description = {
+          json: claim.description,
+          html: claim.description_html,
+        };
+        dispatch(addClaimants([claim.claimant]));
+        dispatch(addRatings([claim.rating]));
+
+        dispatch(
+          addClaim(UPDATE_CLAIM, {
+            ...claim,
+            description,
+            claimant: claim.claimant.id,
+            rating: claim.rating.id,
+          })
+        );
+        dispatch(addSuccessNotification("Claim updated"));
+        
+        // Return the updated claim
+        return {
+          ...claim,
+          description,
+          claimant: typeof claim.claimant === "object" ? claim.claimant.id : claim.claimant,
+          rating: typeof claim.rating === "object" ? claim.rating.id : claim.rating,
+        };
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        dispatch(stopClaimsLoading());
+        return undefined;
+      });
+  };
+};
+
+// action to delete claim by id
+export const deleteClaim = (id: string): AppThunk => {
+  return (dispatch) => {
+    dispatch(loadingClaims());
+    return axios
+      .delete(`${CLAIMS_API}/${id}`)
+      .then(() => {
+        dispatch(resetClaims());
+        dispatch(addSuccessNotification("Claim deleted"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const addClaims = (claims: ClaimNode[]): AppThunk => {
+  return (dispatch) => {
+    dispatch(
+      addClaimants(
+        claims.filter((claim) => claim.claimant).map((claim) => claim.claimant)
+      )
+    );
+    dispatch(
+      addRatings(
+        claims.filter((claim) => claim.rating).map((claim) => claim.rating)
+      )
+    );
+    dispatch(
+      addClaimsList(
+        claims.map((claim) => {
+          return {
+            ...claim,
+            claimant:
+              typeof claim.claimant === "object"
+                ? claim.claimant.id
+                : claim.claimant,
+            rating:
+              typeof claim.rating === "object" ? claim.rating.id : claim.rating,
+          } as Claim;
+        })
+      )
+    );
+  };
+};
+
+export const loadingClaims = () => ({
+  type: SET_CLAIMS_LOADING,
+  payload: true,
+});
+
+export const stopClaimsLoading = () => ({
+  type: SET_CLAIMS_LOADING,
+  payload: false,
+});
+
+export const addClaim = (
+  type: typeof GET_CLAIM | typeof UPDATE_CLAIM,
+  payload: Claim
+) => ({
+  type,
+  payload,
+});
+
+export const addClaimsList = (payload: Claim[]) => ({
+  type: ADD_CLAIMS,
+  payload,
+});
+
+export const addClaimsRequest = (payload: ClaimsRequest) => ({
+  type: ADD_CLAIMS_REQUEST,
+  payload,
+});
+
+export const resetClaims = () => ({
+  type: RESET_CLAIMS,
+});
diff --git a/studio/src/actions/events.js b/studio/src/actions/events.js
deleted file mode 100644
index 515b83477..000000000
--- a/studio/src/actions/events.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_EVENTS,
-  ADD_EVENTS_REQUEST,
-  RESET_EVENTS,
-  SET_EVENTS_LOADING,
-  EVENTS_API,
-  GET_EVENT,
-  UPDATE_EVENT,
-} from '../constants/events';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import getError from '../utils/getError';
-
-// action to fetch default events
-export const addDefaultEvents = (query) => {
-  return (dispatch) => {
-    dispatch(loadingEvents());
-    return axios
-      .post(EVENTS_API + '/default')
-      .then((response) => {
-        dispatch(addEvents(response.data.nodes));
-        dispatch(
-          addEventsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopEventsLoading()));
-  };
-};
-
-// action to fetch all events
-export const getEvents = (query) => {
-  return (dispatch) => {
-    dispatch(loadingEvents());
-    return axios
-      .get(EVENTS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(addEvents(response.data.nodes));
-        dispatch(
-          addEventsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopEventsLoading()));
-  };
-};
-
-// action to fetch event by id
-export const getEvent = (id) => {
-  return (dispatch) => {
-    dispatch(loadingEvents());
-    return axios
-      .get(EVENTS_API + '/' + id)
-      .then((response) => {
-        dispatch(addEvent(GET_EVENT, response.data));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopEventsLoading()));
-  };
-};
-
-// action to create event
-export const createEvent = (data) => {
-  return (dispatch) => {
-    dispatch(loadingEvents());
-    return axios
-      .post(EVENTS_API, data)
-      .then(() => {
-        dispatch(resetEvents());
-        dispatch(addSuccessNotification('Event created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update event by id
-export const updateEvent = (data) => {
-  return (dispatch) => {
-    dispatch(loadingEvents());
-    return axios
-      .put(EVENTS_API + '/' + data.id, data)
-      .then((response) => {
-        dispatch(addEvent(UPDATE_EVENT, response.data));
-        dispatch(addSuccessNotification('Event updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopEventsLoading()));
-  };
-};
-
-// action to delete event by id
-export const deleteEvent = (id) => {
-  return (dispatch) => {
-    dispatch(loadingEvents());
-    return axios
-      .delete(EVENTS_API + '/' + id)
-      .then(() => {
-        dispatch(resetEvents());
-        dispatch(addSuccessNotification('Event deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const loadingEvents = () => ({
-  type: SET_EVENTS_LOADING,
-  payload: true,
-});
-
-export const stopEventsLoading = () => ({
-  type: SET_EVENTS_LOADING,
-  payload: false,
-});
-
-export const addEvent = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addEvents = (payload) => ({
-  type: ADD_EVENTS,
-  payload,
-});
-
-export const addEventsRequest = (payload) => ({
-  type: ADD_EVENTS_REQUEST,
-  payload,
-});
-
-export const resetEvents = () => ({
-  type: RESET_EVENTS,
-});
diff --git a/studio/src/actions/events.ts b/studio/src/actions/events.ts
new file mode 100644
index 000000000..6b59f2d6a
--- /dev/null
+++ b/studio/src/actions/events.ts
@@ -0,0 +1,172 @@
+import axios from "axios";
+import {
+  ADD_EVENTS,
+  ADD_EVENTS_REQUEST,
+  RESET_EVENTS,
+  SET_EVENTS_LOADING,
+  EVENTS_API,
+  GET_EVENT,
+  UPDATE_EVENT,
+} from "../constants/events";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import getError from "../utils/getError";
+
+// Define interfaces
+interface Event {
+  id: string;
+  [key: string]: any;
+}
+
+interface EventAction {
+  type: string;
+  payload: any;
+}
+
+interface EventRequestData {
+  data: string[];
+  query: any;
+  total: number;
+}
+
+// action to fetch default events
+export const addDefaultEvents = (query: any) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingEvents());
+    return axios
+      .post(`${EVENTS_API}/default`)
+      .then((response) => {
+        dispatch(addEvents(response.data.nodes));
+        dispatch(
+          addEventsRequest({
+            data: response.data.nodes.map((item: Event) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopEventsLoading()));
+  };
+};
+
+// action to fetch all events
+export const getEvents = (query: any) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingEvents());
+    return axios
+      .get(EVENTS_API, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(addEvents(response.data.nodes));
+        dispatch(
+          addEventsRequest({
+            data: response.data.nodes.map((item: Event) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopEventsLoading()));
+  };
+};
+
+// action to fetch event by id
+export const getEvent = (id: string) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingEvents());
+    return axios
+      .get(`${EVENTS_API}/${id}`)
+      .then((response) => {
+        dispatch(addEvent(GET_EVENT, response.data));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopEventsLoading()));
+  };
+};
+
+// action to create event
+export const createEvent = (data: Omit<Event, "id">) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingEvents());
+    return axios
+      .post(EVENTS_API, data)
+      .then(() => {
+        dispatch(resetEvents());
+        dispatch(addSuccessNotification("Event created"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+// action to update event by id
+export const updateEvent = (data: Event) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingEvents());
+    return axios
+      .put(`${EVENTS_API}/${data.id}`, data)
+      .then((response) => {
+        dispatch(addEvent(UPDATE_EVENT, response.data));
+        dispatch(addSuccessNotification("Event updated"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopEventsLoading()));
+  };
+};
+
+// action to delete event by id
+export const deleteEvent = (id: string) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingEvents());
+    return axios
+      .delete(`${EVENTS_API}/${id}`)
+      .then(() => {
+        dispatch(resetEvents());
+        dispatch(addSuccessNotification("Event deleted"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const loadingEvents = (): EventAction => ({
+  type: SET_EVENTS_LOADING,
+  payload: true,
+});
+
+export const stopEventsLoading = (): EventAction => ({
+  type: SET_EVENTS_LOADING,
+  payload: false,
+});
+
+export const addEvent = (type: string, payload: Event): EventAction => ({
+  type,
+  payload,
+});
+
+export const addEvents = (payload: Event[]): EventAction => ({
+  type: ADD_EVENTS,
+  payload,
+});
+
+export const addEventsRequest = (payload: EventRequestData): EventAction => ({
+  type: ADD_EVENTS_REQUEST,
+  payload,
+});
+
+export const resetEvents = (): EventAction => ({
+  type: RESET_EVENTS,
+  payload: [],
+});
diff --git a/studio/src/actions/forgotPassword.js b/studio/src/actions/forgotPassword.js
deleted file mode 100644
index a7c209151..000000000
--- a/studio/src/actions/forgotPassword.js
+++ /dev/null
@@ -1,58 +0,0 @@
-export const requestPasswordReset = async (userId) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/password_reset`,
-    {
-      method: 'POST',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        sendLink: {
-          notificationType: 'NOTIFICATION_TYPE_Email',
-          urlTemplate: `${window.PUBLIC_URL}/auth/login/recovery?userID={{.UserID}}&code={{.Code}}&orgID={{.OrgID}}`,
-        },
-      }),
-    },
-  );
-
-  if (!response.ok) {
-    const error = await response.json();
-    throw new Error(error.message || 'Failed to send reset email');
-  }
-
-  return response.json();
-};
-
-export const resetPassword = async (userId, newPassword, verificationCode) => {
-  if (!userId || !newPassword || !verificationCode) {
-    throw new Error('Missing required parameters for password reset');
-  }
-
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/password`,
-    {
-      method: 'POST',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        newPassword: {
-          password: newPassword,
-          changeRequired: false,
-        },
-        verificationCode: verificationCode,
-      }),
-    },
-  );
-
-  if (!response.ok) {
-    const error = await response.json();
-    throw new Error(error.message || 'Failed to reset password');
-  }
-
-  return response.json();
-};
diff --git a/studio/src/actions/forgotPassword.ts b/studio/src/actions/forgotPassword.ts
new file mode 100644
index 000000000..7a5fc1d91
--- /dev/null
+++ b/studio/src/actions/forgotPassword.ts
@@ -0,0 +1,68 @@
+import { ErrorResponse, PasswordResetResponse } from "./types";
+
+export const requestPasswordReset = async (
+  userId: string
+): Promise<PasswordResetResponse> => {
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/v2/users/${userId}/password_reset`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        sendLink: {
+          notificationType: "NOTIFICATION_TYPE_Email",
+          urlTemplate: `${
+            import.meta.env.VITE_PUBLIC_URL
+          }/auth/login/recovery?userID={{.UserID}}&code={{.Code}}&orgID={{.OrgID}}`,
+        },
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    const error = (await response.json()) as ErrorResponse;
+    throw new Error(error.message || "Failed to send reset email");
+  }
+
+  return response.json();
+};
+
+export const resetPassword = async (
+  userId: string,
+  newPassword: string,
+  verificationCode: string
+): Promise<void> => {
+  if (!userId || !newPassword || !verificationCode) {
+    throw new Error("Missing required parameters for password reset");
+  }
+
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/${userId}/password`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        newPassword: {
+          password: newPassword,
+          changeRequired: false,
+        },
+        verificationCode: verificationCode,
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    const error = (await response.json()) as ErrorResponse;
+    throw new Error(error.message || "Failed to reset password");
+  }
+};
diff --git a/studio/src/actions/formats.js b/studio/src/actions/formats.js
deleted file mode 100644
index 0cca85d95..000000000
--- a/studio/src/actions/formats.js
+++ /dev/null
@@ -1,161 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_FORMATS,
-  ADD_FORMATS_REQUEST,
-  SET_FORMATS_LOADING,
-  RESET_FORMATS,
-  FORMATS_API,
-  GET_FORMAT,
-  UPDATE_FORMAT,
-} from '../constants/formats';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import getError from '../utils/getError';
-import { SET_REDIRECT } from '../constants/settings';
-
-// action to fetch default formats
-export const addDefaultFormats = (query) => {
-  return (dispatch) => {
-    dispatch(loadingFormats());
-    return axios
-      .post(FORMATS_API + '/default')
-      .then((response) => {
-        dispatch(addFormats(response.data.nodes));
-        dispatch(
-          addFormatsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopFormatsLoading()));
-  };
-};
-
-// action to fetch all formats
-export const getFormats = (query) => {
-  return (dispatch) => {
-    dispatch(loadingFormats());
-    return axios
-      .get(FORMATS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(addFormats(response.data.nodes));
-        dispatch(
-          addFormatsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        if (error && error.response && error.response.status === 307) dispatch(setRedirect(307));
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopFormatsLoading()));
-  };
-};
-
-// action to fetch format by id
-export const getFormat = (id) => {
-  return (dispatch) => {
-    dispatch(loadingFormats());
-    return axios
-      .get(FORMATS_API + '/' + id)
-      .then((response) => {
-        dispatch(addFormat(GET_FORMAT, response.data));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopFormatsLoading()));
-  };
-};
-
-// action to create format
-export const createFormat = (data) => {
-  return (dispatch) => {
-    dispatch(loadingFormats());
-    return axios
-      .post(FORMATS_API, data)
-      .then(() => {
-        dispatch(resetFormats());
-        dispatch(addSuccessNotification('Format created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update format by id
-export const updateFormat = (data) => {
-  return (dispatch) => {
-    dispatch(loadingFormats());
-    return axios
-      .put(FORMATS_API + '/' + data.id, data)
-      .then((response) => {
-        dispatch(addFormat(UPDATE_FORMAT, response.data));
-        dispatch(addSuccessNotification('Format updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopFormatsLoading()));
-  };
-};
-
-// action to delete format by id
-export const deleteFormat = (id) => {
-  return (dispatch) => {
-    dispatch(loadingFormats());
-    return axios
-      .delete(FORMATS_API + '/' + id)
-      .then(() => {
-        dispatch(resetFormats());
-        dispatch(addSuccessNotification('Format deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const setRedirect = (code) => ({
-  type: SET_REDIRECT,
-  payload: code,
-});
-
-export const loadingFormats = () => ({
-  type: SET_FORMATS_LOADING,
-  payload: true,
-});
-
-export const stopFormatsLoading = () => ({
-  type: SET_FORMATS_LOADING,
-  payload: false,
-});
-
-export const addFormat = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addFormats = (payload) => ({
-  type: ADD_FORMATS,
-  payload,
-});
-
-export const addFormatsRequest = (payload) => ({
-  type: ADD_FORMATS_REQUEST,
-  payload,
-});
-
-export const resetFormats = () => ({
-  type: RESET_FORMATS,
-});
diff --git a/studio/src/actions/formats.ts b/studio/src/actions/formats.ts
new file mode 100644
index 000000000..f6ce92184
--- /dev/null
+++ b/studio/src/actions/formats.ts
@@ -0,0 +1,175 @@
+import axios from "axios";
+import { Dispatch, AnyAction } from "redux";
+
+import {
+  ADD_FORMATS,
+  ADD_FORMATS_REQUEST,
+  SET_FORMATS_LOADING,
+  RESET_FORMATS,
+  FORMATS_API,
+  GET_FORMAT,
+  UPDATE_FORMAT,
+} from "../constants/formats";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import getError from "../utils/getError";
+import { SET_REDIRECT } from "../constants/settings";
+
+// Define types
+export interface Format {
+  id: string;
+  [key: string]: any; // Add specific properties based on your format object structure
+}
+
+interface FormatRequest {
+  data: string[];
+  query: any;
+  total: number;
+}
+
+// action to fetch default formats
+export const addDefaultFormats = (query: any) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingFormats());
+    return axios
+      .post(`${FORMATS_API}/default`)
+      .then((response) => {
+        dispatch(addFormats(response.data.nodes));
+        dispatch(
+          addFormatsRequest({
+            data: response.data.nodes.map((item: Format) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopFormatsLoading()));
+  };
+};
+
+// action to fetch all formats
+export const getFormats = (query: any) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingFormats());
+    return axios
+      .get(FORMATS_API, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(addFormats(response.data.nodes));
+        dispatch(
+          addFormatsRequest({
+            data: response.data.nodes.map((item: Format) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        if (error?.response?.status === 307) dispatch(setRedirect(307));
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopFormatsLoading()));
+  };
+};
+
+// action to fetch format by id
+export const getFormat = (id: string) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingFormats());
+    return axios
+      .get(`${FORMATS_API}/${id}`)
+      .then((response) => {
+        dispatch(addFormat(GET_FORMAT, response.data));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopFormatsLoading()));
+  };
+};
+
+// action to create format
+export const createFormat = (data: Format) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingFormats());
+    return axios
+      .post(FORMATS_API, data)
+      .then(() => {
+        dispatch(resetFormats());
+        dispatch(addSuccessNotification("Format created"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+// action to update format by id
+export const updateFormat = (data: Format) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingFormats());
+    return axios
+      .put(`${FORMATS_API}/${data.id}`, data)
+      .then((response) => {
+        dispatch(addFormat(UPDATE_FORMAT, response.data));
+        dispatch(addSuccessNotification("Format updated"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopFormatsLoading()));
+  };
+};
+
+// action to delete format by id
+export const deleteFormat = (id: string) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    dispatch(loadingFormats());
+    return axios
+      .delete(`${FORMATS_API}/${id}`)
+      .then(() => {
+        dispatch(resetFormats());
+        dispatch(addSuccessNotification("Format deleted"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const setRedirect = (code: number) => ({
+  type: SET_REDIRECT,
+  payload: code,
+});
+
+export const loadingFormats = () => ({
+  type: SET_FORMATS_LOADING,
+  payload: true,
+});
+
+export const stopFormatsLoading = () => ({
+  type: SET_FORMATS_LOADING,
+  payload: false,
+});
+
+export const addFormat = (type: string, payload: any) => ({
+  type,
+  payload,
+});
+
+export const addFormats = (payload: Format[]) => ({
+  type: ADD_FORMATS,
+  payload,
+});
+
+export const addFormatsRequest = (payload: FormatRequest) => ({
+  type: ADD_FORMATS_REQUEST,
+  payload,
+});
+
+export const resetFormats = () => ({
+  type: RESET_FORMATS,
+});
diff --git a/studio/src/actions/googleFactChecks.js b/studio/src/actions/googleFactChecks.js
deleted file mode 100644
index 45d5af743..000000000
--- a/studio/src/actions/googleFactChecks.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import axios from 'axios';
-import {
-  GOOGLE_FACT_CHECKS_API,
-  ADD_GOOGLE_FACT_CHECKS_REQUEST,
-  SET_GOOGLE_FACT_CHECKS_LOADING,
-} from '../constants/googleFactChecks';
-import { addErrorNotification } from './notifications';
-import getError from '../utils/getError';
-
-export const getGoogleFactChecks = (query) => {
-  return (dispatch) => {
-    dispatch(loadingGoogleFactChecks());
-    return axios
-      .get(GOOGLE_FACT_CHECKS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(
-          addRequest({
-            data: response.data.nodes,
-            query: query,
-            total: response.data.total,
-            nextPage: response.data.nextPage,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopLoading()));
-  };
-};
-
-export const addRequest = (data) => ({
-  type: ADD_GOOGLE_FACT_CHECKS_REQUEST,
-  payload: data,
-});
-
-export const loadingGoogleFactChecks = () => ({
-  type: SET_GOOGLE_FACT_CHECKS_LOADING,
-  payload: true,
-});
-
-export const stopLoading = () => ({
-  type: SET_GOOGLE_FACT_CHECKS_LOADING,
-  payload: false,
-});
diff --git a/studio/src/actions/googleFactChecks.ts b/studio/src/actions/googleFactChecks.ts
new file mode 100644
index 000000000..2f7d1b240
--- /dev/null
+++ b/studio/src/actions/googleFactChecks.ts
@@ -0,0 +1,81 @@
+import axios from "axios";
+import {
+  GOOGLE_FACT_CHECKS_API,
+  ADD_GOOGLE_FACT_CHECKS_REQUEST,
+  SET_GOOGLE_FACT_CHECKS_LOADING,
+} from "../constants/googleFactChecks";
+import { addErrorNotification } from "./notifications";
+import getError from "../utils/getError";
+
+interface GoogleFactCheckNode {
+  id: string;
+  [key: string]: any;
+}
+
+interface GoogleFactChecksResponse {
+  nodes: GoogleFactCheckNode[];
+  total: number;
+  nextPage?: string;
+}
+
+export interface Query {
+  [key: string]: string | number | boolean | undefined;
+}
+
+interface RequestPayload {
+  data: GoogleFactCheckNode[];
+  query: Query;
+  total: number;
+  nextPage?: string;
+}
+
+interface AddRequestAction {
+  type: typeof ADD_GOOGLE_FACT_CHECKS_REQUEST;
+  payload: RequestPayload;
+}
+
+interface SetLoadingAction {
+  type: typeof SET_GOOGLE_FACT_CHECKS_LOADING;
+  payload: boolean;
+}
+
+type GoogleFactChecksAction = AddRequestAction | SetLoadingAction;
+
+export const getGoogleFactChecks = (query: Query) => {
+  return (dispatch: (action: GoogleFactChecksAction | any) => void) => {
+    dispatch(loadingGoogleFactChecks());
+    return axios
+      .get<GoogleFactChecksResponse>(GOOGLE_FACT_CHECKS_API, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(
+          addRequest({
+            data: response.data.nodes,
+            query: query,
+            total: response.data.total,
+            nextPage: response.data.nextPage,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopLoading()));
+  };
+};
+
+export const addRequest = (data: RequestPayload): AddRequestAction => ({
+  type: ADD_GOOGLE_FACT_CHECKS_REQUEST,
+  payload: data,
+});
+
+export const loadingGoogleFactChecks = (): SetLoadingAction => ({
+  type: SET_GOOGLE_FACT_CHECKS_LOADING,
+  payload: true,
+});
+
+export const stopLoading = (): SetLoadingAction => ({
+  type: SET_GOOGLE_FACT_CHECKS_LOADING,
+  payload: false,
+});
diff --git a/studio/src/actions/idp.js b/studio/src/actions/idp.js
deleted file mode 100644
index bfaf3eda5..000000000
--- a/studio/src/actions/idp.js
+++ /dev/null
@@ -1,226 +0,0 @@
-export const getProviderInformation = async (intentId, token) => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/idp_intents/${intentId}`, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify({
-      idpIntentToken: token,
-    }),
-  });
-
-  if (!response.ok) {
-    throw new Error('Failed to get provider information');
-  }
-
-  return response.json();
-};
-
-export const checkUserExists = async (email) => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users`, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify({
-      query: {
-        offset: '0',
-        limit: 1,
-        asc: true,
-      },
-      queries: [
-        {
-          emailQuery: {
-            emailAddress: email,
-            method: 'TEXT_QUERY_METHOD_EQUALS',
-          },
-        },
-      ],
-    }),
-  });
-
-  if (!response.ok) {
-    throw new Error('Failed to check user existence');
-  }
-
-  const data = await response.json();
-  if (data.result && data.result.length > 0) {
-    const userId = data.result[0].userId;
-    localStorage.setItem('userId', userId);
-    return data.result[0];
-  } else {
-    return null;
-  }
-};
-
-export const linkExistingUser = async (userId, providerData) => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/links`, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify({
-      idpLink: {
-        idpId: window.REACT_APP_ZITADEL_IDP_ID,
-        userId: providerData.idpInformation?.rawInformation?.User?.sub,
-        userName: providerData.idpInformation?.rawInformation?.User?.name,
-      },
-    }),
-  });
-
-  if (!response.ok) {
-    throw new Error('Failed to link user to IDP');
-  }
-
-  return response.json();
-};
-
-export const createSession = async (userId, intentId = null, token = null) => {
-  const body = {
-    checks: {
-      user: {
-        userId: userId,
-      },
-    },
-  };
-
-  if (intentId && token) {
-    body.checks.idpIntent = {
-      idpIntentId: intentId,
-      idpIntentToken: token,
-    };
-  }
-
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/sessions`, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify(body),
-  });
-
-  if (!response.ok) {
-    throw new Error('Failed to create session');
-  }
-
-  return response.json();
-};
-
-export const registerUser = async (userData, intentId, token) => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/human`, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify({
-      username: userData.email,
-      profile: {
-        givenName: userData.given_name,
-        familyName: userData.family_name,
-        displayName: userData.name,
-      },
-      email: {
-        email: userData.email,
-        isVerified: userData.email_verified,
-      },
-      idpLinks: [
-        {
-          idpId: window.REACT_APP_ZITADEL_IDP_ID,
-          idpExternalId: userData.sub,
-          userId: userData.sub,
-          userName: userData.email,
-        },
-      ],
-    }),
-  });
-
-  if (!response.ok) {
-    const errorData = await response.json();
-    throw new Error(errorData.message || 'Failed to register user');
-  }
-
-  return response.json();
-};
-
-export const initiateGoogleSignIn = async () => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/idp_intents`, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify({
-      idpId: window.REACT_APP_ZITADEL_IDP_ID,
-      urls: {
-        successUrl: `${window.PUBLIC_URL}/auth/login`,
-        failureUrl: `${window.PUBLIC_URL}`,
-      },
-    }),
-  });
-
-  if (!response.ok) {
-    throw new Error('Failed to initiate Google Sign-In');
-  }
-
-  return response.json();
-};
-
-export const getAuthRequestDetails = async (authRequestId) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/oidc/auth_requests/${authRequestId}`,
-    {
-      method: 'GET',
-      headers: {
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-        Accept: 'application/json',
-      },
-    },
-  );
-
-  if (!response.ok) {
-    throw new Error('Failed to get auth request details');
-  }
-
-  return response.json();
-};
-
-export const finalizeAuthRequest = async (authRequestId, sessionId, sessionToken) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/oidc/auth_requests/${authRequestId}`,
-    {
-      method: 'POST',
-      headers: {
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        session: {
-          sessionId: sessionId,
-          sessionToken: sessionToken,
-        },
-      }),
-    },
-  );
-
-  if (!response.ok) {
-    const errorData = await response.json();
-    console.error('Error finalizing auth request:', errorData);
-    throw new Error(
-      'Failed to finalize auth request: ' + (errorData.message || response.statusText),
-    );
-  }
-
-  return response.json();
-};
diff --git a/studio/src/actions/idp.ts b/studio/src/actions/idp.ts
new file mode 100644
index 000000000..eced721c7
--- /dev/null
+++ b/studio/src/actions/idp.ts
@@ -0,0 +1,297 @@
+import type {
+  ProviderInformation,
+  UserSearchResult,
+  SessionData,
+  UserQuery,
+  IdpLinkRequest,
+  SessionRequest,
+  HumanUserRegistration,
+  GoogleSignInRequest,
+  AuthRequestDetails,
+  AuthRequestFinalization,
+  ApiResponse,
+} from "./types";
+
+export const getProviderInformation = async (
+  intentId: string,
+  token: string
+): Promise<ProviderInformation> => {
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/idp_intents/${intentId}`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        idpIntentToken: token,
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to get provider information");
+  }
+
+  return response.json();
+};
+
+export const checkUserExists = async (
+  email: string
+): Promise<UserSearchResult["result"][0] | null> => {
+  const userQuery: UserQuery = {
+    query: {
+      offset: "0",
+      limit: 1,
+      asc: true,
+    },
+    queries: [
+      {
+        emailQuery: {
+          emailAddress: email,
+          method: "TEXT_QUERY_METHOD_EQUALS",
+        },
+      },
+    ],
+  };
+
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify(userQuery),
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to check user existence");
+  }
+
+  const data: UserSearchResult = await response.json();
+  if (data.result && data.result.length > 0) {
+    const userId = data.result[0].userId;
+    localStorage.setItem("userId", userId);
+    return data.result[0];
+  }
+  return null;
+};
+
+export const linkExistingUser = async (
+  userId: string,
+  providerData: ProviderInformation
+): Promise<void> => {
+  const linkRequest: IdpLinkRequest = {
+    idpLink: {
+      idpId: import.meta.env.VITE_ZITADEL_IDP_ID,
+      userId: providerData.idpInformation?.rawInformation?.User?.sub || "",
+      userName: providerData.idpInformation?.rawInformation?.User?.name || "",
+    },
+  };
+
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/${userId}/links`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify(linkRequest),
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to link user to IDP");
+  }
+};
+
+export const createSession = async (
+  userId: string,
+  intentId: string | null = null,
+  token: string | null = null
+): Promise<SessionData> => {
+  const sessionRequest: SessionRequest = {
+    checks: {
+      user: {
+        userId,
+      },
+    },
+  };
+
+  if (intentId && token) {
+    sessionRequest.checks.idpIntent = {
+      idpIntentId: intentId,
+      idpIntentToken: token,
+    };
+  }
+
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/sessions`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify(sessionRequest),
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to create session");
+  }
+
+  return response.json();
+};
+
+export const registerUser = async (userData: {
+  email: string;
+  given_name: string;
+  family_name: string;
+  name: string;
+  email_verified: boolean;
+  sub: string;
+}): Promise<ApiResponse<any>> => {
+  const registrationData: HumanUserRegistration = {
+    username: userData.email,
+    profile: {
+      givenName: userData.given_name,
+      familyName: userData.family_name,
+      displayName: userData.name,
+    },
+    email: {
+      email: userData.email,
+      isVerified: userData.email_verified,
+    },
+    idpLinks: [
+      {
+        idpId: import.meta.env.VITE_ZITADEL_IDP_ID,
+        idpExternalId: userData.sub,
+        userId: userData.sub,
+        userName: userData.email,
+      },
+    ],
+  };
+
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/human`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify(registrationData),
+    }
+  );
+
+  if (!response.ok) {
+    const errorData = await response.json();
+    throw new Error(errorData.message || "Failed to register user");
+  }
+
+  return response.json();
+};
+
+export const initiateGoogleSignIn = async (): Promise<
+  ApiResponse<{ authUrl: string }>
+> => {
+  const signInRequest: GoogleSignInRequest = {
+    idpId: import.meta.env.VITE_ZITADEL_IDP_ID,
+    urls: {
+      successUrl: `${import.meta.env.VITE_PUBLIC_URL}/auth/login`,
+      failureUrl: `${import.meta.env.VITE_PUBLIC_URL}`,
+    },
+  };
+
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/idp_intents`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify(signInRequest),
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to initiate Google Sign-In");
+  }
+
+  return response.json();
+};
+
+export const getAuthRequestDetails = async (
+  authRequestId: string
+): Promise<AuthRequestDetails> => {
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/v2/oidc/auth_requests/${authRequestId}`,
+    {
+      method: "GET",
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        Accept: "application/json",
+      },
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to get auth request details");
+  }
+
+  return response.json();
+};
+
+export const finalizeAuthRequest = async (
+  authRequestId: string,
+  sessionId: string,
+  sessionToken: string
+): Promise<{ callbackUrl: string }> => {
+  const finalizationData: AuthRequestFinalization = {
+    session: {
+      sessionId,
+      sessionToken,
+    },
+  };
+
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/v2/oidc/auth_requests/${authRequestId}`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        Accept: "application/json",
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(finalizationData),
+    }
+  );
+
+  if (!response.ok) {
+    const errorData = await response.json();
+    console.error("Error finalizing auth request:", errorData);
+    throw new Error(
+      "Failed to finalize auth request: " +
+        (errorData.message || response.statusText)
+    );
+  }
+
+  return response.json();
+};
diff --git a/studio/src/actions/info.js b/studio/src/actions/info.js
deleted file mode 100644
index 27437b128..000000000
--- a/studio/src/actions/info.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import axios from 'axios';
-import { ADD_INFO, INFO_API, SET_INFO_LOADING } from '../constants/info';
-import getError from '../utils/getError';
-import { addErrorNotification } from './notifications';
-
-export const getInfo = () => {
-  return (dispatch) => {
-    dispatch(loadingInfo(true));
-
-    return axios
-      .get(INFO_API)
-      .then((response) => {
-        dispatch(addInfo(response.data));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => {
-        dispatch(loadingInfo(false));
-      });
-  };
-};
-
-export const addInfo = (data) => ({
-  type: ADD_INFO,
-  payload: data,
-});
-
-export const loadingInfo = (payload) => ({
-  type: SET_INFO_LOADING,
-  payload,
-});
diff --git a/studio/src/actions/info.ts b/studio/src/actions/info.ts
new file mode 100644
index 000000000..24abc5299
--- /dev/null
+++ b/studio/src/actions/info.ts
@@ -0,0 +1,53 @@
+import axios from "axios";
+import { ADD_INFO, INFO_API, SET_INFO_LOADING } from "../constants/info";
+import getError from "../utils/getError";
+import { addErrorNotification, NotificationAction } from "./notifications";
+import { Dispatch, Action } from "redux";
+
+// Define types for our actions
+interface AddInfoAction extends Action {
+  type: typeof ADD_INFO;
+  payload: any;
+}
+
+interface SetInfoLoadingAction extends Action {
+  type: typeof SET_INFO_LOADING;
+  payload: boolean;
+}
+
+// Union type for all info actions
+type InfoActionTypes =
+  | AddInfoAction
+  | SetInfoLoadingAction
+  | NotificationAction;
+
+// Thunk action creator type
+type ThunkResult<R> = (dispatch: Dispatch<InfoActionTypes>) => R;
+
+export const getInfo = (): ThunkResult<Promise<void>> => {
+  return (dispatch: Dispatch<InfoActionTypes>): Promise<void> => {
+    dispatch(loadingInfo(true));
+
+    return axios
+      .get(INFO_API)
+      .then((response) => {
+        dispatch(addInfo(response.data));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => {
+        dispatch(loadingInfo(false));
+      });
+  };
+};
+
+export const addInfo = (data: any): AddInfoAction => ({
+  type: ADD_INFO,
+  payload: data,
+});
+
+export const loadingInfo = (payload: boolean): SetInfoLoadingAction => ({
+  type: SET_INFO_LOADING,
+  payload,
+});
diff --git a/studio/src/actions/login.js b/studio/src/actions/login.js
deleted file mode 100644
index 9793e8ed1..000000000
--- a/studio/src/actions/login.js
+++ /dev/null
@@ -1,221 +0,0 @@
-export const checkUser = async (emailAddress) => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users`, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify({
-      query: {
-        limit: 1,
-      },
-      queries: [
-        {
-          emailQuery: {
-            emailAddress,
-            method: 'TEXT_QUERY_METHOD_EQUALS',
-          },
-        },
-      ],
-    }),
-  });
-
-  if (!response.ok) {
-    const errorData = await response.json();
-    const errorMessage = errorData.message.split('(')[0].trim();
-    throw new Error(errorMessage || 'User not found');
-  }
-
-  return response.json();
-};
-
-export const createSession = async (userId) => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/sessions`, {
-    method: 'POST',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify({
-      checks: {
-        user: {
-          userId,
-        },
-      },
-    }),
-  });
-
-  if (!response.ok) {
-    const errorData = await response.json();
-    const errorMessage = errorData.message.split('(')[0].trim();
-    throw new Error(errorMessage || 'Failed to create session');
-  }
-
-  return response.json();
-};
-
-export const getUserDetails = async (sessionId) => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`, {
-    method: 'GET',
-    headers: {
-      Accept: 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-  });
-
-  if (!response.ok) {
-    throw new Error('Failed to fetch user details');
-  }
-
-  return response.json();
-};
-
-export const verifyPassword = async (sessionId, sessionToken, password) => {
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`, {
-    method: 'PATCH',
-    headers: {
-      Accept: 'application/json',
-      'Content-Type': 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-    body: JSON.stringify({
-      sessionToken: sessionToken,
-      checks: {
-        password: {
-          password: password,
-        },
-      },
-    }),
-  });
-
-  if (!response.ok) {
-    const errorData = await response.json();
-    const errorMessage = errorData.message.split('(')[0].trim();
-    throw new Error(errorMessage || 'Invalid password');
-  }
-
-  return response.json();
-};
-
-export const verifyUserEmail = async (userId, verificationCode) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/email/verify`,
-    {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        Accept: 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        verificationCode: verificationCode,
-      }),
-    },
-  );
-
-  if (!response.ok) {
-    const errorData = await response.json();
-    const errorMessage = errorData.message?.split('(')[0].trim();
-    throw new Error(errorMessage || 'Failed to verify email');
-  }
-
-  return response.json();
-};
-
-export const checkEmailVerification = async (userId) => {
-  if (!userId) {
-    throw new Error('User ID is required');
-  }
-
-  const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}`, {
-    method: 'GET',
-    headers: {
-      Accept: 'application/json',
-      Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-    },
-  });
-
-  if (!response.ok) {
-    throw new Error('Failed to check email verification status');
-  }
-
-  const userData = await response.json();
-  return userData.user.human.email.isVerified;
-};
-
-export const resendVerificationEmail = async (userId, sessionToken) => {
-  if (!userId || !sessionToken) {
-    throw new Error('User ID and session token are required');
-  }
-
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/email/send`,
-    {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        Accept: 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        sendCode: {
-          urlTemplate: `${window.PUBLIC_URL}/auth/verify?userID={{.UserID}}&code={{.Code}}&orgID={{.OrgID}}`,
-        },
-      }),
-    },
-  );
-
-  if (!response.ok) {
-    const errorData = await response.json();
-    throw new Error(errorData.message || 'Failed to resend verification email');
-  }
-
-  return response.json();
-};
-
-export const getAuthRequestDetails = async (authRequestId) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/oidc/auth_requests/${authRequestId}`,
-    {
-      method: 'GET',
-      headers: {
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-        Accept: 'application/json',
-      },
-    },
-  );
-
-  if (!response.ok) {
-    throw new Error('Failed to get auth request details');
-  }
-
-  return response.json();
-};
-
-export const finalizeAuthRequest = async (authRequestId, sessionId, sessionToken) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/oidc/auth_requests/${authRequestId}`,
-    {
-      method: 'POST',
-      headers: {
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        session: {
-          sessionId: sessionId,
-          sessionToken: sessionToken,
-        },
-      }),
-    },
-  );
-
-  if (!response.ok) {
-    throw new Error('Failed to finalize auth request');
-  }
-
-  return response.json();
-};
diff --git a/studio/src/actions/login.ts b/studio/src/actions/login.ts
new file mode 100644
index 000000000..e2a59a460
--- /dev/null
+++ b/studio/src/actions/login.ts
@@ -0,0 +1,272 @@
+import type {
+  UserResponse,
+  SessionResponse,
+  ErrorResponse,
+  UserDetails,
+  AuthRequestResponse,
+} from "./types";
+
+export const checkUser = async (
+  emailAddress: string
+): Promise<UserResponse> => {
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        query: {
+          limit: 1,
+        },
+        queries: [
+          {
+            emailQuery: {
+              emailAddress,
+              method: "TEXT_QUERY_METHOD_EQUALS",
+            },
+          },
+        ],
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    const errorData = (await response.json()) as ErrorResponse;
+    const errorMessage = errorData.message.split("(")[0].trim();
+    throw new Error(errorMessage || "User not found");
+  }
+
+  return response.json();
+};
+
+export const createSession = async (
+  userId: string
+): Promise<SessionResponse> => {
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/sessions`,
+    {
+      method: "POST",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        checks: {
+          user: {
+            userId,
+          },
+        },
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    const errorData = (await response.json()) as ErrorResponse;
+    const errorMessage = errorData.message.split("(")[0].trim();
+    throw new Error(errorMessage || "Failed to create session");
+  }
+
+  return response.json();
+};
+
+export const getUserDetails = async (
+  sessionId: string
+): Promise<UserDetails> => {
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`,
+    {
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to fetch user details");
+  }
+
+  return response.json();
+};
+
+export const verifyPassword = async (
+  sessionId: string,
+  sessionToken: string,
+  password: string
+): Promise<SessionResponse> => {
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`,
+    {
+      method: "PATCH",
+      headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        sessionToken,
+        checks: {
+          password: {
+            password,
+          },
+        },
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    const errorData = (await response.json()) as ErrorResponse;
+    const errorMessage = errorData.message.split("(")[0].trim();
+    throw new Error(errorMessage || "Invalid password");
+  }
+
+  return response.json();
+};
+
+export const verifyUserEmail = async (
+  userId: string,
+  verificationCode: string
+): Promise<void> => {
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/${userId}/email/verify`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        verificationCode,
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    const errorData = (await response.json()) as ErrorResponse;
+    const errorMessage = errorData.message?.split("(")[0].trim();
+    throw new Error(errorMessage || "Failed to verify email");
+  }
+
+  return response.json();
+};
+
+export const checkEmailVerification = async (
+  userId: string
+): Promise<boolean> => {
+  if (!userId) {
+    throw new Error("User ID is required");
+  }
+
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/${userId}`,
+    {
+      method: "GET",
+      headers: {
+        Accept: "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to check email verification status");
+  }
+
+  const userData = (await response.json()) as UserDetails;
+  return userData.user.human.email.isVerified;
+};
+
+export const resendVerificationEmail = async (
+  userId: string,
+  sessionToken: string
+): Promise<void> => {
+  if (!userId || !sessionToken) {
+    throw new Error("User ID and session token are required");
+  }
+
+  const response = await fetch(
+    `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/${userId}/email/send`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        sendCode: {
+          urlTemplate: `${
+            import.meta.env.VITE_PUBLIC_URL
+          }/auth/verify?userID={{.UserID}}&code={{.Code}}&orgID={{.OrgID}}`,
+        },
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    const errorData = (await response.json()) as ErrorResponse;
+    throw new Error(errorData.message || "Failed to resend verification email");
+  }
+};
+
+export const getAuthRequestDetails = async (
+  authRequestId: string
+): Promise<AuthRequestResponse> => {
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/v2/oidc/auth_requests/${authRequestId}`,
+    {
+      method: "GET",
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        Accept: "application/json",
+      },
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to get auth request details");
+  }
+
+  return response.json();
+};
+
+export const finalizeAuthRequest = async (
+  authRequestId: string,
+  sessionId: string,
+  sessionToken: string
+): Promise<AuthRequestResponse> => {
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/v2/oidc/auth_requests/${authRequestId}`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        Accept: "application/json",
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        session: {
+          sessionId,
+          sessionToken,
+        },
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to finalize auth request");
+  }
+
+  return response.json();
+};
diff --git a/studio/src/actions/media.js b/studio/src/actions/media.js
deleted file mode 100644
index 881bb68dd..000000000
--- a/studio/src/actions/media.js
+++ /dev/null
@@ -1,127 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_MEDIA,
-  ADD_MEDIA_REQUEST,
-  SET_MEDIA_LOADING,
-  RESET_MEDIA,
-  MEDIA_API,
-  GET_MEDIUM,
-  UPDATE_MEDIUM,
-} from '../constants/media';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import getError from '../utils/getError';
-
-// action to fetch media
-export const getMedia = (query, profile) => {
-  return (dispatch) => {
-    dispatch(loadingMedia());
-    return axios
-      .get(MEDIA_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(addMedia(response.data.nodes));
-        dispatch(
-          addMediaRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopMediaLoading()));
-  };
-};
-
-// action to fetch medium by id
-export const getMedium = (id, profile) => {
-  return (dispatch) => {
-    dispatch(loadingMedia());
-    return axios
-      .get(MEDIA_API + '/' + id)
-      .then((response) => {
-        dispatch({ type: GET_MEDIUM, payload: response.data });
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopMediaLoading()));
-  };
-};
-
-// action to create medium
-export const createMedium = (data, profile) => {
-  return (dispatch) => {
-    dispatch(loadingMedia());
-    return axios
-      .post(MEDIA_API, profile ? data[0] : data)
-      .then((response) => {
-        dispatch(resetMedia());
-        dispatch(addSuccessNotification('Medium created'));
-        return profile ? response.data : response.data.nodes[0];
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update medium
-export const updateMedium = (data) => {
-  return (dispatch) => {
-    dispatch(loadingMedia());
-    return axios
-      .put(MEDIA_API + '/' + data.id, data)
-      .then((response) => {
-        dispatch({ type: UPDATE_MEDIUM, payload: response.data });
-        dispatch(addSuccessNotification('Medium updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopMediaLoading()));
-  };
-};
-
-// action to delete medium by id
-export const deleteMedium = (id) => {
-  return (dispatch) => {
-    dispatch(loadingMedia());
-    return axios
-      .delete(MEDIA_API + '/' + id)
-      .then(() => {
-        dispatch(resetMedia());
-        dispatch(addSuccessNotification('Medium deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const loadingMedia = () => ({
-  type: SET_MEDIA_LOADING,
-  payload: true,
-});
-
-export const stopMediaLoading = () => ({
-  type: SET_MEDIA_LOADING,
-  payload: false,
-});
-
-export const addMedia = (data) => ({
-  type: ADD_MEDIA,
-  payload: data,
-});
-
-export const addMediaRequest = (data) => ({
-  type: ADD_MEDIA_REQUEST,
-  payload: data,
-});
-
-export const resetMedia = () => ({
-  type: RESET_MEDIA,
-});
diff --git a/studio/src/actions/media.ts b/studio/src/actions/media.ts
new file mode 100644
index 000000000..5a8b9e210
--- /dev/null
+++ b/studio/src/actions/media.ts
@@ -0,0 +1,232 @@
+import axios from "axios";
+import {
+  ADD_MEDIA,
+  ADD_MEDIA_REQUEST,
+  SET_MEDIA_LOADING,
+  RESET_MEDIA,
+  MEDIA_API,
+  GET_MEDIUM,
+  UPDATE_MEDIUM,
+} from "../constants/media";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import getError from "../utils/getError";
+import { Dispatch } from "redux";
+import { AppThunk } from "../store/types";
+
+// Types
+export interface Medium {
+  id?: string | number;
+  name: string;
+  alt_text?: string;
+  caption?: string;
+  description?: string;
+  meta_fields?: string | Record<string, any>;
+  url?: {
+    proxy?: string;
+    raw?: string;
+  };
+  dimensions?: string;
+  file_size?: number;
+  slug?: string;
+  title?: string;
+  type?: string;
+}
+
+interface MediaRequestPayload {
+  data: (string | number)[];
+  query: Record<string, any>;
+  total: number;
+}
+
+interface MediaAction {
+  type: string;
+  payload?: any;
+}
+
+// Helper function to get space ID
+const getSpaceId = (): string => {
+  return localStorage.getItem("space") || "";
+};
+
+// Action to fetch media
+export const getMedia = (query: Record<string, any>): AppThunk => {
+  return (dispatch: Dispatch<MediaAction>) => {
+    dispatch(loadingMedia());
+
+    // Get the space ID
+    const spaceId = getSpaceId();
+
+    return axios
+      .get(MEDIA_API, {
+        params: query,
+        headers: {
+          "X-Space": spaceId,
+        },
+      })
+      .then((response) => {
+        dispatch(addMedia(response.data.nodes));
+        dispatch(
+          addMediaRequest({
+            data: response.data.nodes.map((item: Medium) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopMediaLoading()));
+  };
+};
+
+// Action to fetch medium by id
+export const getMedium = (id: string | number): AppThunk<Promise<void>> => {
+  return (dispatch: Dispatch<MediaAction>) => {
+    dispatch(loadingMedia());
+    const spaceId = getSpaceId();
+
+    return axios
+      .get(`${MEDIA_API}/${id}`, {
+        headers: {
+          "X-Space": spaceId,
+        },
+      })
+      .then((response) => {
+        dispatch({ type: GET_MEDIUM, payload: response.data });
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopMediaLoading()));
+  };
+};
+
+// Action to create medium
+export const createMedium = (
+  data: Medium | Medium[],
+  profile?: boolean
+): AppThunk<Promise<Medium>> => {
+  return (dispatch: Dispatch<MediaAction>) => {
+    dispatch(loadingMedia());
+    const spaceId = getSpaceId();
+
+    return axios
+      .post(
+        MEDIA_API,
+        profile ? (Array.isArray(data) ? data[0] : data) : data,
+        {
+          headers: {
+            "X-Space": spaceId,
+          },
+        }
+      )
+      .then((response) => {
+        // Reset the media state completely to force a refresh on next fetch
+        dispatch(resetMedia());
+
+        // Immediately fetch the updated media list with the latest data
+        const latestQuery = { page: 1, limit: 10, sort: "desc" };
+        dispatch(getMedia(latestQuery));
+
+        dispatch(addSuccessNotification("Medium created"));
+
+        return profile
+          ? response.data
+          : Array.isArray(response.data.nodes)
+          ? response.data.nodes[0]
+          : response.data;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error; // Re-throw to allow error handling in components
+      })
+      .finally(() => dispatch(stopMediaLoading()));
+  };
+};
+
+// Action to update medium
+export const updateMedium = (data: Medium): AppThunk<Promise<void>> => {
+  return (dispatch: Dispatch<MediaAction>) => {
+    dispatch(loadingMedia());
+    const spaceId = getSpaceId();
+
+    return axios
+      .put(`${MEDIA_API}/${data.id}`, data, {
+        headers: {
+          "X-Space": spaceId,
+        },
+      })
+      .then((response) => {
+        dispatch({ type: UPDATE_MEDIUM, payload: response.data });
+        dispatch(addSuccessNotification("Medium updated"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopMediaLoading()));
+  };
+};
+
+// Action to delete medium by id
+export const deleteMedium = (id: string | number): AppThunk<Promise<void>> => {
+  return (dispatch: Dispatch<MediaAction>) => {
+    dispatch(loadingMedia());
+    const spaceId = getSpaceId();
+
+    return new Promise((resolve, reject) => {
+      axios
+        .delete(`${MEDIA_API}/${id}`, {
+          headers: {
+            "X-Space": spaceId,
+          },
+        })
+        .then(() => {
+          // First reset the media state completely
+          dispatch(resetMedia());
+
+          // Add a longer delay before fetching updated data
+          // This ensures the backend has time to process the deletion
+          setTimeout(() => {
+            // Then fetch the updated media list with the latest data
+            const latestQuery = { page: 1, limit: 10, sort: "desc" };
+            dispatch(getMedia(latestQuery))
+              .then(() => {
+                dispatch(addSuccessNotification("Medium deleted"));
+                resolve();
+              })
+              .catch(reject);
+          }, 800);
+        })
+        .catch((error) => {
+          dispatch(addErrorNotification(getError(error)));
+          reject(error);
+        })
+        .finally(() => dispatch(stopMediaLoading()));
+    });
+  };
+};
+
+export const loadingMedia = (): MediaAction => ({
+  type: SET_MEDIA_LOADING,
+  payload: true,
+});
+
+export const stopMediaLoading = (): MediaAction => ({
+  type: SET_MEDIA_LOADING,
+  payload: false,
+});
+
+export const addMedia = (data: Medium[]): MediaAction => ({
+  type: ADD_MEDIA,
+  payload: data,
+});
+
+export const addMediaRequest = (data: MediaRequestPayload): MediaAction => ({
+  type: ADD_MEDIA_REQUEST,
+  payload: data,
+});
+
+export const resetMedia = (): MediaAction => ({
+  type: RESET_MEDIA,
+});
diff --git a/studio/src/actions/meiliReindex.js b/studio/src/actions/meiliReindex.js
deleted file mode 100644
index cb9a9e90a..000000000
--- a/studio/src/actions/meiliReindex.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import axios from 'axios';
-import { MEILI_REINDEX_API } from '../constants/meiliReindex';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import getError from '../utils/getError';
-
-export const reindexSpace = (id) => {
-  return (dispatch) => {
-    return axios
-      .post(MEILI_REINDEX_API + '/space/' + id)
-      .then((response) => {
-        if (response.status === 200) dispatch(addSuccessNotification('Successfully Reindexed'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-export const reindex = () => {
-  return (dispatch) => {
-    return axios
-      .post(MEILI_REINDEX_API + '/all')
-      .then((response) => {
-        if (response.status === 200) dispatch(addSuccessNotification('Successfully Reindexed'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
diff --git a/studio/src/actions/meiliReindex.ts b/studio/src/actions/meiliReindex.ts
new file mode 100644
index 000000000..26596b766
--- /dev/null
+++ b/studio/src/actions/meiliReindex.ts
@@ -0,0 +1,37 @@
+import axios, { AxiosResponse } from "axios";
+import { MEILI_REINDEX_API } from "../constants/meiliReindex";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import getError from "../utils/getError";
+import { Dispatch, AnyAction } from "redux";
+
+export const reindexSpace = (
+  id: string
+): ((dispatch: Dispatch<AnyAction>) => Promise<void>) => {
+  return (dispatch: Dispatch<AnyAction>): Promise<void> => {
+    return axios
+      .post(`${MEILI_REINDEX_API}/space/${id}`)
+      .then((response: AxiosResponse): void => {
+        if (response.status === 200)
+          dispatch(addSuccessNotification("Successfully Reindexed"));
+      })
+      .catch((error: unknown): void => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const reindex = (): ((
+  dispatch: Dispatch<AnyAction>
+) => Promise<void>) => {
+  return (dispatch: Dispatch<AnyAction>): Promise<void> => {
+    return axios
+      .post(`${MEILI_REINDEX_API}/all`)
+      .then((response: AxiosResponse): void => {
+        if (response.status === 200)
+          dispatch(addSuccessNotification("Successfully Reindexed"));
+      })
+      .catch((error: unknown): void => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
diff --git a/studio/src/actions/menu.js b/studio/src/actions/menu.js
deleted file mode 100644
index 6a18eeaa3..000000000
--- a/studio/src/actions/menu.js
+++ /dev/null
@@ -1,131 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_MENUS,
-  ADD_MENUS_REQUEST,
-  SET_MENUS_LOADING,
-  RESET_MENUS,
-  MENUS_API,
-  GET_MENU,
-  UPDATE_MENU,
-} from '../constants/menu';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import getError from '../utils/getError';
-
-// action to fetch all menus
-export const getMenus = (query) => {
-  return (dispatch) => {
-    dispatch(loadingMenus());
-    return axios
-      .get(MENUS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(addMenus(response.data.nodes));
-        dispatch(
-          addMenusRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopMenusLoading()));
-  };
-};
-
-// action to fetch menu by id
-export const getMenu = (id) => {
-  return (dispatch) => {
-    dispatch(loadingMenus());
-    return axios
-      .get(MENUS_API + '/' + id)
-      .then((response) => {
-        dispatch(addMenu(GET_MENU, response.data));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopMenusLoading()));
-  };
-};
-
-// action to create menu
-export const createMenu = (data) => {
-  return (dispatch) => {
-    dispatch(loadingMenus());
-    return axios
-      .post(MENUS_API, data)
-      .then(() => {
-        dispatch(resetMenus());
-        dispatch(addSuccessNotification('Menu created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update menu
-export const updateMenu = (data) => {
-  return (dispatch) => {
-    dispatch(loadingMenus());
-    return axios
-      .put(MENUS_API + '/' + data.id, data)
-      .then((response) => {
-        dispatch(addMenu(UPDATE_MENU, response.data));
-        dispatch(addSuccessNotification('Menu updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopMenusLoading()));
-  };
-};
-
-// action to delete menu by id
-export const deleteMenu = (id) => {
-  return (dispatch) => {
-    dispatch(loadingMenus());
-    return axios
-      .delete(MENUS_API + '/' + id)
-      .then(() => {
-        dispatch(resetMenus());
-        dispatch(addSuccessNotification('Menu deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const loadingMenus = () => ({
-  type: SET_MENUS_LOADING,
-  payload: true,
-});
-
-export const stopMenusLoading = () => ({
-  type: SET_MENUS_LOADING,
-  payload: false,
-});
-
-export const addMenu = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addMenus = (payload) => ({
-  type: ADD_MENUS,
-  payload,
-});
-
-export const addMenusRequest = (payload) => ({
-  type: ADD_MENUS_REQUEST,
-  payload,
-});
-
-export const resetMenus = () => ({
-  type: RESET_MENUS,
-});
diff --git a/studio/src/actions/menu.ts b/studio/src/actions/menu.ts
new file mode 100644
index 000000000..3d736ae53
--- /dev/null
+++ b/studio/src/actions/menu.ts
@@ -0,0 +1,174 @@
+import axios from "axios";
+import {
+  ADD_MENUS,
+  ADD_MENUS_REQUEST,
+  SET_MENUS_LOADING,
+  RESET_MENUS,
+  MENUS_API,
+  GET_MENU,
+  UPDATE_MENU,
+} from "../constants/menu";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import getError from "../utils/getError";
+import { AppThunk } from "../store/types";
+
+// Define types
+export interface Menu {
+  id: string | number;
+  name: string;
+  menu?: MenuItem[];
+  meta_fields?: any;
+  [key: string]: any; // Additional menu properties
+}
+
+export interface MenuItem {
+  name: string;
+  title?: string;
+  url?: string;
+  menu?: MenuItem[];
+  [key: string]: any;
+}
+
+interface MenusResponse {
+  nodes: Menu[];
+  total: number;
+}
+
+interface MenusRequestPayload {
+  data: (string | number)[];
+  query: Record<string, any>;
+  total: number;
+}
+
+type MenuActionType = typeof GET_MENU | typeof UPDATE_MENU;
+
+// action to fetch all menus
+export const getMenus = (query: Record<string, any>): AppThunk => {
+  return (dispatch) => {
+    dispatch(loadingMenus());
+    return axios
+      .get<MenusResponse>(MENUS_API, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(addMenus(response.data.nodes));
+        dispatch(
+          addMenusRequest({
+            data: response.data.nodes.map((item) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+        return response.data;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      })
+      .finally(() => dispatch(stopMenusLoading()));
+  };
+};
+
+// action to fetch menu by id
+export const getMenu = (id: string | number): AppThunk => {
+  return (dispatch) => {
+    dispatch(loadingMenus());
+    return axios
+      .get<Menu>(`${MENUS_API}/${id}`)
+      .then((response) => {
+        dispatch(addMenu(GET_MENU, response.data));
+        return response.data;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      })
+      .finally(() => dispatch(stopMenusLoading()));
+  };
+};
+
+// action to create menu
+export const createMenu = (data: Omit<Menu, "id">): AppThunk<Promise<Menu>> => {
+  return (dispatch) => {
+    dispatch(loadingMenus());
+    return axios
+      .post<Menu>(MENUS_API, data)
+      .then((response) => {
+        dispatch(resetMenus());
+        dispatch(addSuccessNotification("Menu created successfully"));
+        return response.data;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      })
+      .finally(() => dispatch(stopMenusLoading()));
+  };
+};
+
+// action to update menu
+export const updateMenu = (data: Menu): AppThunk<Promise<Menu>> => {
+  return (dispatch) => {
+    dispatch(loadingMenus());
+    return axios
+      .put<Menu>(`${MENUS_API}/${data.id}`, data)
+      .then((response) => {
+        dispatch(addMenu(UPDATE_MENU, response.data));
+        dispatch(addSuccessNotification("Menu updated successfully"));
+        return response.data;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      })
+      .finally(() => dispatch(stopMenusLoading()));
+  };
+};
+
+// action to delete menu by id
+export const deleteMenu = (id: string | number): AppThunk<Promise<any>> => {
+  return (dispatch) => {
+    dispatch(loadingMenus());
+    return axios
+      .delete(`${MENUS_API}/${id}`)
+      .then((response) => {
+        dispatch(resetMenus());
+        dispatch(addSuccessNotification("Menu deleted successfully"));
+        return response.data;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      })
+      .finally(() => dispatch(stopMenusLoading()));
+  };
+};
+
+export const loadingMenus = () => ({
+  type: SET_MENUS_LOADING,
+  payload: true,
+});
+
+export const stopMenusLoading = () => ({
+  type: SET_MENUS_LOADING,
+  payload: false,
+});
+
+export const addMenu = (type: MenuActionType, payload: Menu) => ({
+  type,
+  payload,
+});
+
+export const addMenus = (payload: Menu[]) => ({
+  type: ADD_MENUS,
+  payload,
+});
+
+export const addMenusRequest = (payload: MenusRequestPayload) => ({
+  type: ADD_MENUS_REQUEST,
+  payload,
+});
+
+export const resetMenus = () => ({
+  type: RESET_MENUS,
+});
diff --git a/studio/src/actions/mfa.js b/studio/src/actions/mfa.js
deleted file mode 100644
index 4fcece5bb..000000000
--- a/studio/src/actions/mfa.js
+++ /dev/null
@@ -1,77 +0,0 @@
-export const startTOTPRegistration = async (userId, token, data = {}) => {
-  try {
-    const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/totp`, {
-      method: 'POST',
-      headers: {
-        Accept: 'application/json',
-        Authorization: `Bearer ${token}`,
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify(data),
-    });
-
-    if (!response.ok) {
-      throw new Error('Failed to start TOTP registration');
-    }
-    return await response.json();
-  } catch (error) {
-    console.error('Error starting TOTP registration:', error);
-    throw error;
-  }
-};
-
-export const verifyTOTPRegistration = async (userId, token, code) => {
-  try {
-    const response = await fetch(
-      `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/totp/verify`,
-      {
-        method: 'POST',
-        headers: {
-          Accept: 'application/json',
-          Authorization: `Bearer ${token}`,
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ code }),
-      },
-    );
-
-    if (!response.ok) {
-      throw new Error('Failed to verify TOTP registration');
-    }
-
-    return await response.json();
-  } catch (error) {
-    console.error('Error verifying TOTP registration:', error);
-    throw error;
-  }
-};
-
-export const checkTOTP = async (sessionId, sessionToken, code) => {
-  try {
-    const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`, {
-      method: 'PATCH',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        sessionToken,
-        checks: {
-          totp: {
-            code,
-          },
-        },
-      }),
-    });
-
-    if (!response.ok) {
-      throw new Error('Failed to check TOTP');
-    }
-
-    return await response.json();
-  } catch (error) {
-    console.error('Error checking TOTP:', error);
-    throw error;
-  }
-};
diff --git a/studio/src/actions/mfa.ts b/studio/src/actions/mfa.ts
new file mode 100644
index 000000000..9ed331e22
--- /dev/null
+++ b/studio/src/actions/mfa.ts
@@ -0,0 +1,97 @@
+export const startTOTPRegistration = async (
+  userId: string,
+  token: string,
+  data = {}
+) => {
+  try {
+    const response = await fetch(
+      `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/${userId}/totp`,
+      {
+        method: "POST",
+        headers: {
+          Accept: "application/json",
+          Authorization: `Bearer ${token}`,
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify(data),
+      }
+    );
+
+    if (!response.ok) {
+      throw new Error("Failed to start TOTP registration");
+    }
+    return await response.json();
+  } catch (error) {
+    console.error("Error starting TOTP registration:", error);
+    throw error;
+  }
+};
+
+export const verifyTOTPRegistration = async (
+  userId: string,
+  token: string,
+  code: string
+) => {
+  try {
+    const response = await fetch(
+      `${
+        import.meta.env.VITE_ZITADEL_AUTHORITY
+      }/v2/users/${userId}/totp/verify`,
+      {
+        method: "POST",
+        headers: {
+          Accept: "application/json",
+          Authorization: `Bearer ${token}`,
+          "Content-Type": "application/json",
+        },
+        body: JSON.stringify({ code }),
+      }
+    );
+
+    if (!response.ok) {
+      throw new Error("Failed to verify TOTP registration");
+    }
+
+    return await response.json();
+  } catch (error) {
+    console.error("Error verifying TOTP registration:", error);
+    throw error;
+  }
+};
+
+export const checkTOTP = async (
+  sessionId: string,
+  sessionToken: string,
+  code: string
+) => {
+  try {
+    const response = await fetch(
+      `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`,
+      {
+        method: "PATCH",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        },
+        body: JSON.stringify({
+          sessionToken,
+          checks: {
+            totp: {
+              code,
+            },
+          },
+        }),
+      }
+    );
+
+    if (!response.ok) {
+      throw new Error("Failed to check TOTP");
+    }
+
+    return await response.json();
+  } catch (error) {
+    console.error("Error checking TOTP:", error);
+    throw error;
+  }
+};
diff --git a/studio/src/actions/notifications.js b/studio/src/actions/notifications.js
deleted file mode 100644
index dc940eb15..000000000
--- a/studio/src/actions/notifications.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { ADD_NOTIFICATION } from '../constants/notifications';
-
-export const addErrorNotification = (data) => ({
-  type: ADD_NOTIFICATION,
-  payload: {
-    type: 'error',
-    title: 'Error',
-    message: data,
-    time: Date.now(),
-  },
-});
-
-export const addSuccessNotification = (data) => ({
-  type: ADD_NOTIFICATION,
-  payload: {
-    type: 'success',
-    title: 'Success',
-    message: data,
-    time: Date.now(),
-  },
-});
diff --git a/studio/src/actions/notifications.ts b/studio/src/actions/notifications.ts
new file mode 100644
index 000000000..b3dbcd232
--- /dev/null
+++ b/studio/src/actions/notifications.ts
@@ -0,0 +1,60 @@
+import { ADD_NOTIFICATION } from "../constants/notifications";
+import { Dispatch, AnyAction } from "redux";
+
+// Notification types
+export type NotificationType = "error" | "success";
+
+export interface NotificationPayload {
+  type: NotificationType;
+  title: string;
+  message: string;
+  time: number;
+}
+
+export interface NotificationAction extends AnyAction {
+  type: typeof ADD_NOTIFICATION;
+  payload: NotificationPayload;
+}
+
+export interface ErrorNotificationData {
+  message: string;
+}
+
+export const addErrorNotification = (
+  data: string | ErrorNotificationData
+): NotificationAction => ({
+  type: ADD_NOTIFICATION,
+  payload: {
+    type: "error",
+    title: "Error",
+    message: typeof data === "string" ? data : data.message,
+    time: Date.now(),
+  },
+});
+
+export interface SuccessNotificationData {
+  message: string;
+}
+
+export const addSuccessNotification = (
+  data: string | SuccessNotificationData
+): NotificationAction => ({
+  type: ADD_NOTIFICATION,
+  payload: {
+    type: "success",
+    title: "Success",
+    message: typeof data === "string" ? data : data.message,
+    time: Date.now(),
+  },
+});
+
+// Helper thunk to allow for timed notifications
+export const showNotification = (type: NotificationType, message: string) => {
+  return (dispatch: Dispatch<AnyAction>) => {
+    if (type === "error") {
+      dispatch(addErrorNotification(message));
+    } else {
+      dispatch(addSuccessNotification(message));
+    }
+  };
+};
diff --git a/studio/src/actions/organisation.ts b/studio/src/actions/organisation.ts
new file mode 100644
index 000000000..32828413c
--- /dev/null
+++ b/studio/src/actions/organisation.ts
@@ -0,0 +1,118 @@
+interface SearchQuery {
+  offset: number;
+  limit: number;
+  asc: boolean;
+}
+
+export interface Member {
+  userId: string;
+  displayName?: string;
+  email?: string;
+  roles?: string[];
+}
+
+interface SearchResponse {
+  result: Member[];
+}
+
+interface OrganisationResult {
+  result?: any[];
+}
+
+// User information interface for getRole function
+interface UserInfo {
+  [key: string]: {
+    [role: string]: {
+      [orgId: string]: boolean;
+    };
+  };
+}
+
+export const searchMembers = async (): Promise<SearchResponse> => {
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/management/v1/orgs/me/members/_search`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+      body: JSON.stringify({
+        query: {
+          offset: 0,
+          limit: 100,
+          asc: true,
+        } as SearchQuery,
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to fetch members");
+  }
+
+  return response.json();
+};
+
+export const removeMember = async (userId: string): Promise<Response> => {
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/management/v1/orgs/me/members/${userId}`,
+    {
+      method: "DELETE",
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+      },
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to remove member");
+  }
+
+  return response;
+};
+
+export const getOrganisations = (): Promise<any[]> => {
+  return fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/auth/v1/global/projectorgs/_search`,
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${localStorage.getItem("sessionToken")}`,
+      },
+      credentials: "include",
+    }
+  )
+    .then((response) => {
+      if (response.status === 200) {
+        return response.json() as Promise<OrganisationResult>;
+      } else {
+        throw response;
+      }
+    })
+    .then((data) => {
+      return data.result || [];
+    })
+    .catch((error) => {
+      throw error;
+    });
+};
+
+export const getRole = (orgId: string, userInfo: UserInfo): string => {
+  const roleKey = `urn:zitadel:iam:org:project:${
+    import.meta.env.VITE_ZITADEL_PROJECT_ID
+  }:roles`;
+
+  const roles = userInfo[roleKey];
+
+  if (roles?.["admin"]?.[orgId]) return "admin";
+  if (roles?.["member"]?.[orgId]) return "member";
+  return "";
+};
diff --git a/studio/src/actions/pages.js b/studio/src/actions/pages.js
deleted file mode 100644
index 031a425ee..000000000
--- a/studio/src/actions/pages.js
+++ /dev/null
@@ -1,271 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_PAGE,
-  ADD_PAGES,
-  ADD_PAGES_REQUEST,
-  RESET_PAGES,
-  SET_PAGES_LOADING,
-  PAGES_API,
-} from '../constants/pages';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import { addMedia } from './media';
-import { addAuthors } from './authors';
-import { addTags } from './tags';
-import { addCategories } from './categories';
-import { addFormats } from './formats';
-import getError from '../utils/getError';
-
-export const getPages = (query) => {
-  return (dispatch, getState) => {
-    const currentSpaceID = getState().spaces?.selected;
-    if (currentSpaceID === 0) {
-      return;
-    }
-    dispatch(loadingPages());
-    const params = new URLSearchParams();
-
-    if (query.category && query.category.length > 0) {
-      query.category.map((each) => params.append('category', each));
-    }
-    if (query.tag && query.tag.length > 0) {
-      query.tag.map((each) => params.append('tag', each));
-    }
-    if (query.format && query.format.length > 0) {
-      query.format.map((each) => params.append('format', each));
-    }
-    if (query.page) {
-      params.append('page', query.page);
-    }
-    if (query.limit) {
-      params.append('limit', query.limit);
-    }
-    if (query.sort) {
-      params.append('sort', query.sort);
-    }
-    if (query.q) {
-      params.append('q', query.q);
-    }
-    if (query.status) {
-      params.append('status', query.status);
-    }
-    if (query.author) {
-      query.author.map((each) => params.append('author', each));
-    }
-
-    return axios
-      .get(PAGES_API, {
-        params: params,
-      })
-      .then((response) => {
-        dispatch(
-          addAuthors(
-            response.data.nodes
-              .filter((page) => page.authors.length > 0)
-              .map((page) => {
-                return page.authors;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addTags(
-            response.data.nodes
-              .filter((page) => page.tags.length > 0)
-              .map((page) => {
-                return page.tags;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addCategories(
-            response.data.nodes
-              .filter((page) => page.categories.length > 0)
-              .map((page) => {
-                return page.categories;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addFormats(
-            response.data.nodes
-              .filter((page) => page.format)
-              .map((page) => {
-                return page.format;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addMedia(response.data.nodes.filter((page) => page.medium).map((page) => page.medium)),
-        );
-        dispatch(
-          addPagesList(
-            response.data.nodes.map((page) => {
-              page.description = { json: page.description, html: page.description_html };
-              return {
-                ...page,
-                medium: page.medium?.id,
-                categories: page.categories.map((category) => category.id),
-                tags: page.tags.map((tag) => tag.id),
-                authors: page.authors.map((author) => author.id),
-                format: page.format.id,
-              };
-            }),
-          ),
-        );
-        dispatch(
-          addPagesRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPagesLoading()));
-  };
-};
-
-export const getPage = (id) => {
-  return (dispatch) => {
-    dispatch(loadingPages());
-    return axios
-      .get(PAGES_API + '/' + id)
-      .then((response) => {
-        let page = response.data;
-        page.description = { json: page.description, html: page.description_html };
-        dispatch(addTags(page.tags));
-        dispatch(addAuthors(page.authors));
-        dispatch(addCategories(page.categories));
-        if (page.medium) dispatch(addMedia([page.medium]));
-
-        dispatch(
-          getPageByID({
-            ...page,
-            authors: page.authors.map((author) => author.id),
-            categories: page.categories.map((category) => category.id),
-            tags: page.tags.map((tag) => tag.id),
-            medium: page.medium?.id,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPagesLoading()));
-  };
-};
-
-export const addPage = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPages());
-    return axios
-      .post(PAGES_API, data)
-      .then((response) => {
-        let page = response.data;
-        page.description = { json: page.description, html: page.description_html };
-        dispatch(addTags(page.tags));
-        dispatch(addCategories(page.categories));
-        dispatch(addAuthors(page.authors));
-        if (page.medium) dispatch(addMedia([page.medium]));
-
-        dispatch(resetPages());
-        page.status === 'publish'
-          ? dispatch(addSuccessNotification(`Page Published`))
-          : page.status === 'future'
-          ? dispatch(addSuccessNotification('Page added & Scheduled for future publish'))
-          : page.status === 'draft'
-          ? dispatch(addSuccessNotification('Page added'))
-          : dispatch(addSuccessNotification('Page added & Ready to Publish'));
-        return page;
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const updatePage = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPages());
-    return axios
-      .put(PAGES_API + '/' + data.id, data)
-      .then((response) => {
-        let page = response.data;
-        page.description = { json: page.description, html: page.description_html };
-        dispatch(addTags(page.tags));
-        dispatch(addCategories(page.categories));
-        dispatch(addAuthors(page.authors));
-        if (page.medium) dispatch(addMedia([page.medium]));
-
-        dispatch(
-          getPageByID({
-            ...page,
-            authors: page.authors.map((author) => author.id),
-            categories: page.categories.map((category) => category.id),
-            tags: page.tags.map((tag) => tag.id),
-            medium: page.medium?.id,
-          }),
-        );
-        page.status === 'publish'
-          ? dispatch(addSuccessNotification(`Page Published`))
-          : page.status === 'future'
-          ? dispatch(addSuccessNotification('Page saved & Scheduled for future publish'))
-          : page.status === 'draft'
-          ? dispatch(addSuccessNotification('Draft Saved'))
-          : dispatch(addSuccessNotification('Draft saved & Ready to Publish'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPagesLoading()));
-  };
-};
-
-export const deletePage = (id) => {
-  return (dispatch) => {
-    dispatch(loadingPages());
-    return axios
-      .delete(PAGES_API + '/' + id)
-      .then(() => {
-        dispatch(resetPages());
-        dispatch(addSuccessNotification('Page deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const loadingPages = () => ({
-  type: SET_PAGES_LOADING,
-  payload: true,
-});
-
-export const stopPagesLoading = () => ({
-  type: SET_PAGES_LOADING,
-  payload: false,
-});
-
-export const getPageByID = (data) => ({
-  type: ADD_PAGE,
-  payload: data,
-});
-
-export const addPagesList = (data) => ({
-  type: ADD_PAGES,
-  payload: data,
-});
-
-export const addPagesRequest = (data) => ({
-  type: ADD_PAGES_REQUEST,
-  payload: data,
-});
-
-export const resetPages = () => ({
-  type: RESET_PAGES,
-});
diff --git a/studio/src/actions/pages.ts b/studio/src/actions/pages.ts
new file mode 100644
index 000000000..1b8037549
--- /dev/null
+++ b/studio/src/actions/pages.ts
@@ -0,0 +1,357 @@
+import axios from "axios";
+import {
+  ADD_PAGE,
+  ADD_PAGES,
+  ADD_PAGES_REQUEST,
+  RESET_PAGES,
+  SET_PAGES_LOADING,
+  PAGES_API,
+} from "../constants/pages";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import { addMedia } from "./media";
+import { addAuthors } from "./authors";
+import { addTags } from "./tags";
+import { addCategories } from "./categories";
+import { addFormats } from "./formats";
+import getError from "../utils/getError";
+import { AppThunk } from "../store/types";
+
+interface PageQueryParams {
+  category?: string[];
+  tag?: string[];
+  format?: string[];
+  page?: number;
+  limit?: number;
+  sort?: string;
+  q?: string;
+  status?: string;
+  author?: string[];
+}
+
+interface PageData {
+  id: number;
+  title: string;
+  slug: string;
+  description: any;
+  description_html?: string;
+  status: "publish" | "draft" | "future" | string;
+  medium?: { id: number } | null;
+  categories: Array<{ id: number }>;
+  tags: Array<{ id: number }>;
+  authors: Array<{ id: number }>;
+  format: { id: number };
+}
+
+interface PageRequestData {
+  data: number[];
+  query: PageQueryParams;
+  total: number;
+}
+
+interface PageFormData {
+  id: number;
+  title: string;
+  slug: string;
+  status?: "publish" | "draft" | "ready" | "future";
+  featured_medium_id?: number;
+  medium?: any;
+  published_date: string | null;
+  categories?: number[];
+  tags?: number[];
+  authors?: number[];
+  claims?: number[];
+  description?: any;
+  format?: number;
+  [key: string]: any;
+}
+
+export const getPages = (query: PageQueryParams): AppThunk => {
+  return (dispatch, getState) => {
+    const currentSpaceID = getState().spaces?.selected;
+    if (currentSpaceID === "" || currentSpaceID === "0") {
+      return;
+    }
+    dispatch(loadingPages());
+    const params = new URLSearchParams();
+
+    if (query.category && query.category.length > 0) {
+      query.category.forEach((each) => params.append("category", each));
+    }
+    if (query.tag && query.tag.length > 0) {
+      query.tag.forEach((each) => params.append("tag", each));
+    }
+    if (query.format && query.format.length > 0) {
+      query.format.forEach((each) => params.append("format", each));
+    }
+    if (query.page) {
+      params.append("page", query.page.toString());
+    }
+    if (query.limit) {
+      params.append("limit", query.limit.toString());
+    }
+    if (query.sort) {
+      params.append("sort", query.sort);
+    }
+    if (query.q) {
+      params.append("q", query.q);
+    }
+    if (query.status) {
+      params.append("status", query.status);
+    }
+    if (query.author) {
+      query.author.forEach((each) => params.append("author", each));
+    }
+
+    return axios
+      .get(PAGES_API, {
+        params: params,
+      })
+      .then((response) => {
+        dispatch(
+          addAuthors(
+            response.data.nodes
+              .filter((page: any) => page.authors.length > 0)
+              .map((page: any) => {
+                return page.authors;
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addTags(
+            response.data.nodes
+              .filter((page: any) => page.tags.length > 0)
+              .map((page: any) => {
+                return page.tags;
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addCategories(
+            response.data.nodes
+              .filter((page: any) => page.categories.length > 0)
+              .map((page: any) => {
+                return page.categories;
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addFormats(
+            response.data.nodes
+              .filter((page: any) => page.format)
+              .map((page: any) => {
+                return page.format;
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addMedia(
+            response.data.nodes
+              .filter((page: any) => page.medium)
+              .map((page: any) => page.medium)
+          )
+        );
+        dispatch(
+          addPagesList(
+            response.data.nodes.map((page: any) => {
+              page.description = {
+                json: page.description,
+                html: page.description_html,
+              };
+              return {
+                ...page,
+                medium: page.medium?.id,
+                categories: page.categories.map((category: any) => category.id),
+                tags: page.tags.map((tag: any) => tag.id),
+                authors: page.authors.map((author: any) => author.id),
+                format: page.format.id,
+              };
+            })
+          )
+        );
+        dispatch(
+          addPagesRequest({
+            data: response.data.nodes.map((item: any) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        dispatch(
+          addPagesRequest({
+            data: [],
+            query: query,
+            total: 0,
+          })
+        );
+      })
+      .finally(() => dispatch(stopPagesLoading()));
+  };
+};
+
+export const getPage = (id: number | string): AppThunk => {
+  return (dispatch) => {
+    dispatch(loadingPages());
+    return axios
+      .get(`${PAGES_API}/${id}`)
+      .then((response) => {
+        const page = response.data;
+        page.description = {
+          json: page.description,
+          html: page.description_html,
+        };
+        dispatch(addTags(page.tags));
+        dispatch(addAuthors(page.authors));
+        dispatch(addCategories(page.categories));
+        if (page.medium) dispatch(addMedia([page.medium]));
+
+        dispatch(
+          getPageByID({
+            ...page,
+            authors: page.authors.map((author: any) => author.id),
+            categories: page.categories.map((category: any) => category.id),
+            tags: page.tags.map((tag: any) => tag.id),
+            medium: page.medium?.id,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPagesLoading()));
+  };
+};
+
+export const addPage = (data: PageFormData): AppThunk => {
+  return (dispatch) => {
+    dispatch(loadingPages());
+    return axios
+      .post(PAGES_API, data)
+      .then((response) => {
+        const page = response.data;
+        page.description = {
+          json: page.description,
+          html: page.description_html,
+        };
+        dispatch(addTags(page.tags));
+        dispatch(addCategories(page.categories));
+        dispatch(addAuthors(page.authors));
+        if (page.medium) dispatch(addMedia([page.medium]));
+
+        dispatch(resetPages());
+        if (page.status === "publish") {
+          dispatch(addSuccessNotification(`Page Published`));
+        } else if (page.status === "future") {
+          dispatch(
+            addSuccessNotification("Page added & Scheduled for future publish")
+          );
+        } else if (page.status === "draft") {
+          dispatch(addSuccessNotification("Page added"));
+        } else {
+          dispatch(addSuccessNotification("Page added & Ready to Publish"));
+        }
+        return page;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      });
+  };
+};
+
+export const updatePage = (data: PageFormData): AppThunk => {
+  return (dispatch) => {
+    dispatch(loadingPages());
+    return axios
+      .put(`${PAGES_API}/${data.id}`, data)
+      .then((response) => {
+        const page = response.data;
+        page.description = {
+          json: page.description,
+          html: page.description_html,
+        };
+        dispatch(addTags(page.tags));
+        dispatch(addCategories(page.categories));
+        dispatch(addAuthors(page.authors));
+        if (page.medium) dispatch(addMedia([page.medium]));
+
+        dispatch(
+          getPageByID({
+            ...page,
+            authors: page.authors.map((author: any) => author.id),
+            categories: page.categories.map((category: any) => category.id),
+            tags: page.tags.map((tag: any) => tag.id),
+            medium: page.medium?.id,
+          })
+        );
+
+        if (page.status === "publish") {
+          dispatch(addSuccessNotification(`Page Published`));
+        } else if (page.status === "future") {
+          dispatch(
+            addSuccessNotification("Page saved & Scheduled for future publish")
+          );
+        } else if (page.status === "draft") {
+          dispatch(addSuccessNotification("Draft Saved"));
+        } else {
+          dispatch(addSuccessNotification("Draft saved & Ready to Publish"));
+        }
+
+        return page;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error; // Re-throw error to allow further catch handling
+      })
+      .finally(() => dispatch(stopPagesLoading()));
+  };
+};
+
+export const deletePage = (id: number): AppThunk => {
+  return (dispatch) => {
+    dispatch(loadingPages());
+    return axios
+      .delete(`${PAGES_API}/${id}`)
+      .then(() => {
+        dispatch(resetPages());
+        dispatch(addSuccessNotification("Page deleted"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const loadingPages = () => ({
+  type: SET_PAGES_LOADING,
+  payload: true,
+});
+
+export const stopPagesLoading = () => ({
+  type: SET_PAGES_LOADING,
+  payload: false,
+});
+
+export const getPageByID = (data: PageData) => ({
+  type: ADD_PAGE,
+  payload: data,
+});
+
+export const addPagesList = (data: PageData[]) => ({
+  type: ADD_PAGES,
+  payload: data,
+});
+
+export const addPagesRequest = (data: PageRequestData) => ({
+  type: ADD_PAGES_REQUEST,
+  payload: data,
+});
+
+export const resetPages = () => ({
+  type: RESET_PAGES,
+});
diff --git a/studio/src/actions/permissions.js b/studio/src/actions/permissions.js
deleted file mode 100644
index 636bcae29..000000000
--- a/studio/src/actions/permissions.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import axios from 'axios';
-import {
-  PERMISSIONS_API,
-  ADD_PERMISSIONS_REQUEST,
-  SET_PERMISSIONS_LOADING,
-  ADD_PERMISSIONS,
-} from '../constants/permissions';
-import { addErrorNotification } from './notifications';
-import getError from '../utils/getError';
-
-export const getPermissions = (id) => {
-  return (dispatch) => {
-    dispatch(loadingPermissions());
-    return axios
-      .get(PERMISSIONS_API + id + '/permissions')
-      .then((response) => {
-        dispatch(addPermission({ data: response.data, user_id: parseInt(id) }));
-        dispatch(addRequest([parseInt(id)]));
-
-        return { data: response.data, user_id: parseInt(id) };
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopLoading()));
-  };
-};
-
-export const addPermission = (data) => ({
-  type: ADD_PERMISSIONS,
-  payload: data,
-});
-
-export const addRequest = (data) => ({
-  type: ADD_PERMISSIONS_REQUEST,
-  payload: data,
-});
-
-export const loadingPermissions = () => ({
-  type: SET_PERMISSIONS_LOADING,
-  payload: true,
-});
-
-export const stopLoading = () => ({
-  type: SET_PERMISSIONS_LOADING,
-  payload: false,
-});
diff --git a/studio/src/actions/permissions.ts b/studio/src/actions/permissions.ts
new file mode 100644
index 000000000..3d71fa132
--- /dev/null
+++ b/studio/src/actions/permissions.ts
@@ -0,0 +1,66 @@
+import axios from "axios";
+import {
+  PERMISSIONS_API,
+  ADD_PERMISSIONS_REQUEST,
+  SET_PERMISSIONS_LOADING,
+  ADD_PERMISSIONS,
+} from "../constants/permissions";
+import { addErrorNotification } from "./notifications";
+import getError from "../utils/getError";
+
+// Define interfaces
+interface Permission {
+  [key: string]: any;
+}
+
+interface PermissionPayload {
+  data: Permission;
+  user_id: number;
+}
+
+interface PermissionAction {
+  type: string;
+  payload: any;
+}
+
+export const getPermissions = (id: string | number) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingPermissions());
+    return axios
+      .get(`${PERMISSIONS_API}${id}/permissions`)
+      .then((response) => {
+        const payload: PermissionPayload = {
+          data: response.data,
+          user_id: parseInt(id.toString()),
+        };
+        dispatch(addPermission(payload));
+        dispatch(addRequest([parseInt(id.toString())]));
+
+        return payload;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopLoading()));
+  };
+};
+
+export const addPermission = (data: PermissionPayload): PermissionAction => ({
+  type: ADD_PERMISSIONS,
+  payload: data,
+});
+
+export const addRequest = (data: number[]): PermissionAction => ({
+  type: ADD_PERMISSIONS_REQUEST,
+  payload: data,
+});
+
+export const loadingPermissions = (): PermissionAction => ({
+  type: SET_PERMISSIONS_LOADING,
+  payload: true,
+});
+
+export const stopLoading = (): PermissionAction => ({
+  type: SET_PERMISSIONS_LOADING,
+  payload: false,
+});
diff --git a/studio/src/actions/policies.js b/studio/src/actions/policies.js
deleted file mode 100644
index b3a16d1fa..000000000
--- a/studio/src/actions/policies.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_POLICIES,
-  ADD_POLICIES_REQUEST,
-  SET_POLICIES_LOADING,
-  RESET_POLICIES,
-  POLICIES_API,
-  UPDATE_POLICY,
-  GET_POLICY,
-} from '../constants/policies';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import getError from '../utils/getError';
-
-// action to fetch all policies
-export const addDefaultPolicies = (query) => {
-  return (dispatch) => {
-    dispatch(loadingPolicies());
-    return axios
-      .post(POLICIES_API + '/default')
-      .then((response) => {
-        dispatch(addPolicies(response.data));
-        dispatch(
-          addPoliciesRequest({
-            data: response.data.map((item) => item.id),
-            query: query,
-            total: response.data.length,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPoliciesLoading()));
-  };
-};
-
-// action to fetch all policies
-export const getPolicies = (query) => {
-  return (dispatch) => {
-    dispatch(loadingPolicies());
-    return axios
-      .get(POLICIES_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(addPolicies(response.data.nodes));
-        dispatch(
-          addPoliciesRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPoliciesLoading()));
-  };
-};
-
-// action to fetch policy by id
-export const getPolicy = (id) => {
-  return (dispatch) => {
-    dispatch(loadingPolicies());
-    return axios
-      .get(POLICIES_API + '/' + id)
-      .then((response) => {
-        dispatch(addPolicy(GET_POLICY, response.data));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPoliciesLoading()));
-  };
-};
-
-// action to create policy
-export const createPolicy = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPolicies());
-    return axios
-      .post(POLICIES_API, data)
-      .then(() => {
-        dispatch(resetPolicies());
-        dispatch(addSuccessNotification('Policy created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update policy by id
-export const updatePolicy = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPolicies());
-    return axios
-      .put(POLICIES_API + '/' + data.id, data)
-      .then((response) => {
-        dispatch(addPolicy(UPDATE_POLICY, response.data));
-        dispatch(addSuccessNotification('Policy updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPoliciesLoading()));
-  };
-};
-
-// action to delete policy by id
-export const deletePolicy = (id) => {
-  return (dispatch) => {
-    dispatch(loadingPolicies());
-    return axios
-      .delete(POLICIES_API + '/' + id)
-      .then(() => {
-        dispatch(resetPolicies());
-        dispatch(addSuccessNotification('Policy deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const loadingPolicies = () => ({
-  type: SET_POLICIES_LOADING,
-  payload: true,
-});
-
-export const stopPoliciesLoading = () => ({
-  type: SET_POLICIES_LOADING,
-  payload: false,
-});
-
-export const addPolicy = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addPolicies = (payload) => ({
-  type: ADD_POLICIES,
-  payload,
-});
-
-export const addPoliciesRequest = (payload) => ({
-  type: ADD_POLICIES_REQUEST,
-  payload,
-});
-
-export const resetPolicies = () => ({
-  type: RESET_POLICIES,
-});
diff --git a/studio/src/actions/policies.ts b/studio/src/actions/policies.ts
new file mode 100644
index 000000000..973dbadb4
--- /dev/null
+++ b/studio/src/actions/policies.ts
@@ -0,0 +1,187 @@
+import axios from "axios";
+import {
+  ADD_POLICIES,
+  ADD_POLICIES_REQUEST,
+  SET_POLICIES_LOADING,
+  RESET_POLICIES,
+  POLICIES_API,
+  UPDATE_POLICY,
+  GET_POLICY,
+} from "../constants/policies";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import getError from "../utils/getError";
+import { ThunkAction } from "redux-thunk";
+import { Action } from "redux";
+import { RootState } from "../store";
+
+// Define interfaces
+export interface Policy {
+  id: string;
+  name: string;
+  description?: string;
+  permissions?: {
+    resource: string;
+    actions: string[];
+  }[];
+  [key: string]: any;
+}
+
+export interface PolicyAction {
+  type: string;
+  payload: any;
+}
+
+export interface PolicyRequestData {
+  data: string[];
+  query: any;
+  total: number;
+}
+
+type ThunkResult<R> = ThunkAction<R, RootState, undefined, Action<string>>;
+
+// action to fetch all policies
+export const addDefaultPolicies = (query: any): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingPolicies());
+    return axios
+      .post(`${POLICIES_API}/default`)
+      .then((response) => {
+        dispatch(addPolicies(response.data));
+        dispatch(
+          addPoliciesRequest({
+            data: response.data.map((item: Policy) => item.id),
+            query: query,
+            total: response.data.length,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPoliciesLoading()));
+  };
+};
+
+// action to fetch all policies
+export const getPolicies = (query: any): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingPolicies());
+    return axios
+      .get(POLICIES_API, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(addPolicies(response.data.nodes));
+        dispatch(
+          addPoliciesRequest({
+            data: response.data.nodes.map((item: Policy) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPoliciesLoading()));
+  };
+};
+
+// action to fetch policy by id
+export const getPolicy = (id: string): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingPolicies());
+    return axios
+      .get(`${POLICIES_API}/${id}`)
+      .then((response) => {
+        dispatch(addPolicy(GET_POLICY, response.data));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPoliciesLoading()));
+  };
+};
+
+// action to create policy
+export const createPolicy = (
+  data: Omit<Policy, "id">
+): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingPolicies());
+    return axios
+      .post(POLICIES_API, data)
+      .then(() => {
+        dispatch(resetPolicies());
+        dispatch(addSuccessNotification("Policy created"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+// action to update policy by id
+export const updatePolicy = (data: Policy): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingPolicies());
+    return axios
+      .put(`${POLICIES_API}/${data.id}`, data)
+      .then((response) => {
+        dispatch(addPolicy(UPDATE_POLICY, response.data));
+        dispatch(addSuccessNotification("Policy updated"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPoliciesLoading()));
+  };
+};
+
+// action to delete policy by id
+export const deletePolicy = (id: string): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingPolicies());
+    return axios
+      .delete(`${POLICIES_API}/${id}`)
+      .then(() => {
+        dispatch(resetPolicies());
+        dispatch(addSuccessNotification("Policy deleted"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const loadingPolicies = (): PolicyAction => ({
+  type: SET_POLICIES_LOADING,
+  payload: true,
+});
+
+export const stopPoliciesLoading = (): PolicyAction => ({
+  type: SET_POLICIES_LOADING,
+  payload: false,
+});
+
+export const addPolicy = (type: string, payload: Policy): PolicyAction => ({
+  type,
+  payload,
+});
+
+export const addPolicies = (payload: Policy[]): PolicyAction => ({
+  type: ADD_POLICIES,
+  payload,
+});
+
+export const addPoliciesRequest = (
+  payload: PolicyRequestData
+): PolicyAction => ({
+  type: ADD_POLICIES_REQUEST,
+  payload,
+});
+
+export const resetPolicies = (): PolicyAction => ({
+  type: RESET_POLICIES,
+  payload: [],
+});
diff --git a/studio/src/actions/posts.js b/studio/src/actions/posts.js
deleted file mode 100644
index 285ddd397..000000000
--- a/studio/src/actions/posts.js
+++ /dev/null
@@ -1,403 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_POST,
-  ADD_POSTS,
-  ADD_POSTS_REQUEST,
-  SET_POSTS_LOADING,
-  RESET_POSTS,
-  POSTS_API,
-} from '../constants/posts';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import { addCategories } from './categories';
-import { addTags } from './tags';
-import { addFormats } from './formats';
-import { addMedia } from './media';
-import { addAuthors } from './authors';
-import { addClaims } from './claims';
-import getError from '../utils/getError';
-
-export const getPosts = (query) => {
-  return (dispatch, getState) => {
-    const currentSpaceID = getState().spaces?.selected;
-    if (currentSpaceID === 0) {
-      return;
-    }
-    dispatch(loadingPosts());
-
-    const params = new URLSearchParams();
-    if (query.category && query.category.length > 0) {
-      query.category.map((each) => params.append('category', each));
-    }
-    if (query.tag && query.tag.length > 0) {
-      query.tag.map((each) => params.append('tag', each));
-    }
-    if (query.format && query.format.length > 0) {
-      query.format.map((each) => params.append('format', each));
-    }
-    if (query.page) {
-      params.append('page', query.page);
-    }
-    if (query.limit) {
-      params.append('limit', query.limit);
-    }
-    if (query.sort) {
-      params.append('sort', query.sort);
-    }
-    if (query.q) {
-      params.append('q', query.q);
-    }
-    if (query.status) {
-      params.append('status', query.status);
-    }
-    if (query.author) {
-      query.author.map((each) => params.append('author', each));
-    }
-    return axios
-      .get(POSTS_API, {
-        params: params,
-      })
-      .then((response) => {
-        dispatch(
-          addAuthors(
-            response.data.nodes
-              .filter((post) => post.authors.length > 0)
-              .map((post) => {
-                return post.authors;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addTags(
-            response.data.nodes
-              .filter((post) => post.tags.length > 0)
-              .map((post) => {
-                return post.tags;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addCategories(
-            response.data.nodes
-              .filter((post) => post.categories.length > 0)
-              .map((post) => {
-                return post.categories;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addFormats(
-            response.data.nodes
-              .filter((post) => post.format)
-              .map((post) => {
-                return post.format;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addClaims(
-            response.data.nodes
-              .filter((post) => post.claims.length > 0)
-              .map((post) => {
-                return post.claims;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addMedia(
-            response.data.nodes
-              .filter((post) => post.medium)
-              .map((post) => {
-                return post.medium;
-              }),
-          ),
-        );
-        dispatch(
-          addPostsList(
-            response.data.nodes.map((post) => {
-              post.description = { json: post.description, html: post.description_html };
-              return {
-                ...post,
-                categories: post.categories.map((category) => category.id),
-                tags: post.tags.map((tag) => tag.id),
-                authors: post.authors.map((author) => author.id),
-                format: post.format.id,
-                claims: post.claims.map((claim) => claim.id),
-                medium: post.medium?.id,
-              };
-            }),
-          ),
-        );
-        dispatch(
-          addPostsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPostsLoading()));
-  };
-};
-
-export const getPost = (id) => {
-  return (dispatch) => {
-    dispatch(loadingPosts());
-    return axios
-      .get(POSTS_API + '/' + id)
-      .then((response) => {
-        let post = response.data;
-        post.description = { json: post.description, html: post.description_html };
-        dispatch(addTags(post.tags));
-        dispatch(addAuthors(post.authors));
-        dispatch(addCategories(post.categories));
-        dispatch(addClaims(post.claims));
-        dispatch(addFormats([post.format]));
-        if (post.medium) dispatch(addMedia([post.medium]));
-
-        dispatch(
-          getPostByID({
-            ...post,
-            authors: post.authors.map((author) => author.id),
-            categories: post.categories.map((category) => category.id),
-            claims: post.claims.map((claim) => claim.id),
-            tags: post.tags.map((tag) => tag.id),
-            format: post.format.id,
-            medium: post.medium?.id,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPostsLoading()));
-  };
-};
-
-export const addPost = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPosts());
-    return axios
-      .post(POSTS_API, data)
-      .then((response) => {
-        let post = response.data;
-        post.description = { json: post.description, html: post.description_html };
-        dispatch(addTags(post.tags));
-        dispatch(addCategories(post.categories));
-        dispatch(addAuthors(post.authors));
-        dispatch(addClaims(post.claims));
-        dispatch(addFormats([post.format]));
-        if (post.medium) dispatch(addMedia([post.medium]));
-
-        dispatch(resetPosts());
-        post.status === 'publish'
-          ? dispatch(addSuccessNotification(`${post.format.name} Published`))
-          : post.status === 'future'
-          ? dispatch(addSuccessNotification('Post added & Scheduled for future publish'))
-          : post.status === 'draft'
-          ? dispatch(addSuccessNotification('Post added'))
-          : dispatch(addSuccessNotification('Post added & Ready to Publish'));
-        return post;
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const publish = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPosts());
-    return axios
-      .post(POSTS_API + '/publish', data)
-      .then((response) => {
-        let post = response.data;
-        post.description = { json: post.description, html: post.description_html };
-        dispatch(addTags(post.tags));
-        dispatch(addCategories(post.categories));
-        dispatch(addAuthors(post.authors));
-        dispatch(addClaims(post.claims));
-        dispatch(addFormats([post.format]));
-        if (post.medium) dispatch(addMedia([post.medium]));
-
-        dispatch(
-          getPostByID({
-            ...post,
-            authors: post.authors.map((author) => author.id),
-            categories: post.categories.map((category) => category.id),
-            tags: post.tags.map((tag) => tag.id),
-            format: post.format.id,
-            claims: post.claims.map((claim) => claim.id),
-            medium: post.medium?.id,
-          }),
-        );
-        dispatch(addSuccessNotification('Post published'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPostsLoading()));
-  };
-};
-
-export const addTemplate = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPosts());
-    return axios
-      .post(POSTS_API + '/templates', data)
-      .then((response) => {
-        let post = response.data;
-        post.description = { json: post.description, html: post.description_html };
-        dispatch(addTags(post.tags));
-        dispatch(addCategories(post.categories));
-        dispatch(addAuthors(post.authors || []));
-        dispatch(addClaims(post.claims || []));
-        dispatch(addFormats([post.format]));
-        if (post.medium) dispatch(addMedia([post.medium]));
-
-        dispatch(
-          getPostByID({
-            ...post,
-            authors: (post.authors && post.authors.map((author) => author.id)) || [],
-            categories: post.categories.map((category) => category.id),
-            tags: post.tags.map((tag) => tag.id),
-            format: post.format.id,
-            claims: (post.claims && post.claims.map((claim) => claim.id)) || [],
-            medium: post.medium?.id,
-          }),
-        );
-        dispatch(addSuccessNotification('Template created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPostsLoading()));
-  };
-};
-
-export const publishPost = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPosts());
-    return axios
-      .put(POSTS_API + '/' + data.id + '/publish', data)
-      .then((response) => {
-        let post = response.data;
-        post.description = { json: post.description, html: post.description_html };
-        dispatch(addTags(post.tags));
-        dispatch(addCategories(post.categories));
-        dispatch(addAuthors(post.authors));
-        dispatch(addClaims(post.claims));
-        dispatch(addFormats([post.format]));
-        if (post.medium) dispatch(addMedia([post.medium]));
-
-        dispatch(
-          getPostByID({
-            ...post,
-            authors: post.authors.map((author) => author.id),
-            categories: post.categories.map((category) => category.id),
-            tags: post.tags.map((tag) => tag.id),
-            format: post.format.id,
-            claims: post.claims.map((claim) => claim.id),
-            medium: post.medium?.id,
-          }),
-        );
-        dispatch(addSuccessNotification('Post published'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPostsLoading()));
-  };
-};
-
-export const updatePost = (data) => {
-  return (dispatch) => {
-    dispatch(loadingPosts());
-    return axios
-      .put(POSTS_API + '/' + data.id, data)
-      .then((response) => {
-        let post = response.data;
-        post.description = { json: post.description, html: post.description_html };
-        dispatch(addTags(post.tags));
-        dispatch(addCategories(post.categories));
-        dispatch(addAuthors(post.authors));
-        dispatch(addClaims(post.claims));
-        dispatch(addFormats([post.format]));
-        if (post.medium) dispatch(addMedia([post.medium]));
-
-        dispatch(
-          getPostByID({
-            ...post,
-            authors: post.authors.map((author) => author.id),
-            categories: post.categories.map((category) => category.id),
-            tags: post.tags.map((tag) => tag.id),
-            format: post.format.id,
-            claims: post.claims.map((claim) => claim.id),
-            medium: post.medium?.id,
-          }),
-        );
-        data.status === 'publish'
-          ? dispatch(addSuccessNotification(`${post.format.name} Published`))
-          : post.status === 'future'
-          ? dispatch(addSuccessNotification('Post saved & Scheduled for future publish'))
-          : data.status === 'draft'
-          ? dispatch(addSuccessNotification('Draft Saved'))
-          : dispatch(addSuccessNotification('Draft saved & Ready to Publish'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopPostsLoading()));
-  };
-};
-
-export const deletePost = (id) => {
-  return (dispatch) => {
-    dispatch(loadingPosts());
-    return axios
-      .delete(POSTS_API + '/' + id)
-      .then(() => {
-        dispatch(resetPosts());
-        dispatch(addSuccessNotification('Post deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const loadingPosts = () => ({
-  type: SET_POSTS_LOADING,
-  payload: true,
-});
-
-export const stopPostsLoading = () => ({
-  type: SET_POSTS_LOADING,
-  payload: false,
-});
-
-export const getPostByID = (data) => ({
-  type: ADD_POST,
-  payload: data,
-});
-
-export const addPostsList = (data) => ({
-  type: ADD_POSTS,
-  payload: data,
-});
-
-export const addPostsRequest = (data) => ({
-  type: ADD_POSTS_REQUEST,
-  payload: data,
-});
-
-export const resetPosts = () => ({
-  type: RESET_POSTS,
-});
diff --git a/studio/src/actions/posts.ts b/studio/src/actions/posts.ts
new file mode 100644
index 000000000..155782abb
--- /dev/null
+++ b/studio/src/actions/posts.ts
@@ -0,0 +1,561 @@
+import axios from "axios";
+import {
+  ADD_POST,
+  ADD_POSTS,
+  ADD_POSTS_REQUEST,
+  SET_POSTS_LOADING,
+  RESET_POSTS,
+  POSTS_API,
+} from "../constants/posts";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import { addCategories } from "./categories";
+import { addTags } from "./tags";
+import { addFormats } from "./formats";
+import { addMedia } from "./media";
+import { addAuthors } from "./authors";
+import { addClaims } from "./claims";
+import getError from "../utils/getError";
+import { Dispatch, AnyAction } from "redux";
+import { ThunkAction } from "redux-thunk";
+import { RootState } from "../store/index";
+
+// Define types for our data structures
+interface Category {
+  id: number;
+  name?: string;
+}
+
+interface Tag {
+  id: number;
+  name?: string;
+}
+
+interface Author {
+  id: number;
+  name?: string;
+}
+
+interface Format {
+  id: number;
+  name: string;
+}
+
+interface Claim {
+  id: number;
+  name?: string;
+}
+
+interface Medium {
+  id: number;
+  name?: string;
+}
+
+interface Description {
+  json: any;
+  html: string;
+}
+
+interface Post {
+  updated_at?: string;
+  created_at?: string;
+  published_date: string | null;
+  tag_ids?: number[];
+  category_ids?: number[];
+  author_ids?: number[];
+  authors?: number[] | Array<{ id: number; display_name: string }>;
+  id: number;
+  title: string;
+  slug: string;
+  status?: "publish" | "draft" | "ready" | "future";
+  categories?: number[];
+  tags?: number[];
+  claims?: number[];
+  [key: string]: any;
+}
+
+interface PostResponse {
+  nodes: Post[];
+  total: number;
+}
+
+interface PostsQueryParams {
+  category?: number[];
+  tag?: number[];
+  format?: number[];
+  page?: number;
+  limit?: number;
+  sort?: string;
+  q?: string;
+  status?: string;
+  author?: number[];
+}
+
+interface PostsRequestAction {
+  data: number[];
+  query: PostsQueryParams;
+  total: number;
+}
+
+type ThunkResult<R> = ThunkAction<R, RootState, undefined, AnyAction>;
+
+export const getPosts = (
+  query: PostsQueryParams
+): ThunkResult<Promise<void> | void> => {
+  return (
+    dispatch: Dispatch,
+    getState: () => RootState
+  ): Promise<void> | void => {
+    const currentSpaceID = getState().spaces?.selected;
+    if (currentSpaceID === "" || currentSpaceID === "0") {
+      return;
+    }
+    dispatch(loadingPosts());
+
+    const params = new URLSearchParams();
+    if (query.category && query.category.length > 0) {
+      query.category.forEach((each) =>
+        params.append("category", each.toString())
+      );
+    }
+    if (query.tag && query.tag.length > 0) {
+      query.tag.forEach((each) => params.append("tag", each.toString()));
+    }
+    if (query.format && query.format.length > 0) {
+      query.format.forEach((each) => params.append("format", each.toString()));
+    }
+    if (query.page) {
+      params.append("page", query.page.toString());
+    }
+    if (query.limit) {
+      params.append("limit", query.limit.toString());
+    }
+    if (query.sort) {
+      params.append("sort", query.sort);
+    }
+    if (query.q) {
+      params.append("q", query.q);
+    }
+    if (query.status) {
+      params.append("status", query.status);
+    }
+    if (query.author) {
+      query.author.forEach((each) => params.append("author", each.toString()));
+    }
+    return axios
+      .get<PostResponse>(POSTS_API, {
+        params: params,
+      })
+      .then((response) => {
+        dispatch(
+          addAuthors(
+            response.data.nodes
+              .filter(
+                (post) => Array.isArray(post.authors) && post.authors.length > 0
+              )
+              .map((post) => {
+                return post.authors as Author[];
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addTags(
+            response.data.nodes
+              .filter(
+                (post) => Array.isArray(post.tags) && post.tags.length > 0
+              )
+              .map((post) => {
+                return post.tags as Tag[];
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addCategories(
+            response.data.nodes
+              .filter(
+                (post) =>
+                  Array.isArray(post.categories) && post.categories.length > 0
+              )
+              .map((post) => {
+                return post.categories as Category[];
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addFormats(
+            response.data.nodes
+              .filter((post) => post.format)
+              .map((post) => {
+                return post.format as Format;
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addClaims(
+            response.data.nodes
+              .filter(
+                (post) => Array.isArray(post.claims) && post.claims.length > 0
+              )
+              .map((post) => {
+                return post.claims as Claim[];
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addMedia(
+            response.data.nodes
+              .filter((post) => post.medium)
+              .map((post) => {
+                return post.medium as Medium;
+              })
+          )
+        );
+        dispatch(
+          addPostsList(
+            response.data.nodes.map((post) => {
+              const postWithDescription = {
+                ...post,
+                description: {
+                  json: post.description,
+                  html: post.description_html,
+                },
+                categories: (post.categories as Category[]).map(
+                  (category) => category.id
+                ),
+                tags: (post.tags as Tag[]).map((tag) => tag.id),
+                authors: (post.authors as Author[]).map((author) => author.id),
+                format: (post.format as Format).id,
+                claims: (post.claims as Claim[]).map((claim) => claim.id),
+                medium: post.medium ? (post.medium as Medium).id : undefined,
+              };
+              return postWithDescription;
+            })
+          )
+        );
+        dispatch(
+          addPostsRequest({
+            data: response.data.nodes.map((item) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPostsLoading()));
+  };
+};
+
+export const getPost = (id: number | string): ThunkResult<Promise<void>> => {
+  return (dispatch: Dispatch): Promise<void> => {
+    dispatch(loadingPosts());
+    return axios
+      .get<Post>(`${POSTS_API}/${id}`)
+      .then((response) => {
+        let post = response.data;
+        post.description = {
+          json: post.description,
+          html: post.description_html as string,
+        };
+        dispatch(addTags(post.tags as Tag[]));
+        dispatch(addAuthors(post.authors as Author[]));
+        dispatch(addCategories(post.categories as Category[]));
+        dispatch(addClaims(post.claims as Claim[]));
+        dispatch(addFormats([post.format as Format]));
+        if (post.medium) dispatch(addMedia([post.medium as Medium]));
+
+        dispatch(
+          getPostByID({
+            ...post,
+            authors: (post.authors as Author[]).map((author) => author.id),
+            categories: (post.categories as Category[]).map(
+              (category) => category.id
+            ),
+            claims: (post.claims as Claim[]).map((claim) => claim.id),
+            tags: (post.tags as Tag[]).map((tag) => tag.id),
+            format: (post.format as Format).id,
+            medium: post.medium ? (post.medium as Medium).id : undefined,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPostsLoading()));
+  };
+};
+
+export const addPost = (
+  data: Partial<Post>
+): ThunkResult<Promise<Post | void>> => {
+  return (dispatch: Dispatch): Promise<Post | void> => {
+    dispatch(loadingPosts());
+    return axios
+      .post<Post>(POSTS_API, data)
+      .then((response) => {
+        const post = response.data;
+        post.description = {
+          json: post.description,
+          html: post.description_html as string,
+        };
+        dispatch(addTags(post.tags as Tag[]));
+        dispatch(addCategories(post.categories as Category[]));
+        dispatch(addAuthors(post.authors as Author[]));
+        dispatch(addClaims(post.claims as Claim[]));
+        dispatch(addFormats([post.format as Format]));
+        if (post.medium) dispatch(addMedia([post.medium as Medium]));
+
+        dispatch(resetPosts());
+        post.status === "publish"
+          ? dispatch(
+              addSuccessNotification(
+                `${(post.format as Format).name} Published`
+              )
+            )
+          : post.status === "future"
+          ? dispatch(
+              addSuccessNotification(
+                "Post added & Scheduled for future publish"
+              )
+            )
+          : post.status === "draft"
+          ? dispatch(addSuccessNotification("Post added"))
+          : dispatch(addSuccessNotification("Post added & Ready to Publish"));
+        return post;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const publish = (data: Partial<Post>): ThunkResult<Promise<void>> => {
+  return (dispatch: Dispatch): Promise<void> => {
+    dispatch(loadingPosts());
+    return axios
+      .post<Post>(`${POSTS_API}/publish`, data)
+      .then((response) => {
+        let post = response.data;
+        post.description = {
+          json: post.description,
+          html: post.description_html as string,
+        };
+        dispatch(addTags(post.tags as Tag[]));
+        dispatch(addCategories(post.categories as Category[]));
+        dispatch(addAuthors(post.authors as Author[]));
+        dispatch(addClaims(post.claims as Claim[]));
+        dispatch(addFormats([post.format as Format]));
+        if (post.medium) dispatch(addMedia([post.medium as Medium]));
+
+        dispatch(
+          getPostByID({
+            ...post,
+            authors: (post.authors as Author[]).map((author) => author.id),
+            categories: (post.categories as Category[]).map(
+              (category) => category.id
+            ),
+            tags: (post.tags as Tag[]).map((tag) => tag.id),
+            format: (post.format as Format).id,
+            claims: (post.claims as Claim[]).map((claim) => claim.id),
+            medium: post.medium ? (post.medium as Medium).id : undefined,
+          })
+        );
+        dispatch(addSuccessNotification("Post published"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPostsLoading()));
+  };
+};
+
+export const addTemplate = (
+  data: Partial<Post>
+): ThunkResult<Promise<void>> => {
+  return (dispatch: Dispatch): Promise<void> => {
+    dispatch(loadingPosts());
+    return axios
+      .post<Post>(`${POSTS_API}/templates`, data)
+      .then((response) => {
+        let post = response.data;
+        post.description = {
+          json: post.description,
+          html: post.description_html as string,
+        };
+        dispatch(addTags(post.tags as Tag[]));
+        dispatch(addCategories(post.categories as Category[]));
+        dispatch(addAuthors((post.authors || []) as Author[]));
+        dispatch(addClaims((post.claims || []) as Claim[]));
+        dispatch(addFormats([post.format as Format]));
+        if (post.medium) dispatch(addMedia([post.medium as Medium]));
+
+        dispatch(
+          getPostByID({
+            ...post,
+            authors:
+              (post.authors &&
+                (post.authors as Author[]).map((author) => author.id)) ||
+              [],
+            categories: (post.categories as Category[]).map(
+              (category) => category.id
+            ),
+            tags: (post.tags as Tag[]).map((tag) => tag.id),
+            format: (post.format as Format).id,
+            claims:
+              (post.claims &&
+                (post.claims as Claim[]).map((claim) => claim.id)) ||
+              [],
+            medium: post.medium ? (post.medium as Medium).id : undefined,
+          })
+        );
+        dispatch(addSuccessNotification("Template created"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPostsLoading()));
+  };
+};
+
+export const publishPost = (data: Post): ThunkResult<Promise<void>> => {
+  return (dispatch: Dispatch): Promise<void> => {
+    dispatch(loadingPosts());
+    return axios
+      .put<Post>(`${POSTS_API}/${data.id}/publish`, data)
+      .then((response) => {
+        let post = response.data;
+        post.description = {
+          json: post.description,
+          html: post.description_html as string,
+        };
+        dispatch(addTags(post.tags as Tag[]));
+        dispatch(addCategories(post.categories as Category[]));
+        dispatch(addAuthors(post.authors as Author[]));
+        dispatch(addClaims(post.claims as Claim[]));
+        dispatch(addFormats([post.format as Format]));
+        if (post.medium) dispatch(addMedia([post.medium as Medium]));
+
+        dispatch(
+          getPostByID({
+            ...post,
+            authors: (post.authors as Author[]).map((author) => author.id),
+            categories: (post.categories as Category[]).map(
+              (category) => category.id
+            ),
+            tags: (post.tags as Tag[]).map((tag) => tag.id),
+            format: (post.format as Format).id,
+            claims: (post.claims as Claim[]).map((claim) => claim.id),
+            medium: post.medium ? (post.medium as Medium).id : undefined,
+          })
+        );
+        dispatch(addSuccessNotification("Post published"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPostsLoading()));
+  };
+};
+
+export const updatePost = (data: Post): ThunkResult<Promise<void>> => {
+  return (dispatch: Dispatch): Promise<void> => {
+    dispatch(loadingPosts());
+    return axios
+      .put<Post>(`${POSTS_API}/${data.id}`, data)
+      .then((response) => {
+        let post = response.data;
+        post.description = {
+          json: post.description,
+          html: post.description_html as string,
+        };
+        dispatch(addTags(post.tags as Tag[]));
+        dispatch(addCategories(post.categories as Category[]));
+        dispatch(addAuthors(post.authors as Author[]));
+        dispatch(addClaims(post.claims as Claim[]));
+        dispatch(addFormats([post.format as Format]));
+        if (post.medium) dispatch(addMedia([post.medium as Medium]));
+
+        dispatch(
+          getPostByID({
+            ...post,
+            authors: (post.authors as Author[]).map((author) => author.id),
+            categories: (post.categories as Category[]).map(
+              (category) => category.id
+            ),
+            tags: (post.tags as Tag[]).map((tag) => tag.id),
+            format: (post.format as Format).id,
+            claims: (post.claims as Claim[]).map((claim) => claim.id),
+            medium: post.medium ? (post.medium as Medium).id : undefined,
+          })
+        );
+        data.status === "publish"
+          ? dispatch(
+              addSuccessNotification(
+                `${(post.format as Format).name} Published`
+              )
+            )
+          : post.status === "future"
+          ? dispatch(
+              addSuccessNotification(
+                "Post saved & Scheduled for future publish"
+              )
+            )
+          : data.status === "draft"
+          ? dispatch(addSuccessNotification("Draft Saved"))
+          : dispatch(addSuccessNotification("Draft saved & Ready to Publish"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopPostsLoading()));
+  };
+};
+
+export const deletePost = (id: number): ThunkResult<Promise<void>> => {
+  return (dispatch: Dispatch): Promise<void> => {
+    dispatch(loadingPosts());
+    return axios
+      .delete(`${POSTS_API}/${id}`)
+      .then(() => {
+        dispatch(resetPosts());
+        dispatch(addSuccessNotification("Post deleted"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const loadingPosts = () => ({
+  type: SET_POSTS_LOADING,
+  payload: true,
+});
+
+export const stopPostsLoading = () => ({
+  type: SET_POSTS_LOADING,
+  payload: false,
+});
+
+export const getPostByID = (data: Post) => ({
+  type: ADD_POST,
+  payload: data,
+});
+
+export const addPostsList = (data: Post[]) => ({
+  type: ADD_POSTS,
+  payload: data,
+});
+
+export const addPostsRequest = (data: PostsRequestAction) => ({
+  type: ADD_POSTS_REQUEST,
+  payload: data,
+});
+
+export const resetPosts = () => ({
+  type: RESET_POSTS,
+});
diff --git a/studio/src/actions/profile.js b/studio/src/actions/profile.js
deleted file mode 100644
index 0aca2c0f5..000000000
--- a/studio/src/actions/profile.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import axios from 'axios';
-import { SET_PROFILE_LOADING, ADD_PROFILE, PROFILE_API } from '../constants/profile';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-
-export const getUserProfile = () => {
-  return (dispatch, getState) => {
-    dispatch(loadingProfile());
-    return axios
-      .get(PROFILE_API)
-      .then((response) => {
-        dispatch(getProfile(response.data));
-        dispatch(stopProfileLoading());
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(error.message));
-      });
-  };
-};
-export const updateProfile = (data) => {
-  return (dispatch, getState) => {
-    dispatch(loadingProfile());
-    return axios
-      .put(PROFILE_API, data)
-      .then((response) => {
-        dispatch(getProfile(response.data));
-        dispatch(stopProfileLoading());
-        dispatch(addSuccessNotification('Profile Updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(error.message));
-      });
-  };
-};
-
-export const loadingProfile = () => ({
-  type: SET_PROFILE_LOADING,
-  payload: true,
-});
-
-export const stopProfileLoading = () => ({
-  type: SET_PROFILE_LOADING,
-  payload: false,
-});
-
-export const getProfile = (data) => ({
-  type: ADD_PROFILE,
-  payload: data,
-});
diff --git a/studio/src/actions/profile.ts b/studio/src/actions/profile.ts
new file mode 100644
index 000000000..88f718989
--- /dev/null
+++ b/studio/src/actions/profile.ts
@@ -0,0 +1,63 @@
+import axios from "axios";
+import {
+  SET_PROFILE_LOADING,
+  ADD_PROFILE,
+  PROFILE_API,
+} from "../constants/profile";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+
+// Define interfaces
+interface Profile {
+  [key: string]: any;
+}
+
+interface ProfileAction {
+  type: string;
+  payload: any;
+}
+
+export const getUserProfile = () => {
+  return (dispatch: (action: any) => void, getState: () => any) => {
+    dispatch(loadingProfile());
+    return axios
+      .get(PROFILE_API)
+      .then((response) => {
+        dispatch(getProfile(response.data));
+        dispatch(stopProfileLoading());
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(error.message));
+      });
+  };
+};
+
+export const updateProfile = (data: Partial<Profile>) => {
+  return (dispatch: (action: any) => void, getState: () => any) => {
+    dispatch(loadingProfile());
+    return axios
+      .put(PROFILE_API, data)
+      .then((response) => {
+        dispatch(getProfile(response.data));
+        dispatch(stopProfileLoading());
+        dispatch(addSuccessNotification("Profile Updated"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(error.message));
+      });
+  };
+};
+
+export const loadingProfile = (): ProfileAction => ({
+  type: SET_PROFILE_LOADING,
+  payload: true,
+});
+
+export const stopProfileLoading = (): ProfileAction => ({
+  type: SET_PROFILE_LOADING,
+  payload: false,
+});
+
+export const getProfile = (data: Profile): ProfileAction => ({
+  type: ADD_PROFILE,
+  payload: data,
+});
diff --git a/studio/src/actions/ratings.js b/studio/src/actions/ratings.js
deleted file mode 100644
index a47d87de5..000000000
--- a/studio/src/actions/ratings.js
+++ /dev/null
@@ -1,194 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_RATINGS,
-  ADD_RATINGS_REQUEST,
-  SET_RATINGS_LOADING,
-  RESET_RATINGS,
-  RATINGS_API,
-  GET_RATING,
-  UPDATE_RATING,
-} from '../constants/ratings';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import { addMedia } from './media';
-import getError from '../utils/getError';
-
-// action to create default ratings
-export const addDefaultRatings = (query) => {
-  return (dispatch) => {
-    dispatch(loadingRatings());
-    return axios
-      .post(RATINGS_API + '/default')
-      .then((response) => {
-        dispatch(
-          addRatingsList(
-            response.data.nodes.map((rating) => {
-              rating.description = { json: rating.description, html: rating.description_html };
-              return { ...rating, medium: rating.medium?.id };
-            }),
-          ),
-        );
-        dispatch(
-          addRatingsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopRatingsLoading()));
-  };
-};
-
-// action to fetch all ratings
-export const getRatings = (query) => {
-  return (dispatch) => {
-    dispatch(loadingRatings());
-    return axios
-      .get(RATINGS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(
-          addMedia(
-            response.data.nodes.filter((rating) => rating.medium).map((rating) => rating.medium),
-          ),
-        );
-        dispatch(
-          addRatingsList(
-            response.data.nodes.map((rating) => {
-              rating.description = { json: rating.description, html: rating.description_html };
-              return { ...rating, medium: rating.medium?.id };
-            }),
-          ),
-        );
-        dispatch(
-          addRatingsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopRatingsLoading()));
-  };
-};
-
-// action to fetch rating by id
-export const getRating = (id) => {
-  return (dispatch) => {
-    dispatch(loadingRatings());
-    return axios
-      .get(RATINGS_API + '/' + id)
-      .then((response) => {
-        if (response.data.medium) dispatch(addMedia([response.data.medium]));
-        response.data.description = {
-          json: response.data.description,
-          html: response.data.description_html,
-        };
-        dispatch(addRating(GET_RATING, { ...response.data, medium: response.data.medium?.id }));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopRatingsLoading()));
-  };
-};
-
-// action to create rating
-export const createRating = (data) => {
-  return (dispatch) => {
-    dispatch(loadingRatings());
-    return axios
-      .post(RATINGS_API, data)
-      .then(() => {
-        dispatch(resetRatings());
-        dispatch(addSuccessNotification('Rating created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update rating by id
-export const updateRating = (data) => {
-  return (dispatch) => {
-    dispatch(loadingRatings());
-    return axios
-      .put(RATINGS_API + '/' + data.id, data)
-      .then((response) => {
-        const rating = response.data;
-        if (rating.medium) dispatch(addMedia([rating.medium]));
-        rating.description = { json: rating.description, html: rating.description_html };
-        dispatch(addRating(UPDATE_RATING, { ...rating, medium: rating.medium?.id }));
-        dispatch(addSuccessNotification('Rating updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopRatingsLoading()));
-  };
-};
-
-// action to delete rating by id
-export const deleteRating = (id) => {
-  return (dispatch) => {
-    dispatch(loadingRatings());
-    return axios
-      .delete(RATINGS_API + '/' + id)
-      .then(() => {
-        dispatch(resetRatings());
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const addRatings = (ratings) => {
-  return (dispatch) => {
-    dispatch(addMedia(ratings.filter((rating) => rating.medium).map((rating) => rating.medium)));
-    dispatch(
-      addRatingsList(
-        ratings.map((rating) => {
-          return { ...rating, medium: rating.medium?.id };
-        }),
-      ),
-    );
-  };
-};
-
-export const loadingRatings = () => ({
-  type: SET_RATINGS_LOADING,
-  payload: true,
-});
-
-export const stopRatingsLoading = () => ({
-  type: SET_RATINGS_LOADING,
-  payload: false,
-});
-
-export const addRating = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addRatingsList = (payload) => ({
-  type: ADD_RATINGS,
-  payload,
-});
-
-export const addRatingsRequest = (payload) => ({
-  type: ADD_RATINGS_REQUEST,
-  payload,
-});
-
-export const resetRatings = () => ({
-  type: RESET_RATINGS,
-});
diff --git a/studio/src/actions/ratings.ts b/studio/src/actions/ratings.ts
new file mode 100644
index 000000000..6919b9975
--- /dev/null
+++ b/studio/src/actions/ratings.ts
@@ -0,0 +1,310 @@
+import axios from "axios";
+import {
+  ADD_RATINGS,
+  ADD_RATINGS_REQUEST,
+  SET_RATINGS_LOADING,
+  RESET_RATINGS,
+  RATINGS_API,
+  GET_RATING,
+  UPDATE_RATING,
+} from "../constants/ratings";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import { addMedia } from "./media";
+import getError from "../utils/getError";
+
+export interface Rating {
+  id: number | string;
+  description: any;
+  description_html?: string;
+  medium?: {
+    id: number;
+  } | null;
+  [key: string]: any;
+}
+
+interface RatingTransformed {
+  id: number | string;
+  description: {
+    json: any;
+    html: string;
+  };
+  medium?: number | null;
+  [key: string]: any;
+}
+
+interface RatingsResponse {
+  nodes: Rating[];
+  total: number;
+}
+
+interface RatingsRequestPayload {
+  data: (number | string)[];
+  query: any;
+  total: number;
+}
+
+interface ActionWithPayload<T, P> {
+  type: T;
+  payload: P;
+}
+
+type ThunkResult<R> = (dispatch: (action: any) => any) => R;
+
+// action to create default ratings
+export const addDefaultRatings = (query: any): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingRatings());
+    return axios
+      .post(`${RATINGS_API}/default`)
+      .then((response) => {
+        const data: RatingsResponse = response.data;
+        dispatch(
+          addRatingsList(
+            data.nodes.map((rating: Rating) => {
+              const transformedRating: RatingTransformed = {
+                ...rating,
+                description: {
+                  json: rating.description,
+                  html: rating.description_html || "",
+                },
+                medium: rating.medium?.id || null,
+              };
+              return transformedRating;
+            })
+          )
+        );
+        dispatch(
+          addRatingsRequest({
+            data: data.nodes.map((item: Rating) => item.id),
+            query: query,
+            total: data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopRatingsLoading()));
+  };
+};
+
+// action to fetch all ratings
+export const getRatings = (query: any): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingRatings());
+    return axios
+      .get(RATINGS_API, {
+        params: query,
+      })
+      .then((response) => {
+        const data: RatingsResponse = response.data;
+        dispatch(
+          addMedia(
+            data.nodes
+              .filter((rating: Rating) => rating.medium)
+              .map((rating: Rating) => rating.medium!)
+          )
+        );
+        dispatch(
+          addRatingsList(
+            data.nodes.map((rating: Rating) => {
+              const transformedRating: RatingTransformed = {
+                ...rating,
+                description: {
+                  json: rating.description,
+                  html: rating.description_html || "",
+                },
+                medium: rating.medium?.id || null,
+              };
+              return transformedRating;
+            })
+          )
+        );
+        dispatch(
+          addRatingsRequest({
+            data: data.nodes.map((item: Rating) => item.id),
+            query: query,
+            total: data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopRatingsLoading()));
+  };
+};
+
+// action to fetch rating by id
+export const getRating = (id: number | string): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingRatings());
+    return axios
+      .get(`${RATINGS_API}/${id}`)
+      .then((response) => {
+        const data: Rating = response.data;
+        if (data.medium) dispatch(addMedia([data.medium]));
+
+        const transformedRating: RatingTransformed = {
+          ...data,
+          description: {
+            json: data.description,
+            html: data.description_html || "",
+          },
+          medium: data.medium?.id || null,
+        };
+        dispatch(addRating(GET_RATING, transformedRating));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopRatingsLoading()));
+  };
+};
+
+// action to create rating
+export const createRating = (
+  data: Omit<RatingTransformed, "id">
+): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingRatings());
+    return axios
+      .post(RATINGS_API, data)
+      .then(() => {
+        dispatch(resetRatings());
+        dispatch(addSuccessNotification("Rating created"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+// action to update rating by id
+export const updateRating = (
+  data: RatingTransformed
+): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    dispatch(loadingRatings());
+    return axios
+      .put(`${RATINGS_API}/${data.id}`, data)
+      .then((response) => {
+        const rating: Rating = response.data;
+        if (rating.medium) dispatch(addMedia([rating.medium]));
+
+        const transformedRating: RatingTransformed = {
+          ...rating,
+          description: {
+            json: rating.description,
+            html: rating.description_html || "",
+          },
+          medium: rating.medium?.id || null,
+        };
+        dispatch(addRating(UPDATE_RATING, transformedRating));
+        dispatch(addSuccessNotification("Rating updated"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopRatingsLoading()));
+  };
+};
+
+// Fixed deleteRating action function
+export const deleteRating = (
+  id: string | number
+): ThunkResult<Promise<void>> => {
+  return (dispatch) => {
+    // Validate ID to prevent NaN in URL
+    if (id === undefined || id === null || id === "") {
+      return Promise.reject(new Error("Invalid ID provided for deletion"));
+    }
+
+    dispatch(loadingRatings());
+
+    // Use the ID as-is without conversion
+    const url = `${RATINGS_API}/${id}`;
+
+    return axios
+      .delete(url)
+      .then(() => {
+        dispatch(resetRatings());
+        dispatch(addSuccessNotification("Rating deleted successfully"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      })
+      .finally(() => {
+        dispatch(stopRatingsLoading());
+      });
+  };
+};
+
+export const addRatings = (ratings: Rating[]): ThunkResult<void> => {
+  return (dispatch) => {
+    dispatch(
+      addMedia(
+        ratings
+          .filter((rating) => rating.medium)
+          .map((rating) => rating.medium!)
+      )
+    );
+    dispatch(
+      addRatingsList(
+        ratings.map((rating) => {
+          return {
+            ...rating,
+            description: {
+              json: rating.description,
+              html: rating.description_html || "",
+            },
+            medium: rating.medium?.id || null,
+          };
+        })
+      )
+    );
+  };
+};
+
+export const loadingRatings = (): ActionWithPayload<
+  typeof SET_RATINGS_LOADING,
+  boolean
+> => ({
+  type: SET_RATINGS_LOADING,
+  payload: true,
+});
+
+export const stopRatingsLoading = (): ActionWithPayload<
+  typeof SET_RATINGS_LOADING,
+  boolean
+> => ({
+  type: SET_RATINGS_LOADING,
+  payload: false,
+});
+
+export const addRating = <T>(
+  type: T,
+  payload: RatingTransformed
+): ActionWithPayload<T, RatingTransformed> => ({
+  type,
+  payload,
+});
+
+export const addRatingsList = (
+  payload: RatingTransformed[]
+): ActionWithPayload<typeof ADD_RATINGS, RatingTransformed[]> => ({
+  type: ADD_RATINGS,
+  payload,
+});
+
+export const addRatingsRequest = (
+  payload: RatingsRequestPayload
+): ActionWithPayload<typeof ADD_RATINGS_REQUEST, RatingsRequestPayload> => ({
+  type: ADD_RATINGS_REQUEST,
+  payload,
+});
+
+export const resetRatings = () => ({
+  type: RESET_RATINGS,
+});
diff --git a/studio/src/actions/registration.js b/studio/src/actions/registration.js
deleted file mode 100644
index 8a0f82121..000000000
--- a/studio/src/actions/registration.js
+++ /dev/null
@@ -1,138 +0,0 @@
-export const registerUser = async (registrationData) => {
-  try {
-    const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/human`, {
-      method: 'POST',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        ...registrationData,
-        email: {
-          ...registrationData.email,
-          sendCode: {
-            urlTemplate: `${window.PUBLIC_URL}/auth/verify?userID={{.UserID}}&code={{.Code}}&orgID={{.OrgID}}`,
-          },
-        },
-      }),
-    });
-
-    if (!response.ok) {
-      const errorData = await response.json();
-      const errorMessage = errorData.message.split('(')[0].trim();
-      throw new Error(errorMessage || 'Failed to register user');
-    }
-
-    return await response.json();
-  } catch (error) {
-    console.error('Error registering user:', error);
-    throw error;
-  }
-};
-
-export const createSession = async (loginName) => {
-  try {
-    const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/sessions`, {
-      method: 'POST',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        checks: {
-          user: {
-            loginName,
-          },
-        },
-      }),
-    });
-
-    if (!response.ok) {
-      throw new Error('Failed to create session');
-    }
-
-    return await response.json();
-  } catch (error) {
-    console.error('Error creating session:', error);
-    throw error;
-  }
-};
-
-export const verifyPassword = async (sessionId, sessionToken, password) => {
-  try {
-    const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`, {
-      method: 'PATCH',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        sessionToken: sessionToken,
-        checks: {
-          password: {
-            password: password,
-          },
-        },
-      }),
-    });
-
-    if (!response.ok) {
-      const errorData = await response.json();
-      const errorMessage = errorData.message.split('(')[0].trim();
-      throw new Error(errorMessage || 'Failed to verify password');
-    }
-
-    return await response.json();
-  } catch (error) {
-    console.error('Error verifying password:', error);
-    throw error;
-  }
-};
-
-export const getAuthRequestDetails = async (authRequestId) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/oidc/auth_requests/${authRequestId}`,
-    {
-      method: 'GET',
-      headers: {
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-        Accept: 'application/json',
-      },
-    },
-  );
-
-  if (!response.ok) {
-    throw new Error('Failed to get auth request details');
-  }
-
-  return response.json();
-};
-
-export const finalizeAuthRequest = async (authRequestId, sessionId, sessionToken) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/oidc/auth_requests/${authRequestId}`,
-    {
-      method: 'POST',
-      headers: {
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        session: {
-          sessionId: sessionId,
-          sessionToken: sessionToken,
-        },
-      }),
-    },
-  );
-
-  if (!response.ok) {
-    throw new Error('Failed to finalize auth request');
-  }
-
-  return response.json();
-};
diff --git a/studio/src/actions/registration.ts b/studio/src/actions/registration.ts
new file mode 100644
index 000000000..32158c90b
--- /dev/null
+++ b/studio/src/actions/registration.ts
@@ -0,0 +1,174 @@
+import {
+  RegistrationData,
+  SessionResponse,
+  AuthRequestResponse,
+  ErrorResponse,
+} from "./types";
+
+export const registerUser = async (
+  registrationData: RegistrationData
+): Promise<{ userId: string }> => {
+  try {
+    const response = await fetch(
+      `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/human`,
+      {
+        method: "POST",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        },
+        body: JSON.stringify({
+          ...registrationData,
+          email: {
+            ...registrationData.email,
+            sendCode: {
+              urlTemplate: `${
+                import.meta.env.VITE_PUBLIC_URL
+              }/auth/verify?userID={{.UserID}}&code={{.Code}}&orgID={{.OrgID}}`,
+            },
+          },
+        }),
+      }
+    );
+
+    if (!response.ok) {
+      const errorData = (await response.json()) as ErrorResponse;
+      const errorMessage = errorData.message.split("(")[0].trim();
+      throw new Error(errorMessage || "Failed to register user");
+    }
+
+    return await response.json();
+  } catch (error) {
+    console.error("Error registering user:", error);
+    throw error;
+  }
+};
+
+export const createSession = async (
+  loginName: string
+): Promise<SessionResponse> => {
+  try {
+    const response = await fetch(
+      `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/sessions`,
+      {
+        method: "POST",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        },
+        body: JSON.stringify({
+          checks: {
+            user: {
+              loginName,
+            },
+          },
+        }),
+      }
+    );
+
+    if (!response.ok) {
+      throw new Error("Failed to create session");
+    }
+
+    return await response.json();
+  } catch (error) {
+    console.error("Error creating session:", error);
+    throw error;
+  }
+};
+
+export const verifyPassword = async (
+  sessionId: string,
+  sessionToken: string,
+  password: string
+): Promise<SessionResponse> => {
+  try {
+    const response = await fetch(
+      `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`,
+      {
+        method: "PATCH",
+        headers: {
+          Accept: "application/json",
+          "Content-Type": "application/json",
+          Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        },
+        body: JSON.stringify({
+          sessionToken,
+          checks: {
+            password: {
+              password,
+            },
+          },
+        }),
+      }
+    );
+
+    if (!response.ok) {
+      const errorData = (await response.json()) as ErrorResponse;
+      const errorMessage = errorData.message.split("(")[0].trim();
+      throw new Error(errorMessage || "Failed to verify password");
+    }
+
+    return await response.json();
+  } catch (error) {
+    console.error("Error verifying password:", error);
+    throw error;
+  }
+};
+
+export const getAuthRequestDetails = async (
+  authRequestId: string
+): Promise<AuthRequestResponse> => {
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/v2/oidc/auth_requests/${authRequestId}`,
+    {
+      method: "GET",
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        Accept: "application/json",
+      },
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to get auth request details");
+  }
+
+  return response.json();
+};
+
+export const finalizeAuthRequest = async (
+  authRequestId: string,
+  sessionId: string,
+  sessionToken: string
+): Promise<AuthRequestResponse> => {
+  const response = await fetch(
+    `${
+      import.meta.env.VITE_ZITADEL_AUTHORITY
+    }/v2/oidc/auth_requests/${authRequestId}`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+        Accept: "application/json",
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify({
+        session: {
+          sessionId,
+          sessionToken,
+        },
+      }),
+    }
+  );
+
+  if (!response.ok) {
+    throw new Error("Failed to finalize auth request");
+  }
+
+  return response.json();
+};
diff --git a/studio/src/actions/sachFactChecks.js b/studio/src/actions/sachFactChecks.js
deleted file mode 100644
index 37b159af0..000000000
--- a/studio/src/actions/sachFactChecks.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import {
-  SACH_FACT_CHECKS_API,
-  ADD_SACH_FACT_CHECKS,
-  SET_SACH_FACT_CHECKS_LOADING,
-} from '../constants/sachFactChecks';
-
-import { addErrorNotification } from './notifications';
-import getError from '../utils/getError';
-
-export const getSachFactChecks = (reqBody, setTotalMatches, setResultStats) => {
-  return (dispatch) => {
-    dispatch(loadingSachFactChecks());
-    fetch(`${window.REACT_APP_SACH_API_URL}${SACH_FACT_CHECKS_API}`, {
-      method: 'POST',
-      body: JSON.stringify(reqBody),
-    })
-      .then((res) => {
-        if (res.status === 200) {
-          return res.json();
-        } else {
-          throw new Error(res.status);
-        }
-      })
-      .then((res) => {
-        dispatch(addFactChecks(res.results));
-        setTotalMatches(res.total);
-        setResultStats(res.resultStats);
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopLoading()));
-  };
-};
-
-export const getSachFilters = (setLanguage, setPublisher, setCountries) => {
-  return (dispatch) => {
-    dispatch(loadingSachFactChecks());
-    fetch(`${window.REACT_APP_SACH_API_URL}${SACH_FACT_CHECKS_API}/filters`)
-      .then((res) => {
-        if (res.status === 200) {
-          return res.json();
-        } else {
-          throw new Error(res.status);
-        }
-      })
-      .then((res) => {
-        setCountries(res.countries);
-        setLanguage(res.languages);
-        setPublisher(res.publishers);
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopLoading()));
-  };
-};
-
-export const loadingSachFactChecks = () => ({
-  type: SET_SACH_FACT_CHECKS_LOADING,
-  payload: true,
-});
-
-export const stopLoading = () => ({
-  type: SET_SACH_FACT_CHECKS_LOADING,
-  payload: false,
-});
-
-export const addFactChecks = (data) => ({
-  type: ADD_SACH_FACT_CHECKS,
-  payload: data,
-});
diff --git a/studio/src/actions/sachFactChecks.ts b/studio/src/actions/sachFactChecks.ts
new file mode 100644
index 000000000..25e0cf005
--- /dev/null
+++ b/studio/src/actions/sachFactChecks.ts
@@ -0,0 +1,121 @@
+import {
+  SACH_FACT_CHECKS_API,
+  ADD_SACH_FACT_CHECKS,
+  SET_SACH_FACT_CHECKS_LOADING,
+} from "../constants/sachFactChecks";
+
+import { addErrorNotification } from "./notifications";
+import getError from "../utils/getError";
+
+// Define types for our data structures
+interface FactCheck {
+  id: string;
+  [key: string]: any;
+}
+
+interface ResultStats {
+  [key: string]: any;
+}
+
+interface SachResponseData {
+  results: FactCheck[];
+  total: number;
+  resultStats: ResultStats;
+}
+
+interface FiltersResponseData {
+  countries: string[];
+  languages: string[];
+  publishers: string[];
+}
+
+interface RequestBody {
+  [key: string]: any;
+}
+
+// Action types
+interface LoadingSachFactChecksAction {
+  type: typeof SET_SACH_FACT_CHECKS_LOADING;
+  payload: boolean;
+}
+
+interface AddFactChecksAction {
+  type: typeof ADD_SACH_FACT_CHECKS;
+  payload: FactCheck[];
+}
+
+export type SachFactChecksActionTypes =
+  | LoadingSachFactChecksAction
+  | AddFactChecksAction;
+
+export const getSachFactChecks = (
+  reqBody: RequestBody,
+  setTotalMatches: (total: number) => void,
+  setResultStats: (stats: ResultStats) => void
+) => {
+  return (dispatch: (action: SachFactChecksActionTypes | any) => void) => {
+    dispatch(loadingSachFactChecks());
+    fetch(`${import.meta.env.VITE_SACH_API_URL}${SACH_FACT_CHECKS_API}`, {
+      method: "POST",
+      body: JSON.stringify(reqBody),
+    })
+      .then((res) => {
+        if (res.status === 200) {
+          return res.json() as Promise<SachResponseData>;
+        } else {
+          throw new Error(res.status.toString());
+        }
+      })
+      .then((res) => {
+        dispatch(addFactChecks(res.results));
+        setTotalMatches(res.total);
+        setResultStats(res.resultStats);
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopLoading()));
+  };
+};
+
+export const getSachFilters = (
+  setLanguage: (languages: string[]) => void,
+  setPublisher: (publishers: string[]) => void,
+  setCountries: (countries: string[]) => void
+) => {
+  return (dispatch: (action: SachFactChecksActionTypes | any) => void) => {
+    dispatch(loadingSachFactChecks());
+    fetch(`${import.meta.env.VITE_SACH_API_URL}${SACH_FACT_CHECKS_API}/filters`)
+      .then((res) => {
+        if (res.status === 200) {
+          return res.json() as Promise<FiltersResponseData>;
+        } else {
+          throw new Error(res.status.toString());
+        }
+      })
+      .then((res) => {
+        setCountries(res.countries);
+        setLanguage(res.languages);
+        setPublisher(res.publishers);
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopLoading()));
+  };
+};
+
+export const loadingSachFactChecks = (): LoadingSachFactChecksAction => ({
+  type: SET_SACH_FACT_CHECKS_LOADING,
+  payload: true,
+});
+
+export const stopLoading = (): LoadingSachFactChecksAction => ({
+  type: SET_SACH_FACT_CHECKS_LOADING,
+  payload: false,
+});
+
+export const addFactChecks = (data: FactCheck[]): AddFactChecksAction => ({
+  type: ADD_SACH_FACT_CHECKS,
+  payload: data,
+});
diff --git a/studio/src/actions/search.js b/studio/src/actions/search.js
deleted file mode 100644
index fd0958b48..000000000
--- a/studio/src/actions/search.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_SEARCH_DETAIL,
-  SET_SEARCH_DETAILS_LOADING,
-  SEARCH_DETAILS_API,
-} from '../constants/search';
-import { addErrorNotification } from './notifications';
-import getError from '../utils/getError';
-
-export const getSearchDetails = (query) => {
-  return (dispatch, getState) => {
-    dispatch(loadingSearchDetails());
-
-    return axios
-      .post(SEARCH_DETAILS_API, query)
-      .then((response) => {
-        const state = getState();
-        dispatch(
-          addSearchDetails({
-            data: response.data,
-            formats: state.formats.details,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopLoading()));
-  };
-};
-
-export const addSearchDetails = (data) => ({
-  type: ADD_SEARCH_DETAIL,
-  payload: data,
-});
-
-export const loadingSearchDetails = () => ({
-  type: SET_SEARCH_DETAILS_LOADING,
-  payload: true,
-});
-
-export const stopLoading = () => ({
-  type: SET_SEARCH_DETAILS_LOADING,
-  payload: false,
-});
diff --git a/studio/src/actions/search.ts b/studio/src/actions/search.ts
new file mode 100644
index 000000000..4b9c03a61
--- /dev/null
+++ b/studio/src/actions/search.ts
@@ -0,0 +1,79 @@
+import axios from "axios";
+import {
+  ADD_SEARCH_DETAIL,
+  SET_SEARCH_DETAILS_LOADING,
+  SEARCH_DETAILS_API,
+} from "../constants/search";
+import { addErrorNotification } from "./notifications";
+import getError from "../utils/getError";
+import { ThunkAction, ThunkDispatch } from "redux-thunk";
+import { AnyAction } from "redux";
+
+// Define interfaces for our state and actions
+interface RootState {
+  formats: {
+    details: any;
+  };
+}
+
+interface SearchDetail {
+  data: any;
+  formats: any;
+}
+
+interface AddSearchDetailAction {
+  type: typeof ADD_SEARCH_DETAIL;
+  payload: SearchDetail;
+}
+
+interface SetSearchDetailsLoadingAction {
+  type: typeof SET_SEARCH_DETAILS_LOADING;
+  payload: boolean;
+}
+
+type SearchActionTypes = AddSearchDetailAction | SetSearchDetailsLoadingAction;
+
+// Thunk action creator
+export const getSearchDetails = (
+  query: any
+): ThunkAction<Promise<void>, RootState, unknown, AnyAction> => {
+  return async (
+    dispatch: ThunkDispatch<RootState, unknown, AnyAction>,
+    getState: () => RootState
+  ): Promise<void> => {
+    dispatch(loadingSearchDetails());
+
+    try {
+      const response = await axios.post(SEARCH_DETAILS_API, query);
+      const state = getState();
+      dispatch(
+        addSearchDetails({
+          data: response.data,
+          formats: state.formats.details,
+        })
+      );
+    } catch (error) {
+      dispatch(addErrorNotification(getError(error)));
+    } finally {
+      dispatch(stopLoading());
+    }
+  };
+};
+
+// Action creators
+export const addSearchDetails = (
+  data: SearchDetail
+): AddSearchDetailAction => ({
+  type: ADD_SEARCH_DETAIL,
+  payload: data,
+});
+
+export const loadingSearchDetails = (): SetSearchDetailsLoadingAction => ({
+  type: SET_SEARCH_DETAILS_LOADING,
+  payload: true,
+});
+
+export const stopLoading = (): SetSearchDetailsLoadingAction => ({
+  type: SET_SEARCH_DETAILS_LOADING,
+  payload: false,
+});
diff --git a/studio/src/actions/session.js b/studio/src/actions/session.js
deleted file mode 100644
index ed5bfa13e..000000000
--- a/studio/src/actions/session.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import { ADD_SESSION, SET_SESSIONS_LOADING } from '../constants/session';
-import { getUserInfo } from '../utils/zitadel';
-
-export const getSession = () => {
-  return (dispatch) => {
-    dispatch(setLoading(true));
-
-    return getUserInfo()
-      .then((res) => {
-        if (res.error) {
-          return { success: false, noToken: false };
-        }
-        dispatch(addSession(res.data));
-        return { success: true, noToken: false };
-      })
-      .catch((error) => {
-        console.error('Error in getSession:', error);
-        return { success: false, noToken: false };
-      })
-      .finally(() => {
-        dispatch(setLoading(false));
-      });
-  };
-};
-
-const addSession = (session) => {
-  return { type: ADD_SESSION, payload: session };
-};
-
-const setLoading = (loading) => {
-  return { type: SET_SESSIONS_LOADING, payload: loading };
-};
diff --git a/studio/src/actions/session.ts b/studio/src/actions/session.ts
new file mode 100644
index 000000000..590f0aa78
--- /dev/null
+++ b/studio/src/actions/session.ts
@@ -0,0 +1,104 @@
+import { Dispatch } from "redux";
+import { ThunkAction } from "redux-thunk";
+import { ADD_SESSION, SET_SESSIONS_LOADING } from "../constants/session";
+import {
+  SessionData,
+  AddSessionAction,
+  SetLoadingAction,
+  SessionActionTypes,
+  SessionResponse,
+  RootState,
+} from "./types";
+
+export interface GetSessionResponse {
+  success: boolean;
+  noToken?: boolean;
+}
+
+export interface UserInfoResponse {
+  data?: any;
+  error?: string;
+}
+
+// Action creators
+export const getUserInfo = async (): Promise<UserInfoResponse> => {
+  try {
+    const token = localStorage.getItem("sessionToken");
+    if (!token) {
+      return { error: "No session token found" };
+    }
+
+    const response = await fetch(
+      `${import.meta.env.VITE_ZITADEL_AUTHORITY}/oidc/v1/userinfo`,
+      {
+        method: "GET",
+        headers: {
+          Authorization: `Bearer ${token}`,
+        },
+        credentials: "include",
+      }
+    );
+
+    if (response.status === 200) {
+      const data = await response.json();
+      return { data };
+    }
+
+    return { error: `Request failed with status: ${response.status}` };
+  } catch (error) {
+    console.error("UserInfo error:", error);
+    return {
+      error:
+        error instanceof Error ? error.message : "Error fetching user info",
+    };
+  }
+};
+
+export const getSession = (): ThunkAction<
+  Promise<GetSessionResponse>,
+  RootState,
+  unknown,
+  SessionActionTypes
+> => {
+  return async (
+    dispatch: Dispatch<SessionActionTypes>
+  ): Promise<GetSessionResponse> => {
+    dispatch(setLoading(true));
+
+    try {
+      const res: UserInfoResponse = await getUserInfo();
+
+      if (res.error) {
+        return { success: false, noToken: false };
+      }
+
+      if (res.data) {
+        dispatch(addSession(res.data));
+        return { success: true, noToken: false };
+      }
+
+      return { success: false, noToken: false };
+    } catch (error) {
+      console.error("Error in getSession:", error);
+      return { success: false, noToken: false };
+    } finally {
+      dispatch(setLoading(false));
+    }
+  };
+};
+
+const addSession = (session: SessionData): AddSessionAction => {
+  return {
+    type: ADD_SESSION,
+    payload: session,
+  };
+};
+
+const setLoading = (loading: boolean): SetLoadingAction => {
+  return {
+    type: SET_SESSIONS_LOADING,
+    payload: loading,
+  };
+};
+
+export type { SessionData, SessionResponse, SessionActionTypes };
\ No newline at end of file
diff --git a/studio/src/actions/sidebar.js b/studio/src/actions/sidebar.js
deleted file mode 100644
index c79567bfb..000000000
--- a/studio/src/actions/sidebar.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import { SET_COLLAPSE } from '../constants/sidebar';
-export const setCollapse = (collapsed) => {
-  return (dispatch) => {
-    dispatch({
-      type: SET_COLLAPSE,
-      payload: collapsed,
-    });
-  };
-};
diff --git a/studio/src/actions/sidebar.ts b/studio/src/actions/sidebar.ts
new file mode 100644
index 000000000..428dddc01
--- /dev/null
+++ b/studio/src/actions/sidebar.ts
@@ -0,0 +1,20 @@
+import { Dispatch, Action } from "redux";
+import { SET_COLLAPSE } from "../constants/sidebar";
+
+// Define action interface
+interface SetCollapseAction extends Action {
+  type: typeof SET_COLLAPSE;
+  payload: boolean;
+}
+
+// Action creator
+export const setCollapse = (
+  collapsed: boolean
+): ((dispatch: Dispatch<SetCollapseAction>) => void) => {
+  return (dispatch: Dispatch<SetCollapseAction>): void => {
+    dispatch({
+      type: SET_COLLAPSE,
+      payload: collapsed,
+    });
+  };
+};
diff --git a/studio/src/actions/spaceSelectorPage.js b/studio/src/actions/spaceSelectorPage.js
deleted file mode 100644
index cc7de4373..000000000
--- a/studio/src/actions/spaceSelectorPage.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { SET_VISIBLE } from './../constants/spaceSelectorPage';
-
-export const setSpaceSelectorPage = (visible) => {
-  return (dispatch) => {
-    dispatch({
-      type: SET_VISIBLE,
-      payload: visible,
-    });
-  };
-};
diff --git a/studio/src/actions/spaceSelectorPage.ts b/studio/src/actions/spaceSelectorPage.ts
new file mode 100644
index 000000000..bb4548c0f
--- /dev/null
+++ b/studio/src/actions/spaceSelectorPage.ts
@@ -0,0 +1,20 @@
+import { Dispatch } from "redux";
+import { SET_VISIBLE } from "../constants/spaceSelectorPage";
+
+// Action interface
+interface SetSpaceSelectorPageAction {
+  type: typeof SET_VISIBLE;
+  payload: boolean;
+}
+
+// Type for all possible actions in this file
+export type SpaceSelectorPageActionTypes = SetSpaceSelectorPageAction;
+
+export const setSpaceSelectorPage = (visible: boolean) => {
+  return (dispatch: Dispatch<SpaceSelectorPageActionTypes>) => {
+    dispatch({
+      type: SET_VISIBLE,
+      payload: visible,
+    });
+  };
+};
diff --git a/studio/src/actions/spaceUsers.js b/studio/src/actions/spaceUsers.js
deleted file mode 100644
index d78df3270..000000000
--- a/studio/src/actions/spaceUsers.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import axios from 'axios';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import {
-  ADD_SPACE_USERS,
-  ADD_SPACE_USERS_REQUEST,
-  SET_SPACE_USERS_LOADING,
-  SPACE_USERS_API,
-} from '../constants/spaceUsers';
-import getError from '../utils/getError';
-
-export const addSpaceUsers = (payload) => ({
-  type: ADD_SPACE_USERS,
-  payload,
-});
-
-export const getSpaceUsers = (query) => {
-  return (dispatch) => {
-    dispatch(loadingSpaceUsers(true));
-    return axios
-      .get(SPACE_USERS_API, {
-        params: query,
-      })
-      .then((res) => {
-        dispatch(addSpaceUsers(res.data.nodes));
-        dispatch(
-          addUsersRequest({
-            data: res.data.nodes.map((item) => item.id),
-            query: query,
-            total: res.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(error.message));
-      })
-      .finally(() => {
-        dispatch(loadingSpaceUsers(false));
-      });
-  };
-};
-
-export const updateSpaceUsers = (data) => {
-  return (dispatch) => {
-    dispatch(loadingSpaceUsers(true));
-    return axios
-      .put(`/core/spaces/users`, data)
-      .then((response) => {
-        dispatch(addSuccessNotification('User Added Successfully'));
-        return response.data;
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => {
-        dispatch(loadingSpaceUsers(false));
-      });
-  };
-};
-
-export const addSpaceUser = (data, setUser, setShowModal) => {
-  return (dispatch) => {
-    return axios
-      .post(SPACE_USERS_API, {
-        name: data.name,
-        description: data.description,
-      })
-      .then((res) => {
-        setUser(res.data.user);
-        setShowModal(true);
-        dispatch(addSuccessNotification('User Added Successfully'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(error.message));
-      });
-  };
-};
-export const deleteSpaceUser = (id) => {
-  return (dispatch) => {
-    return axios
-      .delete(`${SPACE_USERS_API}/${id}`)
-      .then(() => {
-        dispatch(addSuccessNotification('User Deleted Successfully'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(error.message));
-      });
-  };
-};
-
-export const loadingSpaceUsers = (payload) => ({
-  type: SET_SPACE_USERS_LOADING,
-  payload,
-});
-
-export const addUsersRequest = (data) => ({
-  type: ADD_SPACE_USERS_REQUEST,
-  payload: data,
-});
diff --git a/studio/src/actions/spaceUsers.ts b/studio/src/actions/spaceUsers.ts
new file mode 100644
index 000000000..74da61c9c
--- /dev/null
+++ b/studio/src/actions/spaceUsers.ts
@@ -0,0 +1,200 @@
+import axios, { AxiosError } from "axios";
+import { Dispatch } from "redux";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import {
+  ADD_SPACE_USERS,
+  ADD_SPACE_USERS_REQUEST,
+  SET_SPACE_USERS_LOADING,
+  SPACE_USERS_API,
+} from "../constants/spaceUsers";
+import getError from "../utils/getError";
+
+// Define interfaces for the data structures
+interface SpaceUser {
+  id: string;
+  display_name: string;
+  email: string;
+  name?: string;
+  description?: string;
+  [key: string]: any;
+}
+
+interface UsersRequestData {
+  data: string[];
+  query: SpaceUserQuery;
+  total: number;
+}
+
+interface SpaceUserQuery {
+  page?: number | string | null;
+  limit?: number | string | null;
+  q?: string;
+  [key: string]: any;
+}
+
+interface SpaceUserData {
+  name: string;
+  description?: string;
+}
+
+interface SpaceUserResponseData {
+  user: SpaceUser;
+  [key: string]: any;
+}
+
+interface SpaceUsersResponseData {
+  nodes: SpaceUser[];
+  total: number;
+  [key: string]: any;
+}
+
+// Action interfaces
+interface AddSpaceUsersAction {
+  type: typeof ADD_SPACE_USERS;
+  payload: SpaceUser[];
+}
+
+interface AddUsersRequestAction {
+  type: typeof ADD_SPACE_USERS_REQUEST;
+  payload: UsersRequestData;
+}
+
+interface LoadingSpaceUsersAction {
+  type: typeof SET_SPACE_USERS_LOADING;
+  payload: boolean;
+}
+
+// Type for all possible actions in this file
+export type SpaceUsersActionTypes =
+  | AddSpaceUsersAction
+  | AddUsersRequestAction
+  | LoadingSpaceUsersAction;
+
+export const addSpaceUsers = (payload: SpaceUser[]): AddSpaceUsersAction => ({
+  type: ADD_SPACE_USERS,
+  payload,
+});
+
+export const getSpaceUsers = (query: SpaceUserQuery) => {
+  return (dispatch: Dispatch<any>) => {
+    const normalizedQuery = {
+      page: query.page?.toString() || null,
+      limit: query.limit?.toString() || null,
+      // Only include q if it's explicitly defined
+      ...(query.q ? { q: query.q } : {}),
+    };
+
+    dispatch(loadingSpaceUsers(true));
+    return axios
+      .get<SpaceUsersResponseData>(SPACE_USERS_API, {
+        params: query,
+      })
+      .then((res) => {
+        // First ensure we have data
+        if (res.data && res.data.nodes && Array.isArray(res.data.nodes)) {
+          // Add users to details
+          dispatch(addSpaceUsers(res.data.nodes));
+
+          // Make sure we don't have duplicate IDs in the data array
+          const uniqueIds = Array.from(
+            new Set(res.data.nodes.map((item) => item.id))
+          );
+
+          dispatch(
+            addUsersRequest({
+              data: uniqueIds,
+              query: normalizedQuery,
+              total: res.data.total || 0,
+            })
+          );
+        } else {
+          console.warn(
+            "Received empty or invalid response from space users API",
+            res.data
+          );
+        }
+
+        return res.data;
+      })
+      .catch((error: Error | AxiosError) => {
+        console.error("Error fetching space users:", error);
+        dispatch(addErrorNotification(getError(error)));
+        throw error; // Rethrow for error handling in components
+      })
+      .finally(() => {
+        dispatch(loadingSpaceUsers(false));
+      });
+  };
+};
+
+export const updateSpaceUsers = (data: { ids: string[] }) => {
+  return (dispatch: Dispatch<any>) => {
+    dispatch(loadingSpaceUsers(true));
+    return axios
+      .put("/core/spaces/users", data)
+      .then((response) => {
+        dispatch(addSuccessNotification("User(s) Added Successfully"));
+        const refreshParams = { page: 1, limit: 10 };
+        return dispatch(getSpaceUsers(refreshParams));
+      })
+      .catch((error: Error | AxiosError) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      });
+  };
+};
+
+export const addSpaceUser = (
+  data: SpaceUserData,
+  setUser?: (user: SpaceUser) => void,
+  setShowModal?: (show: boolean) => void
+) => {
+  return (dispatch: Dispatch<any>) => {
+    return axios
+      .post<SpaceUserResponseData>(SPACE_USERS_API, {
+        name: data.name,
+        description: data.description,
+      })
+      .then((res) => {
+        if (setUser) setUser(res.data.user);
+        if (setShowModal) setShowModal(true);
+        dispatch(addSuccessNotification("User(s) Added Successfully"));
+        return res.data.user;
+      })
+      .catch((error: Error | AxiosError) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      });
+  };
+};
+
+export const deleteSpaceUser = (id: string) => {
+  return (dispatch: Dispatch<any>) => {
+    return axios
+      .delete(`${SPACE_USERS_API}/${id}`)
+      .then(() => {
+        dispatch(addSuccessNotification("User Deleted Successfully"));
+      })
+      .catch((error: Error | AxiosError) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const loadingSpaceUsers = (
+  payload: boolean
+): LoadingSpaceUsersAction => ({
+  type: SET_SPACE_USERS_LOADING,
+  payload,
+});
+
+export const addUsersRequest = (
+  data: UsersRequestData
+): AddUsersRequestAction => ({
+  type: ADD_SPACE_USERS_REQUEST,
+  payload: data,
+});
+
+// Add these exports for compatibility with the Selector component
+export const getUsers = getSpaceUsers;
+export const createUser = addSpaceUser;
diff --git a/studio/src/actions/spaces.js b/studio/src/actions/spaces.js
deleted file mode 100644
index 82ac719dd..000000000
--- a/studio/src/actions/spaces.js
+++ /dev/null
@@ -1,119 +0,0 @@
-import axios from 'axios';
-import {
-  GET_SPACES_SUCCESS,
-  ADD_SPACE_SUCCESS,
-  LOADING_SPACES,
-  API_SPACES,
-  SET_SELECTED_SPACE,
-  DELETE_SPACE_SUCCESS,
-  UPDATE_SPACE_SUCCESS,
-} from '../constants/spaces';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import getError from '../utils/getError';
-
-export const getSpaces = () => {
-  return (dispatch) => {
-    dispatch(loadingSpaces(true));
-    return axios
-      .get(API_SPACES + '/my')
-      .then((response) => {
-        dispatch(getSpacesSuccess(response.data));
-        return response.data;
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => {
-        dispatch(loadingSpaces(false));
-      });
-  };
-};
-
-export const setSelectedSpace = (space) => {
-  return (dispatch) => {
-    dispatch({
-      type: SET_SELECTED_SPACE,
-      payload: space,
-    });
-    dispatch(addSuccessNotification('Space changed'));
-  };
-};
-
-export const addSpace = (data) => {
-  return (dispatch) => {
-    dispatch(loadingSpaces(true));
-    return axios
-      .post(API_SPACES, data)
-      .then((response) => {
-        dispatch(addSpaceSuccess(response.data));
-        dispatch(addSuccessNotification('Space added'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => {
-        dispatch(loadingSpaces(false));
-      });
-  };
-};
-
-export const deleteSpace = (id) => {
-  return (dispatch) => {
-    dispatch(loadingSpaces(true));
-    return axios
-      .delete(API_SPACES)
-      .then(() => {
-        dispatch(deleteSpaceSuccess(id));
-        dispatch(addSuccessNotification('Space deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => {
-        dispatch(loadingSpaces(false));
-      });
-  };
-};
-
-export const updateSpace = (data) => {
-  return (dispatch) => {
-    dispatch(loadingSpaces(true));
-    return axios
-      .put(API_SPACES, data)
-      .then((response) => {
-        dispatch(updateSpaceSuccess(response.data));
-        dispatch(addSuccessNotification('Space updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => {
-        dispatch(loadingSpaces(false));
-      });
-  };
-};
-
-export const loadingSpaces = (payload) => ({
-  type: LOADING_SPACES,
-  payload,
-});
-
-export const getSpacesSuccess = (spaces) => ({
-  type: GET_SPACES_SUCCESS,
-  payload: spaces,
-});
-
-export const addSpaceSuccess = (space) => ({
-  type: ADD_SPACE_SUCCESS,
-  payload: space,
-});
-
-export const updateSpaceSuccess = (data) => ({
-  type: UPDATE_SPACE_SUCCESS,
-  payload: data,
-});
-
-export const deleteSpaceSuccess = (id) => ({
-  type: DELETE_SPACE_SUCCESS,
-  payload: id,
-});
diff --git a/studio/src/actions/spaces.ts b/studio/src/actions/spaces.ts
new file mode 100644
index 000000000..78b125663
--- /dev/null
+++ b/studio/src/actions/spaces.ts
@@ -0,0 +1,211 @@
+import axios from "axios";
+import {
+  GET_SPACES_SUCCESS,
+  ADD_SPACE_SUCCESS,
+  LOADING_SPACES,
+  API_SPACES,
+  SET_SELECTED_SPACE,
+  DELETE_SPACE_SUCCESS,
+  UPDATE_SPACE_SUCCESS,
+} from "../constants/spaces";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import getError, { ApiError } from "../utils/getError";
+import { AppThunk } from "../store/types";
+
+// Type Definitions
+export interface Space {
+  id: string;
+  name: string;
+  slug: string;
+  site_title?: string;
+  tag_line?: string;
+  site_address?: string;
+  description?: string;
+  meta_fields?: string | Record<string, any>;
+  organisation_id: string;
+  org_role?: string;
+}
+
+export interface Organization {
+  id: string;
+  title: string;
+  role: string;
+  spaces: Space[];
+}
+
+// Action payload types
+interface LoadingSpacesAction {
+  type: typeof LOADING_SPACES;
+  payload: boolean;
+}
+
+interface GetSpacesSuccessAction {
+  type: typeof GET_SPACES_SUCCESS;
+  payload: Organization[];
+}
+
+interface AddSpaceSuccessAction {
+  type: typeof ADD_SPACE_SUCCESS;
+  payload: Space;
+}
+
+interface UpdateSpaceSuccessAction {
+  type: typeof UPDATE_SPACE_SUCCESS;
+  payload: Space;
+}
+
+interface DeleteSpaceSuccessAction {
+  type: typeof DELETE_SPACE_SUCCESS;
+  payload: string;
+}
+
+interface SetSelectedSpaceAction {
+  type: typeof SET_SELECTED_SPACE;
+  payload: {
+    id: string;
+  };
+}
+
+// Union type for space actions
+export type SpaceAction =
+  | LoadingSpacesAction
+  | GetSpacesSuccessAction
+  | AddSpaceSuccessAction
+  | UpdateSpaceSuccessAction
+  | DeleteSpaceSuccessAction
+  | SetSelectedSpaceAction;
+
+// Action creators
+export const loadingSpaces = (payload: boolean): LoadingSpacesAction => ({
+  type: LOADING_SPACES,
+  payload,
+});
+
+export const getSpacesSuccess = (
+  organizations: Organization[]
+): GetSpacesSuccessAction => ({
+  type: GET_SPACES_SUCCESS,
+  payload: organizations,
+});
+
+export const addSpaceSuccess = (space: Space): AddSpaceSuccessAction => ({
+  type: ADD_SPACE_SUCCESS,
+  payload: space,
+});
+
+export const updateSpaceSuccess = (data: Space): UpdateSpaceSuccessAction => ({
+  type: UPDATE_SPACE_SUCCESS,
+  payload: data,
+});
+
+export const deleteSpaceSuccess = (id: string): DeleteSpaceSuccessAction => ({
+  type: DELETE_SPACE_SUCCESS,
+  payload: id,
+});
+
+export const getSpaces = (): AppThunk<Promise<Organization[] | undefined>> => {
+  return async (dispatch, getState) => {
+    // Get current state
+    const state = getState();
+    const { spaces } = state;
+
+    // If spaces have been fetched recently and we have data, don't fetch again
+    if (
+      spaces &&
+      spaces.lastFetched &&
+      Date.now() - spaces.lastFetched < 300000 && // 5 minutes
+      spaces.orgs.length > 0
+    ) {
+      // Don't fetch again if we have data less than 5 minutes old
+      return spaces.orgs;
+    }
+
+    dispatch(loadingSpaces(true));
+    try {
+      const response = await axios.get(`${API_SPACES}/my`);
+      const organizations: Organization[] = response.data;
+
+      // Ensure we handle empty array correctly
+      dispatch(getSpacesSuccess(organizations || []));
+      return organizations;
+    } catch (error) {
+      dispatch(addErrorNotification(getError(error as ApiError)));
+      // Also dispatch success with empty array to mark fetch as complete
+      dispatch(getSpacesSuccess([]));
+      return [];
+    } finally {
+      dispatch(loadingSpaces(false));
+    }
+  };
+};
+
+export const setSelectedSpace = (spaceId: string): AppThunk => {
+  return (dispatch) => {
+    localStorage.setItem("space", spaceId);
+
+    axios.defaults.headers.common["X-Space"] = spaceId;
+
+    dispatch({
+      type: SET_SELECTED_SPACE,
+      payload: {
+        id: spaceId,
+      },
+    });
+
+    dispatch(addSuccessNotification("Space changed"));
+  };
+};
+
+export const addSpace = (
+  data: Partial<Space>
+): AppThunk<Promise<Space | undefined>> => {
+  return async (dispatch) => {
+    dispatch(loadingSpaces(true));
+    try {
+      const response = await axios.post(API_SPACES, data);
+      dispatch(addSpaceSuccess(response.data));
+      dispatch(addSuccessNotification("Space added"));
+      return response.data;
+    } catch (error) {
+      dispatch(addErrorNotification(getError(error as ApiError)));
+      throw error;
+    } finally {
+      dispatch(loadingSpaces(false));
+    }
+  };
+};
+
+export const deleteSpace = (id: string): AppThunk => {
+  return async (dispatch) => {
+    dispatch(loadingSpaces(true));
+    try {
+      await axios.delete(`${API_SPACES}/${id}`);
+      dispatch(deleteSpaceSuccess(id));
+      dispatch(addSuccessNotification("Space deleted"));
+    } catch (error) {
+      dispatch(addErrorNotification(getError(error as ApiError)));
+      throw error;
+    } finally {
+      dispatch(loadingSpaces(false));
+    }
+  };
+};
+
+export const updateSpace = (
+  data: Partial<Space> & { id: string }
+): AppThunk<Promise<Space | undefined>> => {
+  return async (dispatch) => {
+    dispatch(loadingSpaces(true));
+    try {
+      const response = await axios.put(API_SPACES, data);
+      dispatch(updateSpaceSuccess(response.data));
+      dispatch(addSuccessNotification("Space updated"));
+      return response.data;
+    } catch (error) {
+      dispatch(addErrorNotification(getError(error as ApiError)));
+      throw error;
+    } finally {
+      dispatch(loadingSpaces(false));
+    }
+  };
+};
diff --git a/studio/src/actions/tags.js b/studio/src/actions/tags.js
deleted file mode 100644
index 777d78340..000000000
--- a/studio/src/actions/tags.js
+++ /dev/null
@@ -1,148 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_TAGS,
-  ADD_TAGS_REQUEST,
-  SET_TAGS_LOADING,
-  RESET_TAGS,
-  TAGS_API,
-  GET_TAG,
-  UPDATE_TAG,
-} from '../constants/tags';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import getError from '../utils/getError';
-
-// action to fetch tags
-export const getTags = (query) => {
-  return (dispatch, getState) => {
-    const currentSpaceID = getState().spaces?.selected;
-    if (currentSpaceID === 0) {
-      return;
-    }
-    dispatch(loadingTags());
-    return axios
-      .get(TAGS_API, {
-        params: query,
-      })
-      .then((response) => {
-        if (response.data.nodes?.length) {
-          response.data.nodes.forEach((tag) => {
-            tag.description = { json: tag.description, html: tag.description_html };
-          });
-        }
-        dispatch(addTags(response.data.nodes));
-        dispatch(
-          addTagsRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopTagsLoading()));
-  };
-};
-
-// action to fetch tag by id
-export const getTag = (id) => {
-  return (dispatch) => {
-    dispatch(loadingTags());
-    return axios
-      .get(TAGS_API + '/' + id)
-      .then((response) => {
-        response.data.description = {
-          json: response.data.description,
-          html: response.data.description_html,
-        };
-        dispatch(addTag(GET_TAG, response.data));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopTagsLoading()));
-  };
-};
-
-// action to create tag
-export const createTag = (data) => {
-  return (dispatch) => {
-    dispatch(loadingTags());
-    return axios
-      .post(TAGS_API, data)
-      .then(() => {
-        dispatch(resetTags());
-        dispatch(addSuccessNotification('Tag created'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-// action to update tag by id
-export const updateTag = (data) => {
-  return (dispatch) => {
-    dispatch(loadingTags());
-    return axios
-      .put(TAGS_API + '/' + data.id, data)
-      .then((response) => {
-        response.data.description = {
-          json: response.data.description,
-          html: response.data.description_html,
-        };
-        dispatch(addTag(UPDATE_TAG, response.data));
-        dispatch(addSuccessNotification('Tag updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopTagsLoading()));
-  };
-};
-
-// action to delete tag by id
-export const deleteTag = (id) => {
-  return (dispatch) => {
-    dispatch(loadingTags());
-    return axios
-      .delete(TAGS_API + '/' + id)
-      .then(() => {
-        dispatch(resetTags());
-        dispatch(addSuccessNotification('Tag deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const loadingTags = () => ({
-  type: SET_TAGS_LOADING,
-  payload: true,
-});
-
-export const stopTagsLoading = () => ({
-  type: SET_TAGS_LOADING,
-  payload: false,
-});
-
-export const addTag = (type, payload) => ({
-  type,
-  payload,
-});
-
-export const addTags = (data) => ({
-  type: ADD_TAGS,
-  payload: data,
-});
-
-export const addTagsRequest = (data) => ({
-  type: ADD_TAGS_REQUEST,
-  payload: data,
-});
-
-export const resetTags = () => ({
-  type: RESET_TAGS,
-});
diff --git a/studio/src/actions/tags.ts b/studio/src/actions/tags.ts
new file mode 100644
index 000000000..f1fde74ab
--- /dev/null
+++ b/studio/src/actions/tags.ts
@@ -0,0 +1,222 @@
+import axios from "axios";
+import {
+  ADD_TAGS,
+  ADD_TAGS_REQUEST,
+  SET_TAGS_LOADING,
+  RESET_TAGS,
+  TAGS_API,
+  GET_TAG,
+  UPDATE_TAG,
+} from "../constants/tags";
+import {
+  addErrorNotification,
+  addSuccessNotification,
+  NotificationAction,
+} from "./notifications";
+import getError from "../utils/getError";
+import { Dispatch, AnyAction, UnknownAction } from "redux";
+import { ThunkAction } from "redux-thunk";
+import { RootState } from "../store/index";
+import { maker } from "../utils/sluger";
+
+// Define interfaces
+interface Tag {
+  id: string | number;
+  name: string;
+  slug: string;
+  is_featured?: boolean;
+  background_colour?: any;
+  description_html?: string;
+  medium_id?: string | number;
+  description:
+    | {
+        json: any;
+        html: string;
+      }
+    | string;
+  meta_fields?: string | Record<string, any>;
+  [key: string]: any;
+}
+
+interface TagsResponse {
+  nodes: Tag[];
+  total: number;
+}
+
+interface TagsRequestPayload {
+  data: number[];
+  query: any;
+  total: number;
+}
+
+type AppThunk<ReturnType = void> = ThunkAction<
+  ReturnType,
+  RootState,
+  unknown,
+  AnyAction | NotificationAction
+>;
+
+// action to fetch tags
+export const getTags = (query: any): AppThunk => {
+  return (
+    dispatch: Dispatch<UnknownAction | NotificationAction>,
+    getState: () => RootState
+  ) => {
+    const currentSpaceID = getState().spaces?.selected;
+    if (currentSpaceID === "" || currentSpaceID === "0") {
+      return;
+    }
+    dispatch(loadingTags());
+    return axios
+      .get<TagsResponse>(TAGS_API, {
+        params: query,
+      })
+      .then((response) => {
+        if (response.data.nodes?.length) {
+          response.data.nodes.forEach((tag) => {
+            tag.description = {
+              json: tag.description,
+              html: tag.description_html || "",
+            };
+          });
+        }
+        dispatch(addTags(response.data.nodes));
+        dispatch(
+          addTagsRequest({
+            data: response.data.nodes.map((item) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopTagsLoading()));
+  };
+};
+
+// action to fetch tag by id
+export const getTag = (id: number | string): AppThunk => {
+  return (dispatch: Dispatch<UnknownAction | NotificationAction>) => {
+    dispatch(loadingTags());
+    return axios
+      .get<Tag>(`${TAGS_API}/${id}`)
+      .then((response) => {
+        response.data.description = {
+          json: response.data.description,
+          html: response.data.description_html || "",
+        };
+        dispatch(addTag(GET_TAG, response.data));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopTagsLoading()));
+  };
+};
+
+// action to create tag
+export const createTag = (data: Omit<Tag, "id">): AppThunk => {
+  return (dispatch: Dispatch<UnknownAction | NotificationAction>) => {
+    dispatch(loadingTags());
+
+    const tagData = { ...data };
+
+    if (!tagData.slug && tagData.name) {
+      tagData.slug = maker(tagData.name);
+    }
+
+    if (!tagData.description) {
+      tagData.description = {
+        json: {},
+        html: "",
+      };
+    }
+
+    return axios
+      .post(TAGS_API, tagData)
+      .then((response) => {
+        if (response.data) {
+          response.data.description = {
+            json: response.data.description,
+            html: response.data.description_html || "",
+          };
+          dispatch(addTag(GET_TAG, response.data));
+        }
+        dispatch(resetTags());
+        dispatch(addSuccessNotification("Tag created"));
+        return response.data;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      });
+  };
+};
+
+// action to update tag by id
+export const updateTag = (data: Tag): AppThunk => {
+  return (dispatch: Dispatch<UnknownAction | NotificationAction>) => {
+    dispatch(loadingTags());
+    return axios
+      .put<Tag>(`${TAGS_API}/${data.id}`, data)
+      .then((response) => {
+        response.data.description = {
+          json: response.data.description,
+          html: response.data.description_html || "",
+        };
+        dispatch(addTag(UPDATE_TAG, response.data));
+        dispatch(addSuccessNotification("Tag updated"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopTagsLoading()));
+  };
+};
+
+// action to delete tag by id
+export const deleteTag = (id: number | string): AppThunk => {
+  return (dispatch: Dispatch<UnknownAction | NotificationAction>) => {
+    dispatch(loadingTags());
+    return axios
+      .delete(`${TAGS_API}/${id}`)
+      .then(() => {
+        dispatch(resetTags());
+        dispatch(addSuccessNotification("Tag deleted"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const loadingTags = () => ({
+  type: SET_TAGS_LOADING,
+  payload: true,
+});
+
+export const stopTagsLoading = () => ({
+  type: SET_TAGS_LOADING,
+  payload: false,
+});
+
+export const addTag = (type: string, payload: Tag) => ({
+  type,
+  payload,
+});
+
+export const addTags = (data: Tag[]) => ({
+  type: ADD_TAGS,
+  payload: data,
+});
+
+export const addTagsRequest = (data: TagsRequestPayload) => ({
+  type: ADD_TAGS_REQUEST,
+  payload: data,
+});
+
+export const resetTags = () => ({
+  type: RESET_TAGS,
+});
diff --git a/studio/src/actions/tokens.js b/studio/src/actions/tokens.js
deleted file mode 100644
index f6f073e68..000000000
--- a/studio/src/actions/tokens.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import axios from 'axios';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import {
-  ADD_SPACE_TOKENS,
-  ADD_SPACE_TOKENS_REQUEST,
-  SET_SPACE_TOKENS_LOADING,
-  SPACE_TOKENS_API,
-} from '../constants/tokens';
-
-export const addSpaceTokens = (payload) => ({
-  type: ADD_SPACE_TOKENS,
-  payload,
-});
-
-export const getSpaceTokens = (query) => {
-  return (dispatch) => {
-    dispatch(loadingSpaceTokens(true));
-    return axios
-      .get(SPACE_TOKENS_API, {
-        params: query,
-      })
-      .then((res) => {
-        dispatch(addSpaceTokens(res.data.nodes));
-        dispatch(
-          addTokensRequest({
-            data: res.data.nodes.map((item) => item.id),
-            query: query,
-            total: res.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(error.message));
-      })
-      .finally(() => {
-        dispatch(loadingSpaceTokens(false));
-      });
-  };
-};
-
-export const addSpaceToken = (data, setToken, setShowModal) => {
-  return (dispatch) => {
-    return axios
-      .post(SPACE_TOKENS_API, {
-        name: data.name,
-        description: data.description,
-      })
-      .then((res) => {
-        setToken(res.data.token);
-        setShowModal(true);
-        dispatch(addSuccessNotification('Token Added Successfully'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(error.message));
-      });
-  };
-};
-export const deleteSpaceToken = (id) => {
-  return (dispatch) => {
-    return axios
-      .delete(`${SPACE_TOKENS_API}/${id}`)
-      .then(() => {
-        dispatch(addSuccessNotification('Token Deleted Successfully'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(error.message));
-      });
-  };
-};
-
-export const loadingSpaceTokens = (payload) => ({
-  type: SET_SPACE_TOKENS_LOADING,
-  payload,
-});
-
-export const addTokensRequest = (data) => ({
-  type: ADD_SPACE_TOKENS_REQUEST,
-  payload: data,
-});
diff --git a/studio/src/actions/tokens.ts b/studio/src/actions/tokens.ts
new file mode 100644
index 000000000..2120dc5fa
--- /dev/null
+++ b/studio/src/actions/tokens.ts
@@ -0,0 +1,109 @@
+import axios from "axios";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import {
+  ADD_SPACE_TOKENS,
+  ADD_SPACE_TOKENS_REQUEST,
+  SET_SPACE_TOKENS_LOADING,
+  SPACE_TOKENS_API,
+} from "../constants/tokens";
+
+// Define interfaces
+interface TokenData {
+  id: string;
+  name: string;
+  description: string;
+  [key: string]: any; // For any additional properties
+}
+
+interface TokenFormData {
+  name: string;
+  description: string;
+}
+
+interface TokenAction {
+  type: string;
+  payload: any;
+}
+
+interface TokenRequestData {
+  data: string[];
+  query: any;
+  total: number;
+}
+
+// Action creators
+export const addSpaceTokens = (payload: TokenData[]): TokenAction => ({
+  type: ADD_SPACE_TOKENS,
+  payload,
+});
+
+export const getSpaceTokens = (query: any) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingSpaceTokens(true));
+    return axios
+      .get(SPACE_TOKENS_API, {
+        params: query,
+      })
+      .then((res) => {
+        dispatch(addSpaceTokens(res.data.nodes));
+        dispatch(
+          addTokensRequest({
+            data: res.data.nodes.map((item: TokenData) => item.id),
+            query: query,
+            total: res.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(error.message));
+      })
+      .finally(() => {
+        dispatch(loadingSpaceTokens(false));
+      });
+  };
+};
+
+export const addSpaceToken = (
+  data: TokenFormData,
+  setToken: (token: string) => void,
+  setShowModal: (show: boolean) => void
+) => {
+  return (dispatch: (action: any) => void) => {
+    return axios
+      .post(SPACE_TOKENS_API, {
+        name: data.name,
+        description: data.description,
+      })
+      .then((res) => {
+        setToken(res.data.token);
+        setShowModal(true);
+        dispatch(addSuccessNotification("Token Added Successfully"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(error.message));
+      });
+  };
+};
+
+export const deleteSpaceToken = (id: string) => {
+  return (dispatch: (action: any) => void) => {
+    return axios
+      .delete(`${SPACE_TOKENS_API}/${id}`)
+      .then(() => {
+        dispatch(addSuccessNotification("Token Deleted Successfully"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(error.message));
+      });
+  };
+};
+
+export const loadingSpaceTokens = (payload: boolean): TokenAction => ({
+  type: SET_SPACE_TOKENS_LOADING,
+  payload,
+});
+
+export const addTokensRequest = (data: TokenRequestData): TokenAction => ({
+  type: ADD_SPACE_TOKENS_REQUEST,
+  payload: data,
+});
diff --git a/studio/src/actions/types.ts b/studio/src/actions/types.ts
new file mode 100644
index 000000000..eeca04516
--- /dev/null
+++ b/studio/src/actions/types.ts
@@ -0,0 +1,284 @@
+// User related types
+export interface UserProfile {
+  givenName: string;
+  familyName: string;
+  displayName: string;
+}
+
+export interface EmailData {
+  email: string;
+  isVerified: boolean;
+}
+
+export interface IdpLink {
+  idpId: string;
+  idpExternalId?: string;
+  userId: string;
+  userName: string;
+}
+
+export interface UserData {
+  email: string;
+  given_name: string;
+  family_name: string;
+  name: string;
+  email_verified: boolean;
+  sub: string;
+}
+
+export interface ProviderData {
+  idpInformation?: {
+    rawInformation?: {
+      User?: {
+        sub: string;
+        name: string;
+      };
+    };
+  };
+}
+
+// Response types
+export interface UserResponse {
+  result: Array<{
+    userId: string;
+    details?: any;
+  }>;
+}
+
+export interface SessionResponse {
+  success: boolean;
+  noToken?: boolean;
+  sessionId?: string;
+  sessionToken?: string;
+  details?: any;
+}
+
+export interface ErrorResponse {
+  message: string;
+  details?: any;
+}
+
+export interface AuthRequestResponse {
+  details?: any;
+}
+
+export interface AuthRequestFinalization {
+  session: {
+    sessionId: string;
+    sessionToken: string;
+  };
+}
+
+export interface ProviderInformation {
+  idpInformation?: {
+    rawInformation?: {
+      User?: {
+        sub: string;
+        name: string;
+        email?: string;
+        given_name?: string;
+        family_name?: string;
+        email_verified?: boolean;
+      };
+    };
+  };
+}
+
+export interface UserDetails {
+  user: {
+    human: {
+      email: {
+        isVerified: boolean;
+      };
+    };
+  };
+}
+
+export interface AuthRequestResponse {
+  details?: any;
+}
+
+export interface AuthRequestDetails {
+  id: string;
+  // Add other fields as needed
+}
+
+// Registration types
+export interface RegistrationData {
+  email: {
+    email: string;
+    isVerified?: boolean;
+    sendCode?: {
+      urlTemplate: string;
+    };
+  };
+  [key: string]: any;
+}
+
+// Session types
+export interface SessionData {
+  userId: string;
+  email: string;
+  [key: string]: any;
+}
+
+export interface ExtendedSessionResponse {
+  success: boolean;
+  noToken: boolean;
+}
+
+export interface UserInfoResponse {
+  error?: any;
+  data?: SessionData;
+}
+
+export interface AddSessionAction {
+  type: "ADD_SESSION";
+  payload: SessionData;
+}
+
+export interface SetLoadingAction {
+  type: "SET_SESSIONS_LOADING";
+  payload: boolean;
+}
+
+export type SessionActionTypes = AddSessionAction | SetLoadingAction;
+
+export interface RootState {
+  session: SessionData;
+}
+
+// Query related types
+export interface QueryParams {
+  offset?: string;
+  limit?: number;
+  asc?: boolean;
+  [key: string]: string | number | boolean | undefined;
+}
+
+export interface EmailQuery {
+  emailQuery: {
+    emailAddress: string;
+    method: string;
+  };
+}
+
+export interface UserQuery {
+  query: QueryParams;
+  queries: EmailQuery[];
+}
+
+export interface UserSearchResult {
+  result: Array<{
+    userId: string;
+    [key: string]: any;
+  }>;
+}
+
+// Request types
+export interface IdpLinkRequest {
+  idpLink: IdpLink;
+}
+
+export interface SessionRequest {
+  checks: {
+    user: {
+      userId: string;
+    };
+    idpIntent?: {
+      idpIntentId: string;
+      idpIntentToken: string;
+    };
+  };
+}
+
+export interface HumanUserRegistration {
+  username: string;
+  profile: {
+    givenName: string;
+    familyName: string;
+    displayName: string;
+  };
+  email: {
+    email: string;
+    isVerified: boolean;
+  };
+  idpLinks: Array<{
+    idpId: string;
+    idpExternalId: string;
+    userId: string;
+    userName: string;
+  }>;
+}
+
+export interface GoogleSignInRequest {
+  idpId: string;
+  urls: {
+    successUrl: string;
+    failureUrl: string;
+  };
+}
+
+export interface ApiResponse<T> {
+  data?: T;
+  error?: string;
+  message?: string;
+}
+
+// Password Reset types
+export interface PasswordResetResponse {
+  details?: any;
+}
+
+// Media related types
+export interface Medium {
+  id: number;
+  [key: string]: any;
+}
+
+export interface MediaResponse {
+  nodes: Medium[];
+  total: number;
+}
+
+// Media Action types
+export interface SetMediaLoadingAction {
+  type: "SET_MEDIA_LOADING";
+  payload: boolean;
+}
+
+export interface AddMediaAction {
+  type: "ADD_MEDIA";
+  payload: Medium[];
+}
+
+export interface AddMediaRequestAction {
+  type: "ADD_MEDIA_REQUEST";
+  payload: {
+    data: number[];
+    query: QueryParams;
+    total: number;
+  };
+}
+
+export interface GetMediumAction {
+  type: "GET_MEDIUM";
+  payload: Medium;
+}
+
+export interface UpdateMediumAction {
+  type: "UPDATE_MEDIUM";
+  payload: Medium;
+}
+
+export interface ResetMediaAction {
+  type: "RESET_MEDIA";
+}
+
+export type MediaActionTypes =
+  | SetMediaLoadingAction
+  | AddMediaAction
+  | AddMediaRequestAction
+  | GetMediumAction
+  | UpdateMediumAction
+  | ResetMediaAction;
diff --git a/studio/src/actions/users.js b/studio/src/actions/users.js
deleted file mode 100644
index 599daf2cf..000000000
--- a/studio/src/actions/users.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import axios from 'axios';
-import { USERS_API, ADD_USERS_REQUEST, SET_USERS_LOADING, ADD_USERS } from '../constants/users';
-import { addErrorNotification } from './notifications';
-import getError from '../utils/getError';
-
-export const getUsers = (query) => {
-  return (dispatch) => {
-    dispatch(loadingUsers());
-    return axios
-      .get(USERS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(addUsers(response.data.nodes));
-
-        dispatch(
-          addRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopLoading()));
-  };
-};
-
-export const addUsers = (data) => ({
-  type: ADD_USERS,
-  payload: data,
-});
-
-export const addRequest = (data) => ({
-  type: ADD_USERS_REQUEST,
-  payload: data,
-});
-
-export const loadingUsers = () => ({
-  type: SET_USERS_LOADING,
-  payload: true,
-});
-
-export const stopLoading = () => ({
-  type: SET_USERS_LOADING,
-  payload: false,
-});
diff --git a/studio/src/actions/users.ts b/studio/src/actions/users.ts
new file mode 100644
index 000000000..f5b615e1c
--- /dev/null
+++ b/studio/src/actions/users.ts
@@ -0,0 +1,98 @@
+import axios, { AxiosError } from "axios";
+import { Dispatch } from "redux";
+import {
+  USERS_API,
+  ADD_USERS_REQUEST,
+  SET_USERS_LOADING,
+  ADD_USERS,
+} from "../constants/users";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import getError from "../utils/getError";
+
+// Define interfaces
+interface User {
+  id: string;
+  display_name?: string;
+  email?: string;
+  [key: string]: any; // For any additional properties
+}
+
+interface UserAction {
+  type: string;
+  payload: any;
+}
+
+interface UserRequestData {
+  data: string[];
+  query: any;
+  total: number;
+}
+
+export const getUsers = (query: any) => {
+  return (dispatch: Dispatch<any>) => {
+    dispatch(loadingUsers());
+    return axios
+      .get(USERS_API, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(addUsers(response.data.nodes));
+
+        dispatch(
+          addRequest({
+            data: response.data.nodes.map((item: User) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopLoading()));
+  };
+};
+
+export const addUsers = (data: User[]): UserAction => ({
+  type: ADD_USERS,
+  payload: data,
+});
+
+export const addRequest = (data: UserRequestData): UserAction => ({
+  type: ADD_USERS_REQUEST,
+  payload: data,
+});
+
+export const loadingUsers = (): UserAction => ({
+  type: SET_USERS_LOADING,
+  payload: true,
+});
+
+export const stopLoading = (): UserAction => ({
+  type: SET_USERS_LOADING,
+  payload: false,
+});
+
+export const createUser = (data: { name: string; description?: string }) => {
+  return (dispatch: Dispatch<any>) => {
+    return axios
+      .post(USERS_API, {
+        name: data.name,
+        description: data.description,
+      })
+      .then((res) => {
+        if (res.data.user) {
+          dispatch(addUsers([res.data.user]));
+        }
+        dispatch(addSuccessNotification("User Created Successfully"));
+        return res.data.user;
+      })
+      .catch((error: Error | AxiosError) => {
+        dispatch(addErrorNotification(getError(error)));
+        throw error;
+      });
+  };
+};
+
+// Alias for compatibility with the Selector component
+export const addUser = createUser;
diff --git a/studio/src/actions/webhooklogs.js b/studio/src/actions/webhooklogs.js
deleted file mode 100644
index b5675f9e2..000000000
--- a/studio/src/actions/webhooklogs.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_WEBHOOKLOGS,
-  ADD_WEBHOOKLOGS_REQUEST,
-  SET_WEBHOOKLOGS_LOADING,
-  RESET_WEBHOOKLOGS,
-} from '../constants/webhooklogs';
-import { addErrorNotification } from './notifications';
-import getError from '../utils/getError';
-import { WEBHOOKS_API } from '../constants/webhooks';
-
-export const getWebhooklogs = (id, query) => {
-  return (dispatch) => {
-    dispatch(loadingWebhookLogs());
-    return axios
-      .get(WEBHOOKS_API + '/' + id + '/logs', {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(addWebhooklogList(response.data.nodes));
-        dispatch(
-          addWebhookRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopWebhookLogsLoading()));
-  };
-};
-
-export const loadingWebhookLogs = () => ({
-  type: SET_WEBHOOKLOGS_LOADING,
-  payload: true,
-});
-export const stopWebhookLogsLoading = () => ({
-  type: SET_WEBHOOKLOGS_LOADING,
-  payload: false,
-});
-export const addWebhooklogList = (data) => ({
-  type: ADD_WEBHOOKLOGS,
-  payload: data,
-});
-export const addWebhookRequest = (data) => ({
-  type: ADD_WEBHOOKLOGS_REQUEST,
-  payload: data,
-});
-export const resetWebhooks = () => ({
-  type: RESET_WEBHOOKLOGS,
-});
diff --git a/studio/src/actions/webhooklogs.ts b/studio/src/actions/webhooklogs.ts
new file mode 100644
index 000000000..6e6cd0102
--- /dev/null
+++ b/studio/src/actions/webhooklogs.ts
@@ -0,0 +1,78 @@
+import axios from "axios";
+import {
+  ADD_WEBHOOKLOGS,
+  ADD_WEBHOOKLOGS_REQUEST,
+  SET_WEBHOOKLOGS_LOADING,
+  RESET_WEBHOOKLOGS,
+} from "../constants/webhooklogs";
+import { addErrorNotification } from "./notifications";
+import getError from "../utils/getError";
+import { WEBHOOKS_API } from "../constants/webhooks";
+
+// Define interfaces
+interface WebhookLog {
+  id: string;
+  [key: string]: any; // For any additional properties
+}
+
+interface WebhookLogAction {
+  type: string;
+  payload: any;
+}
+
+interface WebhookLogRequestData {
+  data: string[];
+  query: any;
+  total: number;
+}
+
+export const getWebhooklogs = (id: string, query: any) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingWebhookLogs());
+    return axios
+      .get(`${WEBHOOKS_API}/${id}/logs`, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(addWebhooklogList(response.data.nodes));
+        dispatch(
+          addWebhookRequest({
+            data: response.data.nodes.map((item: WebhookLog) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopWebhookLogsLoading()));
+  };
+};
+
+export const loadingWebhookLogs = (): WebhookLogAction => ({
+  type: SET_WEBHOOKLOGS_LOADING,
+  payload: true,
+});
+
+export const stopWebhookLogsLoading = (): WebhookLogAction => ({
+  type: SET_WEBHOOKLOGS_LOADING,
+  payload: false,
+});
+
+export const addWebhooklogList = (data: WebhookLog[]): WebhookLogAction => ({
+  type: ADD_WEBHOOKLOGS,
+  payload: data,
+});
+
+export const addWebhookRequest = (
+  data: WebhookLogRequestData
+): WebhookLogAction => ({
+  type: ADD_WEBHOOKLOGS_REQUEST,
+  payload: data,
+});
+
+export const resetWebhooks = (): WebhookLogAction => ({
+  type: RESET_WEBHOOKLOGS,
+  payload: null,
+});
diff --git a/studio/src/actions/webhooks.js b/studio/src/actions/webhooks.js
deleted file mode 100644
index 423a67a70..000000000
--- a/studio/src/actions/webhooks.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import axios from 'axios';
-import {
-  ADD_WEBHOOK,
-  ADD_WEBHOOKS,
-  ADD_WEBHOOKS_REQUEST,
-  SET_WEBHOOKS_LOADING,
-  RESET_WEBHOOKS,
-  WEBHOOKS_API,
-} from '../constants/webhooks';
-import { addErrorNotification, addSuccessNotification } from './notifications';
-import { addEvents } from './events';
-import getError from '../utils/getError';
-
-export const getWebhooks = (query) => {
-  return (dispatch) => {
-    dispatch(loadingWebhooks());
-    return axios
-      .get(WEBHOOKS_API, {
-        params: query,
-      })
-      .then((response) => {
-        dispatch(
-          addEvents(
-            response.data.nodes
-              .filter((webhook) => webhook.events.length > 0)
-              .map((webhook) => {
-                return webhook.events;
-              })
-              .flat(1),
-          ),
-        );
-        dispatch(
-          addWebhookList(
-            response.data.nodes.map((webhook) => {
-              return { ...webhook, events: webhook.events.map((event) => event.id) };
-            }),
-          ),
-        );
-        dispatch(
-          addWebhookRequest({
-            data: response.data.nodes.map((item) => item.id),
-            query: query,
-            total: response.data.total,
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopWebhooksLoading()));
-  };
-};
-
-export const getWebhook = (id) => {
-  return (dispatch) => {
-    dispatch(loadingWebhooks());
-    return axios
-      .get(WEBHOOKS_API + '/' + id)
-      .then((response) => {
-        let webhook = response.data;
-        dispatch(addEvents(webhook.events));
-        dispatch(
-          getWebhookByID({
-            ...webhook,
-            events: webhook.events.map((event) => event.id),
-          }),
-        );
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopWebhooksLoading()));
-  };
-};
-
-export const addWebhook = (data) => {
-  return (dispatch) => {
-    dispatch(loadingWebhooks());
-    return axios
-      .post(WEBHOOKS_API, data)
-      .then((response) => {
-        let webhook = response.data;
-        dispatch(addEvents(webhook.events));
-        dispatch(resetWebhooks());
-        dispatch(addSuccessNotification('Webhook added'));
-        return webhook;
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const updateWebhook = (data) => {
-  return (dispatch) => {
-    dispatch(loadingWebhooks());
-    return axios
-      .put(WEBHOOKS_API + '/' + data.id, data)
-      .then((response) => {
-        let webhook = response.data;
-        dispatch(addEvents(webhook.events));
-        dispatch(
-          getWebhookByID({
-            ...webhook,
-            events: webhook.events.map((event) => event.id),
-          }),
-        );
-        dispatch(addSuccessNotification('Webhook updated'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      })
-      .finally(() => dispatch(stopWebhooksLoading()));
-  };
-};
-
-export const deleteWebhook = (id) => {
-  return (dispatch) => {
-    dispatch(loadingWebhooks());
-    return axios
-      .delete(WEBHOOKS_API + '/' + id)
-      .then(() => {
-        dispatch(resetWebhooks());
-        dispatch(addSuccessNotification('Webhook deleted'));
-      })
-      .catch((error) => {
-        dispatch(addErrorNotification(getError(error)));
-      });
-  };
-};
-
-export const loadingWebhooks = () => ({
-  type: SET_WEBHOOKS_LOADING,
-  payload: true,
-});
-export const stopWebhooksLoading = () => ({
-  type: SET_WEBHOOKS_LOADING,
-  payload: false,
-});
-export const getWebhookByID = (data) => ({
-  type: ADD_WEBHOOK,
-  payload: data,
-});
-export const addWebhookList = (data) => ({
-  type: ADD_WEBHOOKS,
-  payload: data,
-});
-export const addWebhookRequest = (data) => ({
-  type: ADD_WEBHOOKS_REQUEST,
-  payload: data,
-});
-export const resetWebhooks = () => ({
-  type: RESET_WEBHOOKS,
-});
diff --git a/studio/src/actions/webhooks.ts b/studio/src/actions/webhooks.ts
new file mode 100644
index 000000000..90de1a38f
--- /dev/null
+++ b/studio/src/actions/webhooks.ts
@@ -0,0 +1,198 @@
+import axios from "axios";
+import {
+  ADD_WEBHOOK,
+  ADD_WEBHOOKS,
+  ADD_WEBHOOKS_REQUEST,
+  SET_WEBHOOKS_LOADING,
+  RESET_WEBHOOKS,
+  WEBHOOKS_API,
+} from "../constants/webhooks";
+import { addErrorNotification, addSuccessNotification } from "./notifications";
+import { addEvents } from "./events";
+import getError from "../utils/getError";
+
+// Define interfaces
+interface Event {
+  id: string;
+  [key: string]: any;
+}
+
+interface Webhook {
+  id: string;
+  events: Event[] | string[];
+  [key: string]: any;
+}
+
+interface WebhookAction {
+  type: string;
+  payload: any;
+}
+
+interface WebhookRequestData {
+  data: string[];
+  query: any;
+  total: number;
+}
+
+const API_BASE_URL = import.meta.env.VITE_API_URL;
+const API_PATH = WEBHOOKS_API;
+
+export const getWebhooks = (query: any) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingWebhooks());
+    return axios
+      .get(`${API_BASE_URL}${API_PATH}`, {
+        params: query,
+      })
+      .then((response) => {
+        dispatch(
+          addEvents(
+            response.data.nodes
+              .filter(
+                (webhook: Webhook) =>
+                  Array.isArray(webhook.events) && webhook.events.length > 0
+              )
+              .map((webhook: Webhook) => {
+                return webhook.events;
+              })
+              .flat(1)
+          )
+        );
+        dispatch(
+          addWebhookList(
+            response.data.nodes.map((webhook: Webhook) => {
+              return {
+                ...webhook,
+                events: Array.isArray(webhook.events)
+                  ? (webhook.events as Event[]).map((event: Event) => event.id)
+                  : webhook.events,
+              };
+            })
+          )
+        );
+        dispatch(
+          addWebhookRequest({
+            data: response.data.nodes.map((item: Webhook) => item.id),
+            query: query,
+            total: response.data.total,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopWebhooksLoading()));
+  };
+};
+
+export const getWebhook = (id: string) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingWebhooks());
+    return axios
+      .get(`${API_BASE_URL}${API_PATH}/${id}`)
+      .then((response) => {
+        const webhook: Webhook = response.data;
+        dispatch(addEvents(webhook.events as Event[]));
+        dispatch(
+          getWebhookByID({
+            ...webhook,
+            events: Array.isArray(webhook.events)
+              ? (webhook.events as Event[]).map((event: Event) => event.id)
+              : webhook.events,
+          })
+        );
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopWebhooksLoading()));
+  };
+};
+
+export const addWebhook = (data: Omit<Webhook, "id">) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingWebhooks());
+    return axios
+      .post(`${API_BASE_URL}${API_PATH}`, data)
+      .then((response) => {
+        const webhook: Webhook = response.data;
+        dispatch(addEvents(webhook.events as Event[]));
+        dispatch(resetWebhooks());
+        dispatch(addSuccessNotification("Webhook added"));
+        return webhook;
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const updateWebhook = (data: Webhook) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingWebhooks());
+    return axios
+      .put(`${API_BASE_URL}${API_PATH}/${data.id}`, data)
+      .then((response) => {
+        const webhook: Webhook = response.data;
+        dispatch(addEvents(webhook.events as Event[]));
+        dispatch(
+          getWebhookByID({
+            ...webhook,
+            events: Array.isArray(webhook.events)
+              ? (webhook.events as Event[]).map((event: Event) => event.id)
+              : webhook.events,
+          })
+        );
+        dispatch(addSuccessNotification("Webhook updated"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      })
+      .finally(() => dispatch(stopWebhooksLoading()));
+  };
+};
+
+export const deleteWebhook = (id: string) => {
+  return (dispatch: (action: any) => void) => {
+    dispatch(loadingWebhooks());
+    return axios
+      .delete(`${API_BASE_URL}${API_PATH}/${id}`)
+      .then(() => {
+        dispatch(resetWebhooks());
+        dispatch(addSuccessNotification("Webhook deleted"));
+      })
+      .catch((error) => {
+        dispatch(addErrorNotification(getError(error)));
+      });
+  };
+};
+
+export const loadingWebhooks = (): WebhookAction => ({
+  type: SET_WEBHOOKS_LOADING,
+  payload: true,
+});
+
+export const stopWebhooksLoading = (): WebhookAction => ({
+  type: SET_WEBHOOKS_LOADING,
+  payload: false,
+});
+
+export const getWebhookByID = (data: Webhook): WebhookAction => ({
+  type: ADD_WEBHOOK,
+  payload: data,
+});
+
+export const addWebhookList = (data: Webhook[]): WebhookAction => ({
+  type: ADD_WEBHOOKS,
+  payload: data,
+});
+
+export const addWebhookRequest = (data: WebhookRequestData): WebhookAction => ({
+  type: ADD_WEBHOOKS_REQUEST,
+  payload: data,
+});
+
+export const resetWebhooks = (): WebhookAction => ({
+  type: RESET_WEBHOOKS,
+  payload: [],
+});
diff --git a/studio/src/assets/MenuIcon.jsx b/studio/src/assets/MenuIcon.jsx
deleted file mode 100644
index e98c7f063..000000000
--- a/studio/src/assets/MenuIcon.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-function MenuIcon() {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="27" height="19" fill="none" viewBox="0 0 27 19">
-      <path
-        fill="#1E1E1E"
-        d="M.75 19h25.5v-3.167H.75V19zm8-7.917h17.5V7.917H8.75v3.166zM.75 0v3.167h25.5V0H.75z"
-      ></path>
-    </svg>
-  );
-}
-
-export default MenuIcon;
diff --git a/studio/src/assets/QuickEditIcon.jsx b/studio/src/assets/QuickEditIcon.jsx
deleted file mode 100644
index cb01e618c..000000000
--- a/studio/src/assets/QuickEditIcon.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-function QuickEditIcon() {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="17" height="15" fill="none" viewBox="0 0 17 15">
-      <path
-        fill="#858585"
-        d="M8.337 10h1.568L6.072.25H4.677L.845 10h1.567l.84-2.25h4.23L8.337 10zM3.822 6.25l1.553-4.14 1.552 4.14H3.822zm11.37.442L9.125 12.76 6.372 10l-1.057 1.057 3.817 3.818L16.25 7.75l-1.057-1.058z"
-      ></path>
-    </svg>
-  );
-}
-
-export default QuickEditIcon;
diff --git a/studio/src/assets/SearchIcon.jsx b/studio/src/assets/SearchIcon.jsx
deleted file mode 100644
index d92ac22e3..000000000
--- a/studio/src/assets/SearchIcon.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-function SearchIcon() {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="26" height="27" fill="none" viewBox="0 0 26 27">
-      <path
-        fill="#000"
-        d="M25.384 22.738l-5.977-5.978a10.452 10.452 0 001.605-5.579C21.012 5.38 16.308.676 10.506.676 4.703.676 0 5.379 0 11.18c0 5.803 4.703 10.506 10.506 10.506 2.232 0 4.299-.698 6-1.884l5.907 5.907c.41.41.948.614 1.485.614a2.102 2.102 0 001.486-3.586zm-14.878-4.455a7.101 7.101 0 110-14.203 7.101 7.101 0 010 14.203z"
-      ></path>
-    </svg>
-  );
-}
-
-export default SearchIcon;
diff --git a/studio/src/assets/ThreeDotIcon.jsx b/studio/src/assets/ThreeDotIcon.jsx
deleted file mode 100644
index 2ccf0b9f7..000000000
--- a/studio/src/assets/ThreeDotIcon.jsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-
-function ThreeEditIcon({ color = '#858585' }) {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 6 18">
-      <circle cx="3" cy="2.92" r="2.04" fill={color}></circle>
-      <circle cx="3" cy="9" r="2.04" fill={color}></circle>
-      <circle cx="3" cy="15.08" r="2.04" fill={color}></circle>
-    </svg>
-  );
-}
-
-export default ThreeEditIcon;
diff --git a/studio/src/assets/bindu_icon.png b/studio/src/assets/bindu_icon.png
deleted file mode 100644
index c8615ecae..000000000
Binary files a/studio/src/assets/bindu_icon.png and /dev/null differ
diff --git a/studio/src/assets/dega-short.png b/studio/src/assets/dega-short.png
new file mode 100644
index 000000000..2740cebbb
Binary files /dev/null and b/studio/src/assets/dega-short.png differ
diff --git a/studio/src/assets/dega.png b/studio/src/assets/dega.png
index 447ef549a..e509e3658 100644
Binary files a/studio/src/assets/dega.png and b/studio/src/assets/dega.png differ
diff --git a/studio/src/assets/dega_icon.png b/studio/src/assets/dega_icon.png
deleted file mode 100644
index 447ef549a..000000000
Binary files a/studio/src/assets/dega_icon.png and /dev/null differ
diff --git a/studio/src/assets/google-icon.svg b/studio/src/assets/google-icon.svg
new file mode 100644
index 000000000..2c1d41959
--- /dev/null
+++ b/studio/src/assets/google-icon.svg
@@ -0,0 +1,13 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1027_1528)">
+<path d="M23.7663 12.2764C23.7663 11.4607 23.7001 10.6406 23.559 9.83807H12.2402V14.4591H18.722C18.453 15.9494 17.5888 17.2678 16.3233 18.1056V21.1039H20.1903C22.4611 19.0139 23.7663 15.9274 23.7663 12.2764Z" fill="#4285F4"/>
+<path d="M12.2401 24.0008C15.4766 24.0008 18.2059 22.9382 20.1945 21.1039L16.3276 18.1055C15.2517 18.8375 13.8627 19.252 12.2445 19.252C9.11388 19.252 6.45946 17.1399 5.50705 14.3003H1.5166V17.3912C3.55371 21.4434 7.7029 24.0008 12.2401 24.0008Z" fill="#34A853"/>
+<path d="M5.50277 14.3003C5.00011 12.8099 5.00011 11.1961 5.50277 9.70575V6.61481H1.51674C-0.185266 10.0056 -0.185266 14.0004 1.51674 17.3912L5.50277 14.3003Z" fill="#FBBC04"/>
+<path d="M12.2401 4.74966C13.9509 4.7232 15.6044 5.36697 16.8434 6.54867L20.2695 3.12262C18.1001 1.0855 15.2208 -0.034466 12.2401 0.000808666C7.7029 0.000808666 3.55371 2.55822 1.5166 6.61481L5.50264 9.70575C6.45064 6.86173 9.10947 4.74966 12.2401 4.74966Z" fill="#EA4335"/>
+</g>
+<defs>
+<clipPath id="clip0_1027_1528">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/studio/src/assets/kavach_icon.png b/studio/src/assets/kavach_icon.png
deleted file mode 100644
index 20a1d2b0e..000000000
Binary files a/studio/src/assets/kavach_icon.png and /dev/null differ
diff --git a/studio/src/assets/lock.png b/studio/src/assets/lock.png
new file mode 100644
index 000000000..40386e501
Binary files /dev/null and b/studio/src/assets/lock.png differ
diff --git a/studio/src/assets/logo.png b/studio/src/assets/logo.png
deleted file mode 100644
index c49df8b99..000000000
Binary files a/studio/src/assets/logo.png and /dev/null differ
diff --git a/studio/src/assets/logo.svg b/studio/src/assets/logo.svg
deleted file mode 100644
index 29e29c66d..000000000
--- a/studio/src/assets/logo.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" version="1.1" viewBox="0 0 200 200"><title>Group 28 Copy 5</title><desc>Created with Sketch.</desc><defs><linearGradient id="linearGradient-1" x1="62.102%" x2="108.197%" y1="0%" y2="37.864%"><stop offset="0%" stop-color="#4285EB"/><stop offset="100%" stop-color="#2EC7FF"/></linearGradient><linearGradient id="linearGradient-2" x1="69.644%" x2="54.043%" y1="0%" y2="108.457%"><stop offset="0%" stop-color="#29CDFF"/><stop offset="37.86%" stop-color="#148EFF"/><stop offset="100%" stop-color="#0A60FF"/></linearGradient><linearGradient id="linearGradient-3" x1="69.691%" x2="16.723%" y1="-12.974%" y2="117.391%"><stop offset="0%" stop-color="#FA816E"/><stop offset="41.473%" stop-color="#F74A5C"/><stop offset="100%" stop-color="#F51D2C"/></linearGradient><linearGradient id="linearGradient-4" x1="68.128%" x2="30.44%" y1="-35.691%" y2="114.943%"><stop offset="0%" stop-color="#FA8E7D"/><stop offset="51.264%" stop-color="#F74A5C"/><stop offset="100%" stop-color="#F51D2C"/></linearGradient></defs><g id="Page-1" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="logo" transform="translate(-20.000000, -20.000000)"><g id="Group-28-Copy-5" transform="translate(20.000000, 20.000000)"><g id="Group-27-Copy-3"><g id="Group-25" fill-rule="nonzero"><g id="2"><path id="Shape" fill="url(#linearGradient-1)" d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C99.2571609,26.9692191 101.032305,26.9692191 102.20193,28.1378823 L129.985225,55.8983314 C134.193707,60.1033528 141.017005,60.1033528 145.225487,55.8983314 C149.433969,51.69331 149.433969,44.8756232 145.225487,40.6706018 L108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"/><path id="Shape" fill="url(#linearGradient-2)" d="M91.5880863,4.17652823 L4.17996544,91.5127728 C-0.519240605,96.2081146 -0.519240605,103.791885 4.17996544,108.487227 L91.5880863,195.823472 C96.2872923,200.518814 103.877304,200.518814 108.57651,195.823472 L145.225487,159.204632 C149.433969,154.999611 149.433969,148.181924 145.225487,143.976903 C141.017005,139.771881 134.193707,139.771881 129.985225,143.976903 L102.20193,171.737352 C101.032305,172.906015 99.2571609,172.906015 98.0875359,171.737352 L28.285908,101.993122 C27.1162831,100.824459 27.1162831,99.050775 28.285908,97.8821118 L98.0875359,28.1378823 C100.999864,25.6271836 105.751642,20.541824 112.729652,19.3524487 C117.915585,18.4685261 123.585219,20.4140239 129.738554,25.1889424 C125.624663,21.0784292 118.571995,14.0340304 108.58055,4.05574592 C103.862049,-0.537986846 96.2692618,-0.500797906 91.5880863,4.17652823 Z"/></g><path id="Shape" fill="url(#linearGradient-3)" d="M153.685633,135.854579 C157.894115,140.0596 164.717412,140.0596 168.925894,135.854579 L195.959977,108.842726 C200.659183,104.147384 200.659183,96.5636133 195.960527,91.8688194 L168.690777,64.7181159 C164.472332,60.5180858 157.646868,60.5241425 153.435895,64.7316526 C149.227413,68.936674 149.227413,75.7543607 153.435895,79.9593821 L171.854035,98.3623765 C173.02366,99.5310396 173.02366,101.304724 171.854035,102.473387 L153.685633,120.626849 C149.47715,124.83187 149.47715,131.649557 153.685633,135.854579 Z"/></g><ellipse id="Combined-Shape" cx="100.519" cy="100.437" fill="url(#linearGradient-4)" rx="23.6" ry="23.581"/></g></g></g></g></svg>
diff --git a/studio/src/assets/menu.svg b/studio/src/assets/menu.svg
new file mode 100644
index 000000000..b833b3859
--- /dev/null
+++ b/studio/src/assets/menu.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+  <path d="M4 12H20" stroke="#1D1D1D" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4 6H20" stroke="#1D1D1D" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M4 18H20" stroke="#1D1D1D" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/studio/src/assets/vidcheck_icon.png b/studio/src/assets/vidcheck_icon.png
deleted file mode 100644
index db0e72bb6..000000000
Binary files a/studio/src/assets/vidcheck_icon.png and /dev/null differ
diff --git a/studio/src/components/AdminRoute/index.js b/studio/src/components/AdminRoute/index.js
deleted file mode 100644
index 2b8dbe744..000000000
--- a/studio/src/components/AdminRoute/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { Result, Button } from 'antd';
-import { useSelector } from 'react-redux';
-
-function AdminRoute({ component: Component, ...rest }) {
-  const { loading, org, isOwner } = useSelector(({ admin, spaces }) => {
-    let orgs = spaces.orgs.filter((each) => each.role === 'admin');
-
-    return {
-      loading: false,
-      org: admin.organisation,
-      isOwner: orgs.length > 0,
-    };
-  });
-
-  if (loading) {
-    return () => null;
-  }
-
-  if (!loading && !org)
-    return (
-      <Result
-        title="You do not have any organisation."
-        subTitle="Sorry, you are not authorized to access this page. Please contact your organisation admin."
-      />
-    );
-
-  if (!loading && org.is_admin && isOwner) {
-    return <Component {...rest} />;
-  }
-
-  return (
-    <Result
-      status="403"
-      title="401"
-      subTitle="Sorry, you are not authorized to access this page."
-      extra={
-        <Link to="/">
-          <Button type="primary">Back Home</Button>
-        </Link>
-      }
-    />
-  );
-}
-
-export default AdminRoute;
diff --git a/studio/src/components/AuthWrapper.tsx b/studio/src/components/AuthWrapper.tsx
new file mode 100644
index 000000000..65ebce085
--- /dev/null
+++ b/studio/src/components/AuthWrapper.tsx
@@ -0,0 +1,152 @@
+import React, { useEffect, ReactNode, useCallback } from "react";
+import { useDispatch } from "react-redux";
+import { useLocation } from "react-router-dom";
+import { getSession } from "../actions/session";
+import { login, getToken } from "../utils/zitadel";
+import { addErrorNotification } from "../actions/notifications";
+import { ThunkDispatch } from "redux-thunk";
+import { AnyAction } from "redux";
+
+// Type definitions
+interface AuthWrapperProps {
+  children: ReactNode;
+}
+
+// List of public paths that don't require authentication
+const publicPaths: string[] = [
+  "/auth/login",
+  "/auth/registration",
+  "/auth/login/recovery",
+  "/redirect",
+  "/auth/verify",
+  "/callback",
+];
+
+const AuthWrapper: React.FC<AuthWrapperProps> = ({ children }) => {
+  const dispatch = useDispatch<ThunkDispatch<any, any, AnyAction>>();
+  const location = useLocation();
+
+  const isPublicPath = (path: string): boolean => {
+    return publicPaths.some((publicPath) => path.includes(publicPath));
+  };
+
+  // Handle callback with auth code
+  const handleCallback = useCallback(async (): Promise<boolean> => {
+    // Check if we're in a callback situation with an authorization code
+    const searchParams = new URLSearchParams(window.location.search);
+    const code = searchParams.get("code");
+    const state = searchParams.get("state");
+
+    if (code) {
+      try {
+        const tokenResponse = await getToken(code, state);
+
+        if (tokenResponse.error) {
+          dispatch(
+            addErrorNotification({
+              message: `Token exchange error: ${tokenResponse.error}`,
+            })
+          );
+          return false;
+        }
+
+        // Token exchange successful, redirect to return_to if available
+        const returnTo = localStorage.getItem("return_to");
+        if (returnTo) {
+          localStorage.removeItem("return_to");
+          window.location.href = returnTo;
+          return true;
+        }
+
+        return true;
+      } catch (error) {
+        console.error("Token exchange error:", error);
+        dispatch(
+          addErrorNotification({
+            message: "Failed to exchange authorization code for token",
+          })
+        );
+        return false;
+      }
+    }
+
+    return false;
+  }, [dispatch]);
+
+  const checkAuthenticated = useCallback(async (): Promise<void> => {
+    try {
+      // First check if we're handling a callback with code
+      const isHandlingCallback = await handleCallback();
+      if (isHandlingCallback) {
+        // If we're handling a callback, we don't need to continue with the rest of the authentication check
+        return;
+      }
+
+      const res = await dispatch(getSession());
+
+      if (!res.success) {
+        // If there's no token or authentication failed
+        if (!res.noToken) {
+          const currentURL = window.location.href;
+          const searchParams = new URLSearchParams(window.location.search);
+          const authRequest = searchParams.get("authRequest");
+
+          // If current path is public and has authRequest, allow access
+          if (
+            isPublicPath(currentURL) &&
+            (currentURL.includes("/redirect") || authRequest)
+          ) {
+            return;
+          }
+
+          // Store the return URL for post-login redirect
+          if (!isPublicPath(location.pathname)) {
+            window.localStorage.setItem("return_to", window.location.href);
+          }
+
+          const loginResponse = await login();
+
+          if (loginResponse.error) {
+            dispatch(
+              addErrorNotification({
+                message: loginResponse.error,
+              })
+            );
+            return;
+          }
+
+          if (loginResponse.authorizeURL) {
+            window.location.href = loginResponse.authorizeURL;
+          } else {
+            dispatch(
+              addErrorNotification({
+                message: "No authorize URL returned",
+              })
+            );
+          }
+        }
+      }
+    } catch (error) {
+      console.error("Authentication check failed:", error);
+      dispatch(
+        addErrorNotification({
+          message: "Authentication check failed",
+        })
+      );
+
+      // Redirect to login page on error
+      if (!isPublicPath(location.pathname)) {
+        window.location.href = "/auth/login";
+      }
+    }
+  }, [dispatch, location.pathname, handleCallback]);
+
+  useEffect(() => {
+    void checkAuthenticated();
+  }, [checkAuthenticated]);
+
+  // Return children directly rather than wrapping in a fragment
+  return children;
+};
+
+export default AuthWrapper;
diff --git a/studio/src/components/Authwrapper.js b/studio/src/components/Authwrapper.js
deleted file mode 100644
index 6b70cd4f4..000000000
--- a/studio/src/components/Authwrapper.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React, { useEffect } from 'react';
-import { useDispatch } from 'react-redux';
-import { getSession } from '../actions/session';
-import { login } from '../utils/zitadel';
-import { addErrorNotification } from '../actions/notifications';
-import { useLocation } from 'react-router-dom';
-
-const AuthWrapper = ({ children }) => {
-  const dispatch = useDispatch();
-  const location = useLocation();
-
-  // List of public paths that don't require authentication
-  const publicPaths = [
-    '/auth/login',
-    '/auth/registration',
-    '/auth/login/recovery',
-    '/redirect',
-    '/auth/verify',
-  ];
-
-  useEffect(() => {
-    checkAuthenticated();
-  }, [location.pathname]);
-
-  const isPublicPath = (path) => {
-    return publicPaths.some((publicPath) => path.includes(publicPath));
-  };
-
-  const checkAuthenticated = () => {
-    dispatch(getSession()).then((res) => {
-      if (!res.success) {
-        // If there's no token or authentication failed
-        if (!res.noToken) {
-          const currentURL = window.location.href;
-          const searchParams = new URLSearchParams(window.location.search);
-          const authRequest = searchParams.get('authRequest');
-
-          // If current path is public and has authRequest, allow access
-          if (isPublicPath(currentURL) && (currentURL.includes('/redirect') || authRequest)) {
-            return;
-          }
-
-          // Store the return URL for post-login redirect
-          if (!isPublicPath(location.pathname)) {
-            window.localStorage.setItem('return_to', window.location.href);
-          }
-
-          login().then((d) => {
-            if (d.error) {
-              dispatch(
-                addErrorNotification({
-                  message: d.error,
-                }),
-              );
-              return;
-            }
-            window.location.href = d.authorizeURL;
-          });
-        }
-      }
-    });
-  };
-  return <>{children}</>;
-};
-export default AuthWrapper;
diff --git a/studio/src/components/Breadcrumb.tsx b/studio/src/components/Breadcrumb.tsx
new file mode 100644
index 000000000..63d6947ca
--- /dev/null
+++ b/studio/src/components/Breadcrumb.tsx
@@ -0,0 +1,12 @@
+function Breadcrumb({ path, page }) {
+  return (
+    <div>
+      <h3 className="text-[#666] text-[10px] leading-normal font-normal">
+        {path}
+      </h3>
+      <h1 className="text-black text-xl font-semibold "> {page}</h1>
+    </div>
+  );
+}
+
+export default Breadcrumb;
diff --git a/studio/src/components/Editor/Embed.js b/studio/src/components/Editor/Embed.js
deleted file mode 100644
index 615d5b493..000000000
--- a/studio/src/components/Editor/Embed.js
+++ /dev/null
@@ -1,271 +0,0 @@
-import axios from 'axios';
-import './embed.css';
-import { make } from './utils';
-
-export default class Embed {
-  constructor({ data, api, readOnly }) {
-    this.api = api;
-    this._data = {};
-    this.readOnly = readOnly;
-    this.nodes = {
-      wrapper: null,
-      container: null,
-      progress: null,
-      input: null,
-      inputHolder: null,
-      caption: null,
-      captionHolder: null,
-    };
-
-    this.data = data;
-  }
-
-  static get toolbox() {
-    return {
-      title: 'Embed',
-      icon:
-        '<svg width="13" height="14" xmlns="http://www.w3.org/2000/svg"><path d="M8.567 13.629c.728.464 1.581.65 2.41.558l-.873.873A3.722 3.722 0 1 1 4.84 9.794L6.694 7.94a3.722 3.722 0 0 1 5.256-.008L10.484 9.4a5.209 5.209 0 0 1-.017.016 1.625 1.625 0 0 0-2.29.009l-1.854 1.854a1.626 1.626 0 0 0 2.244 2.35zm2.766-7.358a3.722 3.722 0 0 0-2.41-.558l.873-.873a3.722 3.722 0 1 1 5.264 5.266l-1.854 1.854a3.722 3.722 0 0 1-5.256.008L9.416 10.5a5.2 5.2 0 0 1 .017-.016 1.625 1.625 0 0 0 2.29-.009l1.854-1.854a1.626 1.626 0 0 0-2.244-2.35z" transform="translate(-3.667 -2.7)"/></svg>',
-    };
-  }
-
-  set data(data) {
-    if (!(data instanceof Object)) {
-      throw Error('Embed Tool data should be object');
-    }
-
-    const { html, meta, caption } = data;
-
-    this._data = {
-      html: html || this.data.html,
-      meta: meta || this.data.meta,
-      caption: caption || this.data.caption || '',
-    };
-  }
-
-  get data() {
-    return this._data;
-  }
-
-  render() {
-    this.nodes.wrapper = make('div', this.CSS.baseClass);
-    this.nodes.container = make('div', this.CSS.container);
-
-    this.nodes.inputHolder = this.makeInputHolder();
-    this.nodes.captionHolder = this.makeCaptionHolder();
-
-    /**
-     * If Tool already has data, render link preview, otherwise insert input
-     */
-    if (this.data.html) {
-      const { html } = this.data;
-      // this.nodes.container.innerHTML = html;
-      this.setInnerHTML(this.nodes.container, html);
-      this.nodes.container.appendChild(this.nodes.captionHolder);
-    } else {
-      this.nodes.container.appendChild(this.nodes.inputHolder);
-    }
-    this.nodes.wrapper.appendChild(this.nodes.container);
-
-    return this.nodes.wrapper;
-  }
-
-  get CSS() {
-    return {
-      baseClass: this.api.styles.block,
-      input: this.api.styles.input,
-
-      /**
-       * Tool's classes
-       */
-      container: 'embed-tool',
-      inputEl: 'embed-tool__input',
-      captionEl: 'embed-tool__caption',
-      inputHolder: 'embed-tool__input-holder',
-      captionHolder: 'embed-tool__caption-holder',
-      inputError: 'embed-tool__input-holder--error',
-      progress: 'embed-tool__progress',
-      progressLoading: 'embed-tool__progress--loading',
-      progressLoaded: 'embed-tool__progress--loaded',
-    };
-  }
-  makeInputHolder() {
-    const inputHolder = make('div', this.CSS.inputHolder);
-
-    this.nodes.progress = make('label', this.CSS.progress);
-    this.nodes.input = make('div', [this.CSS.input, this.CSS.inputEl], {
-      contentEditable: !this.readOnly,
-    });
-
-    this.nodes.input.dataset.placeholder = this.api.i18n.t(
-      "Paste your Link here or type and press 'Enter'",
-    );
-
-    if (!this.readOnly) {
-      this.nodes.input.addEventListener('paste', (event) => {
-        this.startFetching(event);
-      });
-
-      this.nodes.input.addEventListener('keydown', (event) => {
-        const [ENTER, A] = [13, 65];
-        const cmdPressed = event.ctrlKey || event.metaKey;
-
-        switch (event.keyCode) {
-          case ENTER:
-            event.preventDefault();
-            event.stopPropagation();
-
-            this.startFetching(event);
-            break;
-          case A:
-            if (cmdPressed) {
-              this.selectLinkUrl(event);
-            }
-            break;
-          default:
-            break;
-        }
-      });
-    }
-
-    inputHolder.appendChild(this.nodes.progress);
-    inputHolder.appendChild(this.nodes.input);
-
-    return inputHolder;
-  }
-  makeCaptionHolder() {
-    const captionHolder = make('div', this.CSS.captionHolder);
-
-    this.nodes.caption = make('div', [this.CSS.input, this.CSS.captionEl], {
-      contentEditable: !this.readOnly,
-      innerHTML: this.data.caption,
-    });
-    this.nodes.caption.dataset.placeholder = 'Caption';
-
-    captionHolder.appendChild(this.nodes.caption);
-
-    return captionHolder;
-  }
-
-  startFetching(event) {
-    let url = this.nodes.input.textContent;
-
-    if (event.type === 'paste') {
-      url = (event.clipboardData || window.clipboardData).getData('text');
-    }
-
-    this.removeErrorStyle();
-    this.fetchLinkData(url);
-  }
-  removeErrorStyle() {
-    this.nodes.inputHolder.classList.remove(this.CSS.inputError);
-    this.nodes.inputHolder.insertBefore(this.nodes.progress, this.nodes.input);
-  }
-  selectLinkUrl(event) {
-    event.preventDefault();
-    event.stopPropagation();
-
-    const selection = window.getSelection();
-    const range = new Range();
-
-    const currentNode = selection.anchorNode.parentNode;
-    const currentItem = currentNode.closest(`.${this.CSS.inputHolder}`);
-    const inputElement = currentItem.querySelector(`.${this.CSS.inputEl}`);
-
-    range.selectNodeContents(inputElement);
-
-    selection.removeAllRanges();
-    selection.addRange(range);
-  }
-  showProgress() {
-    this.nodes.progress.classList.add(this.CSS.progressLoading);
-  }
-  hideProgress() {
-    return new Promise((resolve) => {
-      this.nodes.progress.classList.remove(this.CSS.progressLoading);
-      this.nodes.progress.classList.add(this.CSS.progressLoaded);
-
-      setTimeout(resolve, 500);
-    });
-  }
-  applyErrorStyle() {
-    this.nodes.inputHolder.classList.add(this.CSS.inputError);
-    this.nodes.progress.remove();
-  }
-  async fetchLinkData(url) {
-    this.showProgress();
-    try {
-      const response = await axios.get('/meta', {
-        params: { url, type: 'iframely' },
-      });
-      this.onFetch(response);
-    } catch (error) {
-      this.fetchingFailed(this.api.i18n.t("Couldn't fetch the link data"));
-    }
-  }
-  onFetch(response) {
-    if (!response) {
-      this.fetchingFailed(this.api.i18n.t("Couldn't get this link data, try the other one"));
-
-      return;
-    }
-
-    const metaData = response.data.meta;
-    const html = response.data.html;
-
-    this.data = {
-      ...response.data,
-    };
-    if (!metaData) {
-      this.fetchingFailed(this.api.i18n.t("Couldn't get meta data from the server"));
-
-      return;
-    }
-    if (!html) {
-      this.fetchingFailed(this.api.i18n.t("Couldn't get html data from the server"));
-
-      return;
-    }
-
-    this.hideProgress().then(() => {
-      this.nodes.inputHolder.remove();
-      // this.nodes.container.innerHTML = html;
-      this.setInnerHTML(this.nodes.container, html);
-      this.nodes.container.appendChild(this.nodes.captionHolder);
-      return this.nodes.container;
-    });
-  }
-  fetchingFailed(errorMessage) {
-    this.api.notifier.show({
-      message: errorMessage,
-      style: 'error',
-    });
-
-    this.applyErrorStyle();
-  }
-  save() {
-    const caption = this.nodes.captionHolder.querySelector(`.${this.CSS.captionEl}`);
-    return { ...this.data, caption: caption.innerHTML };
-  }
-
-  static get isReadOnlySupported() {
-    return true;
-  }
-
-  static get sanitize() {
-    return {
-      html: true, // Allow HTML tags
-    };
-  }
-
-  setInnerHTML(elm, html) {
-    elm.innerHTML = html;
-    Array.from(elm.querySelectorAll('script')).forEach((oldScript) => {
-      const newScript = document.createElement('script');
-      Array.from(oldScript.attributes).forEach((attr) =>
-        newScript.setAttribute(attr.name, attr.value),
-      );
-      newScript.appendChild(document.createTextNode(oldScript.innerHTML));
-      oldScript.parentNode.replaceChild(newScript, oldScript);
-    });
-  }
-}
diff --git a/studio/src/components/Editor/Tunes.js b/studio/src/components/Editor/Tunes.js
deleted file mode 100644
index 363691d5e..000000000
--- a/studio/src/components/Editor/Tunes.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import { make } from './utils';
-export default class Tunes {
-  /**
-   * @param {object} tune - image tool Tunes managers
-   * @param {object} tune.api - Editor API
-   * @param {object} tune.actions - list of user defined tunes
-   * @param {Function} tune.onChange - tune toggling callback
-   */
-  constructor({ api, actions, onChange }) {
-    this.api = api;
-    this.actions = actions;
-    this.onChange = onChange;
-    this.buttons = [];
-  }
-
-  /**
-   * Available Image tunes
-   *
-   * @returns {{name: string, icon: string, title: string}[]}
-   */
-  static get tunes() {
-    return [
-      {
-        name: 'withBorder',
-        icon:
-          '<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.8 10.592v2.043h2.35v2.138H15.8v2.232h-2.25v-2.232h-2.4v-2.138h2.4v-2.28h2.25v.237h1.15-1.15zM1.9 8.455v-3.42c0-1.154.985-2.09 2.2-2.09h4.2v2.137H4.15v3.373H1.9zm0 2.137h2.25v3.325H8.3v2.138H4.1c-1.215 0-2.2-.936-2.2-2.09v-3.373zm15.05-2.137H14.7V5.082h-4.15V2.945h4.2c1.215 0 2.2.936 2.2 2.09v3.42z"/></svg>',
-        title: 'With border',
-      },
-      {
-        name: 'stretched',
-        icon:
-          '<svg width="17" height="10" viewBox="0 0 17 10" xmlns="http://www.w3.org/2000/svg"><path d="M13.568 5.925H4.056l1.703 1.703a1.125 1.125 0 0 1-1.59 1.591L.962 6.014A1.069 1.069 0 0 1 .588 4.26L4.38.469a1.069 1.069 0 0 1 1.512 1.511L4.084 3.787h9.606l-1.85-1.85a1.069 1.069 0 1 1 1.512-1.51l3.792 3.791a1.069 1.069 0 0 1-.475 1.788L13.514 9.16a1.125 1.125 0 0 1-1.59-1.591l1.644-1.644z"/></svg>',
-        title: 'Stretch image',
-      },
-      {
-        name: 'withBackground',
-        icon:
-          '<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.043 8.265l3.183-3.183h-2.924L4.75 10.636v2.923l4.15-4.15v2.351l-2.158 2.159H8.9v2.137H4.7c-1.215 0-2.2-.936-2.2-2.09v-8.93c0-1.154.985-2.09 2.2-2.09h10.663l.033-.033.034.034c1.178.04 2.12.96 2.12 2.089v3.23H15.3V5.359l-2.906 2.906h-2.35zM7.951 5.082H4.75v3.201l3.201-3.2zm5.099 7.078v3.04h4.15v-3.04h-4.15zm-1.1-2.137h6.35c.635 0 1.15.489 1.15 1.092v5.13c0 .603-.515 1.092-1.15 1.092h-6.35c-.635 0-1.15-.489-1.15-1.092v-5.13c0-.603.515-1.092 1.15-1.092z"/></svg>',
-        title: 'With background',
-      },
-    ];
-  }
-
-  /**
-   * Styles
-   *
-   * @returns {{wrapper: string, buttonBase: *, button: string, buttonActive: *}}
-   */
-  get CSS() {
-    return {
-      wrapper: '',
-      buttonBase: this.api.styles.settingsButton,
-      button: 'image-tool__tune',
-      buttonActive: this.api.styles.settingsButtonActive,
-    };
-  }
-
-  /**
-   * Makes buttons with tunes: add background, add border, stretch image
-   *
-   * @param {ImageToolData} toolData - generate Elements of tunes
-   * @returns {Element}
-   */
-  render(toolData) {
-    const wrapper = make('div', this.CSS.wrapper);
-
-    this.buttons = [];
-
-    const tunes = Tunes.tunes.concat(this.actions);
-    tunes.forEach((tune) => {
-      if (tune) {
-        const title = this.api.i18n.t(tune.title);
-        const el = make('div', [this.CSS.buttonBase, this.CSS.button], {
-          innerHTML: tune.icon,
-          title,
-        });
-
-        el.addEventListener('click', () => {
-          this.tuneClicked(tune.name, tune.action);
-        });
-
-        el.dataset.tune = tune.name;
-        el.classList.toggle(this.CSS.buttonActive, !!toolData[tune.name]);
-
-        this.buttons.push(el);
-
-        this.api.tooltip.onHover(el, title, {
-          placement: 'top',
-        });
-
-        wrapper.appendChild(el);
-      }
-    });
-
-    return wrapper;
-  }
-
-  /**
-   * Clicks to one of the tunes
-   *
-   * @param {string} tuneName - clicked tune name
-   * @param {Function} customFunction - function to execute on click
-   */
-  tuneClicked(tuneName, customFunction) {
-    if (typeof customFunction === 'function') {
-      if (!customFunction(tuneName)) {
-        return false;
-      }
-    }
-
-    const button = this.buttons.find((el) => el.dataset.tune === tuneName);
-    button.classList.toggle(
-      this.CSS.buttonActive,
-      !button.classList.contains(this.CSS.buttonActive),
-    );
-    this.onChange(tuneName);
-  }
-}
diff --git a/studio/src/components/Editor/UppyUploader.js b/studio/src/components/Editor/UppyUploader.js
deleted file mode 100644
index 7b647f66a..000000000
--- a/studio/src/components/Editor/UppyUploader.js
+++ /dev/null
@@ -1,460 +0,0 @@
-import React from 'react';
-import { MEDIA_API } from '../../constants/media';
-import '@uppy/core/dist/style.css';
-import '@uppy/dashboard/dist/style.css';
-import '@uppy/url/dist/style.css';
-// import 'antd/dist/antd.css';
-import { Empty } from 'antd';
-import ReactDOMServer from 'react-dom/server';
-import Tunes from './Tunes';
-import { make } from './utils';
-
-const Uppy = require('@uppy/core');
-const Dashboard = require('@uppy/dashboard');
-const GoogleDrive = require('@uppy/google-drive');
-const Url = require('@uppy/url');
-const AwsS3 = require('@uppy/aws-s3');
-const axios = require('axios');
-
-const style = {
-  imgContainer: 'border-radius: 3px;  overflow: hidden; margin-bottom:10px;',
-  img: 'max-width: 100%; vertical-align:bottom; display:block;',
-  container: {
-    stretched: ' ',
-    withBackground: 'padding: 15px; background: white;',
-    withBorder: 'border: 1px solid #e8e8eb;',
-  },
-  withBorder: '',
-  withBackground: 'max-width:60%; margin:0 auto;',
-  stretched: 'width:100%;',
-};
-
-class UppyUploader {
-  constructor({ data, api, config }) {
-    this.config = config;
-    this.data = data;
-    this.nodes = {};
-    this.blockIndex = api.blocks.getCurrentBlockIndex();
-    this.api = api;
-    this.query = {
-      page: 1,
-      limit: 8,
-    };
-
-    this.tunes = new Tunes({
-      api,
-      actions: this.config.actions,
-      onChange: (tuneName) => this.tuneToggled(tuneName),
-    });
-    Tunes.tunes.forEach(({ name: tune }) => {
-      const value =
-        typeof data[tune] !== 'undefined' ? data[tune] === true || data[tune] === 'true' : false;
-      this.setTune(tune, value);
-    });
-    this.total = 0;
-    this.mediaData = [];
-    this.nodes.wrapper = document.createElement('div');
-    this.nodes.wrapper.setAttribute('style', style.imgContainer);
-    this.nodes.wrapper.id = 'Uploader-' + this.blockIndex;
-
-    var uploader = document.createElement('div');
-    uploader.id = 'DashboardContainer-' + this.blockIndex;
-
-    var image = document.createElement('img');
-    image.setAttribute('style', style.img);
-    image.id = 'Image-' + this.blockIndex;
-
-    this.nodes.wrapper.appendChild(image);
-    if (!this.data.url) {
-      this.getMediaList(this.query);
-      this.createRadioButtons();
-    }
-    this.nodes.wrapper.appendChild(uploader);
-  }
-
-  tuneToggled(tuneName) {
-    Tunes.tunes.forEach(({ name: tune }) => {
-      if (this.data[tune] === true && tune !== tuneName) {
-        this.data[tune] = false;
-        const button = this.tunes.buttons.find((el) => el.dataset.tune === tune);
-        button.classList.toggle(
-          this.tunes.CSS.buttonActive,
-          !button.classList.contains(this.tunes.CSS.buttonActive),
-        );
-      }
-    });
-    this.setTune(tuneName, !this.data[tuneName]);
-  }
-  setTune(tuneName, value) {
-    this.data[tuneName] = value;
-    this.applyTune(tuneName, value);
-    if (tuneName === 'stretched') {
-      /**
-       * Wait until the API is ready
-       */
-      Promise.resolve()
-        .then(() => {
-          const blockId = this.api.blocks.getCurrentBlockIndex();
-
-          this.api.blocks.stretchBlock(blockId, value);
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    }
-  }
-  applyTune(tuneName, status) {
-    if (document.getElementById(`Image-${this.blockIndex}`) && status === false) {
-      document.getElementById(`Image-${this.blockIndex}`).setAttribute('style', style.img);
-      document
-        .getElementById(`Uploader-${this.blockIndex}`)
-        .setAttribute('style', style.imgContainer);
-    }
-    if (document.getElementById(`Image-${this.blockIndex}`) && status) {
-      document
-        .getElementById(`Image-${this.blockIndex}`)
-        .setAttribute('style', `${style.img} ${style[tuneName]}`);
-      document
-        .getElementById(`Uploader-${this.blockIndex}`)
-        .setAttribute('style', `${style.imgContainer} ${style.container[tuneName]}`);
-    }
-  }
-  renderSettings() {
-    return this.tunes.render(this.data);
-  }
-  createRadioButtons() {
-    const radioGroup = make('div', ['ant-radio-group', 'ant-radio-group-solid'], {
-      style: 'margin-bottom: 8px;width:750px;margin-left:8px',
-    });
-    const list = make('input', 'ant-radio-button-input', {
-      type: 'radio',
-      id: 'opt1',
-      value: 'list',
-      name: 'tabOption',
-      checked: true,
-    });
-    const label1 = make('label', ['ant-radio-button-wrapper', 'ant-radio-button-wrapper-checked']);
-    const label2 = make('label', 'ant-radio-button-wrapper');
-    const uploader = make('input', 'ant-radio-button-input', {
-      type: 'radio',
-      id: 'opt2',
-      value: 'uploader',
-      name: 'tabOption',
-    });
-    const searchInput = make('input', 'ant-input', {
-      placeholder: 'Search Media',
-      style: 'margin-bottom: 8px;margin-top: 8px',
-      type: 'text',
-      id: 'searchBar',
-    });
-    searchInput.addEventListener('input', (e) => {
-      if (e.target.value) {
-        const newQuery = { ...this.query, q: e.target.value };
-        this.getMediaList(newQuery);
-      } else {
-        this.getMediaList(this.query);
-      }
-    });
-    list.addEventListener('click', (event) => {
-      label2.className = 'ant-radio-button-wrapper';
-      label1.className = 'ant-radio-button-wrapper ant-radio-button-wrapper-checked';
-      document
-        .getElementById('searchBar')
-        .setAttribute('style', 'margin-bottom: 8px;margin-top: 8px');
-      this.getMediaList(this.query);
-    });
-    label1.innerHTML = 'List';
-    uploader.addEventListener('click', (event) => {
-      label1.className = 'ant-radio-button-wrapper';
-      label2.className = 'ant-radio-button-wrapper ant-radio-button-wrapper-checked';
-      document.getElementById('searchBar').setAttribute('style', 'display : none');
-      this.getDashboard();
-    });
-    label2.innerHTML = 'Upload';
-    label1.appendChild(list);
-    label2.appendChild(uploader);
-    radioGroup.appendChild(label1);
-    radioGroup.appendChild(label2);
-    radioGroup.appendChild(searchInput);
-    this.nodes.wrapper.appendChild(radioGroup);
-  }
-  static get toolbox() {
-    return {
-      title: 'Image',
-      icon:
-        '<svg width="17" height="15" viewBox="0 0 336 276" xmlns="http://www.w3.org/2000/svg"><path d="M291 150V79c0-19-15-34-34-34H79c-19 0-34 15-34 34v42l67-44 81 72 56-29 42 30zm0 52l-43-30-56 30-81-67-66 39v23c0 19 15 34 34 34h178c17 0 31-13 34-29zM79 0h178c44 0 79 35 79 79v118c0 44-35 79-79 79H79c-44 0-79-35-79-79V79C0 35 35 0 79 0z"/></svg>',
-    };
-  }
-  render() {
-    if (this.data.url) {
-      Tunes.tunes.forEach(({ name: tune }) => {
-        if (this.data[tune] === true) {
-          this.nodes.wrapper.setAttribute(
-            'style',
-            `${style.imgContainer} ${style.container[tune]}`,
-          );
-          this.nodes.wrapper.children[0].setAttribute('style', `${style.img} ${style[tune]}`);
-        }
-      });
-      this.nodes.wrapper.children[0].src = this.data.url?.[
-        window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
-      ];
-    }
-    return this.nodes.wrapper;
-  }
-
-  handlePaginationButtonCLick(value, query) {
-    const newQuery = {
-      page: query.page + value,
-      limit: 8,
-    };
-    this.getMediaList(newQuery);
-  }
-
-  createPagniation(query, total) {
-    function paginationClick(current, obj) {
-      const newQuery = {
-        page: current,
-        limit: 8,
-      };
-      obj.getMediaList(newQuery);
-    }
-
-    const ul = make('ul', 'ant-pagination', { style: 'margin-bottom:8px' });
-    ul.unselectable = 'unselectable';
-    const previous = make('li', 'ant-pagination-prev');
-    const prevButton = make('button', 'ant-pagination-item-link', { type: 'button' });
-    prevButton.tabindex = '-1';
-    previous.addEventListener('click', () => {
-      if (query.page > 1) {
-        this.handlePaginationButtonCLick(-1, query);
-      }
-    });
-    if (query.page <= 1) {
-      prevButton.disabled = true;
-      previous.className = 'ant-pagination-prev ant-pagination-disabled';
-    }
-    prevButton.innerHTML =
-      '<span role="img" aria-label="left" class="anticon anticon-left"> <svg viewBox="64 64 896 896" focusable="false" class="" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></span>';
-    previous.appendChild(prevButton);
-    ul.appendChild(previous);
-
-    const last = Math.ceil(total / query.limit);
-    for (var i = 1; i <= last; i++) {
-      (function (query, obj) {
-        const li = document.createElement('li');
-        let liClassName = 'ant-pagination-item ant-pagination-item-' + 'i';
-        if (i === query.page) {
-          liClassName = liClassName + ' ant-pagination-item-active';
-        }
-        li.className = liClassName;
-        li.title = i;
-        li.innerHTML = i;
-        var current = i;
-        li.addEventListener(
-          'click',
-          function () {
-            paginationClick(current, obj);
-          },
-          false,
-        );
-        ul.appendChild(li);
-      })(query, this);
-    }
-    const next = make('li', 'ant-pagination-next');
-    const nextButton = make('button', 'ant-pagination-item-link', { type: 'button' });
-    nextButton.addEventListener('click', () => {
-      if (query.page < last) {
-        this.handlePaginationButtonCLick(1, query);
-      }
-    });
-    if (query.page >= last) {
-      nextButton.disabled = true;
-      next.className = 'ant-pagination-next ant-pagination-disabled';
-    }
-    nextButton.innerHTML =
-      '<span role="img" aria-label="right" class="anticon anticon-right"><svg viewBox="64 64 896 896" focusable="false" class="" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span>';
-    nextButton.tabindex = '-1';
-    next.appendChild(nextButton);
-    ul.appendChild(next);
-    return ul;
-  }
-
-  createDisplayList(data, query, total) {
-    function handleClick(imageDetails, obj) {
-      obj.data = imageDetails;
-      obj.nodes.wrapper.children[0].src =
-        imageDetails.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'];
-      obj.nodes.wrapper.children[2].style.display = 'none';
-      obj.nodes.wrapper.children[1].style.display = 'none';
-    }
-    const listDiv = make('div', ['ant-list', 'ant-list-split', 'ant-list-grid'], {
-      style: 'width:750px',
-      id: 'DashboardContainer-' + this.blockIndex,
-    });
-    const rowDiv = make('div', 'ant-row', {
-      style: 'margin-left:-18px;margin-right:-18px',
-    });
-
-    for (var i = 0; i < data.length; i++) {
-      (function (obj) {
-        const image = document.createElement('img');
-        image.src = data[i].url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'];
-        image.height = '154';
-        image.width = '154';
-        var imageDetails = data[i];
-        image.addEventListener(
-          'click',
-          function () {
-            handleClick(imageDetails, obj);
-          },
-          false,
-        );
-
-        const columnDiv = document.createElement('div');
-        columnDiv.className = 'ant-col';
-        columnDiv.setAttribute('style', 'padding-left:18px;padding-right:18px;flex:1 1 auto');
-
-        const imageDiv = document.createElement('div');
-        imageDiv.className = 'ant-list-item';
-        imageDiv.appendChild(image);
-
-        const newDiv = document.createElement('div');
-        newDiv.setAttribute('style', 'width:25%;max-width:25%');
-
-        columnDiv.appendChild(imageDiv);
-        newDiv.appendChild(columnDiv);
-        rowDiv.appendChild(newDiv);
-      })(this);
-    }
-    listDiv.appendChild(rowDiv);
-    listDiv.appendChild(this.createPagniation(query, total));
-    listDiv.setAttribute('style', 'margin-left:8px');
-    this.nodes.wrapper.replaceChild(listDiv, this.nodes.wrapper.children[2]);
-  }
-  getEmptyDataComponent() {
-    const noDataFound = ReactDOMServer.renderToString(
-      <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />,
-    );
-    const emptyDataDiv = make('div', null, {
-      id: 'DashboardContainer-' + this.blockIndex,
-    });
-    emptyDataDiv.innerHTML = noDataFound;
-    this.nodes.wrapper.replaceChild(emptyDataDiv, this.nodes.wrapper.children[2]);
-  }
-
-  getMediaList(query) {
-    axios
-      .get(MEDIA_API, {
-        params: query,
-      })
-      .then((response) => {
-        if (response.data.nodes.length < 1) {
-          this.getEmptyDataComponent();
-        } else {
-          this.mediaData = response.data.nodes;
-          this.total = response.data.total;
-          this.createDisplayList(response.data.nodes, query, response.data.total);
-        }
-      });
-  }
-
-  getDashboard() {
-    if (!this.data.url) {
-      const uppy = new Uppy({
-        debug: true,
-        autoProceed: true,
-        restrictions: {
-          maxNumberOfFiles: 1,
-          minNumberOfFiles: 1,
-          allowedFileTypes: ['image/*'],
-        },
-        onBeforeUpload: (files) => {
-          const updatedFiles = {};
-          Object.keys(files).forEach((fileID) => {
-            updatedFiles[fileID] = {
-              ...files[fileID],
-              fileName: files[fileID].meta.name,
-              meta: {
-                ...files[fileID].meta,
-                name:
-                  this.config.space_slug +
-                  '/' +
-                  new Date().getFullYear() +
-                  '/' +
-                  new Date().getMonth() +
-                  '/' +
-                  Date.now().toString() +
-                  '_' +
-                  files[fileID].meta.name,
-              },
-            };
-          });
-          return updatedFiles;
-        },
-      })
-        .use(Dashboard, {
-          trigger: '.UppyModalOpenerBtn',
-          inline: true,
-          target: '#' + this.nodes.wrapper.children[2].id,
-          replaceTargetContent: true,
-          showProgressDetails: true,
-          height: 470,
-          browserBackButtonClose: true,
-        })
-        .use(GoogleDrive, { target: Dashboard, companionUrl: window.REACT_APP_COMPANION_URL })
-        .use(Url, { target: Dashboard, companionUrl: window.REACT_APP_COMPANION_URL })
-        .use(AwsS3, { companionUrl: window.REACT_APP_COMPANION_URL });
-      uppy.on('file-added', (file) => {
-        const data = file.data;
-        const url = data.thumbnail ? data.thumbnail : URL.createObjectURL(data);
-        const image = new Image();
-        image.src = url;
-        image.onload = () => {
-          uppy.setFileMeta(file.id, { width: image.width, height: image.height });
-          URL.revokeObjectURL(url);
-        };
-        image.onerror = () => {
-          URL.revokeObjectURL(url);
-        };
-      });
-      uppy.on('complete', (result) => {
-        const successful = result.successful[0];
-        const { meta } = successful;
-        const upload = {};
-        upload['alt_text'] = meta.caption;
-        upload['caption'] = meta.caption;
-        upload['description'] = meta.caption;
-        upload['dimensions'] = `${meta.width}x${meta.height}`;
-        upload['file_size'] = successful.size;
-        upload['name'] = successful.fileName;
-        upload['slug'] = successful.response.body.key;
-        upload['title'] = meta.caption ? meta.caption : ' ';
-        upload['type'] = successful.meta.type;
-        upload['url'] = {};
-        upload['url']['raw'] = successful.uploadURL;
-        axios
-          .post(MEDIA_API, [upload])
-          .then((res) => {
-            this.data = res.data.nodes[0];
-            this.nodes.wrapper.children[2].style.display = 'none';
-            this.nodes.wrapper.children[1].style.display = 'none';
-            this.nodes.wrapper.children[0].src = this.data.url?.[
-              window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
-            ];
-          })
-          .catch((error) => {
-            this.api.notifier.show({
-              message: error.message,
-              style: 'error',
-            });
-          });
-      });
-    }
-  }
-  save() {
-    return this.data;
-  }
-}
-
-export default UppyUploader;
diff --git a/studio/src/components/Editor/embed.css b/studio/src/components/Editor/embed.css
deleted file mode 100644
index e90821a77..000000000
--- a/studio/src/components/Editor/embed.css
+++ /dev/null
@@ -1,94 +0,0 @@
-.embed-tool {
-  position: relative;
-  margin: 1rem 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-}
-.embed-tool__input {
-  padding-left: 38px;
-  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.567 13.629c.728.464 1.581.65 2.41.558l-.873.873A3.722 3.722 0 1 1 4.84 9.794L6.694 7.94a3.722 3.722 0 0 1 5.256-.008L10.484 9.4a5.209 5.209 0 0 1-.017.016 1.625 1.625 0 0 0-2.29.009l-1.854 1.854a1.626 1.626 0 0 0 2.244 2.35zm2.766-7.358a3.722 3.722 0 0 0-2.41-.558l.873-.873a3.722 3.722 0 1 1 5.264 5.266l-1.854 1.854a3.722 3.722 0 0 1-5.256.008L9.416 10.5a5.2 5.2 0 0 1 .017-.016 1.625 1.625 0 0 0 2.29-.009l1.854-1.854a1.626 1.626 0 0 0-2.244-2.35z' fill='rgba(0, 0, 0, 0.6)' transform='translate(-3.667 -2.7)'/%3E%3C/svg%3E%0A");
-  background-repeat: no-repeat;
-  background-position: 15px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.embed-tool__input-holder {
-  position: relative;
-  width: 100%;
-}
-.embed-tool__caption-holder {
-  margin-top: 1rem;
-  width: 100%;
-  font-size: 0.75rem;
-}
-.embed-tool__caption {
-  padding-left: 39px;
-  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23101820;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='Layer 42' id='Layer_42'%3E%3Cpath class='cls-1' d='M2,29a1,1,0,0,1-1-1.11l.77-7a1,1,0,0,1,.29-.59L18.42,3.94a3.2,3.2,0,0,1,4.53,0l3.11,3.11a3.2,3.2,0,0,1,0,4.53L9.71,27.93a1,1,0,0,1-.59.29l-7,.77Zm7-1.78H9ZM3.73,21.45l-.6,5.42,5.42-.6,16.1-16.1a1.2,1.2,0,0,0,0-1.7L21.53,5.35a1.2,1.2,0,0,0-1.7,0Z'/%3E%3Cpath class='cls-1' d='M23,14.21a1,1,0,0,1-.71-.29L16.08,7.69A1,1,0,0,1,17.5,6.27l6.23,6.23a1,1,0,0,1,0,1.42A1,1,0,0,1,23,14.21Z'/%3E%3Crect class='cls-1' height='2' transform='translate(-8.31 14.13) rotate(-45)' width='11.01' x='7.39' y='16.1'/%3E%3Cpath class='cls-1' d='M30,29H14a1,1,0,0,1,0-2H30a1,1,0,0,1,0,2Z'/%3E%3C/g%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  background-position: 15px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.embed-tool__input-holder--error .embed-tool__input {
-  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.567 13.629c.728.464 1.581.65 2.41.558l-.873.873A3.722 3.722 0 1 1 4.84 9.794L6.694 7.94a3.722 3.722 0 0 1 5.256-.008L10.484 9.4a5.209 5.209 0 0 1-.017.016 1.625 1.625 0 0 0-2.29.009l-1.854 1.854a1.626 1.626 0 0 0 2.244 2.35zm2.766-7.358a3.722 3.722 0 0 0-2.41-.558l.873-.873a3.722 3.722 0 1 1 5.264 5.266l-1.854 1.854a3.722 3.722 0 0 1-5.256.008L9.416 10.5a5.2 5.2 0 0 1 .017-.016 1.625 1.625 0 0 0 2.29-.009l1.854-1.854a1.626 1.626 0 0 0-2.244-2.35z' fill='rgb(224, 147, 147)' transform='translate(-3.667 -2.7)'/%3E%3C/svg%3E%0A");
-  background-color: #fff3f6;
-  border-color: #f3e0e0;
-  color: #a95a5a;
-  box-shadow: inset 0 1px 3px 0 rgba(146, 62, 62, 0.05);
-}
-
-.embed-tool__input[contentEditable='true'][data-placeholder]::before,
-.embed-tool__caption[contentEditable='true'][data-placeholder]::before {
-  position: absolute;
-  content: attr(data-placeholder);
-  color: #707684;
-  font-weight: normal;
-  opacity: 0;
-}
-
-.embed-tool__input[contentEditable='true'][data-placeholder]:empty::before,
-.embed-tool__caption[contentEditable='true'][data-placeholder]:empty::before {
-  opacity: 1;
-}
-
-.embed-tool__input[contentEditable='true'][data-placeholder]:empty:focus::before,
-.embed-tool__caption[contentEditable='true'][data-placeholder]:empty:focus::before {
-  opacity: 0;
-}
-
-.embed-tool__progress {
-  position: absolute;
-  box-shadow: inset 0 1px 3px 0 rgba(102, 85, 107, 0.04);
-  height: 100%;
-  width: 0;
-  background-color: #f4f5f7;
-  z-index: -1;
-}
-
-.embed-tool__progress.embed-tool__progress--loading {
-  animation: progress 500ms ease-in;
-  animation-fill-mode: forwards;
-}
-
-.embed-tool__progress--loaded {
-  width: 100%;
-}
-
-/* .codex-editor--narrow .embed-tool__image {
-  display: none;
-} */
-
-@keyframes progress {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 85%;
-  }
-}
diff --git a/studio/src/components/Editor/index.css b/studio/src/components/Editor/index.css
deleted file mode 100644
index 9707d613f..000000000
--- a/studio/src/components/Editor/index.css
+++ /dev/null
@@ -1,55 +0,0 @@
-.ce-inline-toolbar,
-.ce-conversion-toolbar.ce-conversion-toolbar--showed {
-  background: linear-gradient(to bottom, rgba(49, 49, 47, 0.99), #262625);
-  background-repeat: repeat-x;
-  color: white;
-  border: none;
-  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
-}
-.ce-conversion-toolbar__label {
-  color: #fff;
-}
-
-.cdx-marker {
-  background: rgba(12, 235, 160, 0.9);
-}
-
-.ce-inline-toolbar svg,
-.ce-inline-tool .icon {
-  width: 1.5rem;
-  height: 1.5rem;
-  padding: 0.25rem;
-}
-.ce-inline-tool-input.ce-inline-tool-input--showed {
-  min-width: 350px;
-
-  color: #fff;
-  background: linear-gradient(to bottom, rgba(49, 49, 47, 0.99), #262625);
-}
-.ce-inline-tool-input::placeholder {
-  color: #fff;
-}
-.ce-inline-tool {
-  color: white;
-}
-.ce-inline-toolbar__dropdown,
-.ce-inline-tool {
-  padding: 0.375rem;
-}
-
-.ce-inline-toolbar__dropdown:hover,
-.ce-inline-tool:hover,
-.ce-conversion-tool:hover,
-.ce-conversion-tool.ce-conversion-tool--focused {
-  background: #757575;
-}
-.ce-conversion-tool.ce-conversion-tool--focused {
-  box-shadow: none !important;
-  background: #757575 !important;
-}
-.ce-conversion-tool__icon {
-  color: black;
-}
-.codex-editor {
-  word-spacing: 5px;
-}
diff --git a/studio/src/components/Editor/index.js b/studio/src/components/Editor/index.js
deleted file mode 100644
index 38d2fbe30..000000000
--- a/studio/src/components/Editor/index.js
+++ /dev/null
@@ -1,113 +0,0 @@
-import React from 'react';
-import EditorJS from '@editorjs/editorjs';
-import Header from '@editorjs/header';
-import List from '@editorjs/list';
-import Paragraph from '@editorjs/paragraph';
-import Quote from '@editorjs/quote';
-import RawTool from '@editorjs/raw';
-import Table from '@editorjs/table';
-import UppyUploader from './UppyUploader';
-import Marker from '@editorjs/marker';
-import CodeTool from '@editorjs/code';
-import Delimiter from '@editorjs/delimiter';
-import InlineCode from '@editorjs/inline-code';
-import { useSelector } from 'react-redux';
-import Embed from './Embed';
-import './index.css';
-
-function Editor({
-  value,
-  onChange,
-  style,
-  basic = false,
-  placeholder = 'Begin writing your post...',
-}) {
-  const editor_block = React.useRef(null);
-  const space_slug = useSelector((state) => {
-    return state.spaces.details[state.spaces.selected]?.slug;
-  });
-  const basicTools = {
-    header: {
-      class: Header,
-      inlineToolbar: true,
-      shortcut: 'CMD+OPTION+1',
-    },
-    list: {
-      class: List,
-      inlineToolbar: true,
-      shortcut: 'CMD+OPTION+6',
-    },
-    paragraph: {
-      class: Paragraph,
-      inlineToolbar: true,
-      shortcut: 'CMD+OPTION+0',
-    },
-    quote: {
-      class: Quote,
-      inlineToolbar: true,
-      shortcut: 'CMD+OPTION+O',
-    },
-  };
-  const editorTools = {
-    ...basicTools,
-    raw: {
-      class: RawTool,
-      shortcut: 'CMD+OPTION+R',
-    },
-    table: {
-      class: Table,
-      shortcut: 'CMD+OPTION+T',
-    },
-    code: {
-      class: CodeTool,
-      shortcut: 'CMD+OPTION+8',
-    },
-    delimiter: {
-      class: Delimiter,
-    },
-    inlineCode: {
-      class: InlineCode,
-      shortcut: 'CMD+E',
-    },
-    marker: {
-      class: Marker,
-      shortcut: 'CMD+OPTION+H',
-    },
-    embed: {
-      class: Embed,
-      shortcut: 'CMD+OPTION+E',
-    },
-    uppy: {
-      class: UppyUploader,
-      config: {
-        space_slug: space_slug,
-      },
-    },
-  };
-
-  React.useEffect(() => {
-    const editor = new EditorJS({
-      holder: editor_block.current,
-      placeholder: placeholder,
-      tools: basic ? basicTools : editorTools,
-      onChange: (value) =>
-        value.saver.save().then((value) => {
-          onChange(value);
-        }),
-      data: value,
-    });
-    // return () =>
-    //   editor.isReady.then(() => {
-    //     editor.destroy();
-    //     if (document.querySelectorAll('.ct')) {
-    //       document.querySelectorAll('.ct').forEach((e) => e.remove());
-    //     }
-    //     return;
-    //   });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  return <div style={style ? style : null} ref={editor_block}></div>;
-}
-
-export default Editor;
diff --git a/studio/src/components/Editor/utils.js b/studio/src/components/Editor/utils.js
deleted file mode 100644
index 90cae6833..000000000
--- a/studio/src/components/Editor/utils.js
+++ /dev/null
@@ -1,15 +0,0 @@
-export const make = function make(tagName, classNames = null, attributes = {}) {
-  const el = document.createElement(tagName);
-
-  if (Array.isArray(classNames)) {
-    el.classList.add(...classNames);
-  } else if (classNames) {
-    el.classList.add(classNames);
-  }
-
-  for (const attrName in attributes) {
-    el[attrName] = attributes[attrName];
-  }
-
-  return el;
-};
diff --git a/studio/src/components/EmptyState/index.tsx b/studio/src/components/EmptyState/index.tsx
new file mode 100644
index 000000000..aa14859ae
--- /dev/null
+++ b/studio/src/components/EmptyState/index.tsx
@@ -0,0 +1,95 @@
+import React, { ReactNode } from "react";
+import { FolderOpen, PlusCircle } from "lucide-react";
+import { Link } from "react-router-dom";
+import { Button } from "@/components/ui/button";
+
+// Map of content types to their respective icons
+const CONTENT_ICONS = {
+  default: FolderOpen,
+};
+
+export type ContentType = keyof typeof CONTENT_ICONS | string;
+
+interface EmptyStateProps {
+  contentType?: ContentType;
+  title?: string;
+  description?: string;
+  actionText?: string;
+  actionLink?: string;
+  isMobile?: boolean;
+  customIcon?: ReactNode;
+  onActionClick?: () => void;
+}
+
+const EmptyState: React.FC<EmptyStateProps> = ({
+  contentType = "default",
+  title,
+  description,
+  actionText,
+  actionLink,
+  isMobile = false,
+  customIcon,
+  onActionClick,
+}) => {
+  // Default texts based on content type
+  const defaultTitle = `No ${contentType} found`;
+  const defaultDescription = `Create your first ${contentType
+    .replace(/ies$/, "y")
+    .replace(/s$/, "")} to get started`;
+  const defaultActionText = `Create ${contentType
+    .replace(/ies$/, "y")
+    .replace(/s$/, "")}`;
+
+  // Get the icon component based on content type
+  const IconComponent =
+    CONTENT_ICONS[contentType as keyof typeof CONTENT_ICONS] ||
+    CONTENT_ICONS.default;
+
+  // Button handler - only rendered if actionLink or onActionClick is provided
+  const renderAction = () => {
+    if (onActionClick) {
+      return (
+        <Button
+          size={isMobile ? "default" : "lg"}
+          className="flex items-center gap-2"
+          onClick={onActionClick}
+        >
+          <PlusCircle className="h-4 w-4" />
+          {actionText || defaultActionText}
+        </Button>
+      );
+    } else if (actionLink) {
+      return (
+        <Link to={actionLink}>
+          <Button
+            size={isMobile ? "default" : "lg"}
+            className="flex items-center gap-2"
+          >
+            <PlusCircle className="h-4 w-4" />
+            {actionText || defaultActionText}
+          </Button>
+        </Link>
+      );
+    }
+    return null;
+  };
+
+  return (
+    <div className="flex flex-col items-center justify-center py-48 px-4">
+      <div className="w-16 h-16 mb-4">
+        {customIcon || (
+          <IconComponent className="w-full h-full text-gray-400" />
+        )}
+      </div>
+      <h3 className="text-xl font-semibold text-gray-900 mb-2">
+        {title || defaultTitle}
+      </h3>
+      <p className="text-gray-600 text-center mb-6">
+        {description || defaultDescription}
+      </p>
+      {(actionLink || onActionClick) && renderAction()}
+    </div>
+  );
+};
+
+export default EmptyState;
diff --git a/studio/src/components/ErrorsAndImage/PageNotFound.tsx b/studio/src/components/ErrorsAndImage/PageNotFound.tsx
new file mode 100644
index 000000000..0ee58ebd9
--- /dev/null
+++ b/studio/src/components/ErrorsAndImage/PageNotFound.tsx
@@ -0,0 +1,16 @@
+import React from "react";
+import RecordNotFound from "./RecordNotFound";
+
+const NotFoundPage: React.FC = () => {
+  return (
+    <RecordNotFound
+      status="404"
+      title="Sorry, the page you're looking for doesn't exist."
+      link="/"
+      entity="Home"
+      isReturnHome={true}
+    />
+  );
+};
+
+export default NotFoundPage;
diff --git a/studio/src/components/ErrorsAndImage/PlaceholderImage.js b/studio/src/components/ErrorsAndImage/PlaceholderImage.js
deleted file mode 100644
index 834b614a1..000000000
--- a/studio/src/components/ErrorsAndImage/PlaceholderImage.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import placeholderImg from './placeholderImage.svg';
-function PlaceholderImage({ width, height, maxWidth }) {
-  return (
-    <>
-      <img
-        src={placeholderImg}
-        width={width}
-        height={height}
-        alt=""
-        style={{ objectFit: 'contain', padding: '1rem', maxWidth: maxWidth || '240px' }}
-      />
-    </>
-  );
-}
-
-PlaceholderImage.defaultProps = {
-  height: 'auto',
-  width: '100%',
-};
-
-export default PlaceholderImage;
diff --git a/studio/src/components/ErrorsAndImage/PlaceholderImage.tsx b/studio/src/components/ErrorsAndImage/PlaceholderImage.tsx
new file mode 100644
index 000000000..5f760e094
--- /dev/null
+++ b/studio/src/components/ErrorsAndImage/PlaceholderImage.tsx
@@ -0,0 +1,26 @@
+import placeholderImg from './placeholderImage.svg';
+
+interface PlaceholderImageProps {
+  width?: string | number;
+  height?: string | number;
+  maxWidth?: string | number;
+}
+
+function PlaceholderImage({ 
+  width = '100%',
+  height = 'auto',
+  maxWidth = '240px'
+}: PlaceholderImageProps) {
+  return (
+    <img
+      src={placeholderImg}
+      width={width}
+      height={height}
+      alt="placeholder"
+      className="object-contain p-4"
+      style={{ maxWidth }}
+    />
+  );
+}
+
+export default PlaceholderImage;
\ No newline at end of file
diff --git a/studio/src/components/ErrorsAndImage/RecordNotFound.js b/studio/src/components/ErrorsAndImage/RecordNotFound.js
deleted file mode 100644
index b4d7deb54..000000000
--- a/studio/src/components/ErrorsAndImage/RecordNotFound.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-import { Result, Button } from 'antd';
-import { Link } from 'react-router-dom';
-
-function RecordNotFound({ status, title, link, entity }) {
-  return (
-    <Result
-      status={status ? status : '404'}
-      title={title ? title : 'Sorry, could not find what you are looking for.'}
-      extra={
-        link ? (
-          <Link to={link}>
-            <Button>Create {entity ? entity : 'Format'}</Button>
-          </Link>
-        ) : null
-      }
-    />
-  );
-}
-
-export default RecordNotFound;
diff --git a/studio/src/components/ErrorsAndImage/RecordNotFound.tsx b/studio/src/components/ErrorsAndImage/RecordNotFound.tsx
new file mode 100644
index 000000000..4fbea7cbd
--- /dev/null
+++ b/studio/src/components/ErrorsAndImage/RecordNotFound.tsx
@@ -0,0 +1,49 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { AlertCircle } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardFooter } from "@/components/ui/card";
+
+interface RecordNotFoundProps {
+  status?: string;
+  title?: string;
+  link?: string;
+  entity?: string;
+  isReturnHome?: boolean;
+}
+
+const RecordNotFound: React.FC<RecordNotFoundProps> = ({
+  status = "404",
+  title = "Sorry, could not find what you are looking for.",
+  link,
+  entity = "Format",
+  isReturnHome = false,
+}) => {
+  return (
+    <Card className="w-full max-w-md mx-auto mt-16 text-center">
+      <CardContent className="pt-6 flex flex-col items-center">
+        <div className="relative">
+          <div className="rounded-full bg-primary/5 p-3 mb-4">
+            <div className="rounded-full bg-primary/10 p-2">
+              <AlertCircle size={64} className="text-primary" />
+            </div>
+          </div>
+        </div>
+        <div className="text-3xl font-bold mb-2">{status}</div>
+        <p className="text-gray-600">{title}</p>
+      </CardContent>
+
+      <CardFooter className="flex justify-center">
+        {link ? (
+          <Link to={link}>
+            <Button className="flex items-center gap-2">
+              {isReturnHome ? <>Back {entity}</> : <>Create {entity}</>}
+            </Button>
+          </Link>
+        ) : null}
+      </CardFooter>
+    </Card>
+  );
+};
+
+export default RecordNotFound;
diff --git a/studio/src/components/ErrorsAndImage/placeholderImage.svg b/studio/src/components/ErrorsAndImage/placeholderImage.svg
index e6f4adef0..b60491176 100644
--- a/studio/src/components/ErrorsAndImage/placeholderImage.svg
+++ b/studio/src/components/ErrorsAndImage/placeholderImage.svg
@@ -1,34 +1,6 @@
-<svg id="ac40b6c7-c2ea-4a85-abe2-e42e72a37000" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="764.17285" height="572.568" viewBox="0 0 764.17285 572.568">
-  <path d="M949.08643,695.284H373.91357a33.03734,33.03734,0,0,1-33-33v-307a33.03734,33.03734,0,0,1,33-33H949.08643a33.03734,33.03734,0,0,1,33,33v307A33.03734,33.03734,0,0,1,949.08643,695.284Z" transform="translate(-217.91357 -163.716)" fill="#fff"/>
-  <path d="M949.08643,695.284H373.91357a33.03734,33.03734,0,0,1-33-33v-307a33.03734,33.03734,0,0,1,33-33H949.08643a33.03734,33.03734,0,0,1,33,33v307A33.03734,33.03734,0,0,1,949.08643,695.284Zm-575.17286-371a31.03521,31.03521,0,0,0-31,31v307a31.03521,31.03521,0,0,0,31,31H949.08643a31.03521,31.03521,0,0,0,31-31v-307a31.03521,31.03521,0,0,0-31-31Z" transform="translate(-217.91357 -163.716)" fill="#f2f2f2"/>
-  <path d="M949.08643,671.284H373.91357a9.01032,9.01032,0,0,1-9-9v-307a9.01032,9.01032,0,0,1,9-9H949.08643a9.01032,9.01032,0,0,1,9,9v307A9.01032,9.01032,0,0,1,949.08643,671.284Zm-575.17286-323a7.00787,7.00787,0,0,0-7,7v307a7.00787,7.00787,0,0,0,7,7H949.08643a7.00787,7.00787,0,0,0,7-7v-307a7.00787,7.00787,0,0,0-7-7Z" transform="translate(-217.91357 -163.716)" fill="#f2f2f2"/>
-  <path d="M802.69825,672.74654,246.72732,525.369a33.03733,33.03733,0,0,1-23.44266-40.354L301.9478,188.26413a33.03732,33.03732,0,0,1,40.354-23.44266L898.27268,312.199a33.03733,33.03733,0,0,1,23.44266,40.354L843.0522,649.30387A33.03734,33.03734,0,0,1,802.69825,672.74654Z" transform="translate(-217.91357 -163.716)" fill="#f2f2f2"/>
-  <path d="M802.69825,672.74654,246.72732,525.369a33.03733,33.03733,0,0,1-23.44266-40.354L301.9478,188.26413a33.03732,33.03732,0,0,1,40.354-23.44266L898.27268,312.199a33.03733,33.03733,0,0,1,23.44266,40.354L843.0522,649.30387A33.03734,33.03734,0,0,1,802.69825,672.74654ZM341.78929,166.7547A31.0352,31.0352,0,0,0,303.881,188.77659L225.21789,485.52751a31.0352,31.0352,0,0,0,22.02189,37.90826L803.21071,670.8133A31.0352,31.0352,0,0,0,841.119,648.79141l78.66314-296.75092a31.0352,31.0352,0,0,0-22.02189-37.90826Z" transform="translate(-217.91357 -163.716)" fill="#e6e6e6"/>
-  <path d="M808.84781,649.54777,252.87688,502.17024a9.01031,9.01031,0,0,1-6.39345-11.00563l78.66314-296.75092a9.01031,9.01031,0,0,1,11.00562-6.39346L892.12312,335.39777a9.0103,9.0103,0,0,1,6.39345,11.00562L819.85343,643.15431A9.01031,9.01031,0,0,1,808.84781,649.54777ZM335.63973,189.95347a7.00786,7.00786,0,0,0-8.55993,4.97268L248.41666,491.67707a7.00786,7.00786,0,0,0,4.97268,8.55993L809.36027,647.61454a7.00787,7.00787,0,0,0,8.55993-4.97269l78.66314-296.75092a7.00786,7.00786,0,0,0-4.97268-8.55993Z" transform="translate(-217.91357 -163.716)" fill="#fff"/>
-  <path d="M826.08643,736.284H250.91357a33.03734,33.03734,0,0,1-33-33v-307a33.03734,33.03734,0,0,1,33-33H826.08643a33.03734,33.03734,0,0,1,33,33v307A33.03734,33.03734,0,0,1,826.08643,736.284Z" transform="translate(-217.91357 -163.716)" fill="#fff"/>
-  <path d="M669.818,710.284h-371.43c-.46507.002-.92966-.01-1.38793-.03577l175.66931-98.93366c3.345-1.92234,10.84959-2.599,16.762-1.51148a15.18339,15.18339,0,0,1,4.64878,1.51148l117.89608,66.39218,5.64814,3.17689Z" transform="translate(-217.91357 -163.716)" fill="#e6e6e6"/>
-  <path d="M787,710.284H465.74351l62.2532-29.40041,4.48-2.11794,81.1215-38.31431c5.31828-2.51112,18.11244-2.66746,24.3653-.47362q.63.22445,1.16817.47362Z" transform="translate(-217.91357 -163.716)" fill="#e6e6e6"/>
-  <path d="M250.91357,365.284a31.03521,31.03521,0,0,0-31,31v307a31.03521,31.03521,0,0,0,31,31H826.08643a31.03521,31.03521,0,0,0,31-31v-307a31.03521,31.03521,0,0,0-31-31Z" transform="translate(-217.91357 -163.716)" fill="#3f3d56"/>
-  <path d="M826.08643,712.284H250.91357a9.01032,9.01032,0,0,1-9-9v-307a9.01032,9.01032,0,0,1,9-9H826.08643a9.01032,9.01032,0,0,1,9,9v307A9.01032,9.01032,0,0,1,826.08643,712.284Zm-575.17286-323a7.00787,7.00787,0,0,0-7,7v307a7.00787,7.00787,0,0,0,7,7H826.08643a7.00787,7.00787,0,0,0,7-7v-307a7.00787,7.00787,0,0,0-7-7Z" transform="translate(-217.91357 -163.716)" fill="#ccc"/>
-  <circle cx="480.01677" cy="217.85864" r="61.9031" fill="#ff6584"/>
-  <ellipse cx="505.89607" cy="345.09898" rx="78.40314" ry="98.13725" fill="#f2f2f2"/>
-  <polygon points="506.112 325.365 506.327 325.365 510.204 547.65 502.019 547.65 506.112 325.365" fill="#ccc"/>
-  <path d="M737.39778,636.24085v0a1.93854,1.93854,0,0,1-.81224,2.61841l-11.245,5.92024-1.80617-3.43065,11.245-5.92025A1.93854,1.93854,0,0,1,737.39778,636.24085Z" transform="translate(-217.91357 -163.716)" fill="#ccc"/>
-  <ellipse cx="280.48957" cy="345.09898" rx="78.40314" ry="98.13725" fill="#f2f2f2"/>
-  <path d="M511.99148,639.916v-.00008a1.939,1.939,0,0,0-2.61875-.81222l-7.85028,4.133-2.68873-154.15586h-.21534l-4.092,222.28567H502.711l-1.11258-63.788,9.58076-5.04407A1.93935,1.93935,0,0,0,511.99148,639.916Z" transform="translate(-217.91357 -163.716)" fill="#ccc"/>
-  <path d="M610.83353,282.6528c54.86685,0,99.46253,103.38233,99.46253,172.05918s-44.47834,124.35043-99.3452,124.35043S511.60567,523.38883,511.60567,454.712,555.96669,282.6528,610.83353,282.6528Z" transform="translate(-217.91357 -163.716)" fill="#6c63ff"/>
-  <path d="M628.16826,619.831a2.45587,2.45587,0,0,0-3.31741-1.02913l-9.94743,5.2369-3.40653-195.332h-.27276L606.03866,710.3665h10.37093l-1.40987-80.82639,12.1397-6.39128A2.45593,2.45593,0,0,0,628.16826,619.831Z" transform="translate(-217.91357 -163.716)" fill="#3f3d56"/>
-  <path d="M828.08643,734.284H252.91357a33.03734,33.03734,0,0,1-33-33v-307a33.03734,33.03734,0,0,1,33-33H828.08643a33.03734,33.03734,0,0,1,33,33v307A33.03734,33.03734,0,0,1,828.08643,734.284Z" transform="translate(-217.91357 -163.716)" fill="#fff"/>
-  <path d="M671.818,708.284h-371.43c-.46507.002-.92966-.01-1.38793-.03577l175.66931-98.93366c3.345-1.92234,10.84959-2.599,16.762-1.51148a15.18339,15.18339,0,0,1,4.64878,1.51148l117.89608,66.39218,5.64814,3.17689Z" transform="translate(-217.91357 -163.716)" fill="#e6e6e6"/>
-  <path d="M789,708.284H467.74351l62.2532-29.40041,4.48-2.11794,81.1215-38.31431c5.31828-2.51112,18.11244-2.66746,24.3653-.47362q.63.22445,1.16817.47362Z" transform="translate(-217.91357 -163.716)" fill="#e6e6e6"/>
-  <path d="M828.08643,734.284H252.91357a33.03734,33.03734,0,0,1-33-33v-307a33.03734,33.03734,0,0,1,33-33H828.08643a33.03734,33.03734,0,0,1,33,33v307A33.03734,33.03734,0,0,1,828.08643,734.284Zm-575.17286-371a31.03521,31.03521,0,0,0-31,31v307a31.03521,31.03521,0,0,0,31,31H828.08643a31.03521,31.03521,0,0,0,31-31v-307a31.03521,31.03521,0,0,0-31-31Z" transform="translate(-217.91357 -163.716)" fill="#3f3d56"/>
-  <path d="M828.08643,710.284H252.91357a9.01032,9.01032,0,0,1-9-9v-307a9.01032,9.01032,0,0,1,9-9H828.08643a9.01032,9.01032,0,0,1,9,9v307A9.01032,9.01032,0,0,1,828.08643,710.284Zm-575.17286-323a7.00787,7.00787,0,0,0-7,7v307a7.00787,7.00787,0,0,0,7,7H828.08643a7.00787,7.00787,0,0,0,7-7v-307a7.00787,7.00787,0,0,0-7-7Z" transform="translate(-217.91357 -163.716)" fill="#ccc"/>
-  <circle cx="482.01677" cy="215.85864" r="61.9031" fill="#ff6584"/>
-  <ellipse cx="507.89607" cy="343.09898" rx="78.40314" ry="98.13725" fill="#f2f2f2"/>
-  <polygon points="508.112 323.365 508.327 323.365 512.204 545.65 504.019 545.65 508.112 323.365" fill="#ccc"/>
-  <path d="M739.39778,634.24085v0a1.93854,1.93854,0,0,1-.81224,2.61841l-11.245,5.92024-1.80617-3.43065,11.245-5.92025A1.93854,1.93854,0,0,1,739.39778,634.24085Z" transform="translate(-217.91357 -163.716)" fill="#ccc"/>
-  <ellipse cx="282.48957" cy="343.09898" rx="78.40314" ry="98.13725" fill="#f2f2f2"/>
-  <path d="M513.99148,637.916v-.00008a1.939,1.939,0,0,0-2.61875-.81222l-7.85028,4.133-2.68873-154.15586h-.21534l-4.092,222.28567H504.711l-1.11258-63.788,9.58076-5.04407A1.93935,1.93935,0,0,0,513.99148,637.916Z" transform="translate(-217.91357 -163.716)" fill="#ccc"/>
-  <path d="M612.83353,280.6528c54.86685,0,99.46253,103.38233,99.46253,172.05918s-44.47834,124.35043-99.3452,124.35043S513.60567,521.38883,513.60567,452.712,557.96669,280.6528,612.83353,280.6528Z" transform="translate(-217.91357 -163.716)" fill="#958ff9"/>
-  <path d="M630.16826,617.831a2.45587,2.45587,0,0,0-3.31741-1.02913l-9.94743,5.2369-3.40653-195.332h-.27276L608.03866,708.3665h10.37093l-1.40987-80.82639,12.1397-6.39128A2.45593,2.45593,0,0,0,630.16826,617.831Z" transform="translate(-217.91357 -163.716)" fill="#3f3d56"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+  <path d="M20.6 42H10C8.93913 42 7.92172 41.5786 7.17157 40.8284C6.42143 40.0783 6 39.0609 6 38V10C6 8.93913 6.42143 7.92172 7.17157 7.17157C7.92172 6.42143 8.93913 6 10 6H38C39.0609 6 40.0783 6.42143 40.8284 7.17157C41.5786 7.92172 42 8.93913 42 10V30L35.8 23.8C35.0474 23.0624 34.0341 22.6515 32.9802 22.6568C31.9264 22.662 30.9172 23.0829 30.172 23.828L12 42" stroke="#666666" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M28 39L34 33L40 39" stroke="#666666" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M34 44V33" stroke="#666666" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M18 22C20.2091 22 22 20.2091 22 18C22 15.7909 20.2091 14 18 14C15.7909 14 14 15.7909 14 18C14 20.2091 15.7909 22 18 22Z" stroke="#666666" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>
\ No newline at end of file
diff --git a/studio/src/components/FiltersPopover.tsx b/studio/src/components/FiltersPopover.tsx
new file mode 100644
index 000000000..e5205ab72
--- /dev/null
+++ b/studio/src/components/FiltersPopover.tsx
@@ -0,0 +1,112 @@
+import { Filter } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Form, FormField, FormItem, FormLabel } from "@/components/ui/form";
+import Selector from "./Selector";
+import { useIsMobile } from "@/hooks/use-mobile";
+
+export interface FiltersPopoverProps<T = any> {
+  form: any;
+  isOpen?: boolean;
+  setIsOpen?: (open: boolean) => void;
+  onSave: (values: T) => void;
+  hasActiveFilters?: boolean;
+}
+
+const FiltersPopover = <T extends Record<string, any>>({
+  form,
+  isOpen,
+  setIsOpen,
+  onSave,
+  hasActiveFilters,
+}: FiltersPopoverProps<T>) => {
+  const isMobile = useIsMobile();
+
+  return (
+    <Popover open={isOpen} onOpenChange={setIsOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant={hasActiveFilters ? "default" : "outline"}
+          size={isMobile ? "sm" : "default"}
+          className="flex items-center gap-2 bg-[#F0F5FF] text-[#0D1D2D] font-normal"
+        >
+          <Filter className="h-4 w-4" />
+          <span>Filters</span>
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent
+        className={isMobile ? "w-[calc(100vw-2rem)] p-3" : "w-80 p-4"}
+      >
+        <div className="space-y-4">
+          <h3 className="font-medium text-sm">Filters</h3>
+          <Form {...form}>
+            <div className="space-y-4">
+              <FormField
+                control={form.control}
+                name="tag"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Tags</FormLabel>
+                    <Selector
+                      mode="multiple"
+                      action="Tags"
+                      placeholder="Filter Tags"
+                      {...field}
+                    />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="category"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Categories</FormLabel>
+                    <Selector
+                      mode="multiple"
+                      action="Categories"
+                      placeholder="Filter Categories"
+                      {...field}
+                    />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="author"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Authors</FormLabel>
+                    <Selector
+                      mode="multiple"
+                      action="Authors"
+                      placeholder="Filter Authors"
+                      display="display_name"
+                      {...field}
+                    />
+                  </FormItem>
+                )}
+              />
+
+              <Button
+                type="button"
+                className="w-full"
+                onClick={() => form.handleSubmit(onSave)()}
+              >
+                Apply Filters
+              </Button>
+            </div>
+          </Form>
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+};
+
+export default FiltersPopover;
diff --git a/studio/src/components/FormItems/DescriptionInput.js b/studio/src/components/FormItems/DescriptionInput.js
deleted file mode 100644
index be4f48072..000000000
--- a/studio/src/components/FormItems/DescriptionInput.js
+++ /dev/null
@@ -1,172 +0,0 @@
-import React from 'react';
-import { Form } from 'antd';
-import axios from 'axios';
-import { RATINGS_API } from '../../constants/ratings';
-import { CLAIMANTS_API } from '../../constants/claimants';
-import { CLAIMS_API } from '../../constants/claims';
-import { ScooterCore as Editor } from '@factly/scooter-core';
-import { MEDIA_API } from '../../constants/media';
-import { useSelector } from 'react-redux';
-import { FactCheck } from '@factly/scooter-claim';
-import { Image } from '@factly/scooter-image';
-import { Embed } from '@factly/scooter-embed';
-import { ScooterTable } from '@factly/scooter-table';
-import { CodeBlock } from '@factly/scooter-code-block';
-
-const DescriptionInput = ({
-  name = 'description',
-  label = 'Description',
-  noLabel = false,
-  onChange = () => {},
-  inputProps,
-  formItemProps,
-  initialValue,
-  rows,
-}) => {
-  const space_slug = useSelector((state) => {
-    return state.spaces.details[state.spaces.selected]?.slug;
-  });
-  inputProps = { ...inputProps, onChange };
-  formItemProps = noLabel ? formItemProps : { ...formItemProps, label };
-
-  return (
-    <Form.Item name={name} {...formItemProps}>
-      {/* <Editor {...inputProps} /> */}
-      <Editor
-        extensions={[FactCheck, Image, Embed, ScooterTable, CodeBlock]}
-        menuType="bubble"
-        heightStrategy="flexible"
-        rows={rows ? rows : 10}
-        {...inputProps}
-        initialValue={initialValue}
-        uploadEndpoint={window.REACT_APP_COMPANION_URL}
-        iframelyEndpoint={window.REACT_APP_IFRAMELY_URL}
-        meta={{
-          claims: {
-            1: { id: 1, claim: 'Claim 1', fact: 'Fact 1' },
-            2: { id: 2, claim: 'Claim 2', fact: 'Fact 2' },
-            3: { id: 3, claim: 'Claim 3', fact: 'Fact 3' },
-            4: { id: 4, claim: 'Claim 4', fact: 'Fact 4' },
-          },
-        }}
-        claimConfig={{
-          ratingsFetcher: (page = 1) => {
-            return axios
-              .get(RATINGS_API, {
-                params: { page: page, limit: 10 },
-              })
-              .then((res) => {
-                return res.data;
-              });
-          },
-          claimantsFetcher: (page = 1) => {
-            return axios
-              .get(CLAIMANTS_API, {
-                params: { page: page, limit: 10 },
-              })
-              .then((res) => {
-                return res.data;
-              });
-          },
-          claimsFetcher: (searchTerm, page = 1, limit = 10, sort = 'desc') => {
-            const params = new URLSearchParams();
-            params.append('q', searchTerm);
-            params.append('page', page);
-            params.append('limit', limit);
-            params.append('sort', sort);
-            return axios.get(CLAIMS_API, { params: params }).then((res) => {
-              return res.data;
-            });
-          },
-          addClaim: (values) => {
-            function convertIdsToNumbers(obj) {
-              for (const key in obj) {
-                if (obj.hasOwnProperty(key)) {
-                  if (!isNaN(obj[key])) {
-                    obj[key] = Number(obj[key]);
-                  }
-                }
-              }
-              return obj;
-            }
-            return axios.post(CLAIMS_API, convertIdsToNumbers(values)).then((res) => {
-              return res.data;
-            });
-          },
-        }}
-        imagesFetcher={(currentPage) =>
-          axios
-            .get(MEDIA_API, {
-              params: { page: currentPage, limit: 12 },
-            })
-            .then((res) => res.data)
-        }
-        onFileAdded={(file) => {
-          const data = file.data;
-          const url = data.thumbnail ? data.thumbnail : URL.createObjectURL(data);
-          const image = document.createElement('img');
-          image.src = url;
-          image.onload = () => {
-            // uppy.setFileMeta(file.id, { width: image.width, height: image.height });
-            URL.revokeObjectURL(url);
-          };
-          image.onerror = () => {
-            URL.revokeObjectURL(url);
-          };
-        }}
-        onUploadComplete={(result) => {
-          const successful = result.successful[0];
-          const { meta } = successful;
-          const upload = {};
-          upload['alt_text'] = meta.caption;
-          upload['caption'] = meta.caption;
-          upload['description'] = meta.caption;
-          upload['dimensions'] = `${meta.width}x${meta.height}`;
-          upload['file_size'] = successful.size;
-          upload['name'] = successful.fileName;
-          upload['slug'] = successful.response.body.key;
-          upload['title'] = meta.caption ? meta.caption : ' ';
-          upload['type'] = successful.meta.type;
-          upload['url'] = {};
-          upload['url']['raw'] = successful.uploadURL;
-
-          axios.post(MEDIA_API, [upload]).catch((error) => {
-            console.error(error);
-          });
-        }}
-        uploadConfig={{
-          restrictions: {
-            maxFileSize: 5242880,
-            allowedFileTypes: ['.jpg', '.jpeg', '.png', '.gif'],
-          },
-          onBeforeUpload: (files) => {
-            const updatedFiles = {};
-
-            Object.keys(files).forEach((fileID) => {
-              updatedFiles[fileID] = {
-                ...files[fileID],
-                fileName: files[fileID].meta.name,
-                meta: {
-                  ...files[fileID].meta,
-                  name:
-                    space_slug +
-                    '/' +
-                    new Date().getFullYear() +
-                    '/' +
-                    new Date().getMonth() +
-                    '/' +
-                    Date.now().toString() +
-                    '_' +
-                    files[fileID].meta.name,
-                },
-              };
-            });
-            return updatedFiles;
-          },
-        }}
-      />
-    </Form.Item>
-  );
-};
-
-export default DescriptionInput;
diff --git a/studio/src/components/FormItems/DescriptionInput.tsx b/studio/src/components/FormItems/DescriptionInput.tsx
new file mode 100644
index 000000000..e780f05cb
--- /dev/null
+++ b/studio/src/components/FormItems/DescriptionInput.tsx
@@ -0,0 +1,206 @@
+import React from "react";
+import axios from "axios";
+import { useSelector } from "react-redux";
+import { FormItem, FormLabel, FormControl } from "@/components/ui/form";
+import { ScooterCore as Editor } from "@factly/scooter-core";
+import { FactCheck } from "@factly/scooter-claim";
+import { Image } from "@factly/scooter-image";
+import { Embed } from "@factly/scooter-embed";
+import { ScooterTable } from "@factly/scooter-table";
+import { CodeBlock } from "@factly/scooter-code-block";
+import { RATINGS_API } from "../../constants/ratings";
+import { CLAIMANTS_API } from "../../constants/claimants";
+import { CLAIMS_API } from "../../constants/claims";
+import { MEDIA_API } from "../../constants/media";
+
+interface DescriptionInputProps {
+  name?: string;
+  label?: string;
+  noLabel?: boolean;
+  onChange?: (value: any) => void;
+  inputProps?: Record<string, any>;
+  formItemProps?: Record<string, any>;
+  initialValue?: any;
+  rows?: number;
+}
+
+interface RootState {
+  spaces: {
+    selected: number;
+    details: Record<number, { slug: string }>;
+  };
+}
+
+const DescriptionInput: React.FC<DescriptionInputProps> = ({
+  name = "description",
+  label = "Description",
+  noLabel = false,
+  onChange = () => {},
+  inputProps = {},
+  formItemProps = {},
+  initialValue,
+  rows,
+}) => {
+  const space_slug = useSelector((state: RootState) => {
+    return state.spaces.details[state.spaces.selected]?.slug;
+  });
+
+  const mergedInputProps = { ...inputProps, onChange };
+  const mergedFormItemProps = noLabel
+    ? formItemProps
+    : { ...formItemProps, label };
+
+  return (
+    <FormItem {...mergedFormItemProps}>
+      {!noLabel && <FormLabel htmlFor={name}>{label}</FormLabel>}
+      <FormControl>
+        <Editor
+          id={name}
+          extensions={[FactCheck, Image, Embed, ScooterTable, CodeBlock]}
+          menuType="bubble"
+          heightStrategy="flexible"
+          rows={rows ? rows : 10}
+          {...mergedInputProps}
+          initialValue={initialValue}
+          uploadEndpoint={import.meta.env.VITE_COMPANION_URL}
+          iframelyEndpoint={import.meta.env.VITE_IFRAMELY_URL}
+          meta={{
+            claims: {
+              1: { id: 1, claim: "Claim 1", fact: "Fact 1" },
+              2: { id: 2, claim: "Claim 2", fact: "Fact 2" },
+              3: { id: 3, claim: "Claim 3", fact: "Fact 3" },
+              4: { id: 4, claim: "Claim 4", fact: "Fact 4" },
+            },
+          }}
+          claimConfig={{
+            ratingsFetcher: (page = 1) => {
+              return axios
+                .get(RATINGS_API, {
+                  params: { page: page, limit: 10 },
+                })
+                .then((res) => {
+                  return res.data;
+                });
+            },
+            claimantsFetcher: (page = 1) => {
+              return axios
+                .get(CLAIMANTS_API, {
+                  params: { page: page, limit: 10 },
+                })
+                .then((res) => {
+                  return res.data;
+                });
+            },
+            claimsFetcher: (
+              searchTerm: string,
+              page = 1,
+              limit = 10,
+              sort = "desc"
+            ) => {
+              const params = new URLSearchParams();
+              params.append("q", searchTerm);
+              params.append("page", page.toString());
+              params.append("limit", limit.toString());
+              params.append("sort", sort);
+              return axios.get(CLAIMS_API, { params: params }).then((res) => {
+                return res.data;
+              });
+            },
+            addClaim: (values: Record<string, any>) => {
+              function convertIdsToNumbers(
+                obj: Record<string, any>
+              ): Record<string, any> {
+                for (const key in obj) {
+                  if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    if (!isNaN(Number(obj[key]))) {
+                      obj[key] = Number(obj[key]);
+                    }
+                  }
+                }
+                return obj;
+              }
+              return axios
+                .post(CLAIMS_API, convertIdsToNumbers(values))
+                .then((res) => {
+                  return res.data;
+                });
+            },
+          }}
+          imagesFetcher={(currentPage: number) =>
+            axios
+              .get(MEDIA_API, {
+                params: { page: currentPage, limit: 12 },
+              })
+              .then((res) => res.data)
+          }
+          onFileAdded={(file: any) => {
+            const data = file.data;
+            const url = data.thumbnail
+              ? data.thumbnail
+              : URL.createObjectURL(data);
+            const image = document.createElement("img");
+            image.src = url;
+            image.onload = () => {
+              URL.revokeObjectURL(url);
+            };
+            image.onerror = () => {
+              URL.revokeObjectURL(url);
+            };
+          }}
+          onUploadComplete={(result: any) => {
+            const successful = result.successful[0];
+            const { meta } = successful;
+            const upload: Record<string, any> = {};
+            upload["alt_text"] = meta.caption;
+            upload["caption"] = meta.caption;
+            upload["description"] = meta.caption;
+            upload["dimensions"] = `${meta.width}x${meta.height}`;
+            upload["file_size"] = successful.size;
+            upload["name"] = successful.fileName;
+            upload["slug"] = successful.response.body.key;
+            upload["title"] = meta.caption ? meta.caption : " ";
+            upload["type"] = successful.meta.type;
+            upload["url"] = {};
+            upload["url"]["raw"] = successful.uploadURL;
+
+            axios.post(MEDIA_API, [upload]).catch((error) => {
+              console.error(error);
+            });
+          }}
+          uploadConfig={{
+            restrictions: {
+              maxFileSize: 5242880,
+              allowedFileTypes: [".jpg", ".jpeg", ".png", ".gif"],
+            },
+            onBeforeUpload: (files: Record<string, any>) => {
+              const updatedFiles: Record<string, any> = {};
+
+              Object.keys(files).forEach((fileID) => {
+                updatedFiles[fileID] = {
+                  ...files[fileID],
+                  fileName: files[fileID].meta.name,
+                  meta: {
+                    ...files[fileID].meta,
+                    name:
+                      space_slug +
+                      "/" +
+                      new Date().getFullYear() +
+                      "/" +
+                      new Date().getMonth() +
+                      "/" +
+                      Date.now().toString() +
+                      "_" +
+                      files[fileID].meta.name,
+                  },
+                };
+              });
+              return updatedFiles;
+            },
+          }}
+        />
+      </FormControl>
+    </FormItem>
+  );
+};
+
+export default DescriptionInput;
diff --git a/studio/src/components/FormItems/MetaForm.js b/studio/src/components/FormItems/MetaForm.js
deleted file mode 100644
index 358a511cf..000000000
--- a/studio/src/components/FormItems/MetaForm.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from 'react';
-import { Collapse, Form, Button, Input } from 'antd';
-import MonacoEditor from '../MonacoEditor/index';
-import { useSelector } from 'react-redux';
-import SocialCardPreview from '../PreviewSocialCard/index';
-
-const MetaForm = ({ form, formData, style }) => {
-  const siteAddress = useSelector(
-    ({ spaces: { details, selected } }) => details[selected].site_address,
-  );
-  return (
-    <>
-      <Collapse
-        expandIconPosition="right"
-        expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-        style={{ width: '100%', ...style }}
-      >
-        <Collapse.Panel header="Meta Data">
-          <Form.Item name={['meta', 'title']} label="Meta Title">
-            <Input />
-          </Form.Item>
-          <Form.Item name={['meta', 'description']} label="Meta Description">
-            <Input.TextArea />
-          </Form.Item>
-          <Form.Item name={['meta', 'canonical_URL']} label="Canonical URL">
-            <Input />
-          </Form.Item>
-        </Collapse.Panel>
-      </Collapse>
-      <Collapse
-        expandIconPosition="right"
-        expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-        style={{ width: '100%', ...style }}
-      >
-        <Collapse.Panel header="Code Injection">
-          <Form.Item name="header_code" label="Header Code">
-            <MonacoEditor language="html" width="100%" />
-          </Form.Item>
-          <Form.Item name="footer_code" label="Footer Code">
-            <MonacoEditor language="html" width="100%" />
-          </Form.Item>
-        </Collapse.Panel>
-      </Collapse>
-      <Collapse
-        expandIconPosition="right"
-        expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-        style={{ width: '100%', ...style }}
-      >
-        <Collapse.Panel header="Meta Fields">
-          <Form.Item name="meta_fields">
-            <MonacoEditor language="json" width="100%" />
-          </Form.Item>
-        </Collapse.Panel>
-      </Collapse>
-    </>
-  );
-};
-
-export default MetaForm;
diff --git a/studio/src/components/FormItems/MetaForm.tsx b/studio/src/components/FormItems/MetaForm.tsx
new file mode 100644
index 000000000..1b1f13ed6
--- /dev/null
+++ b/studio/src/components/FormItems/MetaForm.tsx
@@ -0,0 +1,326 @@
+import React from "react";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Label } from "@/components/ui/label";
+import { FormField, FormItem, FormLabel } from "@/components/ui/form";
+import MonacoEditor from "../MonacoEditor";
+
+interface MetaFormProps {
+  formData?: MetaFormData;
+  style?: React.CSSProperties;
+  onChange?: () => void;
+  form?: any;
+}
+
+interface MetaFormData {
+  meta?: {
+    title?: string;
+    description?: string;
+    canonical_URL?: string;
+  };
+  header_code?: string;
+  footer_code?: string;
+  meta_fields?: string;
+}
+
+const MetaForm: React.FC<MetaFormProps> = ({
+  formData,
+  style,
+  form,
+  onChange,
+}) => {
+  const [headerCode, setHeaderCode] = React.useState(
+    formData?.header_code || ""
+  );
+  const [footerCode, setFooterCode] = React.useState(
+    formData?.footer_code || ""
+  );
+  const [metaFields, setMetaFields] = React.useState(
+    formData?.meta_fields || ""
+  );
+
+  const handleMetaFieldsChange = (value: string | undefined) => {
+    if (value !== undefined) {
+      setMetaFields(value);
+      if (form) {
+        form.setValue("meta_fields", value);
+      }
+      if (onChange) {
+        onChange();
+      }
+    }
+  };
+
+  const handleHeaderCodeChange = (value: string | undefined) => {
+    if (value !== undefined) {
+      setHeaderCode(value);
+      if (form) {
+        form.setValue("header_code", value);
+      }
+      if (onChange) {
+        onChange();
+      }
+    }
+  };
+
+  const handleFooterCodeChange = (value: string | undefined) => {
+    if (value !== undefined) {
+      setFooterCode(value);
+      if (form) {
+        form.setValue("footer_code", value);
+      }
+      if (onChange) {
+        onChange();
+      }
+    }
+  };
+
+  const handleTextareaChange = (
+    e: React.ChangeEvent<HTMLTextAreaElement>,
+    fieldName: string
+  ) => {
+    if (form) {
+      form.setValue(fieldName, e.target.value);
+    }
+    if (onChange) {
+      onChange();
+    }
+  };
+
+  return (
+    <div className="w-full" style={style}>
+      <Accordion type="multiple" className="w-full">
+        <AccordionItem
+          value="meta-data"
+          className="rounded-md overflow-hidden mb-2"
+        >
+          <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+            <div className="flex items-center justify-between w-full">
+              <span className="text-base font-medium">Meta Data</span>
+            </div>
+          </AccordionTrigger>
+          <AccordionContent>
+            <div className="space-y-4 bg-white py-3 px-4">
+              {form ? (
+                <>
+                  <FormField
+                    control={form.control}
+                    name="meta.title"
+                    render={({ field }) => (
+                      <FormItem className="mb-4 sm:mb-6">
+                        <FormLabel className="text-base">Meta Title</FormLabel>
+                        <Input {...field} placeholder="Enter meta title" />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name="meta.description"
+                    render={({ field }) => (
+                      <FormItem className="mb-4 sm:mb-6">
+                        <FormLabel className="text-base">
+                          Meta Description
+                        </FormLabel>
+                        <Textarea
+                          {...field}
+                          placeholder="Enter meta description"
+                          rows={4}
+                        />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name="meta.canonical_URL"
+                    render={({ field }) => (
+                      <FormItem className="mb-4 sm:mb-6">
+                        <FormLabel className="text-base">
+                          Canonical URL
+                        </FormLabel>
+                        <Input {...field} placeholder="Enter canonical URL" />
+                      </FormItem>
+                    )}
+                  />
+                </>
+              ) : (
+                <>
+                  <div className="mb-4 sm:mb-6">
+                    <Label htmlFor="meta-title" className="text-base">
+                      Meta Title
+                    </Label>
+                    <Input
+                      id="meta-title"
+                      defaultValue={formData?.meta?.title}
+                      placeholder="Enter meta title"
+                      className="mt-2"
+                      onChange={() => onChange && onChange()}
+                    />
+                  </div>
+                  <div className="mb-4 sm:mb-6">
+                    <Label htmlFor="meta-description" className="text-base">
+                      Meta Description
+                    </Label>
+                    <Textarea
+                      id="meta-description"
+                      defaultValue={formData?.meta?.description}
+                      placeholder="Enter meta description"
+                      className="mt-2"
+                      rows={4}
+                      onChange={() => onChange && onChange()}
+                    />
+                  </div>
+                  <div className="mb-4 sm:mb-6">
+                    <Label htmlFor="canonical-url" className="text-base">
+                      Canonical URL
+                    </Label>
+                    <Input
+                      id="canonical-url"
+                      defaultValue={formData?.meta?.canonical_URL}
+                      placeholder="Enter canonical URL"
+                      className="mt-2"
+                      onChange={() => onChange && onChange()}
+                    />
+                  </div>
+                </>
+              )}
+            </div>
+          </AccordionContent>
+        </AccordionItem>
+
+        <AccordionItem
+          value="code-injection"
+          className="rounded-md overflow-hidden mb-2"
+        >
+          <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+            <div className="flex items-center justify-between w-full">
+              <span className="text-base font-medium">Code Injection</span>
+            </div>
+          </AccordionTrigger>
+          <AccordionContent>
+            <div className="space-y-4 bg-white py-3 px-4">
+              {form ? (
+                <>
+                  <FormField
+                    control={form.control}
+                    name="header_code"
+                    render={({ field }) => (
+                      <FormItem className="mb-4 sm:mb-6">
+                        <FormLabel className="text-base">Header Code</FormLabel>
+                        <MonacoEditor
+                          value={field.value || ""}
+                          onChange={(value) => {
+                            field.onChange(value);
+                            handleHeaderCodeChange(value);
+                          }}
+                          language="html"
+                          title="Header Code"
+                        />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name="footer_code"
+                    render={({ field }) => (
+                      <FormItem className="mb-4 sm:mb-6">
+                        <FormLabel className="text-base">Footer Code</FormLabel>
+                        <MonacoEditor
+                          value={field.value || ""}
+                          onChange={(value) => {
+                            field.onChange(value);
+                            handleFooterCodeChange(value);
+                          }}
+                          language="html"
+                          title="Footer Code"
+                        />
+                      </FormItem>
+                    )}
+                  />
+                </>
+              ) : (
+                <>
+                  <div className="mb-4 sm:mb-6">
+                    <Label htmlFor="header-code" className="text-base">
+                      Header Code
+                    </Label>
+                    <MonacoEditor
+                      value={headerCode}
+                      onChange={handleHeaderCodeChange}
+                      language="html"
+                      title="Header Code"
+                    />
+                  </div>
+                  <div className="mb-4 sm:mb-6">
+                    <Label htmlFor="footer-code" className="text-base">
+                      Footer Code
+                    </Label>
+                    <MonacoEditor
+                      value={footerCode}
+                      onChange={handleFooterCodeChange}
+                      language="html"
+                      title="Footer Code"
+                    />
+                  </div>
+                </>
+              )}
+            </div>
+          </AccordionContent>
+        </AccordionItem>
+
+        <AccordionItem
+          value="meta-fields"
+          className="rounded-md overflow-hidden mb-2"
+        >
+          <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+            <div className="flex items-center justify-between w-full">
+              <span className="text-base font-medium">Meta Fields</span>
+            </div>
+          </AccordionTrigger>
+          <AccordionContent>
+            <div className="bg-white py-3 px-4">
+              {form ? (
+                <FormField
+                  control={form.control}
+                  name="meta_fields"
+                  render={({ field }) => (
+                    <FormItem className="mb-4 sm:mb-6">
+                      <MonacoEditor
+                        value={field.value || ""}
+                        onChange={(value) => {
+                          field.onChange(value);
+                          handleMetaFieldsChange(value);
+                        }}
+                        language="json"
+                        title="Meta Fields"
+                      />
+                    </FormItem>
+                  )}
+                />
+              ) : (
+                <div className="mb-4 sm:mb-6">
+                  <MonacoEditor
+                    value={metaFields}
+                    onChange={handleMetaFieldsChange}
+                    language="json"
+                    title="Meta Fields"
+                  />
+                </div>
+              )}
+            </div>
+          </AccordionContent>
+        </AccordionItem>
+      </Accordion>
+    </div>
+  );
+};
+
+export default MetaForm;
diff --git a/studio/src/components/FormItems/SlugInput.js b/studio/src/components/FormItems/SlugInput.js
deleted file mode 100644
index 9471876b8..000000000
--- a/studio/src/components/FormItems/SlugInput.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import { checker } from '../../utils/sluger';
-import { Form, Input } from 'antd';
-
-const SlugInput = ({ onChange, inputProps, formItemProps }) => {
-  inputProps = onChange ? { ...inputProps, onChange } : { ...inputProps };
-  return (
-    <Form.Item
-      name="slug"
-      label="Slug"
-      rules={[
-        {
-          required: true,
-          message: 'Please input the slug!',
-        },
-        {
-          pattern: checker,
-          message: 'Please enter valid slug!',
-        },
-      ]}
-      {...formItemProps}
-    >
-      <Input {...inputProps} />
-    </Form.Item>
-  );
-};
-
-export default SlugInput;
diff --git a/studio/src/components/FormItems/SlugInput.tsx b/studio/src/components/FormItems/SlugInput.tsx
new file mode 100644
index 000000000..92556ae64
--- /dev/null
+++ b/studio/src/components/FormItems/SlugInput.tsx
@@ -0,0 +1,66 @@
+import React from "react";
+import { UseFormReturn } from "react-hook-form";
+import { Input } from "@/components/ui/input";
+import {
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+} from "@/components/ui/form";
+import { checker } from "../../utils/sluger";
+
+interface SlugInputProps {
+  form: UseFormReturn<any>;
+  label?: string;
+  required?: boolean;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export const SlugInput: React.FC<SlugInputProps> = ({
+  form,
+  label = "Slug",
+  required = true,
+  onChange,
+}) => {
+  return (
+    <FormField
+      control={form.control}
+      name="slug"
+      rules={{
+        required: required ? "Slug is required" : false,
+        pattern: {
+          value: checker,
+          message: "Please enter a valid slug!",
+        },
+      }}
+      render={({ field }) => (
+        <FormItem>
+          <FormLabel className="text-base">{label}</FormLabel>
+          <FormControl>
+            <Input
+              {...field}
+              placeholder="slug-value"
+              onChange={(e) => {
+                const value = e.target.value
+                  .toLowerCase()
+                  .replace(/\s+/g, "-")
+                  .replace(/[^a-z0-9-]/g, "")
+                  .replace(/-+/g, "-");
+
+                field.onChange(value);
+
+                if (onChange) {
+                  onChange(e);
+                }
+              }}
+            />
+          </FormControl>
+          <FormMessage />
+        </FormItem>
+      )}
+    />
+  );
+};
+
+export default SlugInput;
diff --git a/studio/src/components/FormItems/TitleInput.js b/studio/src/components/FormItems/TitleInput.js
deleted file mode 100644
index 4fdd52ccd..000000000
--- a/studio/src/components/FormItems/TitleInput.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import { Form, Input } from 'antd';
-
-const TitleInput = ({ name = 'title', label = 'Title', onChange, inputProps, formItemProps }) => {
-  inputProps = onChange ? { ...inputProps, onChange } : inputProps;
-  formItemProps = { ...formItemProps, label };
-  return (
-    <Form.Item
-      name={name}
-      rules={[
-        {
-          required: true,
-          message: `Please enter ${name}!`,
-        },
-        { max: 500, message: 'Name must be maximum 500 characters.' },
-      ]}
-      {...formItemProps}
-    >
-      <Input {...inputProps} />
-    </Form.Item>
-  );
-};
-
-export default TitleInput;
diff --git a/studio/src/components/FormItems/TitleInput.tsx b/studio/src/components/FormItems/TitleInput.tsx
new file mode 100644
index 000000000..047ea5e0d
--- /dev/null
+++ b/studio/src/components/FormItems/TitleInput.tsx
@@ -0,0 +1,70 @@
+import React from "react";
+import { UseFormReturn } from "react-hook-form";
+import { Input } from "@/components/ui/input";
+import {
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+} from "@/components/ui/form";
+
+interface TitleInputProps {
+  name?: string;
+  label?: string;
+  placeholder?: string;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+  formItemProps?: any;
+  form?: UseFormReturn<any>;
+  value?: string;
+  [key: string]: any;
+}
+
+export const TitleInput: React.FC<TitleInputProps> = ({
+  name = "name",
+  label = "Title",
+  placeholder = "Enter title",
+  onChange,
+  inputProps = {},
+  formItemProps = {},
+  form,
+  ...rest
+}) => {
+  if (form) {
+    return (
+      <FormField
+        control={form.control}
+        name={name}
+        rules={{
+          required: `Please enter a ${label.toLowerCase()}!`,
+          maxLength: {
+            value: 500,
+            message: `${label} must be maximum 500 characters.`,
+          },
+        }}
+        render={({ field }) => (
+          <FormItem {...formItemProps}>
+            <FormLabel>{label}</FormLabel>
+            <FormControl>
+              <Input
+                placeholder={placeholder}
+                {...field}
+                {...inputProps}
+                onChange={(e) => {
+                  field.onChange(e);
+                  onChange?.(e);
+                }}
+              />
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+    );
+  }
+
+  const finalInputProps = onChange ? { ...inputProps, onChange } : inputProps;
+
+  return <Input placeholder={placeholder} {...finalInputProps} {...rest} />;
+};
diff --git a/studio/src/components/FormItems/index.js b/studio/src/components/FormItems/index.js
deleted file mode 100644
index 80bd93715..000000000
--- a/studio/src/components/FormItems/index.js
+++ /dev/null
@@ -1,6 +0,0 @@
-import MetaForm from './MetaForm';
-import SlugInput from './SlugInput';
-import TitleInput from './TitleInput';
-import DescriptionInput from './DescriptionInput';
-
-export { DescriptionInput, MetaForm, SlugInput, TitleInput };
diff --git a/studio/src/components/FormItems/index.ts b/studio/src/components/FormItems/index.ts
new file mode 100644
index 000000000..f57a877f8
--- /dev/null
+++ b/studio/src/components/FormItems/index.ts
@@ -0,0 +1,6 @@
+import MetaForm  from './MetaForm';
+import { SlugInput } from './SlugInput';
+import  {TitleInput} from './TitleInput';
+import DescriptionInput  from './DescriptionInput';
+
+export {  MetaForm, SlugInput, TitleInput, DescriptionInput };
\ No newline at end of file
diff --git a/studio/src/components/GlobalNav/AccountMenu.js b/studio/src/components/GlobalNav/AccountMenu.js
deleted file mode 100644
index 1f0de3c64..000000000
--- a/studio/src/components/GlobalNav/AccountMenu.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import { UserOutlined } from '@ant-design/icons';
-import { Menu, Dropdown, Button, Avatar } from 'antd';
-import React from 'react';
-import { LogoutOutlined, DownOutlined, EditOutlined } from '@ant-design/icons';
-import { useSelector, useDispatch } from 'react-redux';
-import { getUserProfile } from '../../actions/profile';
-import { Link } from 'react-router-dom';
-
-const AccountMenu = () => {
-  const { profile, loading, session } = useSelector((state) => {
-    return {
-      profile: state.profile.details ? state.profile.details : null,
-      loading: state.profile.loading,
-      session: state.session,
-    };
-  });
-  const dispatch = useDispatch();
-
-  React.useEffect(() => {
-    if (!session.loading && Object.keys(session).length > 0) {
-      dispatch(getUserProfile());
-    }
-  }, [dispatch]);
-
-  const handleLogout = async () => {
-    const sessionId = localStorage.getItem('sessionId');
-    const sessionToken = localStorage.getItem('sessionToken');
-
-    if (sessionId && sessionToken) {
-      try {
-        const response = await fetch(
-          `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`,
-          {
-            method: 'DELETE',
-            headers: {
-              Accept: 'application/json',
-              'Content-Type': 'application/json',
-              Authorization: `Bearer ${localStorage.getItem('sessionToken')}`,
-            },
-            body: JSON.stringify({
-              sessionToken: sessionToken,
-            }),
-          },
-        );
-
-        if (response.ok) {
-          console.log('Logout successful');
-        } else {
-          console.error('Logout failed:', await response.text());
-        }
-      } catch (error) {
-        console.error('Error during logout:', error);
-      }
-    }
-
-    // Clear local storage and reload the page
-    window.localStorage.clear();
-    window.location.reload(); // Redirect to the post-logout URL
-
-    const postLogoutRedirectUri = window.REACT_APP_ZITADEL_POST_LOGOUT_REDIRECT_URI;
-    if (postLogoutRedirectUri) {
-      window.location.href = postLogoutRedirectUri;
-    }
-  };
-
-  const accountMenu = (
-    <Menu>
-      <Menu.Item key="profile">
-        <Link to="/profile">
-          <EditOutlined /> Profile
-        </Link>
-      </Menu.Item>
-      <Menu.Item key="logout">
-        <Button onClick={handleLogout} icon={<LogoutOutlined />} danger>
-          Logout
-        </Button>
-      </Menu.Item>
-    </Menu>
-  );
-  return (
-    <Dropdown overlay={accountMenu} placement="topLeft">
-      <div className="user-menu">
-        <Button
-          style={{
-            borderRadius: '50px',
-            background: '#DCE4E7',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            padding: '0.5rem',
-          }}
-        >
-          {!loading && profile && profile.medium ? (
-            <Avatar
-              size="small"
-              src={profile.medium.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']}
-              title="Spaces"
-              style={{ fontSize: '1.25rem' }}
-            />
-          ) : (
-            <UserOutlined title="Spaces" style={{ fontSize: '1.25rem', padding: '0.25rem' }} />
-          )}
-          <DownOutlined style={{ fontSize: '0.5rem', marginLeft: '0.25rem' }} />
-        </Button>
-      </div>
-    </Dropdown>
-  );
-};
-
-export default AccountMenu;
diff --git a/studio/src/components/GlobalNav/AccountMenu.test.js b/studio/src/components/GlobalNav/AccountMenu.test.js
deleted file mode 100644
index 83a744a9f..000000000
--- a/studio/src/components/GlobalNav/AccountMenu.test.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import '../../matchMedia.mock';
-import { mount } from 'enzyme';
-import AccountMenu from './AccountMenu';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-describe('Account Menu component', () => {
-  it('should render the component', () => {
-    let store = mockStore({
-      profile: {
-        details: {
-          id: '1',
-          first_name: 'abc',
-          last_name: 'xyz',
-          display_name: 'abc',
-          slug: 'abc',
-          email: 'abc@gmail.com',
-          social_media_urls: {
-            facebook: 'facebook/abc',
-            twitter: 'twitter/abc',
-            linkedin: 'linkedin/abc',
-            instagram: 'instagram/abc',
-          },
-          description: 'Description',
-        },
-        loading: false,
-      },
-    });
-    let component = mount(
-      <Provider store={store}>
-        <AccountMenu />
-      </Provider>,
-    );
-    expect(component).toMatchSnapshot();
-  });
-  it('should render the component with profile image', () => {
-    let store = mockStore({
-      profile: {
-        details: {
-          id: '1',
-          first_name: 'abc',
-          last_name: 'xyz',
-          display_name: 'abc',
-          slug: 'abc',
-          email: 'abc@gmail.com',
-          medium: {
-            id: 1,
-            name: 'medium',
-            url: {
-              proxy: 'url',
-            },
-          },
-          social_media_urls: {
-            facebook: 'facebook/abc',
-            twitter: 'twitter/abc',
-            linkedin: 'linkedin/abc',
-            instagram: 'instagram/abc',
-          },
-          description: 'Description',
-        },
-        loading: false,
-      },
-    });
-    let component = mount(
-      <Provider store={store}>
-        <AccountMenu />
-      </Provider>,
-    );
-    expect(component).toMatchSnapshot();
-  });
-  it('should render the component with no profile', () => {
-    let store = mockStore({
-      profile: {
-        loading: false,
-      },
-    });
-    let component = mount(
-      <Provider store={store}>
-        <AccountMenu />
-      </Provider>,
-    );
-    expect(component).toMatchSnapshot();
-  });
-});
diff --git a/studio/src/components/GlobalNav/AccountMenu.tsx b/studio/src/components/GlobalNav/AccountMenu.tsx
new file mode 100644
index 000000000..733083b65
--- /dev/null
+++ b/studio/src/components/GlobalNav/AccountMenu.tsx
@@ -0,0 +1,248 @@
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { User, CirclePlus, Search, ChevronsUpDown } from "lucide-react";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+} from "@/components/ui/dropdown-menu";
+import { Input } from "@/components/ui/input";
+import { useSelector } from "react-redux";
+import { useAppDispatch } from "../../hooks/reduxHooks";
+import { getSpaces, setSelectedSpace } from "../../actions/spaces";
+
+interface Profile {
+  medium?: {
+    url?: {
+      proxy?: string;
+      raw?: string;
+    };
+  };
+}
+
+interface Space {
+  id: string;
+  name: string;
+  site_address?: string;
+  site_title?: string;
+  tag_line?: string;
+  org_role?: string;
+}
+
+interface Organization {
+  id: string;
+  title: string;
+  role: string;
+  spaces: string[]; // Array of space IDs
+}
+
+interface RootState {
+  profile?: {
+    details: Profile | null;
+    loading: boolean;
+  };
+  spaces?: {
+    orgs: Organization[];
+    selected: string;
+    details: Record<string, Space>;
+    loading: boolean;
+    org_role?: string;
+  };
+  sidebar?: {
+    collapsed: boolean;
+  };
+}
+
+interface AccountMenuProps {
+  isCollapsed?: boolean;
+}
+
+export const AccountMenu = ({ isCollapsed = false }: AccountMenuProps) => {
+  const navigate = useNavigate();
+  const dispatch = useAppDispatch();
+  const [searchQuery, setSearchQuery] = useState("");
+
+  // Get state from Redux
+  const profile = useSelector(
+    (state: RootState) => state.profile?.details || null
+  );
+  const profileLoading = useSelector(
+    (state: RootState) => state.profile?.loading || false
+  );
+  const spaces = useSelector((state: RootState) => state.spaces);
+  const organizations = spaces?.orgs || [];
+  const selectedSpaceId = spaces?.selected || "";
+  const spacesDetails = spaces?.details || {};
+  const spacesLoading = spaces?.loading || false;
+
+  useEffect(() => {
+    dispatch(getSpaces());
+  }, [dispatch]);
+
+  const handleSelectSpace = (spaceId: string) => {
+    if (spaceId === selectedSpaceId) return;
+
+    // Dispatch the action to set the selected space
+    dispatch(setSelectedSpace(spaceId));
+
+    const dropdownTrigger = document.querySelector('[data-state="open"]');
+    if (dropdownTrigger) {
+      (dropdownTrigger as HTMLElement).click();
+    }
+
+    // Reload the page after a small delay to ensure the Redux state is updated
+    setTimeout(() => {
+      window.location.reload();
+    }, 100);
+  };
+
+  // Handle create space button click
+  const handleCreateSpace = () => {
+    navigate("/spaces/create");
+  };
+
+  // Get organization spaces with filtering
+  const getOrganizationSpaces = () => {
+    const orgsSpaces = organizations.filter((org) => org.spaces.length > 0);
+    const orgsNoSpaces = organizations.filter((org) => org.spaces.length === 0);
+    const sortedOrgs = [...orgsSpaces, ...orgsNoSpaces];
+
+    return sortedOrgs;
+  };
+
+  // Prepare grouped spaces for display
+  const spacesGroupedByOrg = getOrganizationSpaces().reduce((acc, org) => {
+    // Get valid spaces for this organization
+    const validSpaces = org.spaces
+      .map((spaceId) => spacesDetails[spaceId])
+      .filter(Boolean);
+
+    if (validSpaces.length > 0) {
+      acc[org.title] = validSpaces;
+    }
+
+    return acc;
+  }, {} as Record<string, Space[]>);
+
+  const selectedSpaceName = selectedSpaceId
+    ? spacesDetails[selectedSpaceId]?.name
+    : "";
+
+  if (isCollapsed) {
+    return (
+      <Button variant="ghost" size="icon" className="w-10 h-10 rounded-full">
+        {!profileLoading && profile?.medium ? (
+          <Avatar className="h-8 w-8">
+            <AvatarImage
+              src={
+                profile.medium.url?.[
+                  import.meta.env.VITE_ENABLE_IMGPROXY ? "proxy" : "raw"
+                ]
+              }
+              alt="Profile"
+            />
+            <AvatarFallback>
+              <User className="h-4 w-4" />
+            </AvatarFallback>
+          </Avatar>
+        ) : (
+          <User className="h-4 w-4" />
+        )}
+      </Button>
+    );
+  }
+
+  // Full dropdown view
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <Button
+          variant="outline"
+          size="sm"
+          className="w-full justify-between items-center px-4 py-2 bg-white rounded-md"
+          // disabled={spacesLoading}
+        >
+          <span className="truncate max-w-[180px]">
+            {spacesLoading
+              ? "Loading spaces..."
+              : selectedSpaceName || "Select a space"}
+          </span>
+          <ChevronsUpDown className="h-4 w-4 ml-2 flex-shrink-0" />
+        </Button>
+      </DropdownMenuTrigger>
+
+      <DropdownMenuContent
+        align="end"
+        className="w-[--radix-dropdown-menu-trigger-width] p-0"
+      >
+        {/* Search input */}
+        <div className="p-2">
+          <div className="relative">
+            <Search className="absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" />
+            <Input
+              placeholder="search spaces..."
+              className="pl-8 py-4"
+              value={searchQuery}
+              onChange={(e) => setSearchQuery(e.target.value)}
+            />
+          </div>
+        </div>
+        {/* Space list grouped by organization */}
+        {spacesLoading ? (
+          <DropdownMenuItem disabled className="text-center py-4">
+            <div className="flex items-center justify-center w-full">
+              <div className="animate-spin h-4 w-4 border-2 border-primary rounded-full border-t-transparent mr-2"></div>
+              Loading spaces...
+            </div>
+          </DropdownMenuItem>
+        ) : Object.keys(spacesGroupedByOrg).length === 0 ? (
+          <DropdownMenuItem disabled className="text-center py-4">
+            No spaces found
+          </DropdownMenuItem>
+        ) : (
+          Object.entries(spacesGroupedByOrg).map(([orgTitle, spaces]) => (
+            <div key={orgTitle}>
+              <DropdownMenuLabel className="text-gray-600 font-semibold px-4 py-2">
+                {orgTitle}
+              </DropdownMenuLabel>
+              <DropdownMenuGroup>
+                {spaces.map((space) => (
+                  <DropdownMenuItem
+                    key={space.id}
+                    onClick={() => handleSelectSpace(space.id)}
+                    className="px-4 py-2"
+                  >
+                    <div className="flex items-center justify-between w-full">
+                      <span className="truncate">
+                        {space.name || "Unnamed space"}
+                      </span>
+                      {selectedSpaceId === space.id && (
+                        <span className="text-primary">✓</span>
+                      )}
+                    </div>
+                  </DropdownMenuItem>
+                ))}
+              </DropdownMenuGroup>
+              <DropdownMenuSeparator />
+            </div>
+          ))
+        )}
+
+        {/* Create new space button */}
+        <DropdownMenuItem
+          onClick={handleCreateSpace}
+          className="text-[#4E6497] mt-2 px-4 py-3"
+        >
+          <CirclePlus className="h-4 w-4 mr-2 text-[#4E6497]" />
+          <span>Create new space</span>
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+};
diff --git a/studio/src/components/GlobalNav/Header.js b/studio/src/components/GlobalNav/Header.js
deleted file mode 100644
index d3e3a7363..000000000
--- a/studio/src/components/GlobalNav/Header.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from 'react';
-import { Divider, Layout, Popover, List, Avatar } from 'antd';
-import { AppstoreOutlined } from '@ant-design/icons';
-import AccountMenu from './AccountMenu';
-import SpaceSelector from './SpaceSelector';
-
-function Header({ applications }) {
-  return (
-    <Layout.Header className="layout-header">
-      <div style={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center' }}>
-        <SpaceSelector />
-
-        {applications.length > 0 ? (
-          <>
-            <Divider type="vertical" />
-            <Popover
-              placement="bottom"
-              content={
-                <List
-                  grid={{
-                    gutter: 16,
-                    xs: 1,
-                    sm: 2,
-                    md: 4,
-                    lg: 4,
-                    xl: 6,
-                    xxl: 3,
-                  }}
-                  dataSource={applications}
-                  renderItem={(item) => (
-                    <List.Item>
-                      <a href={item.url} style={{ textDecoration: 'none', color: 'inherit' }}>
-                        {item.medium && item.medium.url ? (
-                          <img alt="logo" className="menu-logo" src={item.medium.url.raw} />
-                        ) : (
-                          <Avatar shape="square" size={35}>
-                            {item.name.charAt(0)}
-                          </Avatar>
-                        )}
-                        <p>{item.name}</p>
-                      </a>
-                    </List.Item>
-                  )}
-                />
-              }
-              trigger="click"
-            >
-              <AppstoreOutlined />
-            </Popover>
-          </>
-        ) : null}
-        <Divider type="vertical" />
-        <AccountMenu />
-      </div>
-    </Layout.Header>
-  );
-}
-
-export default Header;
diff --git a/studio/src/components/GlobalNav/Header.test.js b/studio/src/components/GlobalNav/Header.test.js
deleted file mode 100644
index 7976a14fd..000000000
--- a/studio/src/components/GlobalNav/Header.test.js
+++ /dev/null
@@ -1,149 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import renderer from 'react-test-renderer';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { Popover, Avatar } from 'antd';
-
-import '../../matchMedia.mock';
-import Header from './Header';
-import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons';
-import * as actions from '../../actions/sidebar';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/sidebar', () => ({
-  setCollapse: jest.fn(),
-}));
-
-describe('Header component', () => {
-  let store;
-  let mockedDispatch;
-
-  let state = {
-    settings: {
-      navTheme: 'dark',
-      title: 'Dega',
-      sider: {
-        collapsed: true,
-      },
-    },
-    spaces: {
-      orgs: [
-        {
-          id: 1,
-          applications: [{ id: 1, name: 'App1', url: 'http://1233434/1323' }],
-          spaces: [11],
-        },
-      ],
-      details: {
-        11: {
-          id: 11,
-          organisation_id: 1,
-          name: 'Space 11',
-        },
-      },
-      loading: true,
-      selected: 11,
-    },
-    sidebar: {
-      collapsed: true,
-    },
-    profile: {
-      details: {},
-      loading: false,
-    },
-  };
-  store = mockStore(() => state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = renderer
-        .create(
-          <Provider store={store}>
-            <Header applications={[{ id: 1, name: 'App1', url: 'http://1233434/1323' }]} />
-          </Provider>,
-        )
-        .toJSON();
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with no applications', () => {
-      const tree = renderer
-        .create(
-          <Provider store={store}>
-            <Header applications={[]} />
-          </Provider>,
-        )
-        .toJSON();
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should display applications', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Header
-              applications={[
-                {
-                  id: 1,
-                  name: 'App1',
-                  url: 'http://1233434/1323',
-                  medium: { id: 1, url: { raw: 'mediumUrl' } },
-                },
-              ]}
-            />
-          </Provider>,
-        );
-        const popover = wrapper.find(Popover);
-        popover.simulate('click');
-        expect(wrapper.find(Popover).find(Avatar).length).toBe(0);
-      });
-    });
-    it('should display applications with no medium', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Header
-              applications={[
-                {
-                  id: 1,
-                  name: 'App1',
-                  url: 'http://1233434/1323',
-                },
-              ]}
-            />
-          </Provider>,
-        );
-        const popover = wrapper.find(Popover);
-        popover.simulate('click');
-        expect(wrapper.find(Avatar).length).not.toBe(0);
-      });
-    });
-  });
-});
diff --git a/studio/src/components/GlobalNav/MobileSidebar.js b/studio/src/components/GlobalNav/MobileSidebar.js
deleted file mode 100644
index baa05987b..000000000
--- a/studio/src/components/GlobalNav/MobileSidebar.js
+++ /dev/null
@@ -1,225 +0,0 @@
-import React from 'react';
-import { Avatar, Layout, Button, Row, Col, Drawer, Menu, Popover, List } from 'antd';
-import degaImg from '../../assets/dega.png';
-import { useSelector, useDispatch } from 'react-redux';
-import { sidebarMenu } from '../../config/routesConfig';
-import {
-  AppstoreOutlined,
-  DownOutlined,
-  SettingOutlined,
-  MenuUnfoldOutlined,
-} from '@ant-design/icons';
-import AccountMenu from './AccountMenu';
-import { Link } from 'react-router-dom';
-import Search from '../Search';
-import { setSpaceSelectorPage } from './../../actions/spaceSelectorPage';
-import MenuIcon from '../../assets/MenuIcon';
-import SearchIcon from '../../assets/SearchIcon';
-
-function MobileSidebar({ applications, menuKey }) {
-  const { details, selected } = useSelector((state) => state.spaces);
-  const { navTheme } = useSelector((state) => state.settings);
-  const [open, setOpen] = React.useState(false);
-  const dispatch = useDispatch();
-
-  const showDrawer = () => {
-    setOpen(true);
-  };
-
-  const onClose = () => {
-    setOpen(false);
-  };
-
-  let buttonStyle = {
-    width: '40px',
-    height: '40px',
-    background: '#DCE4E7',
-    borderRadius: '21px',
-    padding: '.5rem 0.5rem',
-  };
-
-  const getMenuItems = (children) =>
-    children.map((route) => (
-      <Menu.Item key={route.menuKey}>
-        <Link to={route.path} onClick={onClose}>
-          <span>{route.title}</span>
-        </Link>
-      </Menu.Item>
-    ));
-
-  const { SubMenu } = Menu;
-  const getSubMenuItems = (menu, index, Icon) => (
-    <SubMenu
-      key={index}
-      title={menu.title}
-      icon={<Icon style={{ color: '#000', fontSize: '15px', fontWeight: '700' }} />}
-    >
-      {menu.submenu && menu.submenu.length > 0 ? (
-        <>
-          {menu.submenu.map((submenuItem, index) => (
-            <SubMenu key={submenuItem.title + index} title={submenuItem.title}>
-              {getMenuItems(submenuItem.children)}
-            </SubMenu>
-          ))}
-        </>
-      ) : null}
-      {getMenuItems(menu.children)}
-    </SubMenu>
-  );
-
-  return (
-    <>
-      <Layout.Header
-        className="mobile-sidebar"
-        style={{
-          background: '#F2F5F9',
-          padding: 0,
-        }}
-      >
-        <Row
-          justify="space-between"
-          align="middle"
-          style={{ position: 'sticky', top: 0, zIndex: 1 }}
-        >
-          <Col span={16}>
-            <Button
-              style={{
-                background: '#DCE4E7',
-                width: '100%',
-                color: '#1E1E1E',
-                border: 'none',
-                fontWeight: '600',
-                fontSize: '1rem',
-                display: 'flex',
-                marginTop: '0.8rem',
-                height: '43px',
-                padding: '9px, 6px, 9px, 6px',
-                justifyContent: 'space-between',
-                alignItems: 'center',
-              }}
-              type="primary"
-              onClick={() => dispatch(setSpaceSelectorPage(true))}
-            >
-              <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
-                <Avatar
-                  src={
-                    details[selected]?.fav_icon?.url?.[
-                      window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
-                    ] || degaImg
-                  }
-                />
-                {details[selected]?.name}
-              </div>
-              <DownOutlined />
-            </Button>
-          </Col>
-          <Col span={8} style={{ marginTop: '8px' }}>
-            <Row justify="end" align="middle" gutter={[24, 16]}>
-              <Col>
-                <Search collapsed={true} Icon={() => <SearchIcon />} />
-              </Col>
-              <Col style={{ marginTop: '8px' }}>
-                <Button type="text" onClick={showDrawer} icon={<MenuIcon />} />
-              </Col>
-            </Row>
-          </Col>
-        </Row>
-      </Layout.Header>
-      <Drawer
-        placement="right"
-        width={'80vw'}
-        closeIcon={
-          <Button style={buttonStyle} onClick={onClose}>
-            <MenuUnfoldOutlined />
-          </Button>
-        }
-        style={{ background: '#F1F1F1' }}
-        bodyStyle={{ padding: '0' }}
-        extra={
-          <div
-            style={{
-              display: 'flex',
-              justifyContent: 'space-between',
-              lineHeight: '40px',
-              alignItems: 'center',
-              width: '100%',
-              background: '#f0f2f5',
-            }}
-          >
-            <div>
-              <Link style={{ ...buttonStyle, color: '#1E1E1E' }} to="/settings" onClick={onClose}>
-                <SettingOutlined />
-              </Link>
-              {applications.length > 0 ? (
-                <>
-                  <Popover
-                    placement="top"
-                    overlayInnerStyle={{ paddingBottom: 0 }}
-                    content={
-                      <List
-                        grid={{
-                          gutter: 16,
-                          column: 3,
-                        }}
-                        dataSource={applications}
-                        renderItem={(item) => (
-                          <List.Item>
-                            <a
-                              href={item.url}
-                              style={{
-                                margin: '8px',
-                                textDecoration: 'none',
-                                color: 'inherit',
-                                display: 'flex',
-                                flexDirection: 'column',
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                              }}
-                            >
-                              {item.medium && item.medium.url ? (
-                                <img alt="logo" className="menu-logo" src={item.medium.url.raw} />
-                              ) : (
-                                <Avatar shape="square" size={35}>
-                                  {item.name.charAt(0)}
-                                </Avatar>
-                              )}
-                              <span>{item.name}</span>
-                            </a>
-                          </List.Item>
-                        )}
-                      />
-                    }
-                    trigger="click"
-                  >
-                    <Button style={{ ...buttonStyle, marginLeft: '.5rem', marginRight: '.5rem' }}>
-                      <AppstoreOutlined />
-                    </Button>
-                  </Popover>
-                </>
-              ) : null}
-            </div>
-            <AccountMenu />
-          </div>
-        }
-        onClose={onClose}
-        open={open}
-      >
-        <Menu
-          theme={navTheme}
-          mode="inline"
-          className="slider-menu"
-          defaultOpenKeys={['0', '1']}
-          style={{ background: '#F1F1F1', padding: '8px' }}
-          selectedKeys={menuKey}
-        >
-          {sidebarMenu.map((menu, index) => {
-            const { Icon } = menu;
-            return getSubMenuItems(menu, index, Icon);
-          })}
-        </Menu>
-      </Drawer>
-    </>
-  );
-}
-
-export default MobileSidebar;
diff --git a/studio/src/components/GlobalNav/Search.js b/studio/src/components/GlobalNav/Search.js
deleted file mode 100644
index 4b9ec2da8..000000000
--- a/studio/src/components/GlobalNav/Search.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React, { useState } from 'react';
-import { AutoComplete } from 'antd';
-
-const mockVal = (str, repeat = 1) => ({
-  value: str.repeat(repeat),
-});
-
-const Search = () => {
-  const [options, setOptions] = useState([]);
-
-  const onSearch = (searchText) => {
-    setOptions(
-      !searchText ? [] : [mockVal(searchText), mockVal(searchText, 2), mockVal(searchText, 3)],
-    );
-  };
-
-  const onSelect = (data) => {
-    console.log('onSelect', data);
-  };
-
-  return (
-    <AutoComplete
-      options={options}
-      style={{
-        width: 400,
-      }}
-      onSelect={onSelect}
-      onSearch={onSearch}
-      placeholder="Search..."
-    />
-  );
-};
-
-export default Search;
diff --git a/studio/src/components/GlobalNav/Sidebar.js b/studio/src/components/GlobalNav/Sidebar.js
deleted file mode 100644
index 30ba9da0d..000000000
--- a/studio/src/components/GlobalNav/Sidebar.js
+++ /dev/null
@@ -1,287 +0,0 @@
-import React from 'react';
-import { useSelector, useDispatch } from 'react-redux';
-import { Link } from 'react-router-dom';
-import { Layout, Menu, Popover, List, Avatar, Button } from 'antd';
-import { sidebarMenu } from '../../config/routesConfig';
-import { setCollapse } from './../../actions/sidebar';
-import { setSpaceSelectorPage } from './../../actions/spaceSelectorPage';
-import AccountMenu from './AccountMenu';
-import {
-  AppstoreOutlined,
-  DownOutlined,
-  MenuFoldOutlined,
-  SettingOutlined,
-  MenuUnfoldOutlined,
-} from '@ant-design/icons';
-import Search from '../Search';
-import degaImg from '../../assets/dega.png';
-
-const { Sider } = Layout;
-const { SubMenu } = Menu;
-
-function Sidebar({ applications, menuKey, signOut }) {
-  const { collapsed } = useSelector((state) => state.sidebar);
-  const dispatch = useDispatch();
-  const { details, selected, loading } = useSelector((state) => state.spaces);
-  const { navTheme } = useSelector((state) => state.settings);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 460) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  let buttonStyle = {
-    width: '40px',
-    height: '40px',
-    background: '#DCE4E7',
-    borderRadius: '21px',
-    padding: '0.25rem 0.5rem',
-  };
-
-  const onCollapse = (collapsed) => {
-    collapsed ? dispatch(setCollapse(true)) : dispatch(setCollapse(false));
-  };
-
-  const getMenuItems = (children, index, title) =>
-    children.map((route, childIndex) => (
-      <Menu.Item key={route.menuKey}>
-        <Link to={route.path}>
-          <span>{route.title}</span>
-        </Link>
-      </Menu.Item>
-    ));
-
-  const getSubMenuItems = (menu, index, Icon) => (
-    <SubMenu
-      key={index}
-      title={menu.title}
-      icon={<Icon style={{ color: '#000', fontSize: '15px', fontWeight: '700' }} />}
-    >
-      {menu.submenu && menu.submenu.length > 0 ? (
-        <>
-          {menu.submenu.map((submenuItem, index) => (
-            <SubMenu key={submenuItem.title + index} title={submenuItem.title}>
-              {getMenuItems(submenuItem.children, index, submenuItem.title)}
-            </SubMenu>
-          ))}
-        </>
-      ) : null}
-      {getMenuItems(menu.children, index, menu.title)}
-    </SubMenu>
-  );
-  return (
-    <>
-      <Sider
-        breakpoint="xl"
-        className="main-sidebar"
-        width="264px"
-        collapsible
-        collapsed={collapsed}
-        onCollapse={onCollapse}
-        theme={navTheme}
-        collapsedWidth={isMobileScreen ? 0 : 80}
-        trigger={null}
-        style={{
-          position: 'sticky',
-          background: '#f0f2f5',
-          left: 0,
-          top: 0,
-          overflow: 'auto',
-          height: '100vh',
-        }}
-      >
-        <div
-          style={{
-            display: 'flex',
-            flexDirection: 'column',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            padding: collapsed ? '0 0.5rem' : '0 24px',
-            position: 'sticky',
-            top: 0,
-            gap: '8px',
-            height: collapsed && '100px',
-            zIndex: 100,
-            background: '#F1F1F1',
-          }}
-        >
-          <div
-            className="menu-header"
-            style={{
-              width: '100%',
-              display: 'flex',
-              alignItems: 'center',
-              justifyContent: 'center',
-            }}
-          >
-            {collapsed ? (
-              <img
-                alt="logo"
-                className="menu-logo"
-                src={
-                  details[selected]?.fav_icon?.url?.[
-                    window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
-                  ] || degaImg
-                }
-              />
-            ) : (
-              <>
-                {!loading && details && (
-                  <Button
-                    style={{
-                      background: '#DCE4E7',
-                      width: '100%',
-                      color: '#1E1E1E',
-                      border: 'none',
-                      fontWeight: '600',
-                      fontSize: '1rem',
-                      display: 'flex',
-                      marginTop: '0.8rem',
-                      height: '43px',
-                      padding: '9px, 6px, 9px, 6px',
-                      justifyContent: 'space-between',
-                      alignItems: 'center',
-                    }}
-                    type="primary"
-                    onClick={() => dispatch(setSpaceSelectorPage(true))}
-                  >
-                    <div style={{ display: 'flex', alignItems: 'center', gap: '12px' }}>
-                      <Avatar
-                        src={
-                          details[selected]?.fav_icon?.url?.[
-                            window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
-                          ] || degaImg
-                        }
-                      />
-                      {details[selected]?.name}
-                    </div>
-                    <DownOutlined />
-                  </Button>
-                )}
-              </>
-            )}
-          </div>
-          <Search collapsed={collapsed} />
-        </div>
-        <Menu
-          theme={navTheme}
-          mode="inline"
-          className="slider-menu"
-          defaultOpenKeys={['0', '1']}
-          style={{ background: '#F1F1F1', padding: '8px' }}
-          selectedKeys={menuKey}
-        >
-          {sidebarMenu.map((menu, index) => {
-            const { Icon } = menu;
-            return getSubMenuItems(menu, index, Icon);
-          })}
-        </Menu>
-        {!collapsed ? (
-          <div
-            style={{
-              display: 'flex',
-              justifyContent: 'space-between',
-              padding: '12px 24px',
-              lineHeight: '40px',
-              alignItems: 'center',
-              width: '100%',
-              position: 'absolute',
-              bottom: '0',
-              background: '#f0f2f5',
-            }}
-          >
-            <AccountMenu signOut={signOut} />
-            <div>
-              <Link to="/settings">
-                <Button style={{ ...buttonStyle }}>
-                  <SettingOutlined />
-                </Button>
-              </Link>
-              {applications.length > 0 ? (
-                <>
-                  <Popover
-                    placement="top"
-                    overlayInnerStyle={{ paddingBottom: 0 }}
-                    content={
-                      <List
-                        grid={{
-                          gutter: 16,
-                          column: 3,
-                        }}
-                        dataSource={applications}
-                        renderItem={(item) => (
-                          <List.Item>
-                            <a
-                              href={item.url}
-                              style={{
-                                margin: '8px',
-                                textDecoration: 'none',
-                                color: 'inherit',
-                                display: 'flex',
-                                flexDirection: 'column',
-                                justifyContent: 'center',
-                                alignItems: 'center',
-                              }}
-                            >
-                              {item.medium && item.medium.url ? (
-                                <img alt="logo" className="menu-logo" src={item.medium.url.raw} />
-                              ) : (
-                                <Avatar shape="square" size={35}>
-                                  {item.name.charAt(0)}
-                                </Avatar>
-                              )}
-                              <span>{item.name}</span>
-                            </a>
-                          </List.Item>
-                        )}
-                      />
-                    }
-                    trigger="click"
-                  >
-                    <Button style={{ ...buttonStyle, marginLeft: '0.25rem' }}>
-                      <AppstoreOutlined />
-                    </Button>
-                  </Popover>
-                </>
-              ) : null}
-              <Button
-                style={{ ...buttonStyle, marginLeft: '0.25rem' }}
-                onClick={() => onCollapse(true)}
-              >
-                <MenuFoldOutlined />
-              </Button>
-            </div>
-          </div>
-        ) : (
-          <div
-            style={{
-              display: 'flex',
-              justifyContent: 'space-between',
-              padding: '12px 8px',
-              lineHeight: '40px',
-              alignItems: 'center',
-              width: '100%',
-              position: 'absolute',
-              bottom: '0',
-              background: '#f0f2f5',
-            }}
-          >
-            <Button style={{ ...buttonStyle, margin: 'auto' }} onClick={() => onCollapse(false)}>
-              <MenuUnfoldOutlined />
-            </Button>
-          </div>
-        )}
-      </Sider>
-    </>
-  );
-}
-export default Sidebar;
diff --git a/studio/src/components/GlobalNav/Sidebar.test.js b/studio/src/components/GlobalNav/Sidebar.test.js
deleted file mode 100644
index 501be7c99..000000000
--- a/studio/src/components/GlobalNav/Sidebar.test.js
+++ /dev/null
@@ -1,236 +0,0 @@
-import React from 'react';
-import { useHistory, useLocation } from 'react-router-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import renderer from 'react-test-renderer';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-
-import '../../matchMedia.mock';
-import Sidebar from './Sidebar';
-import * as actions from '../../actions/sidebar';
-import { Layout } from 'antd';
-
-const { Sider } = Layout;
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useLocation: () => ({
-    pathname: '/posts',
-  }),
-}));
-
-jest.mock('../../actions/sidebar', () => ({
-  setCollapse: jest.fn(),
-}));
-
-describe('Sidebar component', () => {
-  let store;
-  let mockedDispatch;
-
-  let state = {
-    settings: {
-      navTheme: 'dark',
-      title: 'Dega',
-      sider: {
-        collapsed: true,
-      },
-    },
-    sidebar: {
-      collapsed: true,
-    },
-    spaces: {
-      orgs: [{ id: 1, spaces: [1] }],
-      details: {
-        1: {
-          id: 1,
-          created_at: '2020-09-23T06:11:32.986694Z',
-          updated_at: '2020-09-23T06:11:32.986694Z',
-          name: 'English',
-          slug: 'english',
-          organisation_id: 1,
-          permissions: [
-            {
-              resource: 'posts',
-              actions: ['create'],
-            },
-          ],
-        },
-      },
-      loading: false,
-      selected: 1,
-    },
-    search: {
-      req: [],
-      details: {
-        articles: [],
-        'fact-checks': [],
-        pages: [],
-        claims: [],
-        tags: [],
-        categories: [],
-        media: [],
-        ratings: [],
-        total: 0,
-      },
-      loading: true,
-    },
-    admin: {
-      organisation: {
-        id: 1,
-        is_admin: true,
-      },
-    },
-  };
-  store = mockStore(() => state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <Sidebar
-              services={['core', 'fact-checking', 'podcast']}
-              permission={[{ resource: 'posts', actions: ['create'] }]}
-              orgs={[{ id: 1, spaces: [1], permission: { role: 'owner' } }]}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should not render the component when no space', () => {
-      store = mockStore({
-        settings: state.settings,
-        sidebar: { collapsed: true },
-        spaces: { selected: 0 },
-      });
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <Sidebar
-              services={['core', 'fact-checking', 'podcast']}
-              permission={[{ resource: 'posts', actions: ['create'] }]}
-              orgs={[{ id: 1, spaces: [], permission: { role: 'owner' } }]}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    it('should call toggleSider', (done) => {
-      actions.setCollapse.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      store = mockStore(state);
-
-      wrapper = mount(
-        <Provider store={store}>
-          <Router>
-            <Sidebar
-              services={['core', 'fact-checking', 'podcast']}
-              permission={[{ resource: 'posts', actions: ['create'] }]}
-              orgs={[{ id: 1, spaces: [1], permission: { role: 'owner' } }]}
-            />
-          </Router>
-        </Provider>,
-      );
-
-      wrapper.find(Sider).props().onCollapse();
-      wrapper.update();
-
-      expect(actions.setCollapse).toHaveBeenCalled();
-      done();
-    });
-    it('should work alos when resource is admin', (done) => {
-      actions.setCollapse.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      store = mockStore(state);
-
-      wrapper = mount(
-        <Provider store={store}>
-          <Router>
-            <Sidebar
-              services={['core', 'fact-checking', 'podcast']}
-              permission={[{ resource: 'admin' }]}
-              orgs={[{ id: 1, spaces: [1], permission: { role: 'owner' } }]}
-            />
-          </Router>
-        </Provider>,
-      );
-
-      wrapper.find(Sider).props().onCollapse();
-      wrapper.update();
-
-      expect(actions.setCollapse).toHaveBeenCalled();
-      done();
-    });
-    it('should work alos when resource is not admin', (done) => {
-      actions.setCollapse.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      store = mockStore(state);
-
-      wrapper = mount(
-        <Provider store={store}>
-          <Router>
-            <Sidebar
-              services={['core', 'fact-checking', 'podcast']}
-              permission={[{ resource: 'posts', actions: ['update'] }]}
-              orgs={[{ id: 1, spaces: [1], permission: { role: 'member' } }]}
-            />
-          </Router>
-        </Provider>,
-      );
-
-      wrapper.find(Sider).props().onCollapse();
-      wrapper.update();
-
-      expect(actions.setCollapse).toHaveBeenCalled();
-      done();
-    });
-    it('should not display when loading', (done) => {
-      actions.setCollapse.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      store = mockStore(state);
-
-      wrapper = mount(
-        <Provider store={store}>
-          <Router>
-            <Sidebar
-              services={['core', 'fact-checking', 'podcast']}
-              loading={true}
-              permission={[{ resource: 'admin' }]}
-              orgs={[{ id: 1, spaces: [1], permission: { role: 'owner' } }]}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(wrapper.find(Sider).length).toBe(0);
-      expect(actions.setCollapse).not.toHaveBeenCalled();
-      done();
-    });
-  });
-});
diff --git a/studio/src/components/GlobalNav/Sidebar.tsx b/studio/src/components/GlobalNav/Sidebar.tsx
new file mode 100644
index 000000000..c75a52530
--- /dev/null
+++ b/studio/src/components/GlobalNav/Sidebar.tsx
@@ -0,0 +1,486 @@
+import { useState, useRef, useEffect, useCallback } from "react";
+import { Link, useLocation } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import { AccountMenu } from "./AccountMenu";
+import degaShort from "../../assets/dega-short.png";
+import degaLogo from "../../assets/dega.png";
+import {
+  ChevronDown,
+  LayoutDashboard,
+  Settings,
+  Microchip,
+  Shield,
+  ListCheck,
+  Search,
+  ArrowLeftToLine,
+  ArrowRightToLine,
+} from "lucide-react";
+import { RootState } from "@/types";
+import { setCollapse } from "@/actions/sidebar";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+interface MenuItem {
+  title: string;
+  icon: React.ComponentType<{ className?: string }>;
+  path?: string;
+  type?: string;
+  children?: Array<{
+    title: string;
+    path: string;
+  }>;
+}
+
+const menuItems: MenuItem[] = [
+  {
+    title: "Dashboard",
+    icon: LayoutDashboard,
+    path: "/dashboard",
+    children: [
+      { title: "Home", path: "/" },
+      { title: "Analytics", path: "/analytics" },
+    ],
+  },
+  {
+    title: "Search",
+    icon: Search,
+    path: "/search",
+    type: "link",
+  },
+  {
+    title: "Core",
+    icon: Microchip,
+    children: [
+      { title: "Posts", path: "/posts" },
+      { title: "Pages", path: "/pages" },
+      { title: "Categories", path: "/categories" },
+      { title: "Tags", path: "/tags" },
+      { title: "Media", path: "/media" },
+    ],
+  },
+  {
+    title: "Fact Checking",
+    icon: ListCheck,
+    children: [
+      { title: "Fact-Checks", path: "/fact-checks" },
+      { title: "Claims", path: "/claims" },
+      { title: "Claimants", path: "/claimants" },
+      { title: "Ratings", path: "/ratings" },
+      { title: "Google", path: "/fact-checks/google" },
+      { title: "Sach", path: "/fact-checks/sach" },
+    ],
+  },
+  {
+    title: "Administration",
+    icon: Shield,
+    children: [
+      { title: "Spaces", path: "/admin/spaces" },
+      { title: "Organisations", path: "/organisations" },
+    ],
+  },
+  {
+    title: "Settings",
+    icon: Settings,
+    path: "/settings/website/general",
+    type: "link",
+  },
+];
+
+export function Sidebar() {
+  const dispatch = useAppDispatch();
+  const isCollapsed = useSelector(
+    (state: RootState) => state.sidebar.collapsed
+  );
+  const location = useLocation();
+  const [openSections, setOpenSections] = useState<string[]>([]);
+  const [hoveredItem, setHoveredItem] = useState<string | null>(null);
+  const [isPopoverVisible, setIsPopoverVisible] = useState(false);
+  const [hoveredSection, setHoveredSection] = useState<string | null>(null);
+  // Reference for timeout to avoid memory leaks
+  const hoverTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+  const popoverTimeoutRef = useRef<NodeJS.Timeout | null>(null);
+
+  // Find active section and item based on current route
+  useEffect(() => {
+    const currentPath = location.pathname;
+
+    // Find which section should be open based on current path
+    const sectionsToOpen = menuItems
+      .filter((section) => {
+        // Direct link match
+        if (section.path === currentPath) return true;
+
+        // Check if any children match the current path
+        if (section.children) {
+          return section.children.some((item) => {
+            // Direct path match or path is a prefix of the current path
+            return (
+              item.path === currentPath || currentPath.startsWith(item.path)
+            );
+          });
+        }
+        return false;
+      })
+      .map((section) => section.title);
+
+    if (sectionsToOpen.length > 0) {
+      setOpenSections(sectionsToOpen);
+    }
+  }, [location.pathname]);
+
+  const toggleCollapse = (value: boolean) => {
+    dispatch(setCollapse(value));
+  };
+
+  const toggleSection = (title: string): void => {
+    setOpenSections((prev) =>
+      prev.includes(title) ? prev.filter((t) => t !== title) : [...prev, title]
+    );
+  };
+
+  // Clear timeout on unmount to prevent memory leaks
+  useEffect(() => {
+    return () => {
+      if (hoverTimeoutRef.current) {
+        clearTimeout(hoverTimeoutRef.current);
+      }
+      if (popoverTimeoutRef.current) {
+        clearTimeout(popoverTimeoutRef.current);
+      }
+    };
+  }, []);
+
+  // Function to check if an item is active based on the current path
+  const isItemActive = (path: string) => {
+    if (path === location.pathname) return true;
+    return false;
+  };
+
+  // Handler for mouse enter
+  const handleMouseEnter = (title: string) => {
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+    }
+
+    if (popoverTimeoutRef.current) {
+      clearTimeout(popoverTimeoutRef.current);
+    }
+
+    // If we're switching between items, briefly hide the popover to trigger animation
+    if (hoveredItem !== null && hoveredItem !== title) {
+      setIsPopoverVisible(false);
+
+      // Wait a brief moment before showing the new popover
+      setTimeout(() => {
+        setHoveredItem(title);
+
+        // Short delay before showing popover for a smoother effect
+        popoverTimeoutRef.current = setTimeout(() => {
+          setIsPopoverVisible(true);
+        }, 80);
+      }, 150);
+    } else {
+      setHoveredItem(title);
+
+      // Slight delay before showing popover for a smoother effect
+      popoverTimeoutRef.current = setTimeout(() => {
+        setIsPopoverVisible(true);
+      }, 50);
+    }
+  };
+
+  const updatePopoverPosition = useCallback(() => {
+    if (hoveredItem && isCollapsed) {
+      const element = document.querySelector(`[data-section="${hoveredItem}"]`);
+      if (element) {
+        const rect = element.getBoundingClientRect();
+        // Position the popover adjacent to the button
+        document.querySelector(`[data-popover="${hoveredItem}"]`)?.setAttribute(
+          "style",
+          `box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
+           transform-origin: left center; 
+           position: fixed;
+           left: ${rect.right + 8}px; 
+           top: ${rect.top}px;
+           max-height: 80vh;
+           overflow-y: auto;`
+        );
+      }
+    }
+  }, [hoveredItem, isCollapsed]);
+
+  useEffect(() => {
+    if (hoveredItem) {
+      setTimeout(updatePopoverPosition, 0);
+
+      // Also listen for scroll events to reposition if needed
+      window.addEventListener("scroll", updatePopoverPosition);
+      window.addEventListener("resize", updatePopoverPosition);
+
+      // Update position periodically while popover is visible
+      const positionInterval = setInterval(updatePopoverPosition, 100);
+
+      return () => {
+        window.removeEventListener("scroll", updatePopoverPosition);
+        window.removeEventListener("resize", updatePopoverPosition);
+        clearInterval(positionInterval);
+      };
+    }
+  }, [hoveredItem, isPopoverVisible, updatePopoverPosition]);
+
+  // Handler for mouse leave
+  const handleMouseLeave = () => {
+    if (hoverTimeoutRef.current) {
+      clearTimeout(hoverTimeoutRef.current);
+    }
+
+    // Add a slight delay before hiding the popover
+    hoverTimeoutRef.current = setTimeout(() => {
+      setIsPopoverVisible(false);
+
+      // Wait for fade-out animation to complete before clearing hovered item
+      setTimeout(() => {
+        setHoveredItem(null);
+      }, 300);
+    }, 200); // Delay before starting to hide
+  };
+
+  const handleSectionMouseEnter = (title: string) => {
+    setHoveredSection(title);
+  };
+
+  const handleSectionMouseLeave = () => {
+    setHoveredSection(null);
+  };
+
+  return (
+    <aside
+      className={cn(
+        "fixed left-0 top-0 z-40 h-screen bg-white transition-all duration-300 py-6 px-[10px]",
+        isCollapsed ? "w-[89px]" : "w-[265px]",
+        "border-r border-gray-200",
+        "flex flex-col"
+      )}
+    >
+      {/* Logo Section */}
+      <div className="flex h-14 items-center justify-between pb-8 pt-2">
+        {isCollapsed ? (
+          <Link to="/" className="ml-5">
+            <img
+              src={degaShort}
+              alt="Dega"
+              className="h-8 w-8 cursor-pointer"
+            />
+          </Link>
+        ) : (
+          <div className="flex items-center justify-between w-full">
+            <Link to="/">
+              <img src={degaLogo} alt="Dega" className="h-8 cursor-pointer" />
+            </Link>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => toggleCollapse(true)}
+              className="p-2 rounded-md"
+            >
+              <ArrowLeftToLine
+                className="h-4 w-4"
+                stroke="#4E6497"
+                strokeWidth="1.5"
+              />
+            </Button>
+          </div>
+        )}
+      </div>
+
+      {/* Navigation */}
+      <div className="flex-1 overflow-y-auto">
+        <div className="flex flex-col gap-[6px]">
+          {menuItems.map((section) => (
+            <div
+              key={section.title}
+              className="w-full"
+              onMouseEnter={() => handleSectionMouseEnter(section.title)}
+              onMouseLeave={handleSectionMouseLeave}
+            >
+              {section.type === "link" ? (
+                <Link to={section.path!}>
+                  <Button
+                    size="icon"
+                    variant="ghost"
+                    className={cn(
+                      isCollapsed
+                        ? "px-6 justify-center ml-2 flex items-center py-2 rounded-md"
+                        : "px-4 justify-start w-full flex items-center py-2 rounded-md",
+                      hoveredSection === section.title,
+                      isItemActive(section.path!)
+                    )}
+                  >
+                    <div className="flex items-center gap-2">
+                      <section.icon className="h-4 w-4" />
+                      {!isCollapsed && (
+                        <span className="text-base font-normal">
+                          {section.title}
+                        </span>
+                      )}
+                    </div>
+                  </Button>
+                </Link>
+              ) : isCollapsed ? (
+                <div
+                  className="relative"
+                  onMouseEnter={() => handleMouseEnter(section.title)}
+                  onMouseLeave={handleMouseLeave}
+                  data-section={section.title}
+                >
+                  <Button
+                    size="icon"
+                    variant="ghost"
+                    className={cn(
+                      isCollapsed
+                        ? "flex ml-2 items-center justify-center py-2 rounded-md px-6"
+                        : "w-full flex items-center justify-center py-2 rounded-md px-6",
+                      hoveredSection === section.title // Highlight when hovered
+                      // Removed the highlighting of parent tab when child is active
+                    )}
+                    onClick={() => handleMouseEnter(section.title)}
+                  >
+                    <section.icon className="h-4 w-4" />
+                    <span className="sr-only">{section.title}</span>
+                  </Button>
+
+                  {/* Animated Popover Menu */}
+                  {hoveredItem === section.title && section.children && (
+                    <div
+                      key={`popover-${section.title}`}
+                      data-popover={section.title}
+                      className={cn(
+                        "p-2 w-48 bg-white shadow-lg rounded-md z-[100]",
+                        "transform transition-all duration-300 ease-in-out",
+                        isPopoverVisible
+                          ? "opacity-100 translate-x-0"
+                          : "opacity-0 -translate-x-3"
+                      )}
+                      onMouseEnter={() => handleMouseEnter(section.title)}
+                      onMouseLeave={handleMouseLeave}
+                    >
+                      <div className="flex flex-col space-y-1">
+                        <div className="px-2 py-1.5 font-medium text-sm text-gray-500">
+                          {section.title}
+                        </div>
+                        {section.children?.map((item, index) => (
+                          <Link
+                            key={item.path}
+                            to={item.path}
+                            className={cn(
+                              "flex items-center px-2 py-1.5 text-sm rounded-md",
+                              "hover:bg-[#DCEFEB] transition-colors",
+                              "transition-all duration-250",
+                              isPopoverVisible
+                                ? "opacity-100 translate-x-0"
+                                : "opacity-0 -translate-x-2",
+                              isItemActive(item.path) && "bg-[#DCEFEB]" // Apply background only to active child
+                            )}
+                            style={{
+                              transitionDelay: `${50 + index * 30}ms`,
+                            }}
+                            onClick={() => {
+                              setHoveredItem(null);
+                              setIsPopoverVisible(false);
+                            }}
+                          >
+                            {item.title}
+                          </Link>
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                </div>
+              ) : (
+                <div
+                  className={cn(
+                    "rounded-md transition-colors",
+                    hoveredSection === section.title && "bg-[#F7FCFB]"
+                  )}
+                >
+                  <Collapsible
+                    open={openSections.includes(section.title)}
+                    onOpenChange={() => toggleSection(section.title)}
+                  >
+                    <CollapsibleTrigger asChild>
+                      <Button
+                        size="icon"
+                        variant="ghost"
+                        className={cn(
+                          "w-full flex items-center justify-between px-4 py-2 rounded-md"
+                        )}
+                      >
+                        <div className="flex items-center gap-2">
+                          <section.icon className="h-4 w-4" />
+                          <span className="text-base font-normal">
+                            {section.title}
+                          </span>
+                        </div>
+                        <ChevronDown
+                          className={cn(
+                            "h-4 w-4 transition-transform",
+                            openSections.includes(section.title) && "rotate-180"
+                          )}
+                        />
+                      </Button>
+                    </CollapsibleTrigger>
+                    <CollapsibleContent className="mt-[6px] space-y-[6px]">
+                      {section.children?.map((item) => (
+                        <Link
+                          key={item.path}
+                          to={item.path}
+                          className={cn(
+                            "flex items-center px-4 py-2 text-base rounded-md w-full",
+                            "hover:bg-[#DCEFEB] transition-colors",
+                            isItemActive(item.path) && "bg-[#DCEFEB]"
+                          )}
+                        >
+                          <div className="pl-6 w-full">{item.title}</div>{" "}
+                        </Link>
+                      ))}
+                    </CollapsibleContent>
+                  </Collapsible>
+                </div>
+              )}
+            </div>
+          ))}
+        </div>
+      </div>
+
+      {/* AccountMenu */}
+      <div className="mt-auto">
+        <div className="flex flex-col gap-2">
+          {!isCollapsed ? (
+            <AccountMenu />
+          ) : (
+            <div className="flex flex-col gap-2">
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={() => toggleCollapse(false)}
+                className="ml-4"
+              >
+                <ArrowRightToLine
+                  className="h-4 w-4"
+                  stroke="#4E6497"
+                  strokeWidth="1.25"
+                />
+              </Button>
+            </div>
+          )}
+        </div>
+      </div>
+    </aside>
+  );
+}
diff --git a/studio/src/components/GlobalNav/SidebarAlt.tsx b/studio/src/components/GlobalNav/SidebarAlt.tsx
new file mode 100644
index 000000000..54052874f
--- /dev/null
+++ b/studio/src/components/GlobalNav/SidebarAlt.tsx
@@ -0,0 +1,245 @@
+import { useState } from "react";
+import { Link, useLocation, useNavigate } from "react-router-dom";
+import { logout } from "../../utils/zitadel/logout";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+import {
+  ChevronLeft,
+  LogOut,
+  Users,
+  Key,
+  Wrench,
+  SquareMenu,
+  ChartPie,
+  SquareDashedBottomCode,
+  Webhook,
+  ScrollText,
+  Lock,
+  Unplug,
+  Tags,
+  Settings,
+  LetterText,
+} from "lucide-react";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { useSidebar } from "@/components/ui/sidebar";
+import {
+  Sheet,
+  SheetContent,
+  SheetHeader,
+  SheetTitle,
+  SheetDescription,
+} from "@/components/ui/sheet";
+
+interface MenuItem {
+  title: string;
+  icon: React.ComponentType<{ className?: string }>;
+  path?: string;
+  type?: string;
+  children?: Array<{
+    title: string;
+    path: string;
+    icon: React.ComponentType<{ className?: string }>;
+  }>;
+}
+
+export function SidebarAlt() {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const isMobile = useIsMobile();
+  const { openMobile, setOpenMobile } = useSidebar();
+  const [hoveredSection, setHoveredSection] = useState<string | null>(null);
+
+  const handleBack = () => {
+    // Navigate to main dashboard
+    navigate("/");
+  };
+
+  const handleLogout = async () => {
+    await logout();
+  };
+
+  // Handlers for section hover
+  const handleSectionMouseEnter = (title: string) => {
+    setHoveredSection(title);
+  };
+
+  const handleSectionMouseLeave = () => {
+    setHoveredSection(null);
+  };
+
+  const settingsMenuItems: MenuItem[] = [
+    {
+      title: "Website",
+      icon: Wrench,
+      children: [
+        {
+          title: "General",
+          path: "/settings/website/general",
+          icon: Wrench,
+        },
+        {
+          title: "Branding",
+          path: "/settings/website/branding",
+          icon: Tags,
+        },
+        {
+          title: "Navigation",
+          path: "/settings/website/menus",
+          icon: SquareMenu,
+        },
+        {
+          title: "Analytics",
+          path: "/settings/website/analytics",
+          icon: ChartPie,
+        },
+        {
+          title: "Code Injection",
+          path: "/settings/website/code-injection",
+          icon: SquareDashedBottomCode,
+        },
+      ],
+    },
+    {
+      title: "User Settings",
+      icon: Users,
+      children: [
+        { title: "Members", path: "/settings/members", icon: Users },
+        {
+          title: "Policies",
+          path: "/settings/members/policies",
+          icon: ScrollText,
+        },
+      ],
+    },
+    {
+      title: "Security",
+      icon: Key,
+      children: [
+        {
+          title: "Password & Auth",
+          path: "/settings/website/authentication",
+          icon: Lock,
+        },
+      ],
+    },
+    {
+      title: "Advanced",
+      icon: Settings,
+      children: [
+        { title: "Tokens", path: "/settings/advanced/tokens", icon: Unplug },
+        {
+          title: "Webhooks",
+          path: "/settings/advanced/webhooks",
+          icon: Webhook,
+        },
+        {
+          title: "Formats",
+          path: "/settings/advanced/formats",
+          icon: LetterText,
+        },
+      ],
+    },
+  ];
+
+  const SidebarContent = () => (
+    <div className="h-full flex flex-col p-4">
+      {/* Header with Back button */}
+      <div className="flex items-center">
+        <Button
+          variant="outline"
+          onClick={handleBack}
+          size="sm"
+          className="flex items-center gap-2 py-2"
+        >
+          <ChevronLeft className="h-4 w-4" />
+          <span className="text-base font-normal">Back</span>
+        </Button>
+      </div>
+
+      {/* Settings Navigation */}
+      <div className="flex flex-col gap-1 h-[calc(100vh-12rem)] overflow-y-auto">
+        {/* Menu items */}
+        {settingsMenuItems.map((section) => (
+          <div
+            key={section.title}
+            className="w-full"
+            onMouseEnter={() => handleSectionMouseEnter(section.title)}
+            onMouseLeave={handleSectionMouseLeave}
+          >
+            <div
+              className={cn(
+                "mt-3 rounded-md transition-colors",
+                hoveredSection === section.title && "bg-[#F7FCFB]"
+              )}
+            >
+              {/* Section Header */}
+              <div className="px-3 py-2 text-sm font-medium text-[#4E6497]">
+                <span>{section.title}</span>
+              </div>
+
+              {/* Section Children */}
+              <div className="space-y-1">
+                {section.children?.map((item) => (
+                  <Link
+                    key={item.path}
+                    to={item.path}
+                    onClick={() => isMobile && setOpenMobile(false)} // Close mobile sidebar on navigation
+                    className={cn(
+                      "flex items-center pl-4 py-2 text-base rounded-md",
+                      "hover:bg-[#DCEFEB] transition-colors text-[#0D1D2D]",
+                      location.pathname === item.path &&
+                        "bg-[#DCEFEB] text-[#0D1D2D] font-medium"
+                    )}
+                  >
+                    <div className="flex items-center gap-2">
+                      <item.icon className="h-5 w-5" />
+                      <span className="truncate">{item.title}</span>
+                    </div>
+                  </Link>
+                ))}
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+
+      {/* Footer with Logout */}
+      <div className="mt-auto pt-4">
+        <Button
+          variant="outline"
+          className="flex items-center justify-start text-red-600 px-3 py-2 gap-3"
+          onClick={handleLogout}
+        >
+          <LogOut className="h-5 w-5" />
+          <span>Logout</span>
+        </Button>
+      </div>
+    </div>
+  );
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile}>
+        <SheetContent
+          data-sidebar="sidebar"
+          data-slot="sidebar"
+          data-mobile="true"
+          className="bg-white text-[#0D1D2D] w-[18rem] p-0 [&>button]:hidden fixed top-16 h-[calc(100vh-4rem)]"
+          side="left"
+        >
+          <SheetHeader className="sr-only">
+            <SheetTitle>Settings Sidebar</SheetTitle>
+            <SheetDescription>Displays the settings sidebar.</SheetDescription>
+          </SheetHeader>
+          <SidebarContent />
+        </SheetContent>
+      </Sheet>
+    );
+  }
+
+  return (
+    <aside className="fixed left-0 top-0 z-40 h-screen w-[265px] bg-white border-r border-gray-200">
+      <SidebarContent />
+    </aside>
+  );
+}
diff --git a/studio/src/components/GlobalNav/SpaceSelector.css b/studio/src/components/GlobalNav/SpaceSelector.css
deleted file mode 100644
index c7a8fe107..000000000
--- a/studio/src/components/GlobalNav/SpaceSelector.css
+++ /dev/null
@@ -1,101 +0,0 @@
-.list-item-action {
-  transition: opacity 0.2s ease-in-out;
-}
-
-.list-item-action:hover {
-  background: #f5f5f5 !important;
-  border: 0 !important;
-}
-
-.list-item {
-  transition: background 0.2s ease-in-out;
-  padding: 10px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  background-color: #fff;
-  padding: 14px 18px !important;
-  margin-bottom: 0.5rem;
-  border-radius: 8px;
-}
-
-.list-item:hover {
-  border-bottom: 3px solid #1890ff !important;
-  border-radius: 8px !important;
-}
-
-.list-item:hover .list-item-action {
-  opacity: 1;
-}
-
-.list-item-action {
-  background-color: transparent;
-  color: #858585;
-  opacity: 0;
-  border-radius: 4px;
-  border: 2px solid #e0e0e0;
-}
-
-.list-item-meta {
-  display: flex;
-  align-items: center !important;
-}
-
-.list-item-avatar {
-  margin-right: 16px;
-}
-
-.list-item-name {
-  color: #101828;
-  font-size: 14px;
-  font-weight: 500;
-  margin: 0;
-}
-
-.highlighted-text {
-  background-color: #1890ff;
-  color: #fff;
-}
-
-.delete-modal-container .ant-modal-content {
-  width: 311px;
-}
-
-.org-space-list .ant-list-header {
-  padding: 0 0 8px;
-}
-
-.space-list-header {
-  padding: 0 0 8px;
-  color: #6c6c6c;
-  font-size: 12px;
-  line-height: 20px;
-  text-transform: uppercase;
-}
-
-.org-space-list .ant-empty {
-  margin: 0;
-}
-
-.org-space-list-container {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-  margin-bottom: 1rem;
-}
-
-.org-space-list {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  padding: 14px 27px 21px 27px;
-  border-radius: 8px;
-  background-color: #f1f4f8;
-}
-
-.org-space-list > div {
-  width: 100%;
-}
diff --git a/studio/src/components/GlobalNav/SpaceSelector.js b/studio/src/components/GlobalNav/SpaceSelector.js
deleted file mode 100644
index cc267d86b..000000000
--- a/studio/src/components/GlobalNav/SpaceSelector.js
+++ /dev/null
@@ -1,280 +0,0 @@
-import React, { useState } from 'react';
-
-import { useSelector, useDispatch } from 'react-redux';
-import { Avatar, Button, Row, Col, Modal, Layout, Input, List, Typography, Empty } from 'antd';
-import { LeftOutlined, PlusOutlined, SearchOutlined, DeleteOutlined } from '@ant-design/icons';
-import { setSelectedSpace } from '../../actions/spaces';
-import { Link } from 'react-router-dom';
-import { deleteSpace } from '../../actions/spaces';
-import degaImg from '../../assets/dega.png';
-import './SpaceSelector.css';
-
-function SpaceSelector({ onClose }) {
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const { orgs, details } = useSelector((state) => {
-    // orgs with spaces
-    const orgsSpaces = state.spaces.orgs.filter((org) => org.spaces.length > 0);
-    // orgs without spaces
-    const orgsNoSpaces = state.spaces.orgs.filter((org) => org.spaces.length === 0);
-    return {
-      orgs: [...orgsSpaces, ...orgsNoSpaces],
-      details: state.spaces.details,
-    };
-  });
-  const [searchquery, setSearchQuery] = useState('');
-  const [searchResults, setSearchResults] = useState([]);
-  const [modalOpen, setModalOpen] = useState(false);
-  const [itemToDelete, setItemToDelete] = useState(null);
-  const dispatch = useDispatch();
-  const { Content } = Layout;
-
-  const onSearch = (e) => {
-    setSearchQuery(e.target.value);
-
-    if (e.target.value.length > 0) {
-      filterData(e.target.value);
-    }
-  };
-
-  const filterData = (query) => {
-    // Initialize an empty array to store the search results
-    let results = [];
-
-    // Loop through each organization in the `orgs` array
-    for (const org of orgs) {
-      // Initialize an empty array to store the spaces that match the search query
-      const matchingSpaces = [];
-
-      // Loop through each space associated with the current organization
-      for (const space of org.spaces) {
-        // Check if the name of the current space contains the search query
-        if (details[space].name.toLowerCase().includes(query.toLowerCase())) {
-          // If it does, add the space to the `matchingSpaces` array
-          matchingSpaces.push(space);
-        }
-      }
-
-      // Check if the name of the current organization contains the search query
-      const orgTitleMatches = org.title.toLowerCase().includes(query.toLowerCase());
-
-      // Check if any spaces matched the search query and the current organization title matches
-      if (matchingSpaces.length > 0 && orgTitleMatches) {
-        // If so, add the current organization to the `results` array
-        results.push({ ...org, spaces: matchingSpaces });
-      } else if (matchingSpaces.length > 0) {
-        // If only the spaces matched, create a new object with the matching spaces
-        results.push({ ...org, spaces: matchingSpaces });
-      } else if (orgTitleMatches) {
-        // If only the organization title matched, add the current organization to the `results` array
-        results.push(org);
-      }
-    }
-
-    // Set the search results to the `results` array
-    setSearchResults(results);
-  };
-
-  const OrgSpaceList = ({ org }) => {
-    return (
-      <div key={org.id + org.title} className="org-space-list-container">
-        <List
-          className="org-space-list"
-          header={
-            searchquery && org.title.toLowerCase().includes(searchquery.toLowerCase()) ? (
-              <Typography.Text strong className="space-list-header">
-                {org.title.split(new RegExp(`(${searchquery})`, 'gi')).map((text, i) =>
-                  text.toLowerCase() === searchquery.toLowerCase() ? (
-                    <span key={i} className="highlighted-text">
-                      {text}
-                    </span>
-                  ) : (
-                    <span key={i}>{text}</span>
-                  ),
-                )}
-              </Typography.Text>
-            ) : (
-              <Typography.Text strong className="space-list-header">
-                {org.title}
-              </Typography.Text>
-            )
-          }
-          dataSource={org.spaces}
-          renderItem={(item) => (
-            <List.Item
-              className="list-item"
-              onClick={() => {
-                dispatch(setSelectedSpace(details[item]));
-                onClose();
-              }}
-            >
-              <List.Item.Meta
-                className="list-item-meta"
-                avatar={
-                  <Avatar
-                    src={
-                      details[item]?.logo?.url?.[
-                        window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw'
-                      ] || degaImg
-                    }
-                  />
-                }
-                description={
-                  searchquery &&
-                  details[item].name.toLowerCase().includes(searchquery.toLowerCase()) ? (
-                    <Typography.Text strong>
-                      {details[item].name
-                        .split(new RegExp(`(${searchquery})`, 'gi'))
-                        .map((text, i) =>
-                          text.toLowerCase() === searchquery.toLowerCase() ? (
-                            <span key={i} className="highlighted-text">
-                              {text}
-                            </span>
-                          ) : (
-                            <span key={i}>{text}</span>
-                          ),
-                        )}
-                    </Typography.Text>
-                  ) : (
-                    <Typography.Text strong>{details[item].name}</Typography.Text>
-                  )
-                }
-              />
-              <Button
-                className="list-item-action"
-                icon={<DeleteOutlined />}
-                type="primary"
-                onClick={(event) => {
-                  event.stopPropagation();
-                  setItemToDelete(item);
-                  setModalOpen(true);
-                }}
-              />
-            </List.Item>
-          )}
-        />
-      </div>
-    );
-  };
-
-  const renderSpaceSelector = () => {
-    return (
-      <Col
-        style={{
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          flexDirection: 'column',
-          alignSelf: isMobileScreen || 'start',
-          width: isMobileScreen ? '90vw' : '45.27vw',
-        }}
-      >
-        <Input
-          value={searchquery}
-          onChange={onSearch}
-          placeholder="Search"
-          style={{ padding: '0.8rem', borderRadius: '8px', marginBottom: '1rem' }}
-          suffix={<SearchOutlined />}
-        />
-        <Row style={{ width: '100%', color: '1E1E1E' }}>
-          {modalOpen && itemToDelete ? (
-            <Modal
-              open={modalOpen}
-              closable={false}
-              centered
-              width="311px"
-              className="delete-modal-container"
-              style={{
-                borderRadius: '18px',
-              }}
-              onOk={() => {
-                dispatch(deleteSpace(itemToDelete));
-                setModalOpen(false);
-                setItemToDelete(null);
-                setSearchQuery('');
-                setSearchResults([]);
-              }}
-              onCancel={() => {
-                setModalOpen(false);
-              }}
-            >
-              <Typography.Text strong>Are you sure you want to delete this space?</Typography.Text>
-            </Modal>
-          ) : null}
-          {searchquery.length < 1 ? (
-            orgs.map((org) => {
-              return (
-                <Col span={24}>
-                  <OrgSpaceList org={org} />
-                </Col>
-              );
-            })
-          ) : searchResults.length !== 0 ? (
-            searchResults.map((item) => {
-              return (
-                <Col span={24}>
-                  <OrgSpaceList org={item} />
-                </Col>
-              );
-            })
-          ) : (
-            <Col span={24}>
-              <Empty />
-            </Col>
-          )}
-        </Row>
-      </Col>
-    );
-  };
-
-  return (
-    <Layout style={{ backgroundColor: '#F9FAFB', minHeight: '100vh' }}>
-      <Content>
-        <Row
-          style={{ width: '100%', alignItems: 'baseline', padding: '0 5vw', marginTop: '2.6rem' }}
-          justify="space-between"
-        >
-          <Col style={{ textAlign: 'right' }}>
-            <Button type="text" to="/" onClick={onClose} style={{ color: '#1E1E1E' }}>
-              <LeftOutlined style={{ fontSize: '12px', paddingRight: '6px' }} />{' '}
-              <Typography.Text strong>Back</Typography.Text>
-            </Button>
-          </Col>
-          {isMobileScreen || renderSpaceSelector()}
-          <Col>
-            <Link Link key="1" onClick={onClose} to="/spaces/create">
-              <Button
-                icon={<PlusOutlined />}
-                size="large"
-                style={{
-                  backgroundColor: '#1890FF',
-                  borderRadius: '4px',
-                }}
-                type="primary"
-              >
-                New Space
-              </Button>
-            </Link>
-          </Col>
-        </Row>
-        <Row align="middle" style={{ marginTop: '2rem', width: '100%', justifyContent: 'center' }}>
-          {isMobileScreen && renderSpaceSelector()}
-        </Row>
-      </Content>
-    </Layout>
-  );
-}
-export default SpaceSelector;
diff --git a/studio/src/components/GlobalNav/SpaceSelector.test.js b/studio/src/components/GlobalNav/SpaceSelector.test.js
deleted file mode 100644
index f9e7daa26..000000000
--- a/studio/src/components/GlobalNav/SpaceSelector.test.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import renderer from 'react-test-renderer';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import SpaceSelector from './SpaceSelector';
-import * as actions from '../../actions/spaces';
-import { Select } from 'antd';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/spaces', () => ({
-  setSelectedSpace: jest.fn(),
-}));
-
-describe('SpaceSelector component', () => {
-  let store;
-  let mockedDispatch;
-
-  let state = {
-    spaces: {
-      orgs: [],
-      details: {},
-      loading: true,
-      selected: 0,
-    },
-  };
-  store = mockStore(() => state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component with empty data', () => {
-      const tree = renderer
-        .create(
-          <Provider store={store}>
-            <SpaceSelector />
-          </Provider>,
-        )
-        .toJSON();
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      state.spaces = {
-        orgs: [
-          {
-            id: 1,
-            title: 'TOI',
-            spaces: [1],
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            name: 'English',
-            site_address: 'site_address',
-            site_title: 'site_title',
-            tag_line: 'tag_line',
-          },
-        },
-        selected: 1,
-      };
-      store = mockStore(() => state);
-      const tree = renderer
-        .create(
-          <Provider store={store}>
-            <SpaceSelector />
-          </Provider>,
-        )
-        .toJSON();
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    it('should call setSelectedSpace', (done) => {
-      actions.setSelectedSpace.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      const state2 = { ...state };
-      state2.spaces = {
-        orgs: [
-          {
-            id: 1,
-            title: 'TOI',
-            spaces: [1],
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            name: 'English',
-            site_address: 'site_address',
-            site_title: 'site_title',
-            tag_line: 'tag_line',
-            logo: {
-              url: { proxy: 'imageproxyurl' },
-            },
-          },
-        },
-        selected: 1,
-      };
-      const store2 = mockStore(state2);
-      wrapper = mount(
-        <Provider store={store2}>
-          <SpaceSelector />
-        </Provider>,
-      );
-
-      wrapper.find(Select).props().onChange({ space: 1 });
-      wrapper.update();
-
-      expect(actions.setSelectedSpace).toHaveBeenCalledWith({ space: 1 });
-      done();
-    });
-  });
-});
diff --git a/studio/src/components/GlobalNav/SpaceSelector.tsx b/studio/src/components/GlobalNav/SpaceSelector.tsx
new file mode 100644
index 000000000..6dec097e5
--- /dev/null
+++ b/studio/src/components/GlobalNav/SpaceSelector.tsx
@@ -0,0 +1,314 @@
+import React, { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import { Link } from "react-router-dom";
+import { ArrowLeft, Plus, Trash2 } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
+import { Input } from "@/components/ui/input";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { setSelectedSpace, deleteSpace } from "../../actions/spaces";
+import degaImg from "../../assets/dega.png";
+import RecordNotFound from "../ErrorsAndImage/RecordNotFound";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// Define types for our Redux state and props
+interface SpaceDetails {
+  id: string;
+  name: string;
+  logo?: {
+    url: {
+      proxy?: string;
+      raw?: string;
+    };
+  };
+}
+
+interface Organization {
+  id: string;
+  title: string;
+  spaces: string[];
+}
+
+interface SpacesState {
+  orgs: Organization[];
+  details: Record<string, SpaceDetails>;
+}
+
+interface RootState {
+  spaces: SpacesState;
+}
+
+interface SpaceSelectorProps {
+  onClose: () => void;
+}
+
+interface OrgSpaceListProps {
+  org: Organization;
+}
+
+function SpaceSelector({ onClose }: SpaceSelectorProps) {
+  const { orgs, details } = useSelector((state: RootState) => {
+    // orgs with spaces
+    const orgsSpaces = state.spaces.orgs.filter((org) => org.spaces.length > 0);
+    // orgs without spaces
+    const orgsNoSpaces = state.spaces.orgs.filter(
+      (org) => org.spaces.length === 0
+    );
+    return {
+      orgs: [...orgsSpaces, ...orgsNoSpaces],
+      details: state.spaces.details,
+    };
+  });
+
+  const [searchQuery, setSearchQuery] = useState("");
+  const [searchResults, setSearchResults] = useState<Organization[]>([]);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [itemToDelete, setItemToDelete] = useState<string | null>(null);
+  const dispatch = useAppDispatch();
+
+  const onSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchQuery(e.target.value);
+
+    if (e.target.value.length > 0) {
+      filterData(e.target.value);
+    }
+  };
+
+  const filterData = (query: string) => {
+    // Initialize an empty array to store the search results
+    const results: Organization[] = [];
+
+    // Loop through each organization in the `orgs` array
+    for (const org of orgs) {
+      // Initialize an empty array to store the spaces that match the search query
+      const matchingSpaces: string[] = [];
+
+      // Loop through each space associated with the current organization
+      for (const space of org.spaces) {
+        // Check if the name of the current space contains the search query
+        if (details[space]?.name.toLowerCase().includes(query.toLowerCase())) {
+          // If it does, add the space to the `matchingSpaces` array
+          matchingSpaces.push(space);
+        }
+      }
+
+      // Check if the name of the current organization contains the search query
+      const orgTitleMatches = org.title
+        .toLowerCase()
+        .includes(query.toLowerCase());
+
+      // Check if any spaces matched the search query and the current organization title matches
+      if (matchingSpaces.length > 0 && orgTitleMatches) {
+        // If so, add the current organization to the `results` array
+        results.push({ ...org, spaces: matchingSpaces });
+      } else if (matchingSpaces.length > 0) {
+        // If only the spaces matched, create a new object with the matching spaces
+        results.push({ ...org, spaces: matchingSpaces });
+      } else if (orgTitleMatches) {
+        // If only the organization title matched, add the current organization to the `results` array
+        results.push(org);
+      }
+    }
+
+    // Set the search results to the `results` array
+    setSearchResults(results);
+  };
+
+  const OrgSpaceList = ({ org }: OrgSpaceListProps) => {
+    return (
+      <div key={org.id + org.title} className="org-space-list-container">
+        <Card className="mb-4 border-0 shadow-sm">
+          <CardHeader className="px-4 py-2 space-list-header">
+            {searchQuery &&
+            org.title.toLowerCase().includes(searchQuery.toLowerCase()) ? (
+              <CardTitle className="text-sm font-bold">
+                {org.title
+                  .split(new RegExp(`(${searchQuery})`, "gi"))
+                  .map((text, i) =>
+                    text.toLowerCase() === searchQuery.toLowerCase() ? (
+                      <span key={i} className="highlighted-text">
+                        {text}
+                      </span>
+                    ) : (
+                      <span key={i}>{text}</span>
+                    )
+                  )}
+              </CardTitle>
+            ) : (
+              <CardTitle className="text-sm font-bold">{org.title}</CardTitle>
+            )}
+          </CardHeader>
+          <CardContent className="p-0">
+            <div className="divide-y">
+              {org.spaces.map((item) => (
+                <div
+                  key={item}
+                  className="p-3 hover:bg-gray-50 cursor-pointer transition-colors"
+                  onClick={() => {
+                    dispatch(setSelectedSpace(item));
+                    onClose();
+                  }}
+                >
+                  <div className="flex items-center space-x-4 w-full">
+                    <Avatar>
+                      <AvatarImage
+                        src={
+                          details[item]?.logo?.url?.[
+                            import.meta.env.VITE_ENABLE_IMGPROXY
+                              ? "proxy"
+                              : "raw"
+                          ] || degaImg
+                        }
+                        alt={details[item]?.name || "Space"}
+                      />
+                      <AvatarFallback>
+                        {details[item]?.name?.[0] || "S"}
+                      </AvatarFallback>
+                    </Avatar>
+                    <div className="flex-1">
+                      {searchQuery &&
+                      details[item]?.name
+                        .toLowerCase()
+                        .includes(searchQuery.toLowerCase()) ? (
+                        <p className="font-bold">
+                          {details[item]?.name
+                            .split(new RegExp(`(${searchQuery})`, "gi"))
+                            .map((text, i) =>
+                              text.toLowerCase() ===
+                              searchQuery.toLowerCase() ? (
+                                <span key={i} className="highlighted-text">
+                                  {text}
+                                </span>
+                              ) : (
+                                <span key={i}>{text}</span>
+                              )
+                            )}
+                        </p>
+                      ) : (
+                        <p className="font-bold">{details[item]?.name}</p>
+                      )}
+                    </div>
+                    <Button
+                      variant="destructive"
+                      size="icon"
+                      className="list-item-action"
+                      onClick={(event) => {
+                        event.stopPropagation();
+                        setItemToDelete(item);
+                        setModalOpen(true);
+                      }}
+                    >
+                      <Trash2 className="h-4 w-4" />
+                    </Button>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    );
+  };
+
+  const renderSpaceSelector = () => {
+    return (
+      <div className={`flex flex-col items-center justify-center`}>
+        <div className="w-full mb-4">
+          <Input
+            value={searchQuery}
+            onChange={onSearch}
+            placeholder="Search"
+            className="p-3 rounded-lg"
+          />
+        </div>
+        <div className="w-full text-gray-900">
+          {searchQuery.length < 1 ? (
+            orgs.map((org) => <OrgSpaceList key={org.id} org={org} />)
+          ) : searchResults.length !== 0 ? (
+            searchResults.map((item) => (
+              <OrgSpaceList key={item.id} org={item} />
+            ))
+          ) : (
+            <RecordNotFound />
+          )}
+        </div>
+      </div>
+    );
+  };
+
+  return (
+    <div className="bg-gray-50 min-h-screen">
+      <div className="container mx-auto">
+        <div className="flex justify-between items-baseline px-5 pt-10">
+          <div>
+            <Button variant="ghost" onClick={onClose} className="text-gray-900">
+              <ArrowLeft className="h-4 w-4 mr-2" />
+              <span className="font-bold">Back</span>
+            </Button>
+          </div>
+          <div>
+            <Link to="/spaces/create" onClick={onClose}>
+              <Button
+                variant="default"
+                size="lg"
+                className="rounded-md bg-blue-500"
+              >
+                <Plus className="h-4 w-4 mr-2" />
+                New Space
+              </Button>
+            </Link>
+          </div>
+        </div>
+        <div className="flex justify-center items-center mt-8 w-full">
+          {renderSpaceSelector()}
+        </div>
+      </div>
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={modalOpen} onOpenChange={setModalOpen}>
+        <DialogContent className="sm:max-w-md">
+          <DialogHeader>
+            <DialogTitle>Delete Space</DialogTitle>
+          </DialogHeader>
+          <DialogDescription>
+            Are you sure you want to delete this space?
+          </DialogDescription>
+          <DialogFooter>
+            <Button
+              variant="outline"
+              onClick={() => {
+                setModalOpen(false);
+              }}
+            >
+              Cancel
+            </Button>
+            <Button
+              variant="destructive"
+              onClick={() => {
+                if (itemToDelete) {
+                  dispatch(deleteSpace(itemToDelete));
+                  setModalOpen(false);
+                  setItemToDelete(null);
+                  setSearchQuery("");
+                  setSearchResults([]);
+                }
+              }}
+            >
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+
+export default SpaceSelector;
diff --git a/studio/src/components/GlobalNav/__snapshots__/AccountMenu.test.js.snap b/studio/src/components/GlobalNav/__snapshots__/AccountMenu.test.js.snap
deleted file mode 100644
index e36538f7b..000000000
--- a/studio/src/components/GlobalNav/__snapshots__/AccountMenu.test.js.snap
+++ /dev/null
@@ -1,1254 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Account Menu component should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <AccountMenu>
-    <Dropdown
-      mouseEnterDelay={0.15}
-      mouseLeaveDelay={0.1}
-      overlay={
-        <Menu>
-          <MenuItem>
-            <ForwardRef
-              to="/profile"
-            >
-              <ForwardRef(EditOutlined) />
-               Profile
-            </ForwardRef>
-          </MenuItem>
-          <MenuItem>
-            <ForwardRef(InternalButton)
-              danger={true}
-              icon={<ForwardRef(LogoutOutlined) />}
-              onClick={[Function]}
-            >
-              Logout
-            </ForwardRef(InternalButton)>
-          </MenuItem>
-        </Menu>
-      }
-      placement="topLeft"
-    >
-      <ForwardRef(Dropdown)
-        mouseEnterDelay={0.15}
-        mouseLeaveDelay={0.1}
-        overlay={[Function]}
-        overlayClassName=""
-        placement="topLeft"
-        prefixCls="ant-dropdown"
-        transitionName="ant-slide-down"
-      >
-        <Trigger
-          action={
-            Array [
-              "hover",
-            ]
-          }
-          afterPopupVisibleChange={[Function]}
-          autoDestroy={false}
-          blurDelay={0.15}
-          builtinPlacements={
-            Object {
-              "bottomCenter": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tc",
-                  "bc",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "bottomLeft": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tl",
-                  "bl",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "bottomRight": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tr",
-                  "br",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topCenter": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "bc",
-                  "tc",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topLeft": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "bl",
-                  "tl",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topRight": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "br",
-                  "tr",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-            }
-          }
-          defaultPopupVisible={false}
-          destroyPopupOnHide={false}
-          focusDelay={0}
-          getDocument={[Function]}
-          getPopupClassNameFromAlign={[Function]}
-          hideAction={Array []}
-          mask={false}
-          maskClosable={true}
-          mouseEnterDelay={0.15}
-          mouseLeaveDelay={0.1}
-          onPopupAlign={[Function]}
-          onPopupVisibleChange={[Function]}
-          overlay={[Function]}
-          popup={[Function]}
-          popupAlign={Object {}}
-          popupClassName=""
-          popupPlacement="topLeft"
-          popupStyle={Object {}}
-          popupTransitionName="ant-slide-down"
-          prefixCls="ant-dropdown"
-          showAction={Array []}
-          stretch="minWidth"
-        >
-          <div
-            className="ant-dropdown-trigger user-menu"
-            key="trigger"
-            onMouseEnter={[Function]}
-            onMouseLeave={[Function]}
-          >
-            <Button
-              style={
-                Object {
-                  "alignItems": "center",
-                  "borderRadius": "50px",
-                  "display": "flex",
-                  "justifyContent": "center",
-                  "padding": "0.5rem",
-                }
-              }
-            >
-              <Wave>
-                <button
-                  className="ant-btn"
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "alignItems": "center",
-                      "borderRadius": "50px",
-                      "display": "flex",
-                      "justifyContent": "center",
-                      "padding": "0.5rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <LoadingIcon
-                    existIcon={false}
-                    loading={false}
-                    prefixCls="ant-btn"
-                  >
-                    <CSSMotion
-                      motionName="ant-btn-loading-icon-motion"
-                      onAppearActive={[Function]}
-                      onAppearStart={[Function]}
-                      onEnterActive={[Function]}
-                      onEnterStart={[Function]}
-                      onLeaveActive={[Function]}
-                      onLeaveStart={[Function]}
-                      removeOnLeave={true}
-                      visible={false}
-                    >
-                      <DomWrapper />
-                    </CSSMotion>
-                  </LoadingIcon>
-                  <ForwardRef(UserOutlined)
-                    key=".0"
-                    style={
-                      Object {
-                        "fontSize": "1.25rem",
-                        "padding": "0.25rem",
-                      }
-                    }
-                    title="Spaces"
-                  >
-                    <AntdIcon
-                      icon={
-                        Object {
-                          "icon": Object {
-                            "attrs": Object {
-                              "focusable": "false",
-                              "viewBox": "64 64 896 896",
-                            },
-                            "children": Array [
-                              Object {
-                                "attrs": Object {
-                                  "d": "M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z",
-                                },
-                                "tag": "path",
-                              },
-                            ],
-                            "tag": "svg",
-                          },
-                          "name": "user",
-                          "theme": "outlined",
-                        }
-                      }
-                      style={
-                        Object {
-                          "fontSize": "1.25rem",
-                          "padding": "0.25rem",
-                        }
-                      }
-                      title="Spaces"
-                    >
-                      <span
-                        aria-label="user"
-                        className="anticon anticon-user"
-                        role="img"
-                        style={
-                          Object {
-                            "fontSize": "1.25rem",
-                            "padding": "0.25rem",
-                          }
-                        }
-                        title="Spaces"
-                      >
-                        <IconReact
-                          icon={
-                            Object {
-                              "icon": Object {
-                                "attrs": Object {
-                                  "focusable": "false",
-                                  "viewBox": "64 64 896 896",
-                                },
-                                "children": Array [
-                                  Object {
-                                    "attrs": Object {
-                                      "d": "M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z",
-                                    },
-                                    "tag": "path",
-                                  },
-                                ],
-                                "tag": "svg",
-                              },
-                              "name": "user",
-                              "theme": "outlined",
-                            }
-                          }
-                        >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="user"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            key="svg-user"
-                            viewBox="64 64 896 896"
-                            width="1em"
-                          >
-                            <path
-                              d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-                              key="svg-user-svg-0"
-                            />
-                          </svg>
-                        </IconReact>
-                      </span>
-                    </AntdIcon>
-                  </ForwardRef(UserOutlined)>
-                  <ForwardRef(DownOutlined)
-                    key=".1"
-                    style={
-                      Object {
-                        "fontSize": "0.5rem",
-                        "marginLeft": "0.25rem",
-                      }
-                    }
-                  >
-                    <AntdIcon
-                      icon={
-                        Object {
-                          "icon": Object {
-                            "attrs": Object {
-                              "focusable": "false",
-                              "viewBox": "64 64 896 896",
-                            },
-                            "children": Array [
-                              Object {
-                                "attrs": Object {
-                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                },
-                                "tag": "path",
-                              },
-                            ],
-                            "tag": "svg",
-                          },
-                          "name": "down",
-                          "theme": "outlined",
-                        }
-                      }
-                      style={
-                        Object {
-                          "fontSize": "0.5rem",
-                          "marginLeft": "0.25rem",
-                        }
-                      }
-                    >
-                      <span
-                        aria-label="down"
-                        className="anticon anticon-down"
-                        role="img"
-                        style={
-                          Object {
-                            "fontSize": "0.5rem",
-                            "marginLeft": "0.25rem",
-                          }
-                        }
-                      >
-                        <IconReact
-                          icon={
-                            Object {
-                              "icon": Object {
-                                "attrs": Object {
-                                  "focusable": "false",
-                                  "viewBox": "64 64 896 896",
-                                },
-                                "children": Array [
-                                  Object {
-                                    "attrs": Object {
-                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                    },
-                                    "tag": "path",
-                                  },
-                                ],
-                                "tag": "svg",
-                              },
-                              "name": "down",
-                              "theme": "outlined",
-                            }
-                          }
-                        >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="down"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            key="svg-down"
-                            viewBox="64 64 896 896"
-                            width="1em"
-                          >
-                            <path
-                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                              key="svg-down-svg-0"
-                            />
-                          </svg>
-                        </IconReact>
-                      </span>
-                    </AntdIcon>
-                  </ForwardRef(DownOutlined)>
-                </button>
-              </Wave>
-            </Button>
-          </div>
-        </Trigger>
-      </ForwardRef(Dropdown)>
-    </Dropdown>
-  </AccountMenu>
-</Provider>
-`;
-
-exports[`Account Menu component should render the component with no profile 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <AccountMenu>
-    <Dropdown
-      mouseEnterDelay={0.15}
-      mouseLeaveDelay={0.1}
-      overlay={
-        <Menu>
-          <MenuItem>
-            <ForwardRef
-              to="/profile"
-            >
-              <ForwardRef(EditOutlined) />
-               Profile
-            </ForwardRef>
-          </MenuItem>
-          <MenuItem>
-            <ForwardRef(InternalButton)
-              danger={true}
-              icon={<ForwardRef(LogoutOutlined) />}
-              onClick={[Function]}
-            >
-              Logout
-            </ForwardRef(InternalButton)>
-          </MenuItem>
-        </Menu>
-      }
-      placement="topLeft"
-    >
-      <ForwardRef(Dropdown)
-        mouseEnterDelay={0.15}
-        mouseLeaveDelay={0.1}
-        overlay={[Function]}
-        overlayClassName=""
-        placement="topLeft"
-        prefixCls="ant-dropdown"
-        transitionName="ant-slide-down"
-      >
-        <Trigger
-          action={
-            Array [
-              "hover",
-            ]
-          }
-          afterPopupVisibleChange={[Function]}
-          autoDestroy={false}
-          blurDelay={0.15}
-          builtinPlacements={
-            Object {
-              "bottomCenter": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tc",
-                  "bc",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "bottomLeft": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tl",
-                  "bl",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "bottomRight": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tr",
-                  "br",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topCenter": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "bc",
-                  "tc",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topLeft": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "bl",
-                  "tl",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topRight": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "br",
-                  "tr",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-            }
-          }
-          defaultPopupVisible={false}
-          destroyPopupOnHide={false}
-          focusDelay={0}
-          getDocument={[Function]}
-          getPopupClassNameFromAlign={[Function]}
-          hideAction={Array []}
-          mask={false}
-          maskClosable={true}
-          mouseEnterDelay={0.15}
-          mouseLeaveDelay={0.1}
-          onPopupAlign={[Function]}
-          onPopupVisibleChange={[Function]}
-          overlay={[Function]}
-          popup={[Function]}
-          popupAlign={Object {}}
-          popupClassName=""
-          popupPlacement="topLeft"
-          popupStyle={Object {}}
-          popupTransitionName="ant-slide-down"
-          prefixCls="ant-dropdown"
-          showAction={Array []}
-          stretch="minWidth"
-        >
-          <div
-            className="ant-dropdown-trigger user-menu"
-            key="trigger"
-            onMouseEnter={[Function]}
-            onMouseLeave={[Function]}
-          >
-            <Button
-              style={
-                Object {
-                  "alignItems": "center",
-                  "borderRadius": "50px",
-                  "display": "flex",
-                  "justifyContent": "center",
-                  "padding": "0.5rem",
-                }
-              }
-            >
-              <Wave>
-                <button
-                  className="ant-btn"
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "alignItems": "center",
-                      "borderRadius": "50px",
-                      "display": "flex",
-                      "justifyContent": "center",
-                      "padding": "0.5rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <LoadingIcon
-                    existIcon={false}
-                    loading={false}
-                    prefixCls="ant-btn"
-                  >
-                    <CSSMotion
-                      motionName="ant-btn-loading-icon-motion"
-                      onAppearActive={[Function]}
-                      onAppearStart={[Function]}
-                      onEnterActive={[Function]}
-                      onEnterStart={[Function]}
-                      onLeaveActive={[Function]}
-                      onLeaveStart={[Function]}
-                      removeOnLeave={true}
-                      visible={false}
-                    >
-                      <DomWrapper />
-                    </CSSMotion>
-                  </LoadingIcon>
-                  <ForwardRef(UserOutlined)
-                    key=".0"
-                    style={
-                      Object {
-                        "fontSize": "1.25rem",
-                        "padding": "0.25rem",
-                      }
-                    }
-                    title="Spaces"
-                  >
-                    <AntdIcon
-                      icon={
-                        Object {
-                          "icon": Object {
-                            "attrs": Object {
-                              "focusable": "false",
-                              "viewBox": "64 64 896 896",
-                            },
-                            "children": Array [
-                              Object {
-                                "attrs": Object {
-                                  "d": "M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z",
-                                },
-                                "tag": "path",
-                              },
-                            ],
-                            "tag": "svg",
-                          },
-                          "name": "user",
-                          "theme": "outlined",
-                        }
-                      }
-                      style={
-                        Object {
-                          "fontSize": "1.25rem",
-                          "padding": "0.25rem",
-                        }
-                      }
-                      title="Spaces"
-                    >
-                      <span
-                        aria-label="user"
-                        className="anticon anticon-user"
-                        role="img"
-                        style={
-                          Object {
-                            "fontSize": "1.25rem",
-                            "padding": "0.25rem",
-                          }
-                        }
-                        title="Spaces"
-                      >
-                        <IconReact
-                          icon={
-                            Object {
-                              "icon": Object {
-                                "attrs": Object {
-                                  "focusable": "false",
-                                  "viewBox": "64 64 896 896",
-                                },
-                                "children": Array [
-                                  Object {
-                                    "attrs": Object {
-                                      "d": "M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z",
-                                    },
-                                    "tag": "path",
-                                  },
-                                ],
-                                "tag": "svg",
-                              },
-                              "name": "user",
-                              "theme": "outlined",
-                            }
-                          }
-                        >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="user"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            key="svg-user"
-                            viewBox="64 64 896 896"
-                            width="1em"
-                          >
-                            <path
-                              d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-                              key="svg-user-svg-0"
-                            />
-                          </svg>
-                        </IconReact>
-                      </span>
-                    </AntdIcon>
-                  </ForwardRef(UserOutlined)>
-                  <ForwardRef(DownOutlined)
-                    key=".1"
-                    style={
-                      Object {
-                        "fontSize": "0.5rem",
-                        "marginLeft": "0.25rem",
-                      }
-                    }
-                  >
-                    <AntdIcon
-                      icon={
-                        Object {
-                          "icon": Object {
-                            "attrs": Object {
-                              "focusable": "false",
-                              "viewBox": "64 64 896 896",
-                            },
-                            "children": Array [
-                              Object {
-                                "attrs": Object {
-                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                },
-                                "tag": "path",
-                              },
-                            ],
-                            "tag": "svg",
-                          },
-                          "name": "down",
-                          "theme": "outlined",
-                        }
-                      }
-                      style={
-                        Object {
-                          "fontSize": "0.5rem",
-                          "marginLeft": "0.25rem",
-                        }
-                      }
-                    >
-                      <span
-                        aria-label="down"
-                        className="anticon anticon-down"
-                        role="img"
-                        style={
-                          Object {
-                            "fontSize": "0.5rem",
-                            "marginLeft": "0.25rem",
-                          }
-                        }
-                      >
-                        <IconReact
-                          icon={
-                            Object {
-                              "icon": Object {
-                                "attrs": Object {
-                                  "focusable": "false",
-                                  "viewBox": "64 64 896 896",
-                                },
-                                "children": Array [
-                                  Object {
-                                    "attrs": Object {
-                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                    },
-                                    "tag": "path",
-                                  },
-                                ],
-                                "tag": "svg",
-                              },
-                              "name": "down",
-                              "theme": "outlined",
-                            }
-                          }
-                        >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="down"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            key="svg-down"
-                            viewBox="64 64 896 896"
-                            width="1em"
-                          >
-                            <path
-                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                              key="svg-down-svg-0"
-                            />
-                          </svg>
-                        </IconReact>
-                      </span>
-                    </AntdIcon>
-                  </ForwardRef(DownOutlined)>
-                </button>
-              </Wave>
-            </Button>
-          </div>
-        </Trigger>
-      </ForwardRef(Dropdown)>
-    </Dropdown>
-  </AccountMenu>
-</Provider>
-`;
-
-exports[`Account Menu component should render the component with profile image 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <AccountMenu>
-    <Dropdown
-      mouseEnterDelay={0.15}
-      mouseLeaveDelay={0.1}
-      overlay={
-        <Menu>
-          <MenuItem>
-            <ForwardRef
-              to="/profile"
-            >
-              <ForwardRef(EditOutlined) />
-               Profile
-            </ForwardRef>
-          </MenuItem>
-          <MenuItem>
-            <ForwardRef(InternalButton)
-              danger={true}
-              icon={<ForwardRef(LogoutOutlined) />}
-              onClick={[Function]}
-            >
-              Logout
-            </ForwardRef(InternalButton)>
-          </MenuItem>
-        </Menu>
-      }
-      placement="topLeft"
-    >
-      <ForwardRef(Dropdown)
-        mouseEnterDelay={0.15}
-        mouseLeaveDelay={0.1}
-        overlay={[Function]}
-        overlayClassName=""
-        placement="topLeft"
-        prefixCls="ant-dropdown"
-        transitionName="ant-slide-down"
-      >
-        <Trigger
-          action={
-            Array [
-              "hover",
-            ]
-          }
-          afterPopupVisibleChange={[Function]}
-          autoDestroy={false}
-          blurDelay={0.15}
-          builtinPlacements={
-            Object {
-              "bottomCenter": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tc",
-                  "bc",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "bottomLeft": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tl",
-                  "bl",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "bottomRight": Object {
-                "offset": Array [
-                  0,
-                  4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "tr",
-                  "br",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topCenter": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "bc",
-                  "tc",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topLeft": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "bl",
-                  "tl",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-              "topRight": Object {
-                "offset": Array [
-                  0,
-                  -4,
-                ],
-                "overflow": Object {
-                  "adjustX": 1,
-                  "adjustY": 1,
-                },
-                "points": Array [
-                  "br",
-                  "tr",
-                ],
-                "targetOffset": Array [
-                  0,
-                  0,
-                ],
-              },
-            }
-          }
-          defaultPopupVisible={false}
-          destroyPopupOnHide={false}
-          focusDelay={0}
-          getDocument={[Function]}
-          getPopupClassNameFromAlign={[Function]}
-          hideAction={Array []}
-          mask={false}
-          maskClosable={true}
-          mouseEnterDelay={0.15}
-          mouseLeaveDelay={0.1}
-          onPopupAlign={[Function]}
-          onPopupVisibleChange={[Function]}
-          overlay={[Function]}
-          popup={[Function]}
-          popupAlign={Object {}}
-          popupClassName=""
-          popupPlacement="topLeft"
-          popupStyle={Object {}}
-          popupTransitionName="ant-slide-down"
-          prefixCls="ant-dropdown"
-          showAction={Array []}
-          stretch="minWidth"
-        >
-          <div
-            className="ant-dropdown-trigger user-menu"
-            key="trigger"
-            onMouseEnter={[Function]}
-            onMouseLeave={[Function]}
-          >
-            <Button
-              style={
-                Object {
-                  "alignItems": "center",
-                  "borderRadius": "50px",
-                  "display": "flex",
-                  "justifyContent": "center",
-                  "padding": "0.5rem",
-                }
-              }
-            >
-              <Wave>
-                <button
-                  className="ant-btn"
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "alignItems": "center",
-                      "borderRadius": "50px",
-                      "display": "flex",
-                      "justifyContent": "center",
-                      "padding": "0.5rem",
-                    }
-                  }
-                  type="button"
-                >
-                  <LoadingIcon
-                    existIcon={false}
-                    loading={false}
-                    prefixCls="ant-btn"
-                  >
-                    <CSSMotion
-                      motionName="ant-btn-loading-icon-motion"
-                      onAppearActive={[Function]}
-                      onAppearStart={[Function]}
-                      onEnterActive={[Function]}
-                      onEnterStart={[Function]}
-                      onLeaveActive={[Function]}
-                      onLeaveStart={[Function]}
-                      removeOnLeave={true}
-                      visible={false}
-                    >
-                      <DomWrapper />
-                    </CSSMotion>
-                  </LoadingIcon>
-                  <Avatar
-                    key=".0"
-                    shape="circle"
-                    size="small"
-                    src="url"
-                    style={
-                      Object {
-                        "fontSize": "1.25rem",
-                      }
-                    }
-                    title="Spaces"
-                  >
-                    <span
-                      className="ant-avatar ant-avatar-sm ant-avatar-circle ant-avatar-image"
-                      style={
-                        Object {
-                          "fontSize": "1.25rem",
-                        }
-                      }
-                      title="Spaces"
-                    >
-                      <img
-                        onError={[Function]}
-                        src="url"
-                      />
-                    </span>
-                  </Avatar>
-                  <ForwardRef(DownOutlined)
-                    key=".1"
-                    style={
-                      Object {
-                        "fontSize": "0.5rem",
-                        "marginLeft": "0.25rem",
-                      }
-                    }
-                  >
-                    <AntdIcon
-                      icon={
-                        Object {
-                          "icon": Object {
-                            "attrs": Object {
-                              "focusable": "false",
-                              "viewBox": "64 64 896 896",
-                            },
-                            "children": Array [
-                              Object {
-                                "attrs": Object {
-                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                },
-                                "tag": "path",
-                              },
-                            ],
-                            "tag": "svg",
-                          },
-                          "name": "down",
-                          "theme": "outlined",
-                        }
-                      }
-                      style={
-                        Object {
-                          "fontSize": "0.5rem",
-                          "marginLeft": "0.25rem",
-                        }
-                      }
-                    >
-                      <span
-                        aria-label="down"
-                        className="anticon anticon-down"
-                        role="img"
-                        style={
-                          Object {
-                            "fontSize": "0.5rem",
-                            "marginLeft": "0.25rem",
-                          }
-                        }
-                      >
-                        <IconReact
-                          icon={
-                            Object {
-                              "icon": Object {
-                                "attrs": Object {
-                                  "focusable": "false",
-                                  "viewBox": "64 64 896 896",
-                                },
-                                "children": Array [
-                                  Object {
-                                    "attrs": Object {
-                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                    },
-                                    "tag": "path",
-                                  },
-                                ],
-                                "tag": "svg",
-                              },
-                              "name": "down",
-                              "theme": "outlined",
-                            }
-                          }
-                        >
-                          <svg
-                            aria-hidden="true"
-                            data-icon="down"
-                            fill="currentColor"
-                            focusable="false"
-                            height="1em"
-                            key="svg-down"
-                            viewBox="64 64 896 896"
-                            width="1em"
-                          >
-                            <path
-                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                              key="svg-down-svg-0"
-                            />
-                          </svg>
-                        </IconReact>
-                      </span>
-                    </AntdIcon>
-                  </ForwardRef(DownOutlined)>
-                </button>
-              </Wave>
-            </Button>
-          </div>
-        </Trigger>
-      </ForwardRef(Dropdown)>
-    </Dropdown>
-  </AccountMenu>
-</Provider>
-`;
diff --git a/studio/src/components/GlobalNav/__snapshots__/Header.test.js.snap b/studio/src/components/GlobalNav/__snapshots__/Header.test.js.snap
deleted file mode 100644
index b92c0ab3c..000000000
--- a/studio/src/components/GlobalNav/__snapshots__/Header.test.js.snap
+++ /dev/null
@@ -1,442 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Header component snapshot testing should render the component 1`] = `
-<header
-  className="ant-layout-header layout-header"
->
-  <div
-    style={
-      Object {
-        "alignItems": "center",
-        "display": "flex",
-        "justifyContent": "flex-end",
-      }
-    }
-  >
-    <div
-      className="ant-select ant-select-borderless ant-select-single ant-select-show-arrow"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "width": "200px",
-        }
-      }
-    >
-      <div
-        className="ant-select-selector"
-        onClick={[Function]}
-        onMouseDown={[Function]}
-      >
-        <span
-          className="ant-select-selection-search"
-        >
-          <input
-            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-            aria-autocomplete="list"
-            aria-controls="rc_select_TEST_OR_SSR_list"
-            aria-haspopup="listbox"
-            aria-owns="rc_select_TEST_OR_SSR_list"
-            autoComplete="off"
-            className="ant-select-selection-search-input"
-            id="rc_select_TEST_OR_SSR"
-            onChange={[Function]}
-            onCompositionEnd={[Function]}
-            onCompositionStart={[Function]}
-            onKeyDown={[Function]}
-            onMouseDown={[Function]}
-            onPaste={[Function]}
-            readOnly={true}
-            role="combobox"
-            style={
-              Object {
-                "opacity": 0,
-              }
-            }
-            type="search"
-            unselectable="on"
-            value=""
-          />
-        </span>
-        <span
-          className="ant-select-selection-item"
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <span
-              className="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-image"
-              style={Object {}}
-            >
-              <img
-                onError={[Function]}
-                src="dega.png"
-              />
-            </span>
-            <h3
-              style={
-                Object {
-                  "margin": 0,
-                  "marginLeft": "0.5rem",
-                }
-              }
-            >
-              Space 11
-            </h3>
-          </div>
-        </span>
-      </div>
-      <span
-        aria-hidden={true}
-        className="ant-select-arrow"
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "WebkitUserSelect": "none",
-            "userSelect": "none",
-          }
-        }
-        unselectable="on"
-      >
-        <span
-          aria-label="down"
-          className="anticon anticon-down ant-select-suffix"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="down"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <path
-              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-            />
-          </svg>
-        </span>
-      </span>
-    </div>
-    <div
-      className="ant-divider ant-divider-vertical"
-      role="separator"
-    />
-    <span
-      aria-label="appstore"
-      className="anticon anticon-appstore"
-      onClick={[Function]}
-      onMouseDown={[Function]}
-      onTouchStart={[Function]}
-      role="img"
-      tabIndex={-1}
-    >
-      <svg
-        aria-hidden="true"
-        data-icon="appstore"
-        fill="currentColor"
-        focusable="false"
-        height="1em"
-        viewBox="64 64 896 896"
-        width="1em"
-      >
-        <path
-          d="M464 144H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H212V212h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V160c0-8.8-7.2-16-16-16zm-52 268H612V212h200v200zM464 544H160c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H212V612h200v200zm452-268H560c-8.8 0-16 7.2-16 16v304c0 8.8 7.2 16 16 16h304c8.8 0 16-7.2 16-16V560c0-8.8-7.2-16-16-16zm-52 268H612V612h200v200z"
-        />
-      </svg>
-    </span>
-    <div
-      className="ant-divider ant-divider-vertical"
-      role="separator"
-    />
-    <div
-      className="ant-dropdown-trigger user-menu"
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-    >
-      <button
-        className="ant-btn"
-        onClick={[Function]}
-        style={
-          Object {
-            "alignItems": "center",
-            "borderRadius": "50px",
-            "display": "flex",
-            "justifyContent": "center",
-            "padding": "0.5rem",
-          }
-        }
-        type="button"
-      >
-        <span
-          aria-label="user"
-          className="anticon anticon-user"
-          role="img"
-          style={
-            Object {
-              "fontSize": "1.25rem",
-              "padding": "0.25rem",
-            }
-          }
-          title="Spaces"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="user"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <path
-              d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-            />
-          </svg>
-        </span>
-        <span
-          aria-label="down"
-          className="anticon anticon-down"
-          role="img"
-          style={
-            Object {
-              "fontSize": "0.5rem",
-              "marginLeft": "0.25rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="down"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <path
-              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-            />
-          </svg>
-        </span>
-      </button>
-    </div>
-  </div>
-</header>
-`;
-
-exports[`Header component snapshot testing should render the component with no applications 1`] = `
-<header
-  className="ant-layout-header layout-header"
->
-  <div
-    style={
-      Object {
-        "alignItems": "center",
-        "display": "flex",
-        "justifyContent": "flex-end",
-      }
-    }
-  >
-    <div
-      className="ant-select ant-select-borderless ant-select-single ant-select-show-arrow"
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onKeyDown={[Function]}
-      onKeyUp={[Function]}
-      onMouseDown={[Function]}
-      style={
-        Object {
-          "width": "200px",
-        }
-      }
-    >
-      <div
-        className="ant-select-selector"
-        onClick={[Function]}
-        onMouseDown={[Function]}
-      >
-        <span
-          className="ant-select-selection-search"
-        >
-          <input
-            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-            aria-autocomplete="list"
-            aria-controls="rc_select_TEST_OR_SSR_list"
-            aria-haspopup="listbox"
-            aria-owns="rc_select_TEST_OR_SSR_list"
-            autoComplete="off"
-            className="ant-select-selection-search-input"
-            id="rc_select_TEST_OR_SSR"
-            onChange={[Function]}
-            onCompositionEnd={[Function]}
-            onCompositionStart={[Function]}
-            onKeyDown={[Function]}
-            onMouseDown={[Function]}
-            onPaste={[Function]}
-            readOnly={true}
-            role="combobox"
-            style={
-              Object {
-                "opacity": 0,
-              }
-            }
-            type="search"
-            unselectable="on"
-            value=""
-          />
-        </span>
-        <span
-          className="ant-select-selection-item"
-        >
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-              }
-            }
-          >
-            <span
-              className="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-image"
-              style={Object {}}
-            >
-              <img
-                onError={[Function]}
-                src="dega.png"
-              />
-            </span>
-            <h3
-              style={
-                Object {
-                  "margin": 0,
-                  "marginLeft": "0.5rem",
-                }
-              }
-            >
-              Space 11
-            </h3>
-          </div>
-        </span>
-      </div>
-      <span
-        aria-hidden={true}
-        className="ant-select-arrow"
-        onMouseDown={[Function]}
-        style={
-          Object {
-            "WebkitUserSelect": "none",
-            "userSelect": "none",
-          }
-        }
-        unselectable="on"
-      >
-        <span
-          aria-label="down"
-          className="anticon anticon-down ant-select-suffix"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="down"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <path
-              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-            />
-          </svg>
-        </span>
-      </span>
-    </div>
-    <div
-      className="ant-divider ant-divider-vertical"
-      role="separator"
-    />
-    <div
-      className="ant-dropdown-trigger user-menu"
-      onMouseEnter={[Function]}
-      onMouseLeave={[Function]}
-    >
-      <button
-        className="ant-btn"
-        onClick={[Function]}
-        style={
-          Object {
-            "alignItems": "center",
-            "borderRadius": "50px",
-            "display": "flex",
-            "justifyContent": "center",
-            "padding": "0.5rem",
-          }
-        }
-        type="button"
-      >
-        <span
-          aria-label="user"
-          className="anticon anticon-user"
-          role="img"
-          style={
-            Object {
-              "fontSize": "1.25rem",
-              "padding": "0.25rem",
-            }
-          }
-          title="Spaces"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="user"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <path
-              d="M858.5 763.6a374 374 0 00-80.6-119.5 375.63 375.63 0 00-119.5-80.6c-.4-.2-.8-.3-1.2-.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-.4.2-.8.3-1.2.5-44.8 18.9-85 46-119.5 80.6a375.63 375.63 0 00-80.6 119.5A371.7 371.7 0 00136 901.8a8 8 0 008 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c.1 4.4 3.6 7.8 8 7.8h60a8 8 0 008-8.2c-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z"
-            />
-          </svg>
-        </span>
-        <span
-          aria-label="down"
-          className="anticon anticon-down"
-          role="img"
-          style={
-            Object {
-              "fontSize": "0.5rem",
-              "marginLeft": "0.25rem",
-            }
-          }
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="down"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <path
-              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-            />
-          </svg>
-        </span>
-      </button>
-    </div>
-  </div>
-</header>
-`;
diff --git a/studio/src/components/GlobalNav/__snapshots__/Sidebar.test.js.snap b/studio/src/components/GlobalNav/__snapshots__/Sidebar.test.js.snap
deleted file mode 100644
index d5802dc3e..000000000
--- a/studio/src/components/GlobalNav/__snapshots__/Sidebar.test.js.snap
+++ /dev/null
@@ -1,149 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Sidebar component snapshot testing should not render the component when no space 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <Sidebar
-      orgs={
-        Array [
-          Object {
-            "id": 1,
-            "permission": Object {
-              "role": "owner",
-            },
-            "spaces": Array [],
-          },
-        ]
-      }
-      permission={
-        Array [
-          Object {
-            "actions": Array [
-              "create",
-            ],
-            "resource": "posts",
-          },
-        ]
-      }
-      services={
-        Array [
-          "core",
-          "fact-checking",
-          "podcast",
-        ]
-      }
-      superOrg={
-        Object {
-          "id": 1,
-          "is_admin": true,
-        }
-      }
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
-
-exports[`Sidebar component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <Sidebar
-      orgs={
-        Array [
-          Object {
-            "id": 1,
-            "permission": Object {
-              "role": "owner",
-            },
-            "spaces": Array [
-              1,
-            ],
-          },
-        ]
-      }
-      permission={
-        Array [
-          Object {
-            "actions": Array [
-              "create",
-            ],
-            "resource": "posts",
-          },
-        ]
-      }
-      services={
-        Array [
-          "core",
-          "fact-checking",
-          "podcast",
-        ]
-      }
-      superOrg={
-        Object {
-          "id": 1,
-          "is_admin": true,
-        }
-      }
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
diff --git a/studio/src/components/GlobalNav/__snapshots__/SpaceSelector.test.js.snap b/studio/src/components/GlobalNav/__snapshots__/SpaceSelector.test.js.snap
deleted file mode 100644
index f45f8d622..000000000
--- a/studio/src/components/GlobalNav/__snapshots__/SpaceSelector.test.js.snap
+++ /dev/null
@@ -1,205 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`SpaceSelector component snapshot testing should render the component with data 1`] = `
-<div
-  className="ant-select ant-select-borderless ant-select-single ant-select-show-arrow"
-  onBlur={[Function]}
-  onFocus={[Function]}
-  onKeyDown={[Function]}
-  onKeyUp={[Function]}
-  onMouseDown={[Function]}
-  style={
-    Object {
-      "width": "200px",
-    }
-  }
->
-  <div
-    className="ant-select-selector"
-    onClick={[Function]}
-    onMouseDown={[Function]}
-  >
-    <span
-      className="ant-select-selection-search"
-    >
-      <input
-        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-        aria-autocomplete="list"
-        aria-controls="rc_select_TEST_OR_SSR_list"
-        aria-haspopup="listbox"
-        aria-owns="rc_select_TEST_OR_SSR_list"
-        autoComplete="off"
-        className="ant-select-selection-search-input"
-        id="rc_select_TEST_OR_SSR"
-        onChange={[Function]}
-        onCompositionEnd={[Function]}
-        onCompositionStart={[Function]}
-        onKeyDown={[Function]}
-        onMouseDown={[Function]}
-        onPaste={[Function]}
-        readOnly={true}
-        role="combobox"
-        style={
-          Object {
-            "opacity": 0,
-          }
-        }
-        type="search"
-        unselectable="on"
-        value=""
-      />
-    </span>
-    <span
-      className="ant-select-selection-item"
-    >
-      <div
-        style={
-          Object {
-            "alignItems": "center",
-            "display": "flex",
-          }
-        }
-      >
-        <span
-          className="ant-avatar ant-avatar-sm ant-avatar-square ant-avatar-image"
-          style={Object {}}
-        >
-          <img
-            onError={[Function]}
-            src="dega.png"
-          />
-        </span>
-        <h3
-          style={
-            Object {
-              "margin": 0,
-              "marginLeft": "0.5rem",
-            }
-          }
-        >
-          English
-        </h3>
-      </div>
-    </span>
-  </div>
-  <span
-    aria-hidden={true}
-    className="ant-select-arrow"
-    onMouseDown={[Function]}
-    style={
-      Object {
-        "WebkitUserSelect": "none",
-        "userSelect": "none",
-      }
-    }
-    unselectable="on"
-  >
-    <span
-      aria-label="down"
-      className="anticon anticon-down ant-select-suffix"
-      role="img"
-    >
-      <svg
-        aria-hidden="true"
-        data-icon="down"
-        fill="currentColor"
-        focusable="false"
-        height="1em"
-        viewBox="64 64 896 896"
-        width="1em"
-      >
-        <path
-          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-        />
-      </svg>
-    </span>
-  </span>
-</div>
-`;
-
-exports[`SpaceSelector component snapshot testing should render the component with empty data 1`] = `
-<div
-  className="ant-select ant-select-borderless ant-select-single ant-select-show-arrow"
-  onBlur={[Function]}
-  onFocus={[Function]}
-  onKeyDown={[Function]}
-  onKeyUp={[Function]}
-  onMouseDown={[Function]}
-  style={
-    Object {
-      "width": "200px",
-    }
-  }
->
-  <div
-    className="ant-select-selector"
-    onClick={[Function]}
-    onMouseDown={[Function]}
-  >
-    <span
-      className="ant-select-selection-search"
-    >
-      <input
-        aria-activedescendant="undefined_list_0"
-        aria-autocomplete="list"
-        aria-controls="undefined_list"
-        aria-haspopup="listbox"
-        aria-owns="undefined_list"
-        autoComplete="off"
-        className="ant-select-selection-search-input"
-        onChange={[Function]}
-        onCompositionEnd={[Function]}
-        onCompositionStart={[Function]}
-        onKeyDown={[Function]}
-        onMouseDown={[Function]}
-        onPaste={[Function]}
-        readOnly={true}
-        role="combobox"
-        style={
-          Object {
-            "opacity": 0,
-          }
-        }
-        type="search"
-        unselectable="on"
-        value=""
-      />
-    </span>
-    <span
-      className="ant-select-selection-placeholder"
-    />
-  </div>
-  <span
-    aria-hidden={true}
-    className="ant-select-arrow"
-    onMouseDown={[Function]}
-    style={
-      Object {
-        "WebkitUserSelect": "none",
-        "userSelect": "none",
-      }
-    }
-    unselectable="on"
-  >
-    <span
-      aria-label="down"
-      className="anticon anticon-down ant-select-suffix"
-      role="img"
-    >
-      <svg
-        aria-hidden="true"
-        data-icon="down"
-        fill="currentColor"
-        focusable="false"
-        height="1em"
-        viewBox="64 64 896 896"
-        width="1em"
-      >
-        <path
-          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-        />
-      </svg>
-    </span>
-  </span>
-</div>
-`;
diff --git a/studio/src/components/List/QuickEdit.js b/studio/src/components/List/QuickEdit.js
deleted file mode 100644
index ede0893db..000000000
--- a/studio/src/components/List/QuickEdit.js
+++ /dev/null
@@ -1,138 +0,0 @@
-import { Form, DatePicker, Button, Space, Select, Typography } from 'antd';
-import React from 'react';
-import { maker } from '../../utils/sluger';
-import Selector from '../Selector';
-import dayjs from 'dayjs';
-import { useDispatch } from 'react-redux';
-import { updatePost } from '../../actions/posts';
-import { updatePage } from '../../actions/pages';
-import { SlugInput, TitleInput } from '../FormItems';
-
-function QuickEdit({ data, setID, slug, page = false, createdAt, onQuickEditUpdate = () => {} }) {
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-  const dispatch = useDispatch();
-  const onTitleChange = (e) => {
-    if (form.getFieldValue('status') !== 'publish') {
-      form.setFieldsValue({
-        slug: maker(e.target.value),
-      });
-    }
-  };
-  const layout = {
-    labelCol: {
-      span: 3,
-    },
-    wrapperCol: {
-      span: 12,
-    },
-  };
-
-  const tailLayout = {
-    wrapperCol: {
-      offset: 6,
-      span: 14,
-    },
-  };
-  return (
-    <Form
-      {...layout}
-      form={form}
-      initialValues={{
-        ...data,
-        published_date: data.published_date ? dayjs(data.published_date) : null,
-      }}
-      style={{ marginTop: 10 }}
-      onFinish={(values) => {
-        values.category_ids = values.categories || [];
-        values.tag_ids = values.tags || [];
-        values.author_ids = values.authors || [];
-        values.claim_ids = values.claims || [];
-        values.status === 'publish'
-          ? (values.published_date = values.published_date
-              ? dayjs(values.published_date).format('YYYY-MM-DDTHH:mm:ssZ')
-              : dayjs(Date.now()).format('YYYY-MM-DDTHH:mm:ssZ'))
-          : (values.published_date = null);
-        if (page) {
-          dispatch(
-            updatePage({
-              ...data,
-              ...values,
-            }),
-          ).then(() => {
-            setID(0);
-            onQuickEditUpdate();
-          });
-        } else {
-          dispatch(
-            updatePost({
-              ...data,
-              ...values,
-            }),
-          ).then(() => {
-            setID(0);
-            onQuickEditUpdate();
-          });
-        }
-      }}
-      onValuesChange={() => {
-        setValueChange(true);
-      }}
-    >
-      <TitleInput
-        onChange={onTitleChange}
-        type="textarea"
-        inputProps={{ rows: 2, placeholder: 'Add title for the post' }}
-      />
-      <SlugInput />
-      <Form.Item name="status" label="Status">
-        <Select style={{ maxWidth: '160px' }}>
-          <Select.Option value="publish">Published</Select.Option>
-          <Select.Option value="draft">Draft</Select.Option>
-          <Select.Option value="ready">Ready to Publish</Select.Option>
-        </Select>
-      </Form.Item>
-      <Form.Item name="published_date" label="Published Date">
-        <DatePicker />
-      </Form.Item>
-      <Form.Item label="Created Date">
-        <Typography.Text>
-          {createdAt ? dayjs(createdAt).format('YYYY-MM-DD') : 'N/A'}
-        </Typography.Text>
-      </Form.Item>
-
-      {slug === 'fact-check' ? (
-        <Form.Item name="claims" label="Claims">
-          <Selector mode="multiple" display={'claim'} action="Claims" />
-        </Form.Item>
-      ) : null}
-      <Form.Item name="categories" label="Categories">
-        <Selector mode="multiple" action="Categories" createEntity="Category" />
-      </Form.Item>
-
-      <Form.Item name="tags" label="Tags">
-        <Selector mode="multiple" action="Tags" createEntity="Tag" />
-      </Form.Item>
-      <Form.Item name="authors" label="Authors">
-        <Selector mode="multiple" display={'display_name'} action="Authors" />
-      </Form.Item>
-      <Form.Item {...tailLayout}>
-        <Space>
-          <Button
-            onClick={() => {
-              setID(0);
-              onQuickEditUpdate();
-            }}
-          >
-            Cancel
-          </Button>
-          <Button type="primary" htmlType="submit" disabled={!valueChange}>
-            Update
-          </Button>
-        </Space>
-      </Form.Item>
-    </Form>
-  );
-}
-
-export default QuickEdit;
diff --git a/studio/src/components/List/QuickEdit.test.js b/studio/src/components/List/QuickEdit.test.js
deleted file mode 100644
index 0cf44e521..000000000
--- a/studio/src/components/List/QuickEdit.test.js
+++ /dev/null
@@ -1,502 +0,0 @@
-import React from 'react';
-import { Provider, useDispatch } from 'react-redux';
-import { BrowserRouter as Router } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-import moment from 'moment';
-
-import '../../matchMedia.mock';
-import QuickEdit from './QuickEdit';
-
-import { updatePost } from '../../actions/posts';
-import { updatePage } from '../../actions/pages';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-Date.now = jest.fn(() => 1487076708000);
-jest.mock('../../actions/tags', () => ({
-  ...jest.requireActual('../../actions/tags'),
-  createTag: jest.fn(),
-}));
-jest.mock('../../actions/sidebar', () => ({
-  setCollapse: jest.fn(),
-}));
-
-jest.mock('../../actions/posts', () => ({
-  addTemplate: jest.fn(),
-  updatePost: jest.fn(),
-}));
-jest.mock('../../actions/pages', () => ({
-  updatePage: jest.fn(),
-}));
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-const data = {
-  id: 1,
-  title: 'Post-1',
-  excerpt: 'excerpt of post',
-  slug: 'post-1',
-  featured_medium_id: 1,
-  status: 'draft',
-  format: 1,
-  categories: [1],
-  category_ids: [1],
-  tags: [1],
-  tag_ids: [1],
-  authors: [1],
-  author_ids: [1],
-  claim_ids: [],
-  published_date: null,
-  description: {
-    time: 1595747741807,
-    blocks: [
-      {
-        type: 'header',
-        data: {
-          text: 'Editor.js',
-          level: 2,
-        },
-      },
-      {
-        type: 'paragraph',
-        data: {
-          text:
-            'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-        },
-      },
-    ],
-    version: '2.18.0',
-  },
-};
-const setID = jest.fn();
-let state = {
-  posts: {
-    req: [
-      {
-        data: [1],
-        total: 1,
-        query: {
-          page: 1,
-          limit: 20,
-          format: [1],
-        },
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:53:03.018593Z',
-        updated_at: '2020-09-09T10:51:20.681562Z',
-        deleted_at: null,
-        title: 'Explainer: The US Presidential Debates – History & Format',
-        subtitle: '',
-        slug: 'explainer-the-us-presidential-debates-history-format',
-        status: 'Publish',
-        excerpt:
-          'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-        description: {
-          time: 1599648677547,
-          blocks: [
-            {
-              data: {
-                text:
-                  'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        is_featured: false,
-        is_sticky: false,
-        is_highlighted: false,
-        featured_medium_id: 1,
-        medium: { id: 1, url: { raw: 'http://example.com' }, alt_text: 'example' },
-        format_id: 1,
-        format: 1,
-        published_date: '0001-01-01T00:00:00Z',
-        space_id: 1,
-        tags: [1],
-        categories: [1],
-        authors: [],
-        claims: [],
-      },
-    },
-    loading: false,
-  },
-  categories: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:49:36.566567Z',
-        updated_at: '2020-09-09T06:49:36.566567Z',
-        deleted_at: null,
-        name: 'Andhra Pradesh',
-        slug: 'andhra-pradesh',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  tags: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:48:23.158897Z',
-        updated_at: '2020-09-09T06:48:23.158897Z',
-        deleted_at: null,
-        name: 'cricket',
-        slug: 'cricket',
-        description: '',
-        space_id: 1,
-        posts: null,
-      },
-    },
-    loading: false,
-  },
-  authors: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:48:23.158897Z',
-        updated_at: '2020-09-09T06:48:23.158897Z',
-        deleted_at: null,
-        name: 'author',
-        slug: 'author',
-        description: '',
-        space_id: 1,
-        posts: null,
-      },
-    },
-    loading: false,
-  },
-  claims: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:48:23.158897Z',
-        updated_at: '2020-09-09T06:48:23.158897Z',
-        deleted_at: null,
-        claim: 'claim',
-        slug: 'claim',
-      },
-    },
-    loading: false,
-  },
-  media: {
-    req: [],
-    details: {
-      1: {
-        id: 1,
-        url: { raw: 'http://example.com' },
-        alt_text: 'example',
-      },
-      2: {
-        id: 1,
-        url: { proxy: 'http://example2.com' },
-        alt_text: 'example2',
-      },
-    },
-    loading: true,
-  },
-};
-let mockedDispatch, store;
-
-describe('Quick Edit component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <QuickEdit data={data} setID={setID} slug={'article'} page={false} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn(() => Promise.resolve({}));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle cancel click', (done) => {
-      updatePost.mockReset();
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <QuickEdit data={data} setID={setID} slug={'article'} page={false} />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Cancel');
-        submitButtom.simulate('click');
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(updatePost).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with data', (done) => {
-      updatePost.mockReset();
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <QuickEdit data={data} setID={setID} slug={'article'} page={false} />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(updatePost).toHaveBeenCalled();
-        expect(updatePost).toHaveBeenCalledWith(data);
-        done();
-      }, 0);
-    });
-    it('should submit form with page data', (done) => {
-      updatePage.mockReset();
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <QuickEdit data={data} setID={setID} slug={'article'} page={true} />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(updatePage).toHaveBeenCalled();
-        expect(updatePage).toHaveBeenCalledWith(data);
-        done();
-      }, 0);
-    });
-    it('should submit form with updated name and slug', (done) => {
-      const data2 = { ...data };
-      data.published_date = '2017-02-14T12:51:48+00:00';
-      updatePost.mockReset();
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <QuickEdit data={data} setID={setID} slug={'article'} />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const input = wrapper.find('input').at(0);
-        input.simulate('change', { target: { value: 'Updated title' } });
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(updatePost).toHaveBeenCalled();
-        expect(updatePost).toHaveBeenCalledWith({
-          id: 1,
-          title: 'Updated title',
-          excerpt: 'excerpt of post',
-          slug: 'updated-title',
-          featured_medium_id: 1,
-          status: 'draft',
-          format: 1,
-          categories: [1],
-          category_ids: [1],
-          tags: [1],
-          tag_ids: [1],
-          authors: [1],
-          author_ids: [1],
-          claim_ids: [],
-          published_date: null,
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      const data2 = { ...data };
-      data2.format = 2;
-      data2.claim_ids = [1];
-      data2.claims = [1];
-      data2.categories = [];
-      data2.tags = [];
-      data2.status = 'publish';
-      updatePost.mockReset();
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <QuickEdit data={data2} setID={setID} slug={'fact-check'} page={false} />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const input = wrapper.find('input').at(0);
-        input.simulate('change', { target: { value: 'Updated title' } });
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(updatePost).toHaveBeenCalled();
-        expect(updatePost).toHaveBeenCalledWith({
-          id: 1,
-          title: 'Updated title',
-          excerpt: 'excerpt of post',
-          slug: 'post-1',
-          featured_medium_id: 1,
-          status: 'publish',
-          format: 2,
-          categories: [],
-          category_ids: [],
-          tags: [],
-          tag_ids: [],
-          authors: [1],
-          author_ids: [1],
-          claim_ids: [1],
-          claims: [1],
-          published_date: moment(Date.now()).format('YYYY-MM-DDTHH:mm:ssZ'),
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/components/List/QuickEdit.tsx b/studio/src/components/List/QuickEdit.tsx
new file mode 100644
index 000000000..244b4d78f
--- /dev/null
+++ b/studio/src/components/List/QuickEdit.tsx
@@ -0,0 +1,359 @@
+import React, { useState } from "react";
+import { useForm } from "react-hook-form";
+import { useDispatch } from "react-redux";
+import dayjs from "dayjs";
+import { CalendarIcon } from "lucide-react";
+
+// Shadcn UI components
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Calendar } from "@/components/ui/calendar";
+
+// Import other necessary components and utilities
+import { maker } from "../../utils/sluger";
+import Selector from "../Selector";
+import { updatePost } from "../../actions/posts";
+import { updatePage } from "../../actions/pages";
+
+// Define type interfaces
+interface PostData {
+  id: number;
+  title: string;
+  slug: string;
+  status: "publish" | "draft" | "ready";
+  published_date?: string | null;
+  categories?: number[];
+  tags?: number[];
+  authors?: number[] | Array<{ id: number; display_name: string }>;
+  claims?: number[];
+  [key: string]: any;
+}
+
+interface QuickEditProps {
+  data: PostData;
+  setID: (id: number) => void;
+  slug: string;
+  page?: boolean;
+  createdAt?: string;
+  onQuickEditUpdate?: () => void;
+}
+
+const QuickEdit: React.FC<QuickEditProps> = ({
+  data,
+  setID,
+  slug,
+  page = false,
+  createdAt,
+  onQuickEditUpdate = () => {},
+}) => {
+  const [valueChange, setValueChange] = useState(false);
+  const dispatch = useDispatch();
+
+  const formData = {
+    ...data,
+    categories: data?.categories || [],
+    tags: data?.tags || [],
+    authors: data?.authors || [],
+    claims: data?.claims || [],
+    published_date: data?.published_date
+      ? new Date(data.published_date)
+      : undefined,
+  };
+
+  const form = useForm({
+    defaultValues: formData,
+  });
+
+  const onTitleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    const status = form.getValues("status");
+    if (!status || status !== "publish") {
+      form.setValue("slug", maker(e.target.value), { shouldDirty: true });
+    }
+  };
+
+  const onSubmit = (values: any) => {
+    // Ensure these arrays are never undefined
+    values.category_ids = values.categories || [];
+    values.tag_ids = values.tags || [];
+    values.author_ids = values.authors || [];
+    values.claim_ids = values.claims || [];
+
+    if (values.status === "publish") {
+      values.published_date = values.published_date
+        ? dayjs(values.published_date).format("YYYY-MM-DDTHH:mm:ssZ")
+        : dayjs(Date.now()).format("YYYY-MM-DDTHH:mm:ssZ");
+    } else {
+      values.published_date = null;
+    }
+
+    if (page) {
+      dispatch(
+        updatePage({
+          ...data,
+          ...values,
+        }) as any
+      ).then(() => {
+        setID(0);
+        onQuickEditUpdate();
+      });
+    } else {
+      dispatch(
+        updatePost({
+          ...data,
+          ...values,
+        }) as any
+      ).then(() => {
+        setID(0);
+        onQuickEditUpdate();
+      });
+    }
+  };
+
+  // Format the created date for display in the input field
+  const formattedCreatedDate = createdAt
+    ? dayjs(createdAt).format("YYYY-MM-DD")
+    : "N/A";
+
+  // If form is not properly initialized, show a loading state
+  if (!form.formState) {
+    return <div>Loading form...</div>;
+  }
+
+  return (
+    <Form {...form}>
+      <form
+        onSubmit={form.handleSubmit(onSubmit)}
+        onChange={() => setValueChange(true)}
+        className="space-y-6 mt-4 hover:bg-white"
+      >
+        <FormField
+          control={form.control}
+          name="title"
+          render={({ field }) => (
+            <FormItem className="flex flex-col space-y-2">
+              <FormLabel>Title</FormLabel>
+              <FormControl>
+                <Textarea
+                  {...field}
+                  onChange={(e) => {
+                    field.onChange(e);
+                    onTitleChange(e);
+                  }}
+                  rows={2}
+                  placeholder="Add title for the post"
+                />
+              </FormControl>
+            </FormItem>
+          )}
+        />
+
+        <FormField
+          control={form.control}
+          name="slug"
+          render={({ field }) => (
+            <FormItem className="flex flex-col space-y-2">
+              <FormLabel>Slug</FormLabel>
+              <FormControl>
+                <Input {...field} />
+              </FormControl>
+            </FormItem>
+          )}
+        />
+
+        <div className="grid grid-cols-3 gap-6">
+          <FormField
+            control={form.control}
+            name="status"
+            render={({ field }) => (
+              <FormItem className="flex flex-col space-y-2">
+                <FormLabel>Status</FormLabel>
+                <Select
+                  value={field.value}
+                  onValueChange={field.onChange}
+                  defaultValue={field.value}
+                >
+                  <FormControl>
+                    <SelectTrigger>
+                      <SelectValue placeholder="Select status" />
+                    </SelectTrigger>
+                  </FormControl>
+                  <SelectContent>
+                    <SelectItem value="publish">Published</SelectItem>
+                    <SelectItem value="draft">Draft</SelectItem>
+                    <SelectItem value="ready">Ready to Publish</SelectItem>
+                  </SelectContent>
+                </Select>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="published_date"
+            render={({ field }) => (
+              <FormItem className="flex flex-col space-y-2">
+                <FormLabel>Published Date</FormLabel>
+                <Popover>
+                  <PopoverTrigger asChild>
+                    <FormControl>
+                      <Button
+                        variant="outline"
+                        className="w-full justify-start text-left font-normal"
+                      >
+                        <CalendarIcon className="mr-2 h-4 w-4" />
+                        {field.value
+                          ? dayjs(field.value).format("YYYY-MM-DD")
+                          : "Pick a date"}
+                      </Button>
+                    </FormControl>
+                  </PopoverTrigger>
+                  <PopoverContent className="p-0" align="start">
+                    <Calendar
+                      mode="single"
+                      selected={field.value ? new Date(field.value) : undefined}
+                      onSelect={field.onChange}
+                      initialFocus
+                    />
+                  </PopoverContent>
+                </Popover>
+              </FormItem>
+            )}
+          />
+
+          <FormItem className="flex flex-col space-y-2">
+            <FormLabel>Created Date</FormLabel>
+            <Input
+              value={formattedCreatedDate}
+              readOnly
+              className="cursor-not-allowed"
+            />
+          </FormItem>
+        </div>
+
+        <div className="grid grid-cols-3 gap-6">
+          {slug === "fact-check" ? (
+            <FormField
+              control={form.control}
+              name="claims"
+              render={({ field }) => (
+                <FormItem className="flex flex-col space-y-2">
+                  <FormLabel>Claims</FormLabel>
+                  <FormControl>
+                    <Selector
+                      isQuickEdit
+                      mode="multiple"
+                      display="claim"
+                      action="Claims"
+                      value={field.value || []}
+                      onChange={field.onChange}
+                      style={{ width: "100%" }}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          ) : null}
+          <FormField
+            control={form.control}
+            name="categories"
+            render={({ field }) => (
+              <FormItem className="flex flex-col space-y-2">
+                <FormLabel>Categories</FormLabel>
+                <FormControl>
+                  <Selector
+                    isQuickEdit
+                    mode="multiple"
+                    action="Categories"
+                    value={field.value || []}
+                    onChange={field.onChange}
+                    style={{ width: "100%" }}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="tags"
+            render={({ field }) => (
+              <FormItem className="flex flex-col space-y-2">
+                <FormLabel>Tags</FormLabel>
+                <FormControl>
+                  <Selector
+                    isQuickEdit
+                    mode="multiple"
+                    action="Tags"
+                    createEntity="Tag"
+                    value={field.value || []}
+                    onChange={field.onChange}
+                    style={{ width: "100%" }}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="authors"
+            render={({ field }) => (
+              <FormItem className="flex flex-col space-y-2">
+                <FormLabel>Authors</FormLabel>
+                <FormControl>
+                  <Selector
+                    isQuickEdit
+                    mode="multiple"
+                    display="display_name"
+                    action="Authors"
+                    value={field.value || []}
+                    onChange={field.onChange}
+                    style={{ width: "100%" }}
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+        </div>
+
+        <div className="flex justify-end gap-4 mt-6">
+          <Button
+            variant="outline"
+            onClick={() => {
+              setID(0);
+              onQuickEditUpdate();
+            }}
+            type="button"
+          >
+            Cancel
+          </Button>
+          <Button type="submit" disabled={!valueChange}>
+            Update Changes
+          </Button>
+        </div>
+      </form>
+    </Form>
+  );
+};
+
+export default QuickEdit;
diff --git a/studio/src/components/List/__snapshots__/QuickEdit.test.js.snap b/studio/src/components/List/__snapshots__/QuickEdit.test.js.snap
deleted file mode 100644
index fedcaaf2a..000000000
--- a/studio/src/components/List/__snapshots__/QuickEdit.test.js.snap
+++ /dev/null
@@ -1,6329 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Quick Edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <QuickEdit
-        data={
-          Object {
-            "author_ids": Array [
-              1,
-            ],
-            "authors": Array [
-              1,
-            ],
-            "categories": Array [
-              1,
-            ],
-            "category_ids": Array [
-              1,
-            ],
-            "claim_ids": Array [],
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "level": 2,
-                    "text": "Editor.js",
-                  },
-                  "type": "header",
-                },
-                Object {
-                  "data": Object {
-                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1595747741807,
-              "version": "2.18.0",
-            },
-            "excerpt": "excerpt of post",
-            "featured_medium_id": 1,
-            "format": 1,
-            "id": 1,
-            "published_date": null,
-            "slug": "post-1",
-            "status": "draft",
-            "tag_ids": Array [
-              1,
-            ],
-            "tags": Array [
-              1,
-            ],
-            "title": "Post-1",
-          }
-        }
-        page={false}
-        setID={[MockFunction]}
-        slug="article"
-      >
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "author_ids": Array [
-                1,
-              ],
-              "authors": Array [
-                1,
-              ],
-              "categories": Array [
-                1,
-              ],
-              "category_ids": Array [
-                1,
-              ],
-              "claim_ids": Array [],
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "level": 2,
-                      "text": "Editor.js",
-                    },
-                    "type": "header",
-                  },
-                  Object {
-                    "data": Object {
-                      "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1595747741807,
-                "version": "2.18.0",
-              },
-              "excerpt": "excerpt of post",
-              "featured_medium_id": 1,
-              "format": 1,
-              "id": 1,
-              "published_date": null,
-              "slug": "post-1",
-              "status": "draft",
-              "tag_ids": Array [
-                1,
-              ],
-              "tags": Array [
-                1,
-              ],
-              "title": "Post-1",
-            }
-          }
-          labelCol={
-            Object {
-              "span": 3,
-            }
-          }
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "marginTop": 10,
-            }
-          }
-          wrapperCol={
-            Object {
-              "span": 12,
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-horizontal"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "author_ids": Array [
-                    1,
-                  ],
-                  "authors": Array [
-                    1,
-                  ],
-                  "categories": Array [
-                    1,
-                  ],
-                  "category_ids": Array [
-                    1,
-                  ],
-                  "claim_ids": Array [],
-                  "description": Object {
-                    "blocks": Array [
-                      Object {
-                        "data": Object {
-                          "level": 2,
-                          "text": "Editor.js",
-                        },
-                        "type": "header",
-                      },
-                      Object {
-                        "data": Object {
-                          "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                        },
-                        "type": "paragraph",
-                      },
-                    ],
-                    "time": 1595747741807,
-                    "version": "2.18.0",
-                  },
-                  "excerpt": "excerpt of post",
-                  "featured_medium_id": 1,
-                  "format": 1,
-                  "id": 1,
-                  "published_date": null,
-                  "slug": "post-1",
-                  "status": "draft",
-                  "tag_ids": Array [
-                    1,
-                  ],
-                  "tags": Array [
-                    1,
-                  ],
-                  "title": "Post-1",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "marginTop": 10,
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-horizontal"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "marginTop": 10,
-                  }
-                }
-              >
-                <TitleInput
-                  inputProps={
-                    Object {
-                      "placeholder": "Add title for the post",
-                      "rows": 2,
-                    }
-                  }
-                  onChange={[Function]}
-                  type="textarea"
-                >
-                  <FormItem
-                    label="Title"
-                    name="title"
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please enter title!",
-                          "required": true,
-                        },
-                        Object {
-                          "max": 500,
-                          "message": "Name must be maximum 500 characters.",
-                        },
-                      ]
-                    }
-                  >
-                    <WrapperField
-                      label="Title"
-                      messageVariables={
-                        Object {
-                          "label": "Title",
-                        }
-                      }
-                      name="title"
-                      onReset={[Function]}
-                      rules={
-                        Array [
-                          Object {
-                            "message": "Please enter title!",
-                            "required": true,
-                          },
-                          Object {
-                            "max": 500,
-                            "message": "Name must be maximum 500 characters.",
-                          },
-                        ]
-                      }
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                    >
-                      <Field
-                        fieldContext={
-                          Object {
-                            "__INTERNAL__": Object {
-                              "itemRef": [Function],
-                              "name": undefined,
-                            },
-                            "getFieldError": [Function],
-                            "getFieldInstance": [Function],
-                            "getFieldValue": [Function],
-                            "getFieldsError": [Function],
-                            "getFieldsValue": [Function],
-                            "getInternalHooks": [Function],
-                            "isFieldTouched": [Function],
-                            "isFieldValidating": [Function],
-                            "isFieldsTouched": [Function],
-                            "isFieldsValidating": [Function],
-                            "resetFields": [Function],
-                            "scrollToField": [Function],
-                            "setFields": [Function],
-                            "setFieldsValue": [Function],
-                            "submit": [Function],
-                            "validateFields": [Function],
-                            "validateTrigger": "onChange",
-                          }
-                        }
-                        key="_title"
-                        label="Title"
-                        messageVariables={
-                          Object {
-                            "label": "Title",
-                          }
-                        }
-                        name={
-                          Array [
-                            "title",
-                          ]
-                        }
-                        onReset={[Function]}
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please enter title!",
-                              "required": true,
-                            },
-                            Object {
-                              "max": 500,
-                              "message": "Name must be maximum 500 characters.",
-                            },
-                          ]
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                        valuePropName="value"
-                      >
-                        <Row
-                          className="ant-form-item"
-                          key="row"
-                        >
-                          <div
-                            className="ant-row ant-form-item"
-                            style={Object {}}
-                          >
-                            <FormItemLabel
-                              htmlFor="title"
-                              label="Title"
-                              name="title"
-                              prefixCls="ant-form"
-                              required={true}
-                              requiredMark={true}
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter title!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "max": 500,
-                                    "message": "Name must be maximum 500 characters.",
-                                  },
-                                ]
-                              }
-                            >
-                              <Col
-                                className="ant-form-item-label"
-                                span={3}
-                              >
-                                <div
-                                  className="ant-col ant-col-3 ant-form-item-label"
-                                  style={Object {}}
-                                >
-                                  <label
-                                    className="ant-form-item-required"
-                                    htmlFor="title"
-                                    title="Title"
-                                  >
-                                    Title
-                                  </label>
-                                </div>
-                              </Col>
-                            </FormItemLabel>
-                            <FormItemInput
-                              errors={Array []}
-                              label="Title"
-                              name={
-                                Array [
-                                  "title",
-                                ]
-                              }
-                              onDomErrorVisibleChange={[Function]}
-                              prefixCls="ant-form"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter title!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "max": 500,
-                                    "message": "Name must be maximum 500 characters.",
-                                  },
-                                ]
-                              }
-                              status=""
-                              touched={false}
-                              validateStatus=""
-                              validating={false}
-                            >
-                              <Col
-                                className="ant-form-item-control"
-                                span={12}
-                              >
-                                <div
-                                  className="ant-col ant-col-12 ant-form-item-control"
-                                  style={Object {}}
-                                >
-                                  <div
-                                    className="ant-form-item-control-input"
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input-content"
-                                    >
-                                      <Component
-                                        update={1}
-                                        value="Post-1"
-                                      >
-                                        <Input
-                                          id="title"
-                                          onChange={[Function]}
-                                          placeholder="Add title for the post"
-                                          rows={2}
-                                          type="text"
-                                          value="Post-1"
-                                        >
-                                          <ClearableLabeledInput
-                                            bordered={true}
-                                            element={
-                                              <input
-                                                className="ant-input"
-                                                id="title"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="Add title for the post"
-                                                rows={2}
-                                                type="text"
-                                                value="Post-1"
-                                              />
-                                            }
-                                            focused={false}
-                                            handleReset={[Function]}
-                                            id="title"
-                                            inputType="input"
-                                            onChange={[Function]}
-                                            placeholder="Add title for the post"
-                                            prefixCls="ant-input"
-                                            rows={2}
-                                            triggerFocus={[Function]}
-                                            type="text"
-                                            value="Post-1"
-                                          >
-                                            <input
-                                              className="ant-input"
-                                              id="title"
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              placeholder="Add title for the post"
-                                              rows={2}
-                                              type="text"
-                                              value="Post-1"
-                                            />
-                                          </ClearableLabeledInput>
-                                        </Input>
-                                      </Component>
-                                    </div>
-                                  </div>
-                                  <ErrorList
-                                    errors={Array []}
-                                    onDomErrorVisibleChange={[Function]}
-                                  >
-                                    <CSSMotion
-                                      motionAppear={true}
-                                      motionDeadline={500}
-                                      motionName="ant-show-help"
-                                      onLeaveEnd={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </ErrorList>
-                                </div>
-                              </Col>
-                            </FormItemInput>
-                          </div>
-                        </Row>
-                      </Field>
-                    </WrapperField>
-                  </FormItem>
-                </TitleInput>
-                <SlugInput>
-                  <FormItem
-                    label="Slug"
-                    name="slug"
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please input the slug!",
-                          "required": true,
-                        },
-                        Object {
-                          "message": "Please enter valid slug!",
-                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                        },
-                      ]
-                    }
-                  >
-                    <WrapperField
-                      label="Slug"
-                      messageVariables={
-                        Object {
-                          "label": "Slug",
-                        }
-                      }
-                      name="slug"
-                      onReset={[Function]}
-                      rules={
-                        Array [
-                          Object {
-                            "message": "Please input the slug!",
-                            "required": true,
-                          },
-                          Object {
-                            "message": "Please enter valid slug!",
-                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                          },
-                        ]
-                      }
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                    >
-                      <Field
-                        fieldContext={
-                          Object {
-                            "__INTERNAL__": Object {
-                              "itemRef": [Function],
-                              "name": undefined,
-                            },
-                            "getFieldError": [Function],
-                            "getFieldInstance": [Function],
-                            "getFieldValue": [Function],
-                            "getFieldsError": [Function],
-                            "getFieldsValue": [Function],
-                            "getInternalHooks": [Function],
-                            "isFieldTouched": [Function],
-                            "isFieldValidating": [Function],
-                            "isFieldsTouched": [Function],
-                            "isFieldsValidating": [Function],
-                            "resetFields": [Function],
-                            "scrollToField": [Function],
-                            "setFields": [Function],
-                            "setFieldsValue": [Function],
-                            "submit": [Function],
-                            "validateFields": [Function],
-                            "validateTrigger": "onChange",
-                          }
-                        }
-                        key="_slug"
-                        label="Slug"
-                        messageVariables={
-                          Object {
-                            "label": "Slug",
-                          }
-                        }
-                        name={
-                          Array [
-                            "slug",
-                          ]
-                        }
-                        onReset={[Function]}
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please input the slug!",
-                              "required": true,
-                            },
-                            Object {
-                              "message": "Please enter valid slug!",
-                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                            },
-                          ]
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                        valuePropName="value"
-                      >
-                        <Row
-                          className="ant-form-item"
-                          key="row"
-                        >
-                          <div
-                            className="ant-row ant-form-item"
-                            style={Object {}}
-                          >
-                            <FormItemLabel
-                              htmlFor="slug"
-                              label="Slug"
-                              name="slug"
-                              prefixCls="ant-form"
-                              required={true}
-                              requiredMark={true}
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please input the slug!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "message": "Please enter valid slug!",
-                                    "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                  },
-                                ]
-                              }
-                            >
-                              <Col
-                                className="ant-form-item-label"
-                                span={3}
-                              >
-                                <div
-                                  className="ant-col ant-col-3 ant-form-item-label"
-                                  style={Object {}}
-                                >
-                                  <label
-                                    className="ant-form-item-required"
-                                    htmlFor="slug"
-                                    title="Slug"
-                                  >
-                                    Slug
-                                  </label>
-                                </div>
-                              </Col>
-                            </FormItemLabel>
-                            <FormItemInput
-                              errors={Array []}
-                              label="Slug"
-                              name={
-                                Array [
-                                  "slug",
-                                ]
-                              }
-                              onDomErrorVisibleChange={[Function]}
-                              prefixCls="ant-form"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please input the slug!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "message": "Please enter valid slug!",
-                                    "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                  },
-                                ]
-                              }
-                              status=""
-                              touched={false}
-                              validateStatus=""
-                              validating={false}
-                            >
-                              <Col
-                                className="ant-form-item-control"
-                                span={12}
-                              >
-                                <div
-                                  className="ant-col ant-col-12 ant-form-item-control"
-                                  style={Object {}}
-                                >
-                                  <div
-                                    className="ant-form-item-control-input"
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input-content"
-                                    >
-                                      <Component
-                                        update={1}
-                                        value="post-1"
-                                      >
-                                        <Input
-                                          id="slug"
-                                          onChange={[Function]}
-                                          type="text"
-                                          value="post-1"
-                                        >
-                                          <ClearableLabeledInput
-                                            bordered={true}
-                                            element={
-                                              <input
-                                                className="ant-input"
-                                                id="slug"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                type="text"
-                                                value="post-1"
-                                              />
-                                            }
-                                            focused={false}
-                                            handleReset={[Function]}
-                                            id="slug"
-                                            inputType="input"
-                                            onChange={[Function]}
-                                            prefixCls="ant-input"
-                                            triggerFocus={[Function]}
-                                            type="text"
-                                            value="post-1"
-                                          >
-                                            <input
-                                              className="ant-input"
-                                              id="slug"
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              type="text"
-                                              value="post-1"
-                                            />
-                                          </ClearableLabeledInput>
-                                        </Input>
-                                      </Component>
-                                    </div>
-                                  </div>
-                                  <ErrorList
-                                    errors={Array []}
-                                    onDomErrorVisibleChange={[Function]}
-                                  >
-                                    <CSSMotion
-                                      motionAppear={true}
-                                      motionDeadline={500}
-                                      motionName="ant-show-help"
-                                      onLeaveEnd={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </ErrorList>
-                                </div>
-                              </Col>
-                            </FormItemInput>
-                          </div>
-                        </Row>
-                      </Field>
-                    </WrapperField>
-                  </FormItem>
-                </SlugInput>
-                <FormItem
-                  label="Status"
-                  name="status"
-                >
-                  <WrapperField
-                    label="Status"
-                    messageVariables={
-                      Object {
-                        "label": "Status",
-                      }
-                    }
-                    name="status"
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      key="_status"
-                      label="Status"
-                      messageVariables={
-                        Object {
-                          "label": "Status",
-                        }
-                      }
-                      name={
-                        Array [
-                          "status",
-                        ]
-                      }
-                      onReset={[Function]}
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                      valuePropName="value"
-                    >
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            htmlFor="status"
-                            label="Status"
-                            name="status"
-                            prefixCls="ant-form"
-                            required={false}
-                            requiredMark={true}
-                          >
-                            <Col
-                              className="ant-form-item-label"
-                              span={3}
-                            >
-                              <div
-                                className="ant-col ant-col-3 ant-form-item-label"
-                                style={Object {}}
-                              >
-                                <label
-                                  className=""
-                                  htmlFor="status"
-                                  title="Status"
-                                >
-                                  Status
-                                </label>
-                              </div>
-                            </Col>
-                          </FormItemLabel>
-                          <FormItemInput
-                            errors={Array []}
-                            label="Status"
-                            name={
-                              Array [
-                                "status",
-                              ]
-                            }
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            touched={false}
-                            validateStatus=""
-                            validating={false}
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                              span={12}
-                            >
-                              <div
-                                className="ant-col ant-col-12 ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Component
-                                      update={1}
-                                      value="draft"
-                                    >
-                                      <ForwardRef(InternalSelect)
-                                        id="status"
-                                        onChange={[Function]}
-                                        style={
-                                          Object {
-                                            "maxWidth": "160px",
-                                          }
-                                        }
-                                        value="draft"
-                                      >
-                                        <Select
-                                          className=""
-                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                          dropdownClassName=""
-                                          id="status"
-                                          inputIcon={[Function]}
-                                          listHeight={256}
-                                          listItemHeight={24}
-                                          menuItemSelectedIcon={null}
-                                          notFoundContent={
-                                            <Context.Consumer>
-                                              [Function]
-                                            </Context.Consumer>
-                                          }
-                                          onChange={[Function]}
-                                          prefixCls="ant-select"
-                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                          style={
-                                            Object {
-                                              "maxWidth": "160px",
-                                            }
-                                          }
-                                          transitionName="ant-slide-up"
-                                          value="draft"
-                                        >
-                                          <ForwardRef(Select)
-                                            className=""
-                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                            dropdownClassName=""
-                                            id="status"
-                                            inputIcon={[Function]}
-                                            listHeight={256}
-                                            listItemHeight={24}
-                                            menuItemSelectedIcon={null}
-                                            notFoundContent={
-                                              <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>
-                                            }
-                                            onChange={[Function]}
-                                            prefixCls="ant-select"
-                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                            style={
-                                              Object {
-                                                "maxWidth": "160px",
-                                              }
-                                            }
-                                            transitionName="ant-slide-up"
-                                            value="draft"
-                                          >
-                                            <div
-                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                              onBlur={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyUp={[Function]}
-                                              onMouseDown={[Function]}
-                                              style={
-                                                Object {
-                                                  "maxWidth": "160px",
-                                                }
-                                              }
-                                            >
-                                              <SelectTrigger
-                                                containerWidth={null}
-                                                dropdownClassName=""
-                                                empty={false}
-                                                getTriggerDOMNode={[Function]}
-                                                popupElement={
-                                                  <ForwardRef(OptionList)
-                                                    childrenAsData={true}
-                                                    defaultActiveFirstOption={true}
-                                                    flattenOptions={
-                                                      Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "children": "Published",
-                                                            "key": null,
-                                                            "value": "publish",
-                                                          },
-                                                          "groupOption": false,
-                                                          "key": "publish",
-                                                        },
-                                                        Object {
-                                                          "data": Object {
-                                                            "children": "Draft",
-                                                            "key": null,
-                                                            "value": "draft",
-                                                          },
-                                                          "groupOption": false,
-                                                          "key": "draft",
-                                                        },
-                                                        Object {
-                                                          "data": Object {
-                                                            "children": "Ready to Publish",
-                                                            "key": null,
-                                                            "value": "ready",
-                                                          },
-                                                          "groupOption": false,
-                                                          "key": "ready",
-                                                        },
-                                                      ]
-                                                    }
-                                                    height={256}
-                                                    id="status"
-                                                    itemHeight={24}
-                                                    menuItemSelectedIcon={null}
-                                                    multiple={false}
-                                                    notFoundContent={
-                                                      <Context.Consumer>
-                                                        [Function]
-                                                      </Context.Consumer>
-                                                    }
-                                                    onActiveValue={[Function]}
-                                                    onMouseEnter={[Function]}
-                                                    onSelect={[Function]}
-                                                    onToggleOpen={[Function]}
-                                                    options={
-                                                      Array [
-                                                        Object {
-                                                          "children": "Published",
-                                                          "key": null,
-                                                          "value": "publish",
-                                                        },
-                                                        Object {
-                                                          "children": "Draft",
-                                                          "key": null,
-                                                          "value": "draft",
-                                                        },
-                                                        Object {
-                                                          "children": "Ready to Publish",
-                                                          "key": null,
-                                                          "value": "ready",
-                                                        },
-                                                      ]
-                                                    }
-                                                    prefixCls="ant-select"
-                                                    searchValue=""
-                                                    values={
-                                                      Set {
-                                                        "draft",
-                                                      }
-                                                    }
-                                                    virtual={true}
-                                                  />
-                                                }
-                                                prefixCls="ant-select"
-                                                transitionName="ant-slide-up"
-                                              >
-                                                <Trigger
-                                                  action={Array []}
-                                                  afterPopupVisibleChange={[Function]}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottomLeft": Object {
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 0,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 0,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 0,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 0,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  getTriggerDOMNode={[Function]}
-                                                  hideAction={Array []}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0}
-                                                  mouseLeaveDelay={0.1}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  popup={
-                                                    <div>
-                                                      <ForwardRef(OptionList)
-                                                        childrenAsData={true}
-                                                        defaultActiveFirstOption={true}
-                                                        flattenOptions={
-                                                          Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Published",
-                                                                "key": null,
-                                                                "value": "publish",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "publish",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Draft",
-                                                                "key": null,
-                                                                "value": "draft",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "draft",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Ready to Publish",
-                                                                "key": null,
-                                                                "value": "ready",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "ready",
-                                                            },
-                                                          ]
-                                                        }
-                                                        height={256}
-                                                        id="status"
-                                                        itemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onActiveValue={[Function]}
-                                                        onMouseEnter={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "children": "Published",
-                                                              "key": null,
-                                                              "value": "publish",
-                                                            },
-                                                            Object {
-                                                              "children": "Draft",
-                                                              "key": null,
-                                                              "value": "draft",
-                                                            },
-                                                            Object {
-                                                              "children": "Ready to Publish",
-                                                              "key": null,
-                                                              "value": "ready",
-                                                            },
-                                                          ]
-                                                        }
-                                                        prefixCls="ant-select"
-                                                        searchValue=""
-                                                        values={
-                                                          Set {
-                                                            "draft",
-                                                          }
-                                                        }
-                                                        virtual={true}
-                                                      />
-                                                    </div>
-                                                  }
-                                                  popupAlign={Object {}}
-                                                  popupClassName=""
-                                                  popupPlacement="bottomLeft"
-                                                  popupStyle={
-                                                    Object {
-                                                      "minWidth": null,
-                                                      "width": null,
-                                                    }
-                                                  }
-                                                  popupTransitionName="ant-slide-up"
-                                                  prefixCls="ant-select-dropdown"
-                                                  showAction={Array []}
-                                                >
-                                                  <Selector
-                                                    accessibilityIndex={0}
-                                                    activeValue={null}
-                                                    className=""
-                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                    domRef={
-                                                      Object {
-                                                        "current": <div
-                                                          class="ant-select-selector"
-                                                        >
-                                                          <span
-                                                            class="ant-select-selection-search"
-                                                          >
-                                                            <input
-                                                              aria-activedescendant="status_list_0"
-                                                              aria-autocomplete="list"
-                                                              aria-controls="status_list"
-                                                              aria-haspopup="listbox"
-                                                              aria-owns="status_list"
-                                                              autocomplete="off"
-                                                              class="ant-select-selection-search-input"
-                                                              id="status"
-                                                              readonly=""
-                                                              role="combobox"
-                                                              style="opacity: 0;"
-                                                              type="search"
-                                                              unselectable="on"
-                                                              value=""
-                                                            />
-                                                          </span>
-                                                          <span
-                                                            class="ant-select-selection-item"
-                                                            title="Draft"
-                                                          >
-                                                            Draft
-                                                          </span>
-                                                        </div>,
-                                                      }
-                                                    }
-                                                    dropdownClassName=""
-                                                    id="status"
-                                                    inputElement={null}
-                                                    inputIcon={[Function]}
-                                                    key="trigger"
-                                                    listHeight={256}
-                                                    listItemHeight={24}
-                                                    menuItemSelectedIcon={null}
-                                                    multiple={false}
-                                                    notFoundContent={
-                                                      <Context.Consumer>
-                                                        [Function]
-                                                      </Context.Consumer>
-                                                    }
-                                                    onChange={[Function]}
-                                                    onSearch={[Function]}
-                                                    onSearchSubmit={[Function]}
-                                                    onSelect={[Function]}
-                                                    onToggleOpen={[Function]}
-                                                    prefixCls="ant-select"
-                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                    searchValue=""
-                                                    showSearch={false}
-                                                    style={
-                                                      Object {
-                                                        "maxWidth": "160px",
-                                                      }
-                                                    }
-                                                    tokenWithEnter={false}
-                                                    transitionName="ant-slide-up"
-                                                    value="draft"
-                                                    values={
-                                                      Array [
-                                                        Object {
-                                                          "disabled": undefined,
-                                                          "key": "draft",
-                                                          "label": "Draft",
-                                                          "value": "draft",
-                                                        },
-                                                      ]
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-select-selector"
-                                                      onClick={[Function]}
-                                                      onMouseDown={[Function]}
-                                                    >
-                                                      <SingleSelector
-                                                        accessibilityIndex={0}
-                                                        activeValue={null}
-                                                        className=""
-                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                        domRef={
-                                                          Object {
-                                                            "current": <div
-                                                              class="ant-select-selector"
-                                                            >
-                                                              <span
-                                                                class="ant-select-selection-search"
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="status_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="status_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="status_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="status"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </span>
-                                                              <span
-                                                                class="ant-select-selection-item"
-                                                                title="Draft"
-                                                              >
-                                                                Draft
-                                                              </span>
-                                                            </div>,
-                                                          }
-                                                        }
-                                                        dropdownClassName=""
-                                                        id="status"
-                                                        inputElement={null}
-                                                        inputIcon={[Function]}
-                                                        inputRef={
-                                                          Object {
-                                                            "current": <input
-                                                              aria-activedescendant="status_list_0"
-                                                              aria-autocomplete="list"
-                                                              aria-controls="status_list"
-                                                              aria-haspopup="listbox"
-                                                              aria-owns="status_list"
-                                                              autocomplete="off"
-                                                              class="ant-select-selection-search-input"
-                                                              id="status"
-                                                              readonly=""
-                                                              role="combobox"
-                                                              style="opacity: 0;"
-                                                              type="search"
-                                                              unselectable="on"
-                                                              value=""
-                                                            />,
-                                                          }
-                                                        }
-                                                        listHeight={256}
-                                                        listItemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onChange={[Function]}
-                                                        onInputChange={[Function]}
-                                                        onInputCompositionEnd={[Function]}
-                                                        onInputCompositionStart={[Function]}
-                                                        onInputKeyDown={[Function]}
-                                                        onInputMouseDown={[Function]}
-                                                        onInputPaste={[Function]}
-                                                        onSearch={[Function]}
-                                                        onSearchSubmit={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        prefixCls="ant-select"
-                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                        searchValue=""
-                                                        showSearch={false}
-                                                        style={
-                                                          Object {
-                                                            "maxWidth": "160px",
-                                                          }
-                                                        }
-                                                        tokenWithEnter={false}
-                                                        transitionName="ant-slide-up"
-                                                        value="draft"
-                                                        values={
-                                                          Array [
-                                                            Object {
-                                                              "disabled": undefined,
-                                                              "key": "draft",
-                                                              "label": "Draft",
-                                                              "value": "draft",
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <span
-                                                          className="ant-select-selection-search"
-                                                        >
-                                                          <Input
-                                                            accessibilityIndex={0}
-                                                            attrs={Object {}}
-                                                            editable={false}
-                                                            id="status"
-                                                            inputElement={null}
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onPaste={[Function]}
-                                                            prefixCls="ant-select"
-                                                            value=""
-                                                          >
-                                                            <input
-                                                              aria-activedescendant="status_list_0"
-                                                              aria-autocomplete="list"
-                                                              aria-controls="status_list"
-                                                              aria-haspopup="listbox"
-                                                              aria-owns="status_list"
-                                                              autoComplete="off"
-                                                              className="ant-select-selection-search-input"
-                                                              id="status"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onPaste={[Function]}
-                                                              readOnly={true}
-                                                              role="combobox"
-                                                              style={
-                                                                Object {
-                                                                  "opacity": 0,
-                                                                }
-                                                              }
-                                                              type="search"
-                                                              unselectable="on"
-                                                              value=""
-                                                            />
-                                                          </Input>
-                                                        </span>
-                                                        <span
-                                                          className="ant-select-selection-item"
-                                                          title="Draft"
-                                                        >
-                                                          Draft
-                                                        </span>
-                                                      </SingleSelector>
-                                                    </div>
-                                                  </Selector>
-                                                </Trigger>
-                                              </SelectTrigger>
-                                              <TransBtn
-                                                className="ant-select-arrow"
-                                                customizeIcon={[Function]}
-                                                customizeIconProps={
-                                                  Object {
-                                                    "focused": false,
-                                                    "loading": undefined,
-                                                    "open": undefined,
-                                                    "searchValue": "",
-                                                    "showSearch": false,
-                                                  }
-                                                }
-                                              >
-                                                <span
-                                                  aria-hidden={true}
-                                                  className="ant-select-arrow"
-                                                  onMouseDown={[Function]}
-                                                  style={
-                                                    Object {
-                                                      "WebkitUserSelect": "none",
-                                                      "userSelect": "none",
-                                                    }
-                                                  }
-                                                  unselectable="on"
-                                                >
-                                                  <ForwardRef(DownOutlined)
-                                                    className="ant-select-suffix"
-                                                  >
-                                                    <AntdIcon
-                                                      className="ant-select-suffix"
-                                                      icon={
-                                                        Object {
-                                                          "icon": Object {
-                                                            "attrs": Object {
-                                                              "focusable": "false",
-                                                              "viewBox": "64 64 896 896",
-                                                            },
-                                                            "children": Array [
-                                                              Object {
-                                                                "attrs": Object {
-                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                },
-                                                                "tag": "path",
-                                                              },
-                                                            ],
-                                                            "tag": "svg",
-                                                          },
-                                                          "name": "down",
-                                                          "theme": "outlined",
-                                                        }
-                                                      }
-                                                    >
-                                                      <span
-                                                        aria-label="down"
-                                                        className="anticon anticon-down ant-select-suffix"
-                                                        role="img"
-                                                      >
-                                                        <IconReact
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "down",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="down"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            key="svg-down"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                              key="svg-down-svg-0"
-                                                            />
-                                                          </svg>
-                                                        </IconReact>
-                                                      </span>
-                                                    </AntdIcon>
-                                                  </ForwardRef(DownOutlined)>
-                                                </span>
-                                              </TransBtn>
-                                            </div>
-                                          </ForwardRef(Select)>
-                                        </Select>
-                                      </ForwardRef(InternalSelect)>
-                                    </Component>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </Field>
-                  </WrapperField>
-                </FormItem>
-                <FormItem
-                  label="Published Date"
-                  name="published_date"
-                >
-                  <WrapperField
-                    label="Published Date"
-                    messageVariables={
-                      Object {
-                        "label": "Published Date",
-                      }
-                    }
-                    name="published_date"
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      key="_published_date"
-                      label="Published Date"
-                      messageVariables={
-                        Object {
-                          "label": "Published Date",
-                        }
-                      }
-                      name={
-                        Array [
-                          "published_date",
-                        ]
-                      }
-                      onReset={[Function]}
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                      valuePropName="value"
-                    >
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            htmlFor="published_date"
-                            label="Published Date"
-                            name="published_date"
-                            prefixCls="ant-form"
-                            required={false}
-                            requiredMark={true}
-                          >
-                            <Col
-                              className="ant-form-item-label"
-                              span={3}
-                            >
-                              <div
-                                className="ant-col ant-col-3 ant-form-item-label"
-                                style={Object {}}
-                              >
-                                <label
-                                  className=""
-                                  htmlFor="published_date"
-                                  title="Published Date"
-                                >
-                                  Published Date
-                                </label>
-                              </div>
-                            </Col>
-                          </FormItemLabel>
-                          <FormItemInput
-                            errors={Array []}
-                            label="Published Date"
-                            name={
-                              Array [
-                                "published_date",
-                              ]
-                            }
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            touched={false}
-                            validateStatus=""
-                            validating={false}
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                              span={12}
-                            >
-                              <div
-                                className="ant-col ant-col-12 ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Component
-                                      update={1}
-                                      value={null}
-                                    >
-                                      <Picker
-                                        id="published_date"
-                                        onChange={[Function]}
-                                        value={null}
-                                      >
-                                        <LocaleReceiver
-                                          componentName="DatePicker"
-                                          defaultLocale={
-                                            Object {
-                                              "lang": Object {
-                                                "backToToday": "Back to today",
-                                                "clear": "Clear",
-                                                "dateFormat": "M/D/YYYY",
-                                                "dateSelect": "select date",
-                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                "dayFormat": "D",
-                                                "decadeSelect": "Choose a decade",
-                                                "locale": "en_US",
-                                                "month": "Month",
-                                                "monthBeforeYear": true,
-                                                "monthPlaceholder": "Select month",
-                                                "monthSelect": "Choose a month",
-                                                "nextCentury": "Next century",
-                                                "nextDecade": "Next decade",
-                                                "nextMonth": "Next month (PageDown)",
-                                                "nextYear": "Next year (Control + right)",
-                                                "now": "Now",
-                                                "ok": "Ok",
-                                                "placeholder": "Select date",
-                                                "previousCentury": "Last century",
-                                                "previousDecade": "Last decade",
-                                                "previousMonth": "Previous month (PageUp)",
-                                                "previousYear": "Last year (Control + left)",
-                                                "quarterPlaceholder": "Select quarter",
-                                                "rangeMonthPlaceholder": Array [
-                                                  "Start month",
-                                                  "End month",
-                                                ],
-                                                "rangePlaceholder": Array [
-                                                  "Start date",
-                                                  "End date",
-                                                ],
-                                                "rangeWeekPlaceholder": Array [
-                                                  "Start week",
-                                                  "End week",
-                                                ],
-                                                "rangeYearPlaceholder": Array [
-                                                  "Start year",
-                                                  "End year",
-                                                ],
-                                                "timeSelect": "select time",
-                                                "today": "Today",
-                                                "weekPlaceholder": "Select week",
-                                                "weekSelect": "Choose a week",
-                                                "year": "Year",
-                                                "yearFormat": "YYYY",
-                                                "yearPlaceholder": "Select year",
-                                                "yearSelect": "Choose a year",
-                                              },
-                                              "timePickerLocale": Object {
-                                                "placeholder": "Select time",
-                                                "rangePlaceholder": Array [
-                                                  "Start time",
-                                                  "End time",
-                                                ],
-                                              },
-                                            }
-                                          }
-                                        >
-                                          <Picker
-                                            allowClear={true}
-                                            className=""
-                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                            components={
-                                              Object {
-                                                "button": [Function],
-                                                "rangeItem": [Function],
-                                              }
-                                            }
-                                            generateConfig={
-                                              Object {
-                                                "addDate": [Function],
-                                                "addMonth": [Function],
-                                                "addYear": [Function],
-                                                "getDate": [Function],
-                                                "getEndDate": [Function],
-                                                "getFixedDate": [Function],
-                                                "getHour": [Function],
-                                                "getMinute": [Function],
-                                                "getMonth": [Function],
-                                                "getNow": [Function],
-                                                "getSecond": [Function],
-                                                "getWeekDay": [Function],
-                                                "getYear": [Function],
-                                                "isAfter": [Function],
-                                                "isValidate": [Function],
-                                                "locale": Object {
-                                                  "format": [Function],
-                                                  "getShortMonths": [Function],
-                                                  "getShortWeekDays": [Function],
-                                                  "getWeek": [Function],
-                                                  "getWeekFirstDate": [Function],
-                                                  "getWeekFirstDay": [Function],
-                                                  "parse": [Function],
-                                                },
-                                                "setDate": [Function],
-                                                "setHour": [Function],
-                                                "setMinute": [Function],
-                                                "setMonth": [Function],
-                                                "setSecond": [Function],
-                                                "setYear": [Function],
-                                              }
-                                            }
-                                            id="published_date"
-                                            locale={
-                                              Object {
-                                                "backToToday": "Back to today",
-                                                "clear": "Clear",
-                                                "dateFormat": "M/D/YYYY",
-                                                "dateSelect": "select date",
-                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                "dayFormat": "D",
-                                                "decadeSelect": "Choose a decade",
-                                                "locale": "en_US",
-                                                "month": "Month",
-                                                "monthBeforeYear": true,
-                                                "monthPlaceholder": "Select month",
-                                                "monthSelect": "Choose a month",
-                                                "nextCentury": "Next century",
-                                                "nextDecade": "Next decade",
-                                                "nextMonth": "Next month (PageDown)",
-                                                "nextYear": "Next year (Control + right)",
-                                                "now": "Now",
-                                                "ok": "Ok",
-                                                "placeholder": "Select date",
-                                                "previousCentury": "Last century",
-                                                "previousDecade": "Last decade",
-                                                "previousMonth": "Previous month (PageUp)",
-                                                "previousYear": "Last year (Control + left)",
-                                                "quarterPlaceholder": "Select quarter",
-                                                "rangeMonthPlaceholder": Array [
-                                                  "Start month",
-                                                  "End month",
-                                                ],
-                                                "rangePlaceholder": Array [
-                                                  "Start date",
-                                                  "End date",
-                                                ],
-                                                "rangeWeekPlaceholder": Array [
-                                                  "Start week",
-                                                  "End week",
-                                                ],
-                                                "rangeYearPlaceholder": Array [
-                                                  "Start year",
-                                                  "End year",
-                                                ],
-                                                "timeSelect": "select time",
-                                                "today": "Today",
-                                                "weekPlaceholder": "Select week",
-                                                "weekSelect": "Choose a week",
-                                                "year": "Year",
-                                                "yearFormat": "YYYY",
-                                                "yearPlaceholder": "Select year",
-                                                "yearSelect": "Choose a year",
-                                              }
-                                            }
-                                            nextIcon={
-                                              <span
-                                                className="ant-picker-next-icon"
-                                              />
-                                            }
-                                            onChange={[Function]}
-                                            placeholder="Select date"
-                                            prefixCls="ant-picker"
-                                            prevIcon={
-                                              <span
-                                                className="ant-picker-prev-icon"
-                                              />
-                                            }
-                                            showToday={true}
-                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                            superNextIcon={
-                                              <span
-                                                className="ant-picker-super-next-icon"
-                                              />
-                                            }
-                                            superPrevIcon={
-                                              <span
-                                                className="ant-picker-super-prev-icon"
-                                              />
-                                            }
-                                            transitionName="ant-slide-up"
-                                            value={null}
-                                          >
-                                            <InnerPicker
-                                              allowClear={true}
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              components={
-                                                Object {
-                                                  "button": [Function],
-                                                  "rangeItem": [Function],
-                                                }
-                                              }
-                                              generateConfig={
-                                                Object {
-                                                  "addDate": [Function],
-                                                  "addMonth": [Function],
-                                                  "addYear": [Function],
-                                                  "getDate": [Function],
-                                                  "getEndDate": [Function],
-                                                  "getFixedDate": [Function],
-                                                  "getHour": [Function],
-                                                  "getMinute": [Function],
-                                                  "getMonth": [Function],
-                                                  "getNow": [Function],
-                                                  "getSecond": [Function],
-                                                  "getWeekDay": [Function],
-                                                  "getYear": [Function],
-                                                  "isAfter": [Function],
-                                                  "isValidate": [Function],
-                                                  "locale": Object {
-                                                    "format": [Function],
-                                                    "getShortMonths": [Function],
-                                                    "getShortWeekDays": [Function],
-                                                    "getWeek": [Function],
-                                                    "getWeekFirstDate": [Function],
-                                                    "getWeekFirstDay": [Function],
-                                                    "parse": [Function],
-                                                  },
-                                                  "setDate": [Function],
-                                                  "setHour": [Function],
-                                                  "setMinute": [Function],
-                                                  "setMonth": [Function],
-                                                  "setSecond": [Function],
-                                                  "setYear": [Function],
-                                                }
-                                              }
-                                              id="published_date"
-                                              locale={
-                                                Object {
-                                                  "backToToday": "Back to today",
-                                                  "clear": "Clear",
-                                                  "dateFormat": "M/D/YYYY",
-                                                  "dateSelect": "select date",
-                                                  "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                  "dayFormat": "D",
-                                                  "decadeSelect": "Choose a decade",
-                                                  "locale": "en_US",
-                                                  "month": "Month",
-                                                  "monthBeforeYear": true,
-                                                  "monthPlaceholder": "Select month",
-                                                  "monthSelect": "Choose a month",
-                                                  "nextCentury": "Next century",
-                                                  "nextDecade": "Next decade",
-                                                  "nextMonth": "Next month (PageDown)",
-                                                  "nextYear": "Next year (Control + right)",
-                                                  "now": "Now",
-                                                  "ok": "Ok",
-                                                  "placeholder": "Select date",
-                                                  "previousCentury": "Last century",
-                                                  "previousDecade": "Last decade",
-                                                  "previousMonth": "Previous month (PageUp)",
-                                                  "previousYear": "Last year (Control + left)",
-                                                  "quarterPlaceholder": "Select quarter",
-                                                  "rangeMonthPlaceholder": Array [
-                                                    "Start month",
-                                                    "End month",
-                                                  ],
-                                                  "rangePlaceholder": Array [
-                                                    "Start date",
-                                                    "End date",
-                                                  ],
-                                                  "rangeWeekPlaceholder": Array [
-                                                    "Start week",
-                                                    "End week",
-                                                  ],
-                                                  "rangeYearPlaceholder": Array [
-                                                    "Start year",
-                                                    "End year",
-                                                  ],
-                                                  "timeSelect": "select time",
-                                                  "today": "Today",
-                                                  "weekPlaceholder": "Select week",
-                                                  "weekSelect": "Choose a week",
-                                                  "year": "Year",
-                                                  "yearFormat": "YYYY",
-                                                  "yearPlaceholder": "Select year",
-                                                  "yearSelect": "Choose a year",
-                                                }
-                                              }
-                                              nextIcon={
-                                                <span
-                                                  className="ant-picker-next-icon"
-                                                />
-                                              }
-                                              onChange={[Function]}
-                                              pickerRef={
-                                                Object {
-                                                  "current": Object {
-                                                    "blur": [Function],
-                                                    "focus": [Function],
-                                                  },
-                                                }
-                                              }
-                                              placeholder="Select date"
-                                              prefixCls="ant-picker"
-                                              prevIcon={
-                                                <span
-                                                  className="ant-picker-prev-icon"
-                                                />
-                                              }
-                                              showToday={true}
-                                              suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                              superNextIcon={
-                                                <span
-                                                  className="ant-picker-super-next-icon"
-                                                />
-                                              }
-                                              superPrevIcon={
-                                                <span
-                                                  className="ant-picker-super-prev-icon"
-                                                />
-                                              }
-                                              transitionName="ant-slide-up"
-                                              value={null}
-                                            >
-                                              <PickerTrigger
-                                                popupElement={
-                                                  <div
-                                                    className="ant-picker-panel-container"
-                                                    onMouseDown={[Function]}
-                                                  >
-                                                    <PickerPanel
-                                                      allowClear={true}
-                                                      className="ant-picker-panel-focused"
-                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                      components={
-                                                        Object {
-                                                          "button": [Function],
-                                                          "rangeItem": [Function],
-                                                        }
-                                                      }
-                                                      generateConfig={
-                                                        Object {
-                                                          "addDate": [Function],
-                                                          "addMonth": [Function],
-                                                          "addYear": [Function],
-                                                          "getDate": [Function],
-                                                          "getEndDate": [Function],
-                                                          "getFixedDate": [Function],
-                                                          "getHour": [Function],
-                                                          "getMinute": [Function],
-                                                          "getMonth": [Function],
-                                                          "getNow": [Function],
-                                                          "getSecond": [Function],
-                                                          "getWeekDay": [Function],
-                                                          "getYear": [Function],
-                                                          "isAfter": [Function],
-                                                          "isValidate": [Function],
-                                                          "locale": Object {
-                                                            "format": [Function],
-                                                            "getShortMonths": [Function],
-                                                            "getShortWeekDays": [Function],
-                                                            "getWeek": [Function],
-                                                            "getWeekFirstDate": [Function],
-                                                            "getWeekFirstDay": [Function],
-                                                            "parse": [Function],
-                                                          },
-                                                          "setDate": [Function],
-                                                          "setHour": [Function],
-                                                          "setMinute": [Function],
-                                                          "setMonth": [Function],
-                                                          "setSecond": [Function],
-                                                          "setYear": [Function],
-                                                        }
-                                                      }
-                                                      id="published_date"
-                                                      locale={
-                                                        Object {
-                                                          "backToToday": "Back to today",
-                                                          "clear": "Clear",
-                                                          "dateFormat": "M/D/YYYY",
-                                                          "dateSelect": "select date",
-                                                          "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                          "dayFormat": "D",
-                                                          "decadeSelect": "Choose a decade",
-                                                          "locale": "en_US",
-                                                          "month": "Month",
-                                                          "monthBeforeYear": true,
-                                                          "monthPlaceholder": "Select month",
-                                                          "monthSelect": "Choose a month",
-                                                          "nextCentury": "Next century",
-                                                          "nextDecade": "Next decade",
-                                                          "nextMonth": "Next month (PageDown)",
-                                                          "nextYear": "Next year (Control + right)",
-                                                          "now": "Now",
-                                                          "ok": "Ok",
-                                                          "placeholder": "Select date",
-                                                          "previousCentury": "Last century",
-                                                          "previousDecade": "Last decade",
-                                                          "previousMonth": "Previous month (PageUp)",
-                                                          "previousYear": "Last year (Control + left)",
-                                                          "quarterPlaceholder": "Select quarter",
-                                                          "rangeMonthPlaceholder": Array [
-                                                            "Start month",
-                                                            "End month",
-                                                          ],
-                                                          "rangePlaceholder": Array [
-                                                            "Start date",
-                                                            "End date",
-                                                          ],
-                                                          "rangeWeekPlaceholder": Array [
-                                                            "Start week",
-                                                            "End week",
-                                                          ],
-                                                          "rangeYearPlaceholder": Array [
-                                                            "Start year",
-                                                            "End year",
-                                                          ],
-                                                          "timeSelect": "select time",
-                                                          "today": "Today",
-                                                          "weekPlaceholder": "Select week",
-                                                          "weekSelect": "Choose a week",
-                                                          "year": "Year",
-                                                          "yearFormat": "YYYY",
-                                                          "yearPlaceholder": "Select year",
-                                                          "yearSelect": "Choose a year",
-                                                        }
-                                                      }
-                                                      nextIcon={
-                                                        <span
-                                                          className="ant-picker-next-icon"
-                                                        />
-                                                      }
-                                                      onChange={null}
-                                                      onPanelChange={[Function]}
-                                                      onSelect={[Function]}
-                                                      pickerRef={
-                                                        Object {
-                                                          "current": Object {
-                                                            "blur": [Function],
-                                                            "focus": [Function],
-                                                          },
-                                                        }
-                                                      }
-                                                      placeholder="Select date"
-                                                      prefixCls="ant-picker"
-                                                      prevIcon={
-                                                        <span
-                                                          className="ant-picker-prev-icon"
-                                                        />
-                                                      }
-                                                      showToday={true}
-                                                      suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                      superNextIcon={
-                                                        <span
-                                                          className="ant-picker-super-next-icon"
-                                                        />
-                                                      }
-                                                      superPrevIcon={
-                                                        <span
-                                                          className="ant-picker-super-prev-icon"
-                                                        />
-                                                      }
-                                                      tabIndex={-1}
-                                                      transitionName="ant-slide-up"
-                                                      value={null}
-                                                    />
-                                                  </div>
-                                                }
-                                                popupPlacement="bottomLeft"
-                                                prefixCls="ant-picker"
-                                                transitionName="ant-slide-up"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action={Array []}
-                                                  afterPopupVisibleChange={[Function]}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottomLeft": Object {
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 0,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 0,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0}
-                                                  mouseLeaveDelay={0.1}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  popup={
-                                                    <div
-                                                      className="ant-picker-panel-container"
-                                                      onMouseDown={[Function]}
-                                                    >
-                                                      <PickerPanel
-                                                        allowClear={true}
-                                                        className="ant-picker-panel-focused"
-                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                        components={
-                                                          Object {
-                                                            "button": [Function],
-                                                            "rangeItem": [Function],
-                                                          }
-                                                        }
-                                                        generateConfig={
-                                                          Object {
-                                                            "addDate": [Function],
-                                                            "addMonth": [Function],
-                                                            "addYear": [Function],
-                                                            "getDate": [Function],
-                                                            "getEndDate": [Function],
-                                                            "getFixedDate": [Function],
-                                                            "getHour": [Function],
-                                                            "getMinute": [Function],
-                                                            "getMonth": [Function],
-                                                            "getNow": [Function],
-                                                            "getSecond": [Function],
-                                                            "getWeekDay": [Function],
-                                                            "getYear": [Function],
-                                                            "isAfter": [Function],
-                                                            "isValidate": [Function],
-                                                            "locale": Object {
-                                                              "format": [Function],
-                                                              "getShortMonths": [Function],
-                                                              "getShortWeekDays": [Function],
-                                                              "getWeek": [Function],
-                                                              "getWeekFirstDate": [Function],
-                                                              "getWeekFirstDay": [Function],
-                                                              "parse": [Function],
-                                                            },
-                                                            "setDate": [Function],
-                                                            "setHour": [Function],
-                                                            "setMinute": [Function],
-                                                            "setMonth": [Function],
-                                                            "setSecond": [Function],
-                                                            "setYear": [Function],
-                                                          }
-                                                        }
-                                                        id="published_date"
-                                                        locale={
-                                                          Object {
-                                                            "backToToday": "Back to today",
-                                                            "clear": "Clear",
-                                                            "dateFormat": "M/D/YYYY",
-                                                            "dateSelect": "select date",
-                                                            "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                            "dayFormat": "D",
-                                                            "decadeSelect": "Choose a decade",
-                                                            "locale": "en_US",
-                                                            "month": "Month",
-                                                            "monthBeforeYear": true,
-                                                            "monthPlaceholder": "Select month",
-                                                            "monthSelect": "Choose a month",
-                                                            "nextCentury": "Next century",
-                                                            "nextDecade": "Next decade",
-                                                            "nextMonth": "Next month (PageDown)",
-                                                            "nextYear": "Next year (Control + right)",
-                                                            "now": "Now",
-                                                            "ok": "Ok",
-                                                            "placeholder": "Select date",
-                                                            "previousCentury": "Last century",
-                                                            "previousDecade": "Last decade",
-                                                            "previousMonth": "Previous month (PageUp)",
-                                                            "previousYear": "Last year (Control + left)",
-                                                            "quarterPlaceholder": "Select quarter",
-                                                            "rangeMonthPlaceholder": Array [
-                                                              "Start month",
-                                                              "End month",
-                                                            ],
-                                                            "rangePlaceholder": Array [
-                                                              "Start date",
-                                                              "End date",
-                                                            ],
-                                                            "rangeWeekPlaceholder": Array [
-                                                              "Start week",
-                                                              "End week",
-                                                            ],
-                                                            "rangeYearPlaceholder": Array [
-                                                              "Start year",
-                                                              "End year",
-                                                            ],
-                                                            "timeSelect": "select time",
-                                                            "today": "Today",
-                                                            "weekPlaceholder": "Select week",
-                                                            "weekSelect": "Choose a week",
-                                                            "year": "Year",
-                                                            "yearFormat": "YYYY",
-                                                            "yearPlaceholder": "Select year",
-                                                            "yearSelect": "Choose a year",
-                                                          }
-                                                        }
-                                                        nextIcon={
-                                                          <span
-                                                            className="ant-picker-next-icon"
-                                                          />
-                                                        }
-                                                        onChange={null}
-                                                        onPanelChange={[Function]}
-                                                        onSelect={[Function]}
-                                                        pickerRef={
-                                                          Object {
-                                                            "current": Object {
-                                                              "blur": [Function],
-                                                              "focus": [Function],
-                                                            },
-                                                          }
-                                                        }
-                                                        placeholder="Select date"
-                                                        prefixCls="ant-picker"
-                                                        prevIcon={
-                                                          <span
-                                                            className="ant-picker-prev-icon"
-                                                          />
-                                                        }
-                                                        showToday={true}
-                                                        suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                        superNextIcon={
-                                                          <span
-                                                            className="ant-picker-super-next-icon"
-                                                          />
-                                                        }
-                                                        superPrevIcon={
-                                                          <span
-                                                            className="ant-picker-super-prev-icon"
-                                                          />
-                                                        }
-                                                        tabIndex={-1}
-                                                        transitionName="ant-slide-up"
-                                                        value={null}
-                                                      />
-                                                    </div>
-                                                  }
-                                                  popupAlign={Object {}}
-                                                  popupClassName=""
-                                                  popupPlacement="bottomLeft"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-slide-up"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-picker-dropdown"
-                                                  showAction={Array []}
-                                                >
-                                                  <div
-                                                    className="ant-picker"
-                                                    key="trigger"
-                                                    onMouseUp={[Function]}
-                                                  >
-                                                    <div
-                                                      className="ant-picker-input"
-                                                    >
-                                                      <input
-                                                        autoComplete="off"
-                                                        id="published_date"
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        placeholder="Select date"
-                                                        readOnly={true}
-                                                        size={12}
-                                                        title=""
-                                                        value=""
-                                                      />
-                                                      <span
-                                                        className="ant-picker-suffix"
-                                                      >
-                                                        <ForwardRef(CalendarOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "calendar",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="calendar"
-                                                              className="anticon anticon-calendar"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "calendar",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="calendar"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-calendar"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                    key="svg-calendar-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(CalendarOutlined)>
-                                                      </span>
-                                                    </div>
-                                                  </div>
-                                                </Trigger>
-                                              </PickerTrigger>
-                                            </InnerPicker>
-                                          </Picker>
-                                        </LocaleReceiver>
-                                      </Picker>
-                                    </Component>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </Field>
-                  </WrapperField>
-                </FormItem>
-                <FormItem
-                  label="Categories"
-                  name="categories"
-                >
-                  <WrapperField
-                    label="Categories"
-                    messageVariables={
-                      Object {
-                        "label": "Categories",
-                      }
-                    }
-                    name="categories"
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      key="_categories"
-                      label="Categories"
-                      messageVariables={
-                        Object {
-                          "label": "Categories",
-                        }
-                      }
-                      name={
-                        Array [
-                          "categories",
-                        ]
-                      }
-                      onReset={[Function]}
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                      valuePropName="value"
-                    >
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            htmlFor="categories"
-                            label="Categories"
-                            name="categories"
-                            prefixCls="ant-form"
-                            required={false}
-                            requiredMark={true}
-                          >
-                            <Col
-                              className="ant-form-item-label"
-                              span={3}
-                            >
-                              <div
-                                className="ant-col ant-col-3 ant-form-item-label"
-                                style={Object {}}
-                              >
-                                <label
-                                  className=""
-                                  htmlFor="categories"
-                                  title="Categories"
-                                >
-                                  Categories
-                                </label>
-                              </div>
-                            </Col>
-                          </FormItemLabel>
-                          <FormItemInput
-                            errors={Array []}
-                            label="Categories"
-                            name={
-                              Array [
-                                "categories",
-                              ]
-                            }
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            touched={false}
-                            validateStatus=""
-                            validating={false}
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                              span={12}
-                            >
-                              <div
-                                className="ant-col ant-col-12 ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Component
-                                      update={1}
-                                      value={
-                                        Array [
-                                          1,
-                                        ]
-                                      }
-                                    >
-                                      <Selector
-                                        action="Categories"
-                                        createEntity="Category"
-                                        id="categories"
-                                        mode="multiple"
-                                        onChange={[Function]}
-                                        value={
-                                          Array [
-                                            1,
-                                          ]
-                                        }
-                                      >
-                                        <ForwardRef(InternalSelect)
-                                          allowClear={true}
-                                          autoClearSearchValue={true}
-                                          bordered={true}
-                                          defaultValue={
-                                            Array [
-                                              1,
-                                            ]
-                                          }
-                                          filterOption={[Function]}
-                                          getPopupContainer={[Function]}
-                                          listHeight={128}
-                                          loading={false}
-                                          mode="multiple"
-                                          notFoundContent={
-                                            <Empty
-                                              description="No categories available. Type something to create new Category"
-                                              image={<Simple />}
-                                            />
-                                          }
-                                          onChange={[Function]}
-                                          onPopupScroll={[Function]}
-                                          onSearch={[Function]}
-                                          placeholder="Select categories"
-                                          searchValue=""
-                                          value={
-                                            Array [
-                                              1,
-                                            ]
-                                          }
-                                        >
-                                          <Select
-                                            allowClear={true}
-                                            autoClearSearchValue={true}
-                                            className=""
-                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                            defaultValue={
-                                              Array [
-                                                1,
-                                              ]
-                                            }
-                                            dropdownClassName=""
-                                            filterOption={[Function]}
-                                            getPopupContainer={[Function]}
-                                            inputIcon={[Function]}
-                                            listHeight={128}
-                                            listItemHeight={24}
-                                            loading={false}
-                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                            mode="multiple"
-                                            notFoundContent={
-                                              <Empty
-                                                description="No categories available. Type something to create new Category"
-                                                image={<Simple />}
-                                              />
-                                            }
-                                            onChange={[Function]}
-                                            onPopupScroll={[Function]}
-                                            onSearch={[Function]}
-                                            placeholder="Select categories"
-                                            prefixCls="ant-select"
-                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                            searchValue=""
-                                            transitionName="ant-slide-up"
-                                            value={
-                                              Array [
-                                                1,
-                                              ]
-                                            }
-                                          >
-                                            <ForwardRef(Select)
-                                              allowClear={true}
-                                              autoClearSearchValue={true}
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              defaultValue={
-                                                Array [
-                                                  1,
-                                                ]
-                                              }
-                                              dropdownClassName=""
-                                              filterOption={[Function]}
-                                              getPopupContainer={[Function]}
-                                              inputIcon={[Function]}
-                                              listHeight={128}
-                                              listItemHeight={24}
-                                              loading={false}
-                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                              mode="multiple"
-                                              notFoundContent={
-                                                <Empty
-                                                  description="No categories available. Type something to create new Category"
-                                                  image={<Simple />}
-                                                />
-                                              }
-                                              onChange={[Function]}
-                                              onPopupScroll={[Function]}
-                                              onSearch={[Function]}
-                                              placeholder="Select categories"
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              searchValue=""
-                                              transitionName="ant-slide-up"
-                                              value={
-                                                Array [
-                                                  1,
-                                                ]
-                                              }
-                                            >
-                                              <div
-                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                onBlur={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyUp={[Function]}
-                                                onMouseDown={[Function]}
-                                              >
-                                                <SelectTrigger
-                                                  containerWidth={null}
-                                                  dropdownClassName=""
-                                                  empty={false}
-                                                  getPopupContainer={[Function]}
-                                                  getTriggerDOMNode={[Function]}
-                                                  popupElement={
-                                                    <ForwardRef(OptionList)
-                                                      childrenAsData={true}
-                                                      defaultActiveFirstOption={true}
-                                                      flattenOptions={
-                                                        Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "children": "Andhra Pradesh",
-                                                              "key": "categories1",
-                                                              "value": 1,
-                                                            },
-                                                            "groupOption": false,
-                                                            "key": "categories1",
-                                                          },
-                                                        ]
-                                                      }
-                                                      height={128}
-                                                      id="rc_select_TEST_OR_SSR"
-                                                      itemHeight={24}
-                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                      multiple={true}
-                                                      notFoundContent={
-                                                        <Empty
-                                                          description="No categories available. Type something to create new Category"
-                                                          image={<Simple />}
-                                                        />
-                                                      }
-                                                      onActiveValue={[Function]}
-                                                      onMouseEnter={[Function]}
-                                                      onScroll={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Andhra Pradesh",
-                                                            "key": "categories1",
-                                                            "value": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      prefixCls="ant-select"
-                                                      searchValue=""
-                                                      values={
-                                                        Set {
-                                                          1,
-                                                        }
-                                                      }
-                                                      virtual={true}
-                                                    />
-                                                  }
-                                                  prefixCls="ant-select"
-                                                  transitionName="ant-slide-up"
-                                                >
-                                                  <Trigger
-                                                    action={Array []}
-                                                    afterPopupVisibleChange={[Function]}
-                                                    autoDestroy={false}
-                                                    blurDelay={0.15}
-                                                    builtinPlacements={
-                                                      Object {
-                                                        "bottomLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tl",
-                                                            "bl",
-                                                          ],
-                                                        },
-                                                        "bottomRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tr",
-                                                            "br",
-                                                          ],
-                                                        },
-                                                        "topLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "bl",
-                                                            "tl",
-                                                          ],
-                                                        },
-                                                        "topRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "br",
-                                                            "tr",
-                                                          ],
-                                                        },
-                                                      }
-                                                    }
-                                                    defaultPopupVisible={false}
-                                                    destroyPopupOnHide={false}
-                                                    focusDelay={0}
-                                                    getDocument={[Function]}
-                                                    getPopupClassNameFromAlign={[Function]}
-                                                    getPopupContainer={[Function]}
-                                                    getTriggerDOMNode={[Function]}
-                                                    hideAction={Array []}
-                                                    mask={false}
-                                                    maskClosable={true}
-                                                    mouseEnterDelay={0}
-                                                    mouseLeaveDelay={0.1}
-                                                    onPopupAlign={[Function]}
-                                                    onPopupVisibleChange={[Function]}
-                                                    popup={
-                                                      <div>
-                                                        <ForwardRef(OptionList)
-                                                          childrenAsData={true}
-                                                          defaultActiveFirstOption={true}
-                                                          flattenOptions={
-                                                            Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "children": "Andhra Pradesh",
-                                                                  "key": "categories1",
-                                                                  "value": 1,
-                                                                },
-                                                                "groupOption": false,
-                                                                "key": "categories1",
-                                                              },
-                                                            ]
-                                                          }
-                                                          height={128}
-                                                          id="rc_select_TEST_OR_SSR"
-                                                          itemHeight={24}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          multiple={true}
-                                                          notFoundContent={
-                                                            <Empty
-                                                              description="No categories available. Type something to create new Category"
-                                                              image={<Simple />}
-                                                            />
-                                                          }
-                                                          onActiveValue={[Function]}
-                                                          onMouseEnter={[Function]}
-                                                          onScroll={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          options={
-                                                            Array [
-                                                              Object {
-                                                                "children": "Andhra Pradesh",
-                                                                "key": "categories1",
-                                                                "value": 1,
-                                                              },
-                                                            ]
-                                                          }
-                                                          prefixCls="ant-select"
-                                                          searchValue=""
-                                                          values={
-                                                            Set {
-                                                              1,
-                                                            }
-                                                          }
-                                                          virtual={true}
-                                                        />
-                                                      </div>
-                                                    }
-                                                    popupAlign={Object {}}
-                                                    popupClassName=""
-                                                    popupPlacement="bottomLeft"
-                                                    popupStyle={
-                                                      Object {
-                                                        "minWidth": null,
-                                                        "width": null,
-                                                      }
-                                                    }
-                                                    popupTransitionName="ant-slide-up"
-                                                    prefixCls="ant-select-dropdown"
-                                                    showAction={Array []}
-                                                  >
-                                                    <Selector
-                                                      accessibilityIndex={0}
-                                                      activeValue={null}
-                                                      allowClear={true}
-                                                      autoClearSearchValue={true}
-                                                      className=""
-                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                      defaultValue={
-                                                        Array [
-                                                          1,
-                                                        ]
-                                                      }
-                                                      domRef={
-                                                        Object {
-                                                          "current": <div
-                                                            class="ant-select-selector"
-                                                          >
-                                                            <div
-                                                              class="ant-select-selection-overflow"
-                                                            >
-                                                              <div
-                                                                class="ant-select-selection-overflow-item"
-                                                                style="opacity: 1;"
-                                                              >
-                                                                <span
-                                                                  class="ant-select-selection-item"
-                                                                >
-                                                                  <span
-                                                                    class="ant-select-selection-item-content"
-                                                                  >
-                                                                    Andhra Pradesh
-                                                                  </span>
-                                                                  <span
-                                                                    aria-hidden="true"
-                                                                    class="ant-select-selection-item-remove"
-                                                                    style="user-select: none;"
-                                                                    unselectable="on"
-                                                                  >
-                                                                    <span
-                                                                      aria-label="close"
-                                                                      class="anticon anticon-close"
-                                                                      role="img"
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="close"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                        />
-                                                                      </svg>
-                                                                    </span>
-                                                                  </span>
-                                                                </span>
-                                                              </div>
-                                                              <div
-                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                style="opacity: 1;"
-                                                              >
-                                                                <div
-                                                                  class="ant-select-selection-search"
-                                                                  style="width: 0px;"
-                                                                >
-                                                                  <input
-                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                    aria-autocomplete="list"
-                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                    aria-haspopup="listbox"
-                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                    autocomplete="off"
-                                                                    class="ant-select-selection-search-input"
-                                                                    id="rc_select_TEST_OR_SSR"
-                                                                    readonly=""
-                                                                    role="combobox"
-                                                                    style="opacity: 0;"
-                                                                    type="search"
-                                                                    unselectable="on"
-                                                                    value=""
-                                                                  />
-                                                                  <span
-                                                                    aria-hidden="true"
-                                                                    class="ant-select-selection-search-mirror"
-                                                                  >
-                                                                    
-                                                                     
-                                                                  </span>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </div>,
-                                                        }
-                                                      }
-                                                      dropdownClassName=""
-                                                      filterOption={[Function]}
-                                                      getPopupContainer={[Function]}
-                                                      id="rc_select_TEST_OR_SSR"
-                                                      inputElement={null}
-                                                      inputIcon={[Function]}
-                                                      key="trigger"
-                                                      listHeight={128}
-                                                      listItemHeight={24}
-                                                      loading={false}
-                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                      mode="multiple"
-                                                      multiple={true}
-                                                      notFoundContent={
-                                                        <Empty
-                                                          description="No categories available. Type something to create new Category"
-                                                          image={<Simple />}
-                                                        />
-                                                      }
-                                                      onChange={[Function]}
-                                                      onPopupScroll={[Function]}
-                                                      onSearch={[Function]}
-                                                      onSearchSubmit={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      placeholder="Select categories"
-                                                      prefixCls="ant-select"
-                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                      searchValue=""
-                                                      showSearch={true}
-                                                      tokenWithEnter={false}
-                                                      transitionName="ant-slide-up"
-                                                      value={
-                                                        Array [
-                                                          1,
-                                                        ]
-                                                      }
-                                                      values={
-                                                        Array [
-                                                          Object {
-                                                            "disabled": undefined,
-                                                            "key": 1,
-                                                            "label": "Andhra Pradesh",
-                                                            "value": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-select-selector"
-                                                        onClick={[Function]}
-                                                        onMouseDown={[Function]}
-                                                      >
-                                                        <SelectSelector
-                                                          accessibilityIndex={0}
-                                                          activeValue={null}
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue={
-                                                            Array [
-                                                              1,
-                                                            ]
-                                                          }
-                                                          domRef={
-                                                            Object {
-                                                              "current": <div
-                                                                class="ant-select-selector"
-                                                              >
-                                                                <div
-                                                                  class="ant-select-selection-overflow"
-                                                                >
-                                                                  <div
-                                                                    class="ant-select-selection-overflow-item"
-                                                                    style="opacity: 1;"
-                                                                  >
-                                                                    <span
-                                                                      class="ant-select-selection-item"
-                                                                    >
-                                                                      <span
-                                                                        class="ant-select-selection-item-content"
-                                                                      >
-                                                                        Andhra Pradesh
-                                                                      </span>
-                                                                      <span
-                                                                        aria-hidden="true"
-                                                                        class="ant-select-selection-item-remove"
-                                                                        style="user-select: none;"
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <span
-                                                                          aria-label="close"
-                                                                          class="anticon anticon-close"
-                                                                          role="img"
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="close"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                            />
-                                                                          </svg>
-                                                                        </span>
-                                                                      </span>
-                                                                    </span>
-                                                                  </div>
-                                                                  <div
-                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                    style="opacity: 1;"
-                                                                  >
-                                                                    <div
-                                                                      class="ant-select-selection-search"
-                                                                      style="width: 0px;"
-                                                                    >
-                                                                      <input
-                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                        aria-autocomplete="list"
-                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                        aria-haspopup="listbox"
-                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                        autocomplete="off"
-                                                                        class="ant-select-selection-search-input"
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        readonly=""
-                                                                        role="combobox"
-                                                                        style="opacity: 0;"
-                                                                        type="search"
-                                                                        unselectable="on"
-                                                                        value=""
-                                                                      />
-                                                                      <span
-                                                                        aria-hidden="true"
-                                                                        class="ant-select-selection-search-mirror"
-                                                                      >
-                                                                        
-                                                                         
-                                                                      </span>
-                                                                    </div>
-                                                                  </div>
-                                                                </div>
-                                                              </div>,
-                                                            }
-                                                          }
-                                                          dropdownClassName=""
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          id="rc_select_TEST_OR_SSR"
-                                                          inputElement={null}
-                                                          inputIcon={[Function]}
-                                                          inputRef={
-                                                            Object {
-                                                              "current": <input
-                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                autocomplete="off"
-                                                                class="ant-select-selection-search-input"
-                                                                id="rc_select_TEST_OR_SSR"
-                                                                readonly=""
-                                                                role="combobox"
-                                                                style="opacity: 0;"
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />,
-                                                            }
-                                                          }
-                                                          listHeight={128}
-                                                          listItemHeight={24}
-                                                          loading={false}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          mode="multiple"
-                                                          multiple={true}
-                                                          notFoundContent={
-                                                            <Empty
-                                                              description="No categories available. Type something to create new Category"
-                                                              image={<Simple />}
-                                                            />
-                                                          }
-                                                          onChange={[Function]}
-                                                          onInputChange={[Function]}
-                                                          onInputCompositionEnd={[Function]}
-                                                          onInputCompositionStart={[Function]}
-                                                          onInputKeyDown={[Function]}
-                                                          onInputMouseDown={[Function]}
-                                                          onInputPaste={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          onSearchSubmit={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          placeholder="Select categories"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          searchValue=""
-                                                          showSearch={true}
-                                                          tokenWithEnter={false}
-                                                          transitionName="ant-slide-up"
-                                                          value={
-                                                            Array [
-                                                              1,
-                                                            ]
-                                                          }
-                                                          values={
-                                                            Array [
-                                                              Object {
-                                                                "disabled": undefined,
-                                                                "key": 1,
-                                                                "label": "Andhra Pradesh",
-                                                                "value": 1,
-                                                              },
-                                                            ]
-                                                          }
-                                                        >
-                                                          <Overflow
-                                                            data={
-                                                              Array [
-                                                                Object {
-                                                                  "disabled": undefined,
-                                                                  "key": 1,
-                                                                  "label": "Andhra Pradesh",
-                                                                  "value": 1,
-                                                                },
-                                                              ]
-                                                            }
-                                                            itemKey="key"
-                                                            prefixCls="ant-select-selection-overflow"
-                                                            renderItem={[Function]}
-                                                            renderRest={[Function]}
-                                                            suffix={
-                                                              <div
-                                                                className="ant-select-selection-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "width": 0,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <ForwardRef(Input)
-                                                                  accessibilityIndex={0}
-                                                                  attrs={Object {}}
-                                                                  editable={false}
-                                                                  id="rc_select_TEST_OR_SSR"
-                                                                  inputElement={null}
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onPaste={[Function]}
-                                                                  prefixCls="ant-select"
-                                                                  value=""
-                                                                />
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-selection-search-mirror"
-                                                                >
-                                                                  
-                                                                   
-                                                                </span>
-                                                              </div>
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-select-selection-overflow"
-                                                            >
-                                                              <Item
-                                                                display={true}
-                                                                invalidate={false}
-                                                                item={
-                                                                  Object {
-                                                                    "disabled": undefined,
-                                                                    "key": 1,
-                                                                    "label": "Andhra Pradesh",
-                                                                    "value": 1,
-                                                                  }
-                                                                }
-                                                                itemKey={1}
-                                                                key="1"
-                                                                order={0}
-                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                registerSize={[Function]}
-                                                                renderItem={[Function]}
-                                                                responsive={false}
-                                                              >
-                                                                <div
-                                                                  className="ant-select-selection-overflow-item"
-                                                                  style={
-                                                                    Object {
-                                                                      "height": undefined,
-                                                                      "opacity": 1,
-                                                                      "order": undefined,
-                                                                      "overflowY": undefined,
-                                                                      "pointerEvents": undefined,
-                                                                      "position": undefined,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    className="ant-select-selection-item"
-                                                                  >
-                                                                    <span
-                                                                      className="ant-select-selection-item-content"
-                                                                    >
-                                                                      Andhra Pradesh
-                                                                    </span>
-                                                                    <TransBtn
-                                                                      className="ant-select-selection-item-remove"
-                                                                      customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-selection-item-remove"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(CloseOutlined)>
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "close",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="close"
-                                                                              className="anticon anticon-close"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "close",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="close"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-close"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                    key="svg-close-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(CloseOutlined)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                  </span>
-                                                                </div>
-                                                              </Item>
-                                                              <Item
-                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                display={true}
-                                                                invalidate={false}
-                                                                order={0}
-                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                registerSize={[Function]}
-                                                                responsive={false}
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                  style={
-                                                                    Object {
-                                                                      "height": undefined,
-                                                                      "opacity": 1,
-                                                                      "order": undefined,
-                                                                      "overflowY": undefined,
-                                                                      "pointerEvents": undefined,
-                                                                      "position": undefined,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <div
-                                                                    className="ant-select-selection-search"
-                                                                    onBlur={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": 0,
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Input
-                                                                      accessibilityIndex={0}
-                                                                      attrs={Object {}}
-                                                                      editable={false}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      onChange={[Function]}
-                                                                      onCompositionEnd={[Function]}
-                                                                      onCompositionStart={[Function]}
-                                                                      onKeyDown={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onPaste={[Function]}
-                                                                      prefixCls="ant-select"
-                                                                      value=""
-                                                                    >
-                                                                      <input
-                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                        aria-autocomplete="list"
-                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                        aria-haspopup="listbox"
-                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                        autoComplete="off"
-                                                                        className="ant-select-selection-search-input"
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        onChange={[Function]}
-                                                                        onCompositionEnd={[Function]}
-                                                                        onCompositionStart={[Function]}
-                                                                        onKeyDown={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                        onPaste={[Function]}
-                                                                        readOnly={true}
-                                                                        role="combobox"
-                                                                        style={
-                                                                          Object {
-                                                                            "opacity": 0,
-                                                                          }
-                                                                        }
-                                                                        type="search"
-                                                                        unselectable="on"
-                                                                        value=""
-                                                                      />
-                                                                    </Input>
-                                                                    <span
-                                                                      aria-hidden={true}
-                                                                      className="ant-select-selection-search-mirror"
-                                                                    >
-                                                                       
-                                                                    </span>
-                                                                  </div>
-                                                                </div>
-                                                              </Item>
-                                                            </div>
-                                                          </Overflow>
-                                                        </SelectSelector>
-                                                      </div>
-                                                    </Selector>
-                                                  </Trigger>
-                                                </SelectTrigger>
-                                                <TransBtn
-                                                  className="ant-select-clear"
-                                                  customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                  onMouseDown={[Function]}
-                                                >
-                                                  <span
-                                                    aria-hidden={true}
-                                                    className="ant-select-clear"
-                                                    onMouseDown={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "WebkitUserSelect": "none",
-                                                        "userSelect": "none",
-                                                      }
-                                                    }
-                                                    unselectable="on"
-                                                  >
-                                                    <ForwardRef(CloseCircleFilled)>
-                                                      <AntdIcon
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "close-circle",
-                                                            "theme": "filled",
-                                                          }
-                                                        }
-                                                      >
-                                                        <span
-                                                          aria-label="close-circle"
-                                                          className="anticon anticon-close-circle"
-                                                          role="img"
-                                                        >
-                                                          <IconReact
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "close-circle",
-                                                                "theme": "filled",
-                                                              }
-                                                            }
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="close-circle"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              key="svg-close-circle"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                key="svg-close-circle-svg-0"
-                                                              />
-                                                            </svg>
-                                                          </IconReact>
-                                                        </span>
-                                                      </AntdIcon>
-                                                    </ForwardRef(CloseCircleFilled)>
-                                                  </span>
-                                                </TransBtn>
-                                              </div>
-                                            </ForwardRef(Select)>
-                                          </Select>
-                                        </ForwardRef(InternalSelect)>
-                                      </Selector>
-                                    </Component>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </Field>
-                  </WrapperField>
-                </FormItem>
-                <FormItem
-                  label="Tags"
-                  name="tags"
-                >
-                  <WrapperField
-                    label="Tags"
-                    messageVariables={
-                      Object {
-                        "label": "Tags",
-                      }
-                    }
-                    name="tags"
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      key="_tags"
-                      label="Tags"
-                      messageVariables={
-                        Object {
-                          "label": "Tags",
-                        }
-                      }
-                      name={
-                        Array [
-                          "tags",
-                        ]
-                      }
-                      onReset={[Function]}
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                      valuePropName="value"
-                    >
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            htmlFor="tags"
-                            label="Tags"
-                            name="tags"
-                            prefixCls="ant-form"
-                            required={false}
-                            requiredMark={true}
-                          >
-                            <Col
-                              className="ant-form-item-label"
-                              span={3}
-                            >
-                              <div
-                                className="ant-col ant-col-3 ant-form-item-label"
-                                style={Object {}}
-                              >
-                                <label
-                                  className=""
-                                  htmlFor="tags"
-                                  title="Tags"
-                                >
-                                  Tags
-                                </label>
-                              </div>
-                            </Col>
-                          </FormItemLabel>
-                          <FormItemInput
-                            errors={Array []}
-                            label="Tags"
-                            name={
-                              Array [
-                                "tags",
-                              ]
-                            }
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            touched={false}
-                            validateStatus=""
-                            validating={false}
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                              span={12}
-                            >
-                              <div
-                                className="ant-col ant-col-12 ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Component
-                                      update={1}
-                                      value={
-                                        Array [
-                                          1,
-                                        ]
-                                      }
-                                    >
-                                      <Selector
-                                        action="Tags"
-                                        createEntity="Tag"
-                                        id="tags"
-                                        mode="multiple"
-                                        onChange={[Function]}
-                                        value={
-                                          Array [
-                                            1,
-                                          ]
-                                        }
-                                      >
-                                        <ForwardRef(InternalSelect)
-                                          allowClear={true}
-                                          autoClearSearchValue={true}
-                                          bordered={true}
-                                          defaultValue={
-                                            Array [
-                                              1,
-                                            ]
-                                          }
-                                          filterOption={[Function]}
-                                          getPopupContainer={[Function]}
-                                          listHeight={128}
-                                          loading={false}
-                                          mode="multiple"
-                                          notFoundContent={
-                                            <Empty
-                                              description="No tags available. Type something to create new Tag"
-                                              image={<Simple />}
-                                            />
-                                          }
-                                          onChange={[Function]}
-                                          onPopupScroll={[Function]}
-                                          onSearch={[Function]}
-                                          placeholder="Select tags"
-                                          searchValue=""
-                                          value={
-                                            Array [
-                                              1,
-                                            ]
-                                          }
-                                        >
-                                          <Select
-                                            allowClear={true}
-                                            autoClearSearchValue={true}
-                                            className=""
-                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                            defaultValue={
-                                              Array [
-                                                1,
-                                              ]
-                                            }
-                                            dropdownClassName=""
-                                            filterOption={[Function]}
-                                            getPopupContainer={[Function]}
-                                            inputIcon={[Function]}
-                                            listHeight={128}
-                                            listItemHeight={24}
-                                            loading={false}
-                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                            mode="multiple"
-                                            notFoundContent={
-                                              <Empty
-                                                description="No tags available. Type something to create new Tag"
-                                                image={<Simple />}
-                                              />
-                                            }
-                                            onChange={[Function]}
-                                            onPopupScroll={[Function]}
-                                            onSearch={[Function]}
-                                            placeholder="Select tags"
-                                            prefixCls="ant-select"
-                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                            searchValue=""
-                                            transitionName="ant-slide-up"
-                                            value={
-                                              Array [
-                                                1,
-                                              ]
-                                            }
-                                          >
-                                            <ForwardRef(Select)
-                                              allowClear={true}
-                                              autoClearSearchValue={true}
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              defaultValue={
-                                                Array [
-                                                  1,
-                                                ]
-                                              }
-                                              dropdownClassName=""
-                                              filterOption={[Function]}
-                                              getPopupContainer={[Function]}
-                                              inputIcon={[Function]}
-                                              listHeight={128}
-                                              listItemHeight={24}
-                                              loading={false}
-                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                              mode="multiple"
-                                              notFoundContent={
-                                                <Empty
-                                                  description="No tags available. Type something to create new Tag"
-                                                  image={<Simple />}
-                                                />
-                                              }
-                                              onChange={[Function]}
-                                              onPopupScroll={[Function]}
-                                              onSearch={[Function]}
-                                              placeholder="Select tags"
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              searchValue=""
-                                              transitionName="ant-slide-up"
-                                              value={
-                                                Array [
-                                                  1,
-                                                ]
-                                              }
-                                            >
-                                              <div
-                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                onBlur={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyUp={[Function]}
-                                                onMouseDown={[Function]}
-                                              >
-                                                <SelectTrigger
-                                                  containerWidth={null}
-                                                  dropdownClassName=""
-                                                  empty={false}
-                                                  getPopupContainer={[Function]}
-                                                  getTriggerDOMNode={[Function]}
-                                                  popupElement={
-                                                    <ForwardRef(OptionList)
-                                                      childrenAsData={true}
-                                                      defaultActiveFirstOption={true}
-                                                      flattenOptions={
-                                                        Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "children": "cricket",
-                                                              "key": "tags1",
-                                                              "value": 1,
-                                                            },
-                                                            "groupOption": false,
-                                                            "key": "tags1",
-                                                          },
-                                                        ]
-                                                      }
-                                                      height={128}
-                                                      id="rc_select_TEST_OR_SSR"
-                                                      itemHeight={24}
-                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                      multiple={true}
-                                                      notFoundContent={
-                                                        <Empty
-                                                          description="No tags available. Type something to create new Tag"
-                                                          image={<Simple />}
-                                                        />
-                                                      }
-                                                      onActiveValue={[Function]}
-                                                      onMouseEnter={[Function]}
-                                                      onScroll={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "children": "cricket",
-                                                            "key": "tags1",
-                                                            "value": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      prefixCls="ant-select"
-                                                      searchValue=""
-                                                      values={
-                                                        Set {
-                                                          1,
-                                                        }
-                                                      }
-                                                      virtual={true}
-                                                    />
-                                                  }
-                                                  prefixCls="ant-select"
-                                                  transitionName="ant-slide-up"
-                                                >
-                                                  <Trigger
-                                                    action={Array []}
-                                                    afterPopupVisibleChange={[Function]}
-                                                    autoDestroy={false}
-                                                    blurDelay={0.15}
-                                                    builtinPlacements={
-                                                      Object {
-                                                        "bottomLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tl",
-                                                            "bl",
-                                                          ],
-                                                        },
-                                                        "bottomRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tr",
-                                                            "br",
-                                                          ],
-                                                        },
-                                                        "topLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "bl",
-                                                            "tl",
-                                                          ],
-                                                        },
-                                                        "topRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "br",
-                                                            "tr",
-                                                          ],
-                                                        },
-                                                      }
-                                                    }
-                                                    defaultPopupVisible={false}
-                                                    destroyPopupOnHide={false}
-                                                    focusDelay={0}
-                                                    getDocument={[Function]}
-                                                    getPopupClassNameFromAlign={[Function]}
-                                                    getPopupContainer={[Function]}
-                                                    getTriggerDOMNode={[Function]}
-                                                    hideAction={Array []}
-                                                    mask={false}
-                                                    maskClosable={true}
-                                                    mouseEnterDelay={0}
-                                                    mouseLeaveDelay={0.1}
-                                                    onPopupAlign={[Function]}
-                                                    onPopupVisibleChange={[Function]}
-                                                    popup={
-                                                      <div>
-                                                        <ForwardRef(OptionList)
-                                                          childrenAsData={true}
-                                                          defaultActiveFirstOption={true}
-                                                          flattenOptions={
-                                                            Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "children": "cricket",
-                                                                  "key": "tags1",
-                                                                  "value": 1,
-                                                                },
-                                                                "groupOption": false,
-                                                                "key": "tags1",
-                                                              },
-                                                            ]
-                                                          }
-                                                          height={128}
-                                                          id="rc_select_TEST_OR_SSR"
-                                                          itemHeight={24}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          multiple={true}
-                                                          notFoundContent={
-                                                            <Empty
-                                                              description="No tags available. Type something to create new Tag"
-                                                              image={<Simple />}
-                                                            />
-                                                          }
-                                                          onActiveValue={[Function]}
-                                                          onMouseEnter={[Function]}
-                                                          onScroll={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          options={
-                                                            Array [
-                                                              Object {
-                                                                "children": "cricket",
-                                                                "key": "tags1",
-                                                                "value": 1,
-                                                              },
-                                                            ]
-                                                          }
-                                                          prefixCls="ant-select"
-                                                          searchValue=""
-                                                          values={
-                                                            Set {
-                                                              1,
-                                                            }
-                                                          }
-                                                          virtual={true}
-                                                        />
-                                                      </div>
-                                                    }
-                                                    popupAlign={Object {}}
-                                                    popupClassName=""
-                                                    popupPlacement="bottomLeft"
-                                                    popupStyle={
-                                                      Object {
-                                                        "minWidth": null,
-                                                        "width": null,
-                                                      }
-                                                    }
-                                                    popupTransitionName="ant-slide-up"
-                                                    prefixCls="ant-select-dropdown"
-                                                    showAction={Array []}
-                                                  >
-                                                    <Selector
-                                                      accessibilityIndex={0}
-                                                      activeValue={null}
-                                                      allowClear={true}
-                                                      autoClearSearchValue={true}
-                                                      className=""
-                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                      defaultValue={
-                                                        Array [
-                                                          1,
-                                                        ]
-                                                      }
-                                                      domRef={
-                                                        Object {
-                                                          "current": <div
-                                                            class="ant-select-selector"
-                                                          >
-                                                            <div
-                                                              class="ant-select-selection-overflow"
-                                                            >
-                                                              <div
-                                                                class="ant-select-selection-overflow-item"
-                                                                style="opacity: 1;"
-                                                              >
-                                                                <span
-                                                                  class="ant-select-selection-item"
-                                                                >
-                                                                  <span
-                                                                    class="ant-select-selection-item-content"
-                                                                  >
-                                                                    cricket
-                                                                  </span>
-                                                                  <span
-                                                                    aria-hidden="true"
-                                                                    class="ant-select-selection-item-remove"
-                                                                    style="user-select: none;"
-                                                                    unselectable="on"
-                                                                  >
-                                                                    <span
-                                                                      aria-label="close"
-                                                                      class="anticon anticon-close"
-                                                                      role="img"
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="close"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                        />
-                                                                      </svg>
-                                                                    </span>
-                                                                  </span>
-                                                                </span>
-                                                              </div>
-                                                              <div
-                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                style="opacity: 1;"
-                                                              >
-                                                                <div
-                                                                  class="ant-select-selection-search"
-                                                                  style="width: 0px;"
-                                                                >
-                                                                  <input
-                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                    aria-autocomplete="list"
-                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                    aria-haspopup="listbox"
-                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                    autocomplete="off"
-                                                                    class="ant-select-selection-search-input"
-                                                                    id="rc_select_TEST_OR_SSR"
-                                                                    readonly=""
-                                                                    role="combobox"
-                                                                    style="opacity: 0;"
-                                                                    type="search"
-                                                                    unselectable="on"
-                                                                    value=""
-                                                                  />
-                                                                  <span
-                                                                    aria-hidden="true"
-                                                                    class="ant-select-selection-search-mirror"
-                                                                  >
-                                                                    
-                                                                     
-                                                                  </span>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </div>,
-                                                        }
-                                                      }
-                                                      dropdownClassName=""
-                                                      filterOption={[Function]}
-                                                      getPopupContainer={[Function]}
-                                                      id="rc_select_TEST_OR_SSR"
-                                                      inputElement={null}
-                                                      inputIcon={[Function]}
-                                                      key="trigger"
-                                                      listHeight={128}
-                                                      listItemHeight={24}
-                                                      loading={false}
-                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                      mode="multiple"
-                                                      multiple={true}
-                                                      notFoundContent={
-                                                        <Empty
-                                                          description="No tags available. Type something to create new Tag"
-                                                          image={<Simple />}
-                                                        />
-                                                      }
-                                                      onChange={[Function]}
-                                                      onPopupScroll={[Function]}
-                                                      onSearch={[Function]}
-                                                      onSearchSubmit={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      placeholder="Select tags"
-                                                      prefixCls="ant-select"
-                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                      searchValue=""
-                                                      showSearch={true}
-                                                      tokenWithEnter={false}
-                                                      transitionName="ant-slide-up"
-                                                      value={
-                                                        Array [
-                                                          1,
-                                                        ]
-                                                      }
-                                                      values={
-                                                        Array [
-                                                          Object {
-                                                            "disabled": undefined,
-                                                            "key": 1,
-                                                            "label": "cricket",
-                                                            "value": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-select-selector"
-                                                        onClick={[Function]}
-                                                        onMouseDown={[Function]}
-                                                      >
-                                                        <SelectSelector
-                                                          accessibilityIndex={0}
-                                                          activeValue={null}
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue={
-                                                            Array [
-                                                              1,
-                                                            ]
-                                                          }
-                                                          domRef={
-                                                            Object {
-                                                              "current": <div
-                                                                class="ant-select-selector"
-                                                              >
-                                                                <div
-                                                                  class="ant-select-selection-overflow"
-                                                                >
-                                                                  <div
-                                                                    class="ant-select-selection-overflow-item"
-                                                                    style="opacity: 1;"
-                                                                  >
-                                                                    <span
-                                                                      class="ant-select-selection-item"
-                                                                    >
-                                                                      <span
-                                                                        class="ant-select-selection-item-content"
-                                                                      >
-                                                                        cricket
-                                                                      </span>
-                                                                      <span
-                                                                        aria-hidden="true"
-                                                                        class="ant-select-selection-item-remove"
-                                                                        style="user-select: none;"
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <span
-                                                                          aria-label="close"
-                                                                          class="anticon anticon-close"
-                                                                          role="img"
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="close"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                            />
-                                                                          </svg>
-                                                                        </span>
-                                                                      </span>
-                                                                    </span>
-                                                                  </div>
-                                                                  <div
-                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                    style="opacity: 1;"
-                                                                  >
-                                                                    <div
-                                                                      class="ant-select-selection-search"
-                                                                      style="width: 0px;"
-                                                                    >
-                                                                      <input
-                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                        aria-autocomplete="list"
-                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                        aria-haspopup="listbox"
-                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                        autocomplete="off"
-                                                                        class="ant-select-selection-search-input"
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        readonly=""
-                                                                        role="combobox"
-                                                                        style="opacity: 0;"
-                                                                        type="search"
-                                                                        unselectable="on"
-                                                                        value=""
-                                                                      />
-                                                                      <span
-                                                                        aria-hidden="true"
-                                                                        class="ant-select-selection-search-mirror"
-                                                                      >
-                                                                        
-                                                                         
-                                                                      </span>
-                                                                    </div>
-                                                                  </div>
-                                                                </div>
-                                                              </div>,
-                                                            }
-                                                          }
-                                                          dropdownClassName=""
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          id="rc_select_TEST_OR_SSR"
-                                                          inputElement={null}
-                                                          inputIcon={[Function]}
-                                                          inputRef={
-                                                            Object {
-                                                              "current": <input
-                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                autocomplete="off"
-                                                                class="ant-select-selection-search-input"
-                                                                id="rc_select_TEST_OR_SSR"
-                                                                readonly=""
-                                                                role="combobox"
-                                                                style="opacity: 0;"
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />,
-                                                            }
-                                                          }
-                                                          listHeight={128}
-                                                          listItemHeight={24}
-                                                          loading={false}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          mode="multiple"
-                                                          multiple={true}
-                                                          notFoundContent={
-                                                            <Empty
-                                                              description="No tags available. Type something to create new Tag"
-                                                              image={<Simple />}
-                                                            />
-                                                          }
-                                                          onChange={[Function]}
-                                                          onInputChange={[Function]}
-                                                          onInputCompositionEnd={[Function]}
-                                                          onInputCompositionStart={[Function]}
-                                                          onInputKeyDown={[Function]}
-                                                          onInputMouseDown={[Function]}
-                                                          onInputPaste={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          onSearchSubmit={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          placeholder="Select tags"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          searchValue=""
-                                                          showSearch={true}
-                                                          tokenWithEnter={false}
-                                                          transitionName="ant-slide-up"
-                                                          value={
-                                                            Array [
-                                                              1,
-                                                            ]
-                                                          }
-                                                          values={
-                                                            Array [
-                                                              Object {
-                                                                "disabled": undefined,
-                                                                "key": 1,
-                                                                "label": "cricket",
-                                                                "value": 1,
-                                                              },
-                                                            ]
-                                                          }
-                                                        >
-                                                          <Overflow
-                                                            data={
-                                                              Array [
-                                                                Object {
-                                                                  "disabled": undefined,
-                                                                  "key": 1,
-                                                                  "label": "cricket",
-                                                                  "value": 1,
-                                                                },
-                                                              ]
-                                                            }
-                                                            itemKey="key"
-                                                            prefixCls="ant-select-selection-overflow"
-                                                            renderItem={[Function]}
-                                                            renderRest={[Function]}
-                                                            suffix={
-                                                              <div
-                                                                className="ant-select-selection-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "width": 0,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <ForwardRef(Input)
-                                                                  accessibilityIndex={0}
-                                                                  attrs={Object {}}
-                                                                  editable={false}
-                                                                  id="rc_select_TEST_OR_SSR"
-                                                                  inputElement={null}
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onPaste={[Function]}
-                                                                  prefixCls="ant-select"
-                                                                  value=""
-                                                                />
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-selection-search-mirror"
-                                                                >
-                                                                  
-                                                                   
-                                                                </span>
-                                                              </div>
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-select-selection-overflow"
-                                                            >
-                                                              <Item
-                                                                display={true}
-                                                                invalidate={false}
-                                                                item={
-                                                                  Object {
-                                                                    "disabled": undefined,
-                                                                    "key": 1,
-                                                                    "label": "cricket",
-                                                                    "value": 1,
-                                                                  }
-                                                                }
-                                                                itemKey={1}
-                                                                key="1"
-                                                                order={0}
-                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                registerSize={[Function]}
-                                                                renderItem={[Function]}
-                                                                responsive={false}
-                                                              >
-                                                                <div
-                                                                  className="ant-select-selection-overflow-item"
-                                                                  style={
-                                                                    Object {
-                                                                      "height": undefined,
-                                                                      "opacity": 1,
-                                                                      "order": undefined,
-                                                                      "overflowY": undefined,
-                                                                      "pointerEvents": undefined,
-                                                                      "position": undefined,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    className="ant-select-selection-item"
-                                                                  >
-                                                                    <span
-                                                                      className="ant-select-selection-item-content"
-                                                                    >
-                                                                      cricket
-                                                                    </span>
-                                                                    <TransBtn
-                                                                      className="ant-select-selection-item-remove"
-                                                                      customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-selection-item-remove"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(CloseOutlined)>
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "close",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="close"
-                                                                              className="anticon anticon-close"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "close",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="close"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-close"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                    key="svg-close-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(CloseOutlined)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                  </span>
-                                                                </div>
-                                                              </Item>
-                                                              <Item
-                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                display={true}
-                                                                invalidate={false}
-                                                                order={0}
-                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                registerSize={[Function]}
-                                                                responsive={false}
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                  style={
-                                                                    Object {
-                                                                      "height": undefined,
-                                                                      "opacity": 1,
-                                                                      "order": undefined,
-                                                                      "overflowY": undefined,
-                                                                      "pointerEvents": undefined,
-                                                                      "position": undefined,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <div
-                                                                    className="ant-select-selection-search"
-                                                                    onBlur={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": 0,
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Input
-                                                                      accessibilityIndex={0}
-                                                                      attrs={Object {}}
-                                                                      editable={false}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      onChange={[Function]}
-                                                                      onCompositionEnd={[Function]}
-                                                                      onCompositionStart={[Function]}
-                                                                      onKeyDown={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onPaste={[Function]}
-                                                                      prefixCls="ant-select"
-                                                                      value=""
-                                                                    >
-                                                                      <input
-                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                        aria-autocomplete="list"
-                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                        aria-haspopup="listbox"
-                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                        autoComplete="off"
-                                                                        className="ant-select-selection-search-input"
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        onChange={[Function]}
-                                                                        onCompositionEnd={[Function]}
-                                                                        onCompositionStart={[Function]}
-                                                                        onKeyDown={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                        onPaste={[Function]}
-                                                                        readOnly={true}
-                                                                        role="combobox"
-                                                                        style={
-                                                                          Object {
-                                                                            "opacity": 0,
-                                                                          }
-                                                                        }
-                                                                        type="search"
-                                                                        unselectable="on"
-                                                                        value=""
-                                                                      />
-                                                                    </Input>
-                                                                    <span
-                                                                      aria-hidden={true}
-                                                                      className="ant-select-selection-search-mirror"
-                                                                    >
-                                                                       
-                                                                    </span>
-                                                                  </div>
-                                                                </div>
-                                                              </Item>
-                                                            </div>
-                                                          </Overflow>
-                                                        </SelectSelector>
-                                                      </div>
-                                                    </Selector>
-                                                  </Trigger>
-                                                </SelectTrigger>
-                                                <TransBtn
-                                                  className="ant-select-clear"
-                                                  customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                  onMouseDown={[Function]}
-                                                >
-                                                  <span
-                                                    aria-hidden={true}
-                                                    className="ant-select-clear"
-                                                    onMouseDown={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "WebkitUserSelect": "none",
-                                                        "userSelect": "none",
-                                                      }
-                                                    }
-                                                    unselectable="on"
-                                                  >
-                                                    <ForwardRef(CloseCircleFilled)>
-                                                      <AntdIcon
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "close-circle",
-                                                            "theme": "filled",
-                                                          }
-                                                        }
-                                                      >
-                                                        <span
-                                                          aria-label="close-circle"
-                                                          className="anticon anticon-close-circle"
-                                                          role="img"
-                                                        >
-                                                          <IconReact
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "close-circle",
-                                                                "theme": "filled",
-                                                              }
-                                                            }
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="close-circle"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              key="svg-close-circle"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                key="svg-close-circle-svg-0"
-                                                              />
-                                                            </svg>
-                                                          </IconReact>
-                                                        </span>
-                                                      </AntdIcon>
-                                                    </ForwardRef(CloseCircleFilled)>
-                                                  </span>
-                                                </TransBtn>
-                                              </div>
-                                            </ForwardRef(Select)>
-                                          </Select>
-                                        </ForwardRef(InternalSelect)>
-                                      </Selector>
-                                    </Component>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </Field>
-                  </WrapperField>
-                </FormItem>
-                <FormItem
-                  label="Authors"
-                  name="authors"
-                >
-                  <WrapperField
-                    label="Authors"
-                    messageVariables={
-                      Object {
-                        "label": "Authors",
-                      }
-                    }
-                    name="authors"
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      key="_authors"
-                      label="Authors"
-                      messageVariables={
-                        Object {
-                          "label": "Authors",
-                        }
-                      }
-                      name={
-                        Array [
-                          "authors",
-                        ]
-                      }
-                      onReset={[Function]}
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                      valuePropName="value"
-                    >
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            htmlFor="authors"
-                            label="Authors"
-                            name="authors"
-                            prefixCls="ant-form"
-                            required={false}
-                            requiredMark={true}
-                          >
-                            <Col
-                              className="ant-form-item-label"
-                              span={3}
-                            >
-                              <div
-                                className="ant-col ant-col-3 ant-form-item-label"
-                                style={Object {}}
-                              >
-                                <label
-                                  className=""
-                                  htmlFor="authors"
-                                  title="Authors"
-                                >
-                                  Authors
-                                </label>
-                              </div>
-                            </Col>
-                          </FormItemLabel>
-                          <FormItemInput
-                            errors={Array []}
-                            label="Authors"
-                            name={
-                              Array [
-                                "authors",
-                              ]
-                            }
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            touched={false}
-                            validateStatus=""
-                            validating={false}
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                              span={12}
-                            >
-                              <div
-                                className="ant-col ant-col-12 ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Component
-                                      update={1}
-                                      value={
-                                        Array [
-                                          1,
-                                        ]
-                                      }
-                                    >
-                                      <Selector
-                                        action="Authors"
-                                        display="display_name"
-                                        id="authors"
-                                        mode="multiple"
-                                        onChange={[Function]}
-                                        value={
-                                          Array [
-                                            1,
-                                          ]
-                                        }
-                                      >
-                                        <ForwardRef(InternalSelect)
-                                          allowClear={true}
-                                          autoClearSearchValue={true}
-                                          bordered={true}
-                                          defaultValue={
-                                            Array [
-                                              1,
-                                            ]
-                                          }
-                                          filterOption={[Function]}
-                                          getPopupContainer={[Function]}
-                                          listHeight={128}
-                                          loading={false}
-                                          mode="multiple"
-                                          notFoundContent={null}
-                                          onChange={[Function]}
-                                          onPopupScroll={[Function]}
-                                          onSearch={[Function]}
-                                          placeholder="Select authors"
-                                          searchValue=""
-                                          value={
-                                            Array [
-                                              1,
-                                            ]
-                                          }
-                                        >
-                                          <Select
-                                            allowClear={true}
-                                            autoClearSearchValue={true}
-                                            className=""
-                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                            defaultValue={
-                                              Array [
-                                                1,
-                                              ]
-                                            }
-                                            dropdownClassName=""
-                                            filterOption={[Function]}
-                                            getPopupContainer={[Function]}
-                                            inputIcon={[Function]}
-                                            listHeight={128}
-                                            listItemHeight={24}
-                                            loading={false}
-                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                            mode="multiple"
-                                            notFoundContent={null}
-                                            onChange={[Function]}
-                                            onPopupScroll={[Function]}
-                                            onSearch={[Function]}
-                                            placeholder="Select authors"
-                                            prefixCls="ant-select"
-                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                            searchValue=""
-                                            transitionName="ant-slide-up"
-                                            value={
-                                              Array [
-                                                1,
-                                              ]
-                                            }
-                                          >
-                                            <ForwardRef(Select)
-                                              allowClear={true}
-                                              autoClearSearchValue={true}
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              defaultValue={
-                                                Array [
-                                                  1,
-                                                ]
-                                              }
-                                              dropdownClassName=""
-                                              filterOption={[Function]}
-                                              getPopupContainer={[Function]}
-                                              inputIcon={[Function]}
-                                              listHeight={128}
-                                              listItemHeight={24}
-                                              loading={false}
-                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                              mode="multiple"
-                                              notFoundContent={null}
-                                              onChange={[Function]}
-                                              onPopupScroll={[Function]}
-                                              onSearch={[Function]}
-                                              placeholder="Select authors"
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              searchValue=""
-                                              transitionName="ant-slide-up"
-                                              value={
-                                                Array [
-                                                  1,
-                                                ]
-                                              }
-                                            >
-                                              <div
-                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                onBlur={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyUp={[Function]}
-                                                onMouseDown={[Function]}
-                                              >
-                                                <SelectTrigger
-                                                  containerWidth={null}
-                                                  dropdownClassName=""
-                                                  empty={false}
-                                                  getPopupContainer={[Function]}
-                                                  getTriggerDOMNode={[Function]}
-                                                  popupElement={
-                                                    <ForwardRef(OptionList)
-                                                      childrenAsData={true}
-                                                      defaultActiveFirstOption={true}
-                                                      flattenOptions={
-                                                        Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "children": null,
-                                                              "key": "authors1",
-                                                              "value": 1,
-                                                            },
-                                                            "groupOption": false,
-                                                            "key": "authors1",
-                                                          },
-                                                        ]
-                                                      }
-                                                      height={128}
-                                                      id="rc_select_TEST_OR_SSR"
-                                                      itemHeight={24}
-                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                      multiple={true}
-                                                      notFoundContent={null}
-                                                      onActiveValue={[Function]}
-                                                      onMouseEnter={[Function]}
-                                                      onScroll={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "children": null,
-                                                            "key": "authors1",
-                                                            "value": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      prefixCls="ant-select"
-                                                      searchValue=""
-                                                      values={
-                                                        Set {
-                                                          1,
-                                                        }
-                                                      }
-                                                      virtual={true}
-                                                    />
-                                                  }
-                                                  prefixCls="ant-select"
-                                                  transitionName="ant-slide-up"
-                                                >
-                                                  <Trigger
-                                                    action={Array []}
-                                                    afterPopupVisibleChange={[Function]}
-                                                    autoDestroy={false}
-                                                    blurDelay={0.15}
-                                                    builtinPlacements={
-                                                      Object {
-                                                        "bottomLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tl",
-                                                            "bl",
-                                                          ],
-                                                        },
-                                                        "bottomRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tr",
-                                                            "br",
-                                                          ],
-                                                        },
-                                                        "topLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "bl",
-                                                            "tl",
-                                                          ],
-                                                        },
-                                                        "topRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "br",
-                                                            "tr",
-                                                          ],
-                                                        },
-                                                      }
-                                                    }
-                                                    defaultPopupVisible={false}
-                                                    destroyPopupOnHide={false}
-                                                    focusDelay={0}
-                                                    getDocument={[Function]}
-                                                    getPopupClassNameFromAlign={[Function]}
-                                                    getPopupContainer={[Function]}
-                                                    getTriggerDOMNode={[Function]}
-                                                    hideAction={Array []}
-                                                    mask={false}
-                                                    maskClosable={true}
-                                                    mouseEnterDelay={0}
-                                                    mouseLeaveDelay={0.1}
-                                                    onPopupAlign={[Function]}
-                                                    onPopupVisibleChange={[Function]}
-                                                    popup={
-                                                      <div>
-                                                        <ForwardRef(OptionList)
-                                                          childrenAsData={true}
-                                                          defaultActiveFirstOption={true}
-                                                          flattenOptions={
-                                                            Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "children": null,
-                                                                  "key": "authors1",
-                                                                  "value": 1,
-                                                                },
-                                                                "groupOption": false,
-                                                                "key": "authors1",
-                                                              },
-                                                            ]
-                                                          }
-                                                          height={128}
-                                                          id="rc_select_TEST_OR_SSR"
-                                                          itemHeight={24}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          multiple={true}
-                                                          notFoundContent={null}
-                                                          onActiveValue={[Function]}
-                                                          onMouseEnter={[Function]}
-                                                          onScroll={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          options={
-                                                            Array [
-                                                              Object {
-                                                                "children": null,
-                                                                "key": "authors1",
-                                                                "value": 1,
-                                                              },
-                                                            ]
-                                                          }
-                                                          prefixCls="ant-select"
-                                                          searchValue=""
-                                                          values={
-                                                            Set {
-                                                              1,
-                                                            }
-                                                          }
-                                                          virtual={true}
-                                                        />
-                                                      </div>
-                                                    }
-                                                    popupAlign={Object {}}
-                                                    popupClassName=""
-                                                    popupPlacement="bottomLeft"
-                                                    popupStyle={
-                                                      Object {
-                                                        "minWidth": null,
-                                                        "width": null,
-                                                      }
-                                                    }
-                                                    popupTransitionName="ant-slide-up"
-                                                    prefixCls="ant-select-dropdown"
-                                                    showAction={Array []}
-                                                  >
-                                                    <Selector
-                                                      accessibilityIndex={0}
-                                                      activeValue={null}
-                                                      allowClear={true}
-                                                      autoClearSearchValue={true}
-                                                      className=""
-                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                      defaultValue={
-                                                        Array [
-                                                          1,
-                                                        ]
-                                                      }
-                                                      domRef={
-                                                        Object {
-                                                          "current": <div
-                                                            class="ant-select-selector"
-                                                          >
-                                                            <div
-                                                              class="ant-select-selection-overflow"
-                                                            >
-                                                              <div
-                                                                class="ant-select-selection-overflow-item"
-                                                                style="opacity: 1;"
-                                                              >
-                                                                <span
-                                                                  class="ant-select-selection-item"
-                                                                >
-                                                                  <span
-                                                                    class="ant-select-selection-item-content"
-                                                                  />
-                                                                  <span
-                                                                    aria-hidden="true"
-                                                                    class="ant-select-selection-item-remove"
-                                                                    style="user-select: none;"
-                                                                    unselectable="on"
-                                                                  >
-                                                                    <span
-                                                                      aria-label="close"
-                                                                      class="anticon anticon-close"
-                                                                      role="img"
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="close"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                        />
-                                                                      </svg>
-                                                                    </span>
-                                                                  </span>
-                                                                </span>
-                                                              </div>
-                                                              <div
-                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                style="opacity: 1;"
-                                                              >
-                                                                <div
-                                                                  class="ant-select-selection-search"
-                                                                  style="width: 0px;"
-                                                                >
-                                                                  <input
-                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                    aria-autocomplete="list"
-                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                    aria-haspopup="listbox"
-                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                    autocomplete="off"
-                                                                    class="ant-select-selection-search-input"
-                                                                    id="rc_select_TEST_OR_SSR"
-                                                                    readonly=""
-                                                                    role="combobox"
-                                                                    style="opacity: 0;"
-                                                                    type="search"
-                                                                    unselectable="on"
-                                                                    value=""
-                                                                  />
-                                                                  <span
-                                                                    aria-hidden="true"
-                                                                    class="ant-select-selection-search-mirror"
-                                                                  >
-                                                                    
-                                                                     
-                                                                  </span>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </div>,
-                                                        }
-                                                      }
-                                                      dropdownClassName=""
-                                                      filterOption={[Function]}
-                                                      getPopupContainer={[Function]}
-                                                      id="rc_select_TEST_OR_SSR"
-                                                      inputElement={null}
-                                                      inputIcon={[Function]}
-                                                      key="trigger"
-                                                      listHeight={128}
-                                                      listItemHeight={24}
-                                                      loading={false}
-                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                      mode="multiple"
-                                                      multiple={true}
-                                                      notFoundContent={null}
-                                                      onChange={[Function]}
-                                                      onPopupScroll={[Function]}
-                                                      onSearch={[Function]}
-                                                      onSearchSubmit={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      placeholder="Select authors"
-                                                      prefixCls="ant-select"
-                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                      searchValue=""
-                                                      showSearch={true}
-                                                      tokenWithEnter={false}
-                                                      transitionName="ant-slide-up"
-                                                      value={
-                                                        Array [
-                                                          1,
-                                                        ]
-                                                      }
-                                                      values={
-                                                        Array [
-                                                          Object {
-                                                            "disabled": undefined,
-                                                            "key": 1,
-                                                            "label": null,
-                                                            "value": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-select-selector"
-                                                        onClick={[Function]}
-                                                        onMouseDown={[Function]}
-                                                      >
-                                                        <SelectSelector
-                                                          accessibilityIndex={0}
-                                                          activeValue={null}
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue={
-                                                            Array [
-                                                              1,
-                                                            ]
-                                                          }
-                                                          domRef={
-                                                            Object {
-                                                              "current": <div
-                                                                class="ant-select-selector"
-                                                              >
-                                                                <div
-                                                                  class="ant-select-selection-overflow"
-                                                                >
-                                                                  <div
-                                                                    class="ant-select-selection-overflow-item"
-                                                                    style="opacity: 1;"
-                                                                  >
-                                                                    <span
-                                                                      class="ant-select-selection-item"
-                                                                    >
-                                                                      <span
-                                                                        class="ant-select-selection-item-content"
-                                                                      />
-                                                                      <span
-                                                                        aria-hidden="true"
-                                                                        class="ant-select-selection-item-remove"
-                                                                        style="user-select: none;"
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <span
-                                                                          aria-label="close"
-                                                                          class="anticon anticon-close"
-                                                                          role="img"
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="close"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                            />
-                                                                          </svg>
-                                                                        </span>
-                                                                      </span>
-                                                                    </span>
-                                                                  </div>
-                                                                  <div
-                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                    style="opacity: 1;"
-                                                                  >
-                                                                    <div
-                                                                      class="ant-select-selection-search"
-                                                                      style="width: 0px;"
-                                                                    >
-                                                                      <input
-                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                        aria-autocomplete="list"
-                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                        aria-haspopup="listbox"
-                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                        autocomplete="off"
-                                                                        class="ant-select-selection-search-input"
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        readonly=""
-                                                                        role="combobox"
-                                                                        style="opacity: 0;"
-                                                                        type="search"
-                                                                        unselectable="on"
-                                                                        value=""
-                                                                      />
-                                                                      <span
-                                                                        aria-hidden="true"
-                                                                        class="ant-select-selection-search-mirror"
-                                                                      >
-                                                                        
-                                                                         
-                                                                      </span>
-                                                                    </div>
-                                                                  </div>
-                                                                </div>
-                                                              </div>,
-                                                            }
-                                                          }
-                                                          dropdownClassName=""
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          id="rc_select_TEST_OR_SSR"
-                                                          inputElement={null}
-                                                          inputIcon={[Function]}
-                                                          inputRef={
-                                                            Object {
-                                                              "current": <input
-                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                autocomplete="off"
-                                                                class="ant-select-selection-search-input"
-                                                                id="rc_select_TEST_OR_SSR"
-                                                                readonly=""
-                                                                role="combobox"
-                                                                style="opacity: 0;"
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />,
-                                                            }
-                                                          }
-                                                          listHeight={128}
-                                                          listItemHeight={24}
-                                                          loading={false}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          mode="multiple"
-                                                          multiple={true}
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onInputChange={[Function]}
-                                                          onInputCompositionEnd={[Function]}
-                                                          onInputCompositionStart={[Function]}
-                                                          onInputKeyDown={[Function]}
-                                                          onInputMouseDown={[Function]}
-                                                          onInputPaste={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          onSearchSubmit={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          placeholder="Select authors"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          searchValue=""
-                                                          showSearch={true}
-                                                          tokenWithEnter={false}
-                                                          transitionName="ant-slide-up"
-                                                          value={
-                                                            Array [
-                                                              1,
-                                                            ]
-                                                          }
-                                                          values={
-                                                            Array [
-                                                              Object {
-                                                                "disabled": undefined,
-                                                                "key": 1,
-                                                                "label": null,
-                                                                "value": 1,
-                                                              },
-                                                            ]
-                                                          }
-                                                        >
-                                                          <Overflow
-                                                            data={
-                                                              Array [
-                                                                Object {
-                                                                  "disabled": undefined,
-                                                                  "key": 1,
-                                                                  "label": null,
-                                                                  "value": 1,
-                                                                },
-                                                              ]
-                                                            }
-                                                            itemKey="key"
-                                                            prefixCls="ant-select-selection-overflow"
-                                                            renderItem={[Function]}
-                                                            renderRest={[Function]}
-                                                            suffix={
-                                                              <div
-                                                                className="ant-select-selection-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "width": 0,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <ForwardRef(Input)
-                                                                  accessibilityIndex={0}
-                                                                  attrs={Object {}}
-                                                                  editable={false}
-                                                                  id="rc_select_TEST_OR_SSR"
-                                                                  inputElement={null}
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onPaste={[Function]}
-                                                                  prefixCls="ant-select"
-                                                                  value=""
-                                                                />
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-selection-search-mirror"
-                                                                >
-                                                                  
-                                                                   
-                                                                </span>
-                                                              </div>
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-select-selection-overflow"
-                                                            >
-                                                              <Item
-                                                                display={true}
-                                                                invalidate={false}
-                                                                item={
-                                                                  Object {
-                                                                    "disabled": undefined,
-                                                                    "key": 1,
-                                                                    "label": null,
-                                                                    "value": 1,
-                                                                  }
-                                                                }
-                                                                itemKey={1}
-                                                                key="1"
-                                                                order={0}
-                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                registerSize={[Function]}
-                                                                renderItem={[Function]}
-                                                                responsive={false}
-                                                              >
-                                                                <div
-                                                                  className="ant-select-selection-overflow-item"
-                                                                  style={
-                                                                    Object {
-                                                                      "height": undefined,
-                                                                      "opacity": 1,
-                                                                      "order": undefined,
-                                                                      "overflowY": undefined,
-                                                                      "pointerEvents": undefined,
-                                                                      "position": undefined,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    className="ant-select-selection-item"
-                                                                  >
-                                                                    <span
-                                                                      className="ant-select-selection-item-content"
-                                                                    />
-                                                                    <TransBtn
-                                                                      className="ant-select-selection-item-remove"
-                                                                      customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-selection-item-remove"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(CloseOutlined)>
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "close",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="close"
-                                                                              className="anticon anticon-close"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "close",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="close"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-close"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                    key="svg-close-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(CloseOutlined)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                  </span>
-                                                                </div>
-                                                              </Item>
-                                                              <Item
-                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                display={true}
-                                                                invalidate={false}
-                                                                order={0}
-                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                registerSize={[Function]}
-                                                                responsive={false}
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                  style={
-                                                                    Object {
-                                                                      "height": undefined,
-                                                                      "opacity": 1,
-                                                                      "order": undefined,
-                                                                      "overflowY": undefined,
-                                                                      "pointerEvents": undefined,
-                                                                      "position": undefined,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <div
-                                                                    className="ant-select-selection-search"
-                                                                    onBlur={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": 0,
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Input
-                                                                      accessibilityIndex={0}
-                                                                      attrs={Object {}}
-                                                                      editable={false}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      onChange={[Function]}
-                                                                      onCompositionEnd={[Function]}
-                                                                      onCompositionStart={[Function]}
-                                                                      onKeyDown={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onPaste={[Function]}
-                                                                      prefixCls="ant-select"
-                                                                      value=""
-                                                                    >
-                                                                      <input
-                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                        aria-autocomplete="list"
-                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                        aria-haspopup="listbox"
-                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                        autoComplete="off"
-                                                                        className="ant-select-selection-search-input"
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        onChange={[Function]}
-                                                                        onCompositionEnd={[Function]}
-                                                                        onCompositionStart={[Function]}
-                                                                        onKeyDown={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                        onPaste={[Function]}
-                                                                        readOnly={true}
-                                                                        role="combobox"
-                                                                        style={
-                                                                          Object {
-                                                                            "opacity": 0,
-                                                                          }
-                                                                        }
-                                                                        type="search"
-                                                                        unselectable="on"
-                                                                        value=""
-                                                                      />
-                                                                    </Input>
-                                                                    <span
-                                                                      aria-hidden={true}
-                                                                      className="ant-select-selection-search-mirror"
-                                                                    >
-                                                                       
-                                                                    </span>
-                                                                  </div>
-                                                                </div>
-                                                              </Item>
-                                                            </div>
-                                                          </Overflow>
-                                                        </SelectSelector>
-                                                      </div>
-                                                    </Selector>
-                                                  </Trigger>
-                                                </SelectTrigger>
-                                                <TransBtn
-                                                  className="ant-select-clear"
-                                                  customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                  onMouseDown={[Function]}
-                                                >
-                                                  <span
-                                                    aria-hidden={true}
-                                                    className="ant-select-clear"
-                                                    onMouseDown={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "WebkitUserSelect": "none",
-                                                        "userSelect": "none",
-                                                      }
-                                                    }
-                                                    unselectable="on"
-                                                  >
-                                                    <ForwardRef(CloseCircleFilled)>
-                                                      <AntdIcon
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "close-circle",
-                                                            "theme": "filled",
-                                                          }
-                                                        }
-                                                      >
-                                                        <span
-                                                          aria-label="close-circle"
-                                                          className="anticon anticon-close-circle"
-                                                          role="img"
-                                                        >
-                                                          <IconReact
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "close-circle",
-                                                                "theme": "filled",
-                                                              }
-                                                            }
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="close-circle"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              key="svg-close-circle"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                key="svg-close-circle-svg-0"
-                                                              />
-                                                            </svg>
-                                                          </IconReact>
-                                                        </span>
-                                                      </AntdIcon>
-                                                    </ForwardRef(CloseCircleFilled)>
-                                                  </span>
-                                                </TransBtn>
-                                              </div>
-                                            </ForwardRef(Select)>
-                                          </Select>
-                                        </ForwardRef(InternalSelect)>
-                                      </Selector>
-                                    </Component>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </Field>
-                  </WrapperField>
-                </FormItem>
-                <FormItem
-                  wrapperCol={
-                    Object {
-                      "offset": 6,
-                      "span": 14,
-                    }
-                  }
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        prefixCls="ant-form"
-                        requiredMark={true}
-                        wrapperCol={
-                          Object {
-                            "offset": 6,
-                            "span": 14,
-                          }
-                        }
-                      />
-                      <FormItemInput
-                        errors={Array []}
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        validateStatus=""
-                        wrapperCol={
-                          Object {
-                            "offset": 6,
-                            "span": 14,
-                          }
-                        }
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          offset={6}
-                          span={14}
-                        >
-                          <div
-                            className="ant-col ant-col-14 ant-col-offset-6 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Space>
-                                  <div
-                                    className="ant-space ant-space-horizontal ant-space-align-center"
-                                    style={Object {}}
-                                  >
-                                    <Item
-                                      className="ant-space-item"
-                                      direction="horizontal"
-                                      index={0}
-                                      key="ant-space-item-0"
-                                      marginDirection="marginRight"
-                                      wrap={false}
-                                    >
-                                      <div
-                                        className="ant-space-item"
-                                        style={
-                                          Object {
-                                            "marginRight": 8,
-                                          }
-                                        }
-                                      >
-                                        <Button
-                                          onClick={[Function]}
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Cancel
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                      </div>
-                                    </Item>
-                                    <Item
-                                      className="ant-space-item"
-                                      direction="horizontal"
-                                      index={1}
-                                      key="ant-space-item-1"
-                                      marginDirection="marginRight"
-                                      wrap={false}
-                                    >
-                                      <div
-                                        className="ant-space-item"
-                                        style={Object {}}
-                                      >
-                                        <Button
-                                          disabled={true}
-                                          htmlType="submit"
-                                          type="primary"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-btn-primary"
-                                              disabled={true}
-                                              onClick={[Function]}
-                                              type="submit"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Update
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                      </div>
-                                    </Item>
-                                  </div>
-                                </Space>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </FormItem>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </QuickEdit>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/components/List/__snapshots__/index.test.js.snap b/studio/src/components/List/__snapshots__/index.test.js.snap
deleted file mode 100644
index f94c03868..000000000
--- a/studio/src/components/List/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,21612 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`List component snapshot testing should match when component loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PostList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Object {
-              "1": Object {
-                "id": 1,
-                "name": "Category",
-              },
-            },
-            "loading": true,
-            "posts": Array [
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 1,
-                "format": 1,
-                "format_id": 1,
-                "id": 1,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 1,
-                  "url": Object {
-                    "raw": "http://example.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates-history-format",
-                "space_id": 1,
-                "status": "publish",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": null,
-                "format": 1,
-                "format_id": 1,
-                "id": 2,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "slug": "explainer-the-us-presidential-debates-history-format",
-                "space_id": 1,
-                "status": "draft",
-                "subtitle": "",
-                "tags": Array [],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 2,
-                "format": 1,
-                "format_id": 1,
-                "id": 3,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 2,
-                  "url": Object {
-                    "proxy": "http://example2.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates",
-                "space_id": 1,
-                "status": "ready",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 2,
-                "format": 1,
-                "format_id": 1,
-                "id": 4,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 2,
-                  "url": Object {
-                    "proxy": "http://example2.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates",
-                "space_id": 1,
-                "status": "other",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-            ],
-            "tags": Object {
-              "1": Object {
-                "id": 1,
-                "name": "Tag",
-              },
-            },
-            "total": 3,
-          }
-        }
-        fetchPosts={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "title",
-                        "key": "title",
-                        "render": [Function],
-                        "title": "Title",
-                        "width": 400,
-                      },
-                      Object {
-                        "dataIndex": "categories",
-                        "ellipsis": true,
-                        "key": "categories",
-                        "render": [Function],
-                        "title": "Categories",
-                      },
-                      Object {
-                        "dataIndex": "tags",
-                        "ellipsis": true,
-                        "key": "tags",
-                        "render": [Function],
-                        "title": "Tags",
-                      },
-                      Object {
-                        "dataIndex": "status",
-                        "key": "status",
-                        "render": [Function],
-                        "title": "Status",
-                        "width": 200,
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "actions",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Actions",
-                        "width": 240,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 1,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 1,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 1,
-                          "url": Object {
-                            "raw": "http://example.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates-history-format",
-                        "space_id": 1,
-                        "status": "publish",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": null,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 2,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "slug": "explainer-the-us-presidential-debates-history-format",
-                        "space_id": 1,
-                        "status": "draft",
-                        "subtitle": "",
-                        "tags": Array [],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 2,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 3,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 2,
-                          "url": Object {
-                            "proxy": "http://example2.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates",
-                        "space_id": 1,
-                        "status": "ready",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 2,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 4,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 2,
-                          "url": Object {
-                            "proxy": "http://example2.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates",
-                        "space_id": 1,
-                        "status": "other",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                    ]
-                  }
-                  expandable={
-                    Object {
-                      "expandIcon": [Function],
-                      "expandIconColumnIndex": -1,
-                      "expandedRowKeys": Array [
-                        0,
-                      ],
-                      "expandedRowRender": [Function],
-                      "onExpand": [Function],
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 3,
-                    }
-                  }
-                  rowKey={[Function]}
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            className=""
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 1,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 1,
-                                    "url": Object {
-                                      "raw": "http://example.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "publish",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": null,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "draft",
-                                  "subtitle": "",
-                                  "tags": Array [],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 3,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "ready",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 4,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "other",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 1,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 1,
-                                    "url": Object {
-                                      "raw": "http://example.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "publish",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": null,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "draft",
-                                  "subtitle": "",
-                                  "tags": Array [],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 3,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "ready",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 4,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "other",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": [Function],
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "indentSize": 15,
-                                "onExpand": [Function],
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: fixed;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 400px;"
-                                        />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 200px;"
-                                        />
-                                        <col
-                                          style="width: 240px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Title
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Categories"
-                                          >
-                                            Categories
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Tags"
-                                          >
-                                            Tags
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Status
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Actions
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/fact-checks/1/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?category=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?tag=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-green"
-                                            >
-                                              <span
-                                                aria-label="check-circle"
-                                                class="anticon anticon-check-circle"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="check-circle"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                  />
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Published
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex;"
-                                            >
-                                              <a
-                                                href="/fact-checks/1/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/fact-checks/2/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          />
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-red"
-                                            >
-                                              <span
-                                                aria-label="exception"
-                                                class="anticon anticon-exception"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="exception"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Draft
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex;"
-                                            >
-                                              <a
-                                                href="/fact-checks/2/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="3"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/fact-checks/3/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?category=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?tag=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-gold"
-                                            >
-                                              <span
-                                                aria-label="clock-circle"
-                                                class="anticon anticon-clock-circle"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="clock-circle"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                  <path
-                                                    d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Ready to Publish
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex;"
-                                            >
-                                              <a
-                                                href="/fact-checks/3/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="4"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/fact-checks/4/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?category=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?tag=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex;"
-                                            >
-                                              <a
-                                                href="/fact-checks/4/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 3,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "className": "",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "title",
-                                        "key": "title",
-                                        "render": [Function],
-                                        "title": "Title",
-                                        "width": 400,
-                                      },
-                                      Object {
-                                        "dataIndex": "categories",
-                                        "ellipsis": true,
-                                        "key": "categories",
-                                        "render": [Function],
-                                        "title": "Categories",
-                                      },
-                                      Object {
-                                        "dataIndex": "tags",
-                                        "ellipsis": true,
-                                        "key": "tags",
-                                        "render": [Function],
-                                        "title": "Tags",
-                                      },
-                                      Object {
-                                        "dataIndex": "status",
-                                        "key": "status",
-                                        "render": [Function],
-                                        "title": "Status",
-                                        "width": 200,
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "actions",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Actions",
-                                        "width": 240,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 1,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 1,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 1,
-                                          "url": Object {
-                                            "raw": "http://example.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "publish",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": null,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 2,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "draft",
-                                        "subtitle": "",
-                                        "tags": Array [],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 3,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "ready",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 4,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "other",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 1,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 1,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 1,
-                                          "url": Object {
-                                            "raw": "http://example.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "publish",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": null,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 2,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "draft",
-                                        "subtitle": "",
-                                        "tags": Array [],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 3,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "ready",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 4,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "other",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": [Function],
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": -1,
-                                      "expandedRowKeys": Array [
-                                        0,
-                                      ],
-                                      "expandedRowRender": [Function],
-                                      "indentSize": 15,
-                                      "onExpand": [Function],
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: fixed;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 400px;"
-                                              />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 200px;"
-                                              />
-                                              <col
-                                                style="width: 240px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Title
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Status
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Actions
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/fact-checks/1/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-green"
-                                                  >
-                                                    <span
-                                                      aria-label="check-circle"
-                                                      class="anticon anticon-check-circle"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="check-circle"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                        />
-                                                        <path
-                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Published
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex;"
-                                                  >
-                                                    <a
-                                                      href="/fact-checks/1/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/fact-checks/2/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                />
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-red"
-                                                  >
-                                                    <span
-                                                      aria-label="exception"
-                                                      class="anticon anticon-exception"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="exception"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Draft
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex;"
-                                                  >
-                                                    <a
-                                                      href="/fact-checks/2/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="3"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/fact-checks/3/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-gold"
-                                                  >
-                                                    <span
-                                                      aria-label="clock-circle"
-                                                      class="anticon anticon-clock-circle"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="clock-circle"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                        />
-                                                        <path
-                                                          d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Ready to Publish
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex;"
-                                                  >
-                                                    <a
-                                                      href="/fact-checks/3/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="4"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/fact-checks/4/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex;"
-                                                  >
-                                                    <a
-                                                      href="/fact-checks/4/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "mergedExpandedKeys": Set {
-                                      0,
-                                    },
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 3,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "fixed",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            400,
-                                            undefined,
-                                            undefined,
-                                            200,
-                                            240,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": 400,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 200,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 240,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Title",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  },
-                                                  "key": "title",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Categories",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  },
-                                                  "key": "categories",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tags",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  },
-                                                  "key": "tags",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Status",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  },
-                                                  "key": "status",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Actions",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "fixed": undefined,
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "fixed": undefined,
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Title
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Status
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Actions
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 1,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 1,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 1,
-                                                "url": Object {
-                                                  "raw": "http://example.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates-history-format",
-                                              "space_id": 1,
-                                              "status": "publish",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": null,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 2,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "slug": "explainer-the-us-presidential-debates-history-format",
-                                              "space_id": 1,
-                                              "status": "draft",
-                                              "subtitle": "",
-                                              "tags": Array [],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 2,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 3,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 2,
-                                                "url": Object {
-                                                  "proxy": "http://example2.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates",
-                                              "space_id": 1,
-                                              "status": "ready",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 2,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 4,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 2,
-                                                "url": Object {
-                                                  "proxy": "http://example2.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates",
-                                              "space_id": 1,
-                                              "status": "other",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={
-                                          Set {
-                                            0,
-                                          }
-                                        }
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 1,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 1,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 1,
-                                                  "url": Object {
-                                                    "raw": "http://example.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates-history-format",
-                                                "space_id": 1,
-                                                "status": "publish",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks/1/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks/1/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?category=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?category=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?tag=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?tag=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="green"
-                                                    icon={<ForwardRef(CheckCircleOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-green"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(CheckCircleOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "check-circle",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="check-circle"
-                                                            className="anticon anticon-check-circle"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "check-circle",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="check-circle"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-check-circle"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                  key="svg-check-circle-svg-0"
-                                                                />
-                                                                <path
-                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                                  key="svg-check-circle-svg-1"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CheckCircleOutlined)>
-                                                      <span>
-                                                        Published
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/fact-checks/1/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks/1/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/fact-checks/1/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": null,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 2,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "slug": "explainer-the-us-presidential-debates-history-format",
-                                                "space_id": 1,
-                                                "status": "draft",
-                                                "subtitle": "",
-                                                "tags": Array [],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks/2/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks/2/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="red"
-                                                    icon={<ForwardRef(ExceptionOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-red"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(ExceptionOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "exception",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="exception"
-                                                            className="anticon anticon-exception"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "exception",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="exception"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-exception"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                                  key="svg-exception-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(ExceptionOutlined)>
-                                                      <span>
-                                                        Draft
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/fact-checks/2/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks/2/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/fact-checks/2/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={2}
-                                            key="3"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 2,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 3,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 2,
-                                                  "url": Object {
-                                                    "proxy": "http://example2.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates",
-                                                "space_id": 1,
-                                                "status": "ready",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={3}
-                                            rowComponent="tr"
-                                            rowKey={3}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={3}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks/3/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks/3/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks/3/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?category=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?category=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?tag=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?tag=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="gold"
-                                                    icon={<ForwardRef(ClockCircleOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-gold"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(ClockCircleOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "clock-circle",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="clock-circle"
-                                                            className="anticon anticon-clock-circle"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "clock-circle",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="clock-circle"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-clock-circle"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                                  key="svg-clock-circle-svg-0"
-                                                                />
-                                                                <path
-                                                                  d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                                  key="svg-clock-circle-svg-1"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(ClockCircleOutlined)>
-                                                      <span>
-                                                        Ready to Publish
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={2}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/fact-checks/3/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks/3/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/fact-checks/3/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={3}
-                                            key="4"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 2,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 4,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 2,
-                                                  "url": Object {
-                                                    "proxy": "http://example2.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates",
-                                                "space_id": 1,
-                                                "status": "other",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={4}
-                                            rowComponent="tr"
-                                            rowKey={4}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={4}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks/4/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks/4/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks/4/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?category=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?category=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?tag=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?tag=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={3}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/fact-checks/4/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks/4/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/fact-checks/4/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={3}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={3}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-3 of 3 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </PostList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`List component snapshot testing should match with posts 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PostList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Object {
-              "1": Object {
-                "id": 1,
-                "name": "Category",
-              },
-            },
-            "loading": false,
-            "posts": Array [
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 1,
-                "format": 1,
-                "format_id": 1,
-                "id": 1,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 1,
-                  "url": Object {
-                    "raw": "http://example.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates-history-format",
-                "space_id": 1,
-                "status": "publish",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": null,
-                "format": 1,
-                "format_id": 1,
-                "id": 2,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "slug": "explainer-the-us-presidential-debates-history-format",
-                "space_id": 1,
-                "status": "draft",
-                "subtitle": "",
-                "tags": Array [],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 2,
-                "format": 1,
-                "format_id": 1,
-                "id": 3,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 2,
-                  "url": Object {
-                    "proxy": "http://example2.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates",
-                "space_id": 1,
-                "status": "ready",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 2,
-                "format": 1,
-                "format_id": 1,
-                "id": 4,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 2,
-                  "url": Object {
-                    "proxy": "http://example2.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates",
-                "space_id": 1,
-                "status": "other",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-            ],
-            "tags": Object {
-              "1": Object {
-                "id": 1,
-                "name": "Tag",
-              },
-            },
-            "total": 3,
-          }
-        }
-        fetchPosts={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "title",
-                        "key": "title",
-                        "render": [Function],
-                        "title": "Title",
-                        "width": 400,
-                      },
-                      Object {
-                        "dataIndex": "categories",
-                        "ellipsis": true,
-                        "key": "categories",
-                        "render": [Function],
-                        "title": "Categories",
-                      },
-                      Object {
-                        "dataIndex": "tags",
-                        "ellipsis": true,
-                        "key": "tags",
-                        "render": [Function],
-                        "title": "Tags",
-                      },
-                      Object {
-                        "dataIndex": "status",
-                        "key": "status",
-                        "render": [Function],
-                        "title": "Status",
-                        "width": 200,
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "actions",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Actions",
-                        "width": 240,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 1,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 1,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 1,
-                          "url": Object {
-                            "raw": "http://example.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates-history-format",
-                        "space_id": 1,
-                        "status": "publish",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": null,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 2,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "slug": "explainer-the-us-presidential-debates-history-format",
-                        "space_id": 1,
-                        "status": "draft",
-                        "subtitle": "",
-                        "tags": Array [],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 2,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 3,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 2,
-                          "url": Object {
-                            "proxy": "http://example2.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates",
-                        "space_id": 1,
-                        "status": "ready",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 2,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 4,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 2,
-                          "url": Object {
-                            "proxy": "http://example2.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates",
-                        "space_id": 1,
-                        "status": "other",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                    ]
-                  }
-                  expandable={
-                    Object {
-                      "expandIcon": [Function],
-                      "expandIconColumnIndex": -1,
-                      "expandedRowKeys": Array [
-                        0,
-                      ],
-                      "expandedRowRender": [Function],
-                      "onExpand": [Function],
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 3,
-                    }
-                  }
-                  rowKey={[Function]}
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            className=""
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 1,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 1,
-                                    "url": Object {
-                                      "raw": "http://example.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "publish",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": null,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "draft",
-                                  "subtitle": "",
-                                  "tags": Array [],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 3,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "ready",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 4,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "other",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 1,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 1,
-                                    "url": Object {
-                                      "raw": "http://example.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "publish",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": null,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "draft",
-                                  "subtitle": "",
-                                  "tags": Array [],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 3,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "ready",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 4,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "other",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": [Function],
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "indentSize": 15,
-                                "onExpand": [Function],
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: fixed;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 400px;"
-                                        />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 200px;"
-                                        />
-                                        <col
-                                          style="width: 240px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Title
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Categories"
-                                          >
-                                            Categories
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Tags"
-                                          >
-                                            Tags
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Status
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Actions
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/fact-checks/1/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?category=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?tag=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-green"
-                                            >
-                                              <span
-                                                aria-label="check-circle"
-                                                class="anticon anticon-check-circle"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="check-circle"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                  />
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Published
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex;"
-                                            >
-                                              <a
-                                                href="/fact-checks/1/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/fact-checks/2/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          />
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-red"
-                                            >
-                                              <span
-                                                aria-label="exception"
-                                                class="anticon anticon-exception"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="exception"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Draft
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex;"
-                                            >
-                                              <a
-                                                href="/fact-checks/2/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="3"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/fact-checks/3/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?category=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?tag=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-gold"
-                                            >
-                                              <span
-                                                aria-label="clock-circle"
-                                                class="anticon anticon-clock-circle"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="clock-circle"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                  <path
-                                                    d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Ready to Publish
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex;"
-                                            >
-                                              <a
-                                                href="/fact-checks/3/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="4"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/fact-checks/4/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?category=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/fact-checks?tag=1&format=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex;"
-                                            >
-                                              <a
-                                                href="/fact-checks/4/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 3,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "className": "",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "title",
-                                        "key": "title",
-                                        "render": [Function],
-                                        "title": "Title",
-                                        "width": 400,
-                                      },
-                                      Object {
-                                        "dataIndex": "categories",
-                                        "ellipsis": true,
-                                        "key": "categories",
-                                        "render": [Function],
-                                        "title": "Categories",
-                                      },
-                                      Object {
-                                        "dataIndex": "tags",
-                                        "ellipsis": true,
-                                        "key": "tags",
-                                        "render": [Function],
-                                        "title": "Tags",
-                                      },
-                                      Object {
-                                        "dataIndex": "status",
-                                        "key": "status",
-                                        "render": [Function],
-                                        "title": "Status",
-                                        "width": 200,
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "actions",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Actions",
-                                        "width": 240,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 1,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 1,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 1,
-                                          "url": Object {
-                                            "raw": "http://example.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "publish",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": null,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 2,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "draft",
-                                        "subtitle": "",
-                                        "tags": Array [],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 3,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "ready",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 4,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "other",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 1,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 1,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 1,
-                                          "url": Object {
-                                            "raw": "http://example.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "publish",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": null,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 2,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "draft",
-                                        "subtitle": "",
-                                        "tags": Array [],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 3,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "ready",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 4,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "other",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": [Function],
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": -1,
-                                      "expandedRowKeys": Array [
-                                        0,
-                                      ],
-                                      "expandedRowRender": [Function],
-                                      "indentSize": 15,
-                                      "onExpand": [Function],
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: fixed;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 400px;"
-                                              />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 200px;"
-                                              />
-                                              <col
-                                                style="width: 240px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Title
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Status
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Actions
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/fact-checks/1/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-green"
-                                                  >
-                                                    <span
-                                                      aria-label="check-circle"
-                                                      class="anticon anticon-check-circle"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="check-circle"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                        />
-                                                        <path
-                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Published
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex;"
-                                                  >
-                                                    <a
-                                                      href="/fact-checks/1/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/fact-checks/2/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                />
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-red"
-                                                  >
-                                                    <span
-                                                      aria-label="exception"
-                                                      class="anticon anticon-exception"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="exception"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Draft
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex;"
-                                                  >
-                                                    <a
-                                                      href="/fact-checks/2/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="3"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/fact-checks/3/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-gold"
-                                                  >
-                                                    <span
-                                                      aria-label="clock-circle"
-                                                      class="anticon anticon-clock-circle"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="clock-circle"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                        />
-                                                        <path
-                                                          d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Ready to Publish
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex;"
-                                                  >
-                                                    <a
-                                                      href="/fact-checks/3/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="4"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/fact-checks/4/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex;"
-                                                  >
-                                                    <a
-                                                      href="/fact-checks/4/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "mergedExpandedKeys": Set {
-                                      0,
-                                    },
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 3,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "fixed",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            400,
-                                            undefined,
-                                            undefined,
-                                            200,
-                                            240,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": 400,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 200,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 240,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Title",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  },
-                                                  "key": "title",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Categories",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  },
-                                                  "key": "categories",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tags",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  },
-                                                  "key": "tags",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Status",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  },
-                                                  "key": "status",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Actions",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "fixed": undefined,
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "fixed": undefined,
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Title
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Status
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Actions
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 1,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 1,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 1,
-                                                "url": Object {
-                                                  "raw": "http://example.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates-history-format",
-                                              "space_id": 1,
-                                              "status": "publish",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": null,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 2,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "slug": "explainer-the-us-presidential-debates-history-format",
-                                              "space_id": 1,
-                                              "status": "draft",
-                                              "subtitle": "",
-                                              "tags": Array [],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 2,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 3,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 2,
-                                                "url": Object {
-                                                  "proxy": "http://example2.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates",
-                                              "space_id": 1,
-                                              "status": "ready",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 2,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 4,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 2,
-                                                "url": Object {
-                                                  "proxy": "http://example2.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates",
-                                              "space_id": 1,
-                                              "status": "other",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={
-                                          Set {
-                                            0,
-                                          }
-                                        }
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 1,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 1,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 1,
-                                                  "url": Object {
-                                                    "raw": "http://example.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates-history-format",
-                                                "space_id": 1,
-                                                "status": "publish",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks/1/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks/1/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?category=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?category=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?tag=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?tag=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="green"
-                                                    icon={<ForwardRef(CheckCircleOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-green"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(CheckCircleOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "check-circle",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="check-circle"
-                                                            className="anticon anticon-check-circle"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "check-circle",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="check-circle"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-check-circle"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                  key="svg-check-circle-svg-0"
-                                                                />
-                                                                <path
-                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                                  key="svg-check-circle-svg-1"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CheckCircleOutlined)>
-                                                      <span>
-                                                        Published
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/fact-checks/1/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks/1/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/fact-checks/1/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": null,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 2,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "slug": "explainer-the-us-presidential-debates-history-format",
-                                                "space_id": 1,
-                                                "status": "draft",
-                                                "subtitle": "",
-                                                "tags": Array [],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks/2/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks/2/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="red"
-                                                    icon={<ForwardRef(ExceptionOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-red"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(ExceptionOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "exception",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="exception"
-                                                            className="anticon anticon-exception"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "exception",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="exception"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-exception"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                                  key="svg-exception-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(ExceptionOutlined)>
-                                                      <span>
-                                                        Draft
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/fact-checks/2/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks/2/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/fact-checks/2/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={2}
-                                            key="3"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 2,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 3,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 2,
-                                                  "url": Object {
-                                                    "proxy": "http://example2.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates",
-                                                "space_id": 1,
-                                                "status": "ready",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={3}
-                                            rowComponent="tr"
-                                            rowKey={3}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={3}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks/3/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks/3/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks/3/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?category=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?category=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?tag=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?tag=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="gold"
-                                                    icon={<ForwardRef(ClockCircleOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-gold"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(ClockCircleOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "clock-circle",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="clock-circle"
-                                                            className="anticon anticon-clock-circle"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "clock-circle",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="clock-circle"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-clock-circle"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                                  key="svg-clock-circle-svg-0"
-                                                                />
-                                                                <path
-                                                                  d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                                  key="svg-clock-circle-svg-1"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(ClockCircleOutlined)>
-                                                      <span>
-                                                        Ready to Publish
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={2}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/fact-checks/3/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks/3/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/fact-checks/3/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={3}
-                                            key="4"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 2,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 4,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 2,
-                                                  "url": Object {
-                                                    "proxy": "http://example2.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates",
-                                                "space_id": 1,
-                                                "status": "other",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={4}
-                                            rowComponent="tr"
-                                            rowKey={4}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={4}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks/4/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks/4/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks/4/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?category=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?category=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?category=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/fact-checks?tag=1&format=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/fact-checks?tag=1&format=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/fact-checks?tag=1&format=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag
-                                                          key="1"
-                                                        >
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={3}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/fact-checks/4/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks/4/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/fact-checks/4/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={3}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={3}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-3 of 3 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </PostList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PostList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Object {},
-            "loading": false,
-            "posts": Array [],
-            "tags": Object {},
-            "total": 0,
-          }
-        }
-        fetchPosts={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "title",
-                        "key": "title",
-                        "render": [Function],
-                        "title": "Title",
-                        "width": 400,
-                      },
-                      Object {
-                        "dataIndex": "categories",
-                        "ellipsis": true,
-                        "key": "categories",
-                        "render": [Function],
-                        "title": "Categories",
-                      },
-                      Object {
-                        "dataIndex": "tags",
-                        "ellipsis": true,
-                        "key": "tags",
-                        "render": [Function],
-                        "title": "Tags",
-                      },
-                      Object {
-                        "dataIndex": "status",
-                        "key": "status",
-                        "render": [Function],
-                        "title": "Status",
-                        "width": 200,
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "actions",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Actions",
-                        "width": 240,
-                      },
-                    ]
-                  }
-                  dataSource={Array []}
-                  expandable={
-                    Object {
-                      "expandIcon": [Function],
-                      "expandIconColumnIndex": -1,
-                      "expandedRowKeys": Array [
-                        0,
-                      ],
-                      "expandedRowRender": [Function],
-                      "onExpand": [Function],
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 0,
-                    }
-                  }
-                  rowKey={[Function]}
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            className="ant-table-empty"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            data={Array []}
-                            dataSource={Array []}
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": [Function],
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "indentSize": 15,
-                                "onExpand": [Function],
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: fixed;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 400px;"
-                                        />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 200px;"
-                                        />
-                                        <col
-                                          style="width: 240px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Title
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Categories"
-                                          >
-                                            Categories
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Tags"
-                                          >
-                                            Tags
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Status
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Actions
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-placeholder"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                            colspan="5"
-                                          >
-                                            <div
-                                              class="ant-empty ant-empty-normal"
-                                            >
-                                              <div
-                                                class="ant-empty-image"
-                                              >
-                                                <svg
-                                                  class="ant-empty-img-simple"
-                                                  height="41"
-                                                  viewBox="0 0 64 41"
-                                                  width="64"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <g
-                                                    fill="none"
-                                                    fill-rule="evenodd"
-                                                    transform="translate(0 1)"
-                                                  >
-                                                    <ellipse
-                                                      class="ant-empty-img-simple-ellipse"
-                                                      cx="32"
-                                                      cy="33"
-                                                      rx="32"
-                                                      ry="7"
-                                                    />
-                                                    <g
-                                                      class="ant-empty-img-simple-g"
-                                                      fill-rule="nonzero"
-                                                    >
-                                                      <path
-                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                      />
-                                                      <path
-                                                        class="ant-empty-img-simple-path"
-                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                      />
-                                                    </g>
-                                                  </g>
-                                                </svg>
-                                              </div>
-                                              <div
-                                                class="ant-empty-description"
-                                              >
-                                                No Data
-                                              </div>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-empty ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "className": "ant-table-empty",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "title",
-                                        "key": "title",
-                                        "render": [Function],
-                                        "title": "Title",
-                                        "width": 400,
-                                      },
-                                      Object {
-                                        "dataIndex": "categories",
-                                        "ellipsis": true,
-                                        "key": "categories",
-                                        "render": [Function],
-                                        "title": "Categories",
-                                      },
-                                      Object {
-                                        "dataIndex": "tags",
-                                        "ellipsis": true,
-                                        "key": "tags",
-                                        "render": [Function],
-                                        "title": "Tags",
-                                      },
-                                      Object {
-                                        "dataIndex": "status",
-                                        "key": "status",
-                                        "render": [Function],
-                                        "title": "Status",
-                                        "width": 200,
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "actions",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Actions",
-                                        "width": 240,
-                                      },
-                                    ],
-                                    "data": Array [],
-                                    "dataSource": Array [],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": [Function],
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": -1,
-                                      "expandedRowKeys": Array [
-                                        0,
-                                      ],
-                                      "expandedRowRender": [Function],
-                                      "indentSize": 15,
-                                      "onExpand": [Function],
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: fixed;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 400px;"
-                                              />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 200px;"
-                                              />
-                                              <col
-                                                style="width: 240px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Title
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Status
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Actions
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-placeholder"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                  colspan="5"
-                                                >
-                                                  <div
-                                                    class="ant-empty ant-empty-normal"
-                                                  >
-                                                    <div
-                                                      class="ant-empty-image"
-                                                    >
-                                                      <svg
-                                                        class="ant-empty-img-simple"
-                                                        height="41"
-                                                        viewBox="0 0 64 41"
-                                                        width="64"
-                                                        xmlns="http://www.w3.org/2000/svg"
-                                                      >
-                                                        <g
-                                                          fill="none"
-                                                          fill-rule="evenodd"
-                                                          transform="translate(0 1)"
-                                                        >
-                                                          <ellipse
-                                                            class="ant-empty-img-simple-ellipse"
-                                                            cx="32"
-                                                            cy="33"
-                                                            rx="32"
-                                                            ry="7"
-                                                          />
-                                                          <g
-                                                            class="ant-empty-img-simple-g"
-                                                            fill-rule="nonzero"
-                                                          >
-                                                            <path
-                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                            />
-                                                            <path
-                                                              class="ant-empty-img-simple-path"
-                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                            />
-                                                          </g>
-                                                        </g>
-                                                      </svg>
-                                                    </div>
-                                                    <div
-                                                      class="ant-empty-description"
-                                                    >
-                                                      No Data
-                                                    </div>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "mergedExpandedKeys": Set {
-                                      0,
-                                    },
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 0,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "fixed",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            400,
-                                            undefined,
-                                            undefined,
-                                            200,
-                                            240,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": 400,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 200,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 240,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Title",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  },
-                                                  "key": "title",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Categories",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  },
-                                                  "key": "categories",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tags",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  },
-                                                  "key": "tags",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Status",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  },
-                                                  "key": "status",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Actions",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "fixed": undefined,
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "fixed": undefined,
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Title
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Status
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Actions
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={Array []}
-                                        emptyNode={
-                                          <Context.Consumer>
-                                            [Function]
-                                          </Context.Consumer>
-                                        }
-                                        expandedKeys={
-                                          Set {
-                                            0,
-                                          }
-                                        }
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <ExpandedRow
-                                            cellComponent="td"
-                                            className="ant-table-placeholder"
-                                            colSpan={5}
-                                            component="tr"
-                                            componentWidth={0}
-                                            expanded={true}
-                                            fixColumn={false}
-                                            horizonScroll={false}
-                                            prefixCls="ant-table"
-                                          >
-                                            <tr
-                                              className="ant-table-placeholder"
-                                              style={
-                                                Object {
-                                                  "display": null,
-                                                }
-                                              }
-                                            >
-                                              <Cell
-                                                colSpan={5}
-                                                component="td"
-                                                prefixCls="ant-table"
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={5}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Empty
-                                                    image={<Simple />}
-                                                  >
-                                                    <LocaleReceiver
-                                                      componentName="Empty"
-                                                    >
-                                                      <div
-                                                        className="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          className="ant-empty-image"
-                                                        >
-                                                          <Simple>
-                                                            <svg
-                                                              className="ant-empty-img-simple"
-                                                              height="41"
-                                                              viewBox="0 0 64 41"
-                                                              width="64"
-                                                              xmlns="http://www.w3.org/2000/svg"
-                                                            >
-                                                              <g
-                                                                fill="none"
-                                                                fillRule="evenodd"
-                                                                transform="translate(0 1)"
-                                                              >
-                                                                <ellipse
-                                                                  className="ant-empty-img-simple-ellipse"
-                                                                  cx="32"
-                                                                  cy="33"
-                                                                  rx="32"
-                                                                  ry="7"
-                                                                />
-                                                                <g
-                                                                  className="ant-empty-img-simple-g"
-                                                                  fillRule="nonzero"
-                                                                >
-                                                                  <path
-                                                                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                  />
-                                                                  <path
-                                                                    className="ant-empty-img-simple-path"
-                                                                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                  />
-                                                                </g>
-                                                              </g>
-                                                            </svg>
-                                                          </Simple>
-                                                        </div>
-                                                        <div
-                                                          className="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </LocaleReceiver>
-                                                  </Empty>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </ExpandedRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </PostList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/components/List/index.js b/studio/src/components/List/index.js
deleted file mode 100644
index 0dba557fb..000000000
--- a/studio/src/components/List/index.js
+++ /dev/null
@@ -1,241 +0,0 @@
-import React, { useState } from 'react';
-import { Modal, Button, Space, Table, Typography, ConfigProvider } from 'antd';
-import QuickEditIcon from '../../assets/QuickEditIcon';
-import { EditOutlined, DeleteOutlined, CloseOutlined, CheckOutlined } from '@ant-design/icons';
-import { useDispatch, useSelector } from 'react-redux';
-import { deletePost } from '../../actions/posts';
-import { formatDate, getDifferenceInModifiedTime } from '../../utils/date';
-import { Link, useNavigate } from 'react-router-dom';
-import QuickEdit from './QuickEdit';
-
-function PostList({ actions, format, filters, onPagination, data, fetchPosts, query }) {
-  const dispatch = useDispatch();
-  const [id, setID] = useState(0);
-  const [expandedRowKeys, setExpandedRowKeys] = useState([0]);
-  const [modalOpen, setModalOpen] = useState(false);
-  const [deleteItemID, setDeleteItemID] = useState(null);
-  const history = useNavigate();
-
-  const authors = useSelector((state) => state.authors.details);
-  const columns = [
-    {
-      title: 'Title',
-      dataIndex: 'title',
-      key: 'title',
-      width: 400,
-      render: (_, item) => (
-        <Link
-          to={format.slug === 'article' ? `/posts/${item.id}/edit` : `/fact-checks/${item.id}/edit`}
-        >
-          <Typography.Text
-            style={{
-              fontSize: '1rem',
-              color: ['draft', 'ready', 'publish'].includes(query)
-                ? '#101828'
-                : item.status === 'draft'
-                ? '#454545'
-                : '#101828',
-            }}
-            strong
-          >
-            {item.title}
-          </Typography.Text>
-          {['draft', 'ready', 'publish'].includes(query) ? null : item.status === 'draft' ? (
-            <EditOutlined style={{ color: '#454545', marginLeft: '10px', fontSize: '14px' }} />
-          ) : item.status === 'ready' ? (
-            <CheckOutlined style={{ color: '#101828', marginLeft: '10px', fontSize: '14px' }} />
-          ) : null}
-        </Link>
-      ),
-    },
-    {
-      title: 'Published Date',
-      dataIndex: ['published_date', 'updated_at'],
-      key: 'categories',
-      ellipsis: true,
-      width: 200,
-      render: (_, item) => {
-        return (
-          item && (
-            <>
-              <Typography.Text style={{ color: '#101828' }} strong>
-                {item.published_date ? formatDate(item.published_date) : '---'}
-                <br />
-              </Typography.Text>
-              <Typography.Text type="secondary">
-                {getDifferenceInModifiedTime(item.updated_at)}
-              </Typography.Text>
-            </>
-          )
-        );
-      },
-    },
-    {
-      title: 'Authors',
-      dataIndex: 'authors',
-      key: 'status',
-      width: 200,
-      render: (items) => {
-        return items?.map((author) => (
-          <>
-            <Typography.Text style={{ color: '#101828' }} strong>
-              {authors[author]?.display_name
-                ? authors[author]?.display_name
-                : authors[author]?.['email']
-                ? authors[author]?.['email']
-                : null}
-            </Typography.Text>{' '}
-            <br />
-          </>
-        ));
-      },
-    },
-    {
-      title: 'Actions',
-      dataIndex: 'actions',
-      width: 200,
-      render: (_, item, idx) => {
-        const isOpen = item.id === expandedRowKeys[0];
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            <div style={{ display: 'flex', gap: '0.5rem' }}>
-              <Button
-                size="large"
-                disabled={!(actions.includes('admin') || actions.includes('update'))}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  isOpen ? setExpandedRowKeys([]) : setExpandedRowKeys([item.id]);
-                  return setID(item.id);
-                }}
-                icon={
-                  isOpen ? (
-                    <CloseOutlined style={{ color: '#858585' }} />
-                  ) : (
-                    <QuickEditIcon style={{ color: '#858585' }} />
-                  )
-                }
-              />
-              <Button
-                size="large"
-                icon={<DeleteOutlined style={{ color: '#858585' }} />}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setModalOpen(true);
-                  setDeleteItemID(item.id);
-                }}
-                disabled={!(actions.includes('admin') || actions.includes('delete'))}
-              />
-            </div>
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Space direction="vertical">
-        <Table
-          dataSource={data.posts}
-          columns={columns}
-          rowKey={(record) => record.id}
-          loading={data.loading}
-          onRow={(record) => {
-            return {
-              onClick: () => {
-                history(
-                  format.slug === 'article'
-                    ? `/posts/${record.id}/edit`
-                    : `/fact-checks/${record.id}/edit`,
-                );
-              },
-              onMouseEnter: () => {
-                document.body.style.cursor = 'pointer';
-              },
-              onMouseLeave: () => {
-                document.body.style.cursor = 'default';
-              },
-            };
-          }}
-          scroll={{
-            x: '1000',
-          }}
-          expandable={{
-            expandIconColumnIndex: -1,
-            expandedRowKeys,
-            onExpand: (expanded, record) => {
-              let keys = [];
-              if (expanded) {
-                keys.push(record.id);
-              }
-
-              setExpandedRowKeys(keys);
-            },
-            expandedRowRender: (item) => (
-              <QuickEdit
-                data={item}
-                setID={setID}
-                slug={format.slug}
-                createdAt={item.created_at}
-                onQuickEditUpdate={() => setExpandedRowKeys([])}
-              />
-            ),
-            expandIcon: () => {},
-          }}
-          pagination={{
-            showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-            total: data.total,
-            current: filters.page,
-            pageSize: filters.limit ? filters.limit : 10,
-            onChange: (pageNumber, pageSize) => onPagination(pageNumber, pageSize),
-            pageSizeOptions: ['10', '15', '20'],
-          }}
-        />
-        <Modal
-          open={modalOpen}
-          closable={false}
-          centered
-          width={311}
-          className="delete-modal-container"
-          cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-          style={{
-            borderRadius: '18px',
-          }}
-          onOk={(e) => {
-            e.stopPropagation();
-            dispatch(deletePost(deleteItemID)).then(() => fetchPosts());
-            setModalOpen(false);
-            setDeleteItemID(null);
-          }}
-          onCancel={(e) => {
-            e.stopPropagation();
-            setModalOpen(false);
-            setDeleteItemID(null);
-          }}
-        >
-          <Typography.Text strong>Are you sure you want to delete this post?</Typography.Text>
-        </Modal>
-      </Space>
-    </ConfigProvider>
-  );
-}
-
-export default PostList;
diff --git a/studio/src/components/List/index.test.js b/studio/src/components/List/index.test.js
deleted file mode 100644
index 8f3ed3743..000000000
--- a/studio/src/components/List/index.test.js
+++ /dev/null
@@ -1,659 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { Popconfirm, Button, List, Table } from 'antd';
-import { FormOutlined } from '@ant-design/icons';
-
-import '../../matchMedia.mock';
-import ListComponent from './index';
-import { getPosts, deletePost } from '../../actions/posts';
-import QuickEdit from './QuickEdit';
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-const onPagination = jest.fn();
-const filters = {
-  page: 1,
-  limit: 20,
-};
-const fetchPosts = jest.fn();
-const setFilters = jest.fn();
-const info = {
-  loading: false,
-  total: 3,
-  tags: {
-    1: {
-      id: 1,
-      name: 'Tag',
-    },
-  },
-  categories: {
-    1: {
-      id: 1,
-      name: 'Category',
-    },
-  },
-  posts: [
-    {
-      id: 1,
-      created_at: '2020-09-09T06:53:03.018593Z',
-      updated_at: '2020-09-09T10:51:20.681562Z',
-      deleted_at: null,
-      title: 'Explainer: The US Presidential Debates – History & Format',
-      subtitle: '',
-      slug: 'explainer-the-us-presidential-debates-history-format',
-      status: 'publish',
-      excerpt:
-        'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-      description: {
-        time: 1599648677547,
-        blocks: [
-          {
-            data: {
-              text:
-                'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      is_featured: false,
-      is_sticky: false,
-      is_highlighted: false,
-      featured_medium_id: 1,
-      medium: { id: 1, url: { raw: 'http://example.com' }, alt_text: 'example' },
-      format_id: 1,
-      format: 1,
-      published_date: '0001-01-01T00:00:00Z',
-      space_id: 1,
-      tags: [1],
-      categories: [1],
-      authors: [],
-      claims: [],
-    },
-    {
-      id: 2,
-      created_at: '2020-09-09T06:53:03.018593Z',
-      updated_at: '2020-09-09T10:51:20.681562Z',
-      deleted_at: null,
-      title: 'Explainer: The US Presidential Debates – History & Format',
-      subtitle: '',
-      slug: 'explainer-the-us-presidential-debates-history-format',
-      status: 'draft',
-      excerpt:
-        'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-      description: {
-        time: 1599648677547,
-        blocks: [
-          {
-            data: {
-              text:
-                'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      is_featured: false,
-      is_sticky: false,
-      is_highlighted: false,
-      featured_medium_id: null,
-      format_id: 1,
-      format: 1,
-      space_id: 1,
-      tags: [],
-      categories: [],
-      authors: [],
-      claims: [],
-    },
-    {
-      id: 3,
-      created_at: '2020-09-09T06:53:03.018593Z',
-      updated_at: '2020-09-09T10:51:20.681562Z',
-      deleted_at: null,
-      title: 'Explainer: The US Presidential Debates – History & Format',
-      subtitle: '',
-      slug: 'explainer-the-us-presidential-debates',
-      status: 'ready',
-      excerpt:
-        'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-      description: {
-        time: 1599648677547,
-        blocks: [
-          {
-            data: {
-              text:
-                'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      is_featured: false,
-      is_sticky: false,
-      is_highlighted: false,
-      featured_medium_id: 2,
-      medium: { id: 2, url: { proxy: 'http://example2.com' }, alt_text: 'example' },
-      format_id: 1,
-      format: 1,
-      published_date: '0001-01-01T00:00:00Z',
-      space_id: 1,
-      tags: [1],
-      categories: [1],
-      authors: [],
-      claims: [],
-    },
-    {
-      id: 4,
-      created_at: '2020-09-09T06:53:03.018593Z',
-      updated_at: '2020-09-09T10:51:20.681562Z',
-      deleted_at: null,
-      title: 'Explainer: The US Presidential Debates – History & Format',
-      subtitle: '',
-      slug: 'explainer-the-us-presidential-debates',
-      status: 'other',
-      excerpt:
-        'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-      description: {
-        time: 1599648677547,
-        blocks: [
-          {
-            data: {
-              text:
-                'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      is_featured: false,
-      is_sticky: false,
-      is_highlighted: false,
-      featured_medium_id: 2,
-      medium: { id: 2, url: { proxy: 'http://example2.com' }, alt_text: 'example' },
-      format_id: 1,
-      format: 1,
-      published_date: '0001-01-01T00:00:00Z',
-      space_id: 1,
-      tags: [1],
-      categories: [1],
-      authors: [],
-      claims: [],
-    },
-  ],
-};
-let state = {
-  posts: {
-    req: [
-      {
-        data: [1, 2, 3],
-        total: 3,
-        query: {
-          page: 1,
-          limit: 20,
-          format: [1],
-        },
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:53:03.018593Z',
-        updated_at: '2020-09-09T10:51:20.681562Z',
-        deleted_at: null,
-        title: 'Explainer: The US Presidential Debates – History & Format',
-        subtitle: '',
-        slug: 'explainer-the-us-presidential-debates-history-format',
-        status: 'Publish',
-        excerpt:
-          'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-        description: {
-          time: 1599648677547,
-          blocks: [
-            {
-              data: {
-                text:
-                  'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        is_featured: false,
-        is_sticky: false,
-        is_highlighted: false,
-        featured_medium_id: 1,
-        medium: { id: 1, url: { raw: 'http://example.com' }, alt_text: 'example' },
-        format_id: 1,
-        format: 1,
-        published_date: '0001-01-01T00:00:00Z',
-        space_id: 1,
-        tags: [1],
-        categories: [1],
-        authors: [],
-        claims: [],
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-09T06:53:03.018593Z',
-        updated_at: '2020-09-09T10:51:20.681562Z',
-        deleted_at: null,
-        title: 'Explainer: The US Presidential Debates – History & Format',
-        subtitle: '',
-        slug: 'explainer-the-us-presidential-debates-history-format',
-        status: 'Publish',
-        excerpt:
-          'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-        description: {
-          time: 1599648677547,
-          blocks: [
-            {
-              data: {
-                text:
-                  'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        is_featured: false,
-        is_sticky: false,
-        is_highlighted: false,
-        featured_medium_id: null,
-        format_id: 1,
-        format: 1,
-        published_date: '0001-01-01T00:00:00Z',
-        space_id: 1,
-        tags: [1],
-        categories: [1],
-        authors: [],
-        claims: [],
-      },
-      3: {
-        id: 3,
-        created_at: '2020-09-09T06:53:03.018593Z',
-        updated_at: '2020-09-09T10:51:20.681562Z',
-        deleted_at: null,
-        title: 'Explainer: The US Presidential Debates – History & Format',
-        subtitle: '',
-        slug: 'explainer-the-us-presidential-debates',
-        status: 'Publish',
-        excerpt:
-          'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-        description: {
-          time: 1599648677547,
-          blocks: [
-            {
-              data: {
-                text:
-                  'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        is_featured: false,
-        is_sticky: false,
-        is_highlighted: false,
-        featured_medium_id: 2,
-        medium: { id: 2, url: { proxy: 'http://example2.com' }, alt_text: 'example' },
-        format_id: 1,
-        format: 1,
-        published_date: '0001-01-01T00:00:00Z',
-        space_id: 1,
-        tags: [1],
-        categories: [1],
-        authors: [],
-        claims: [],
-      },
-    },
-    loading: false,
-  },
-  categories: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:49:36.566567Z',
-        updated_at: '2020-09-09T06:49:36.566567Z',
-        deleted_at: null,
-        name: 'Andhra Pradesh',
-        slug: 'andhra-pradesh',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  tags: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:48:23.158897Z',
-        updated_at: '2020-09-09T06:48:23.158897Z',
-        deleted_at: null,
-        name: 'cricket',
-        slug: 'cricket',
-        description: '',
-        space_id: 1,
-        posts: null,
-      },
-    },
-    loading: false,
-  },
-  authors: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:48:23.158897Z',
-        updated_at: '2020-09-09T06:48:23.158897Z',
-        deleted_at: null,
-        name: 'author',
-        slug: 'author',
-        description: '',
-        space_id: 1,
-        posts: null,
-      },
-    },
-    loading: false,
-  },
-  media: {
-    req: [],
-    details: {
-      1: {
-        id: 1,
-        url: { raw: 'http://example.com' },
-        alt_text: 'example',
-      },
-      2: {
-        id: 1,
-        url: { proxy: 'http://example2.com' },
-        alt_text: 'example2',
-      },
-    },
-    loading: true,
-  },
-};
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../actions/posts', () => ({
-  getPosts: jest.fn(),
-  deletePost: jest.fn(),
-}));
-
-describe('List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ListComponent
-              actions={['update', 'delete']}
-              format={{ id: 1, name: 'article' }}
-              data={{ posts: [], tags: {}, categories: {}, loading: false, total: 0 }}
-              filters={filters}
-              setFilters={setFilters}
-              fetchPosts={fetchPosts}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match when component loading', () => {
-      state.posts.loading = true;
-      store = mockStore(state);
-      const info2 = { ...info };
-      info2.loading = true;
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ListComponent
-              actions={['update', 'delete']}
-              format={{ id: 1, name: 'article' }}
-              data={info2}
-              filters={filters}
-              setFilters={setFilters}
-              fetchPosts={fetchPosts}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match with posts', () => {
-      state.posts.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ListComponent
-              actions={['update', 'delete']}
-              format={{ id: 1, name: 'article' }}
-              data={info}
-              filters={filters}
-              setFilters={setFilters}
-              fetchPosts={fetchPosts}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ListComponent
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article' }}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchPosts={fetchPosts}
-                onPagination={onPagination}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete the post', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ListComponent
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article' }}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchPosts={fetchPosts}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(2);
-      expect(button.text()).toEqual('');
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-
-      expect(deletePost).toHaveBeenCalled();
-      expect(deletePost).toHaveBeenCalledWith(1);
-    });
-    it('should edit the post', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ListComponent
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchPosts={fetchPosts}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.prop('to')).toEqual('/posts/1/edit');
-    });
-    it('should handle quick edit', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ListComponent
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchPosts={fetchPosts}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button2 = wrapper.find(Button).at(4);
-      expect(button2.find(FormOutlined).length).toBe(1);
-      button2.simulate('click');
-      wrapper.update();
-      button2.simulate('click');
-
-      const button = wrapper.find(Button).at(1);
-      expect(button.text()).toEqual('');
-      button.simulate('click');
-      expect(wrapper.find(QuickEdit).length).toBe(2);
-      expect(wrapper.find('FormItem').at(0).props().name).toBe('title');
-      wrapper
-        .find('input')
-        .at(0)
-        .simulate('change', { target: { value: 'New title' } });
-      wrapper.update();
-      wrapper.find(QuickEdit).at(0).props().onQuickEditUpdate();
-      const updateBtn = wrapper.find(Button).at(4);
-      expect(updateBtn.text()).toBe('Update');
-      updateBtn.simulate('submit');
-    });
-    it('should have not delete and edit buttons', () => {
-      store = mockStore({
-        posts: {
-          req: [],
-        },
-        tags: {
-          req: [],
-        },
-        categories: {
-          req: [],
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ListComponent
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-                data={{ posts: [], tags: {}, categories: {}, total: 0, loading: false }}
-                filters={{ page: 1 }}
-                setFilters={setFilters}
-                fetchPosts={fetchPosts}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/components/List/index.tsx b/studio/src/components/List/index.tsx
new file mode 100644
index 000000000..769de831e
--- /dev/null
+++ b/studio/src/components/List/index.tsx
@@ -0,0 +1,436 @@
+import React, { useState, useCallback } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Trash2, Edit, Ellipsis, Pencil, ChevronsUpDown } from "lucide-react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import { Skeleton } from "@/components/ui/skeleton";
+import { deletePost } from "../../actions/posts";
+import { Link } from "react-router-dom";
+import QuickEdit from "./QuickEdit";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { renderStatusBadge } from "../statusBadge/index";
+import EmptyState from "@/components/EmptyState";
+
+interface Post {
+  updated_at?: string;
+  created_at?: string;
+  published_date?: string;
+  tag_ids?: number[];
+  category_ids?: number[];
+  author_ids?: number[];
+  authors?: number[] | Array<{ id: number; display_name: string }>;
+  id: number;
+  title: string;
+  slug: string;
+  status: "publish" | "draft" | "ready";
+  categories?: number[];
+  tags?: number[];
+  claims?: number[];
+  [key: string]: any;
+}
+
+interface Tag {
+  id: number;
+  name: string;
+  [key: string]: any;
+}
+
+interface Category {
+  id: number;
+  name: string;
+  [key: string]: any;
+}
+
+interface Author {
+  id: number;
+  display_name: string;
+  [key: string]: any;
+}
+
+export interface Format {
+  id: number;
+  name: string;
+  slug: string;
+  [key: string]: any;
+}
+
+interface PostListProps {
+  format: Format;
+  data: {
+    posts: Post[];
+    loading: boolean;
+    total: number;
+    tags: Record<number, Tag>;
+    categories: Record<number, Category>;
+    authors: Record<number, Author>;
+  };
+  filters: {
+    page?: number;
+    limit?: number;
+    tag?: string[];
+    category?: string[];
+    author?: string[];
+    sortBy?: string;
+    [key: string]: any;
+  };
+  onPagination?: (page: number, limit: number) => void;
+  fetchPosts: () => void;
+  isMobile?: boolean;
+  sortBy?: string;
+  onSortByChange?: (column: string) => void;
+  query?: string;
+  actions?: any;
+}
+
+function PostList({
+  format,
+  data,
+  fetchPosts,
+  isMobile,
+  onSortByChange,
+}: PostListProps) {
+  const dispatch = useAppDispatch();
+  const [id, setID] = useState<number>(0);
+  const [expandedRowKeys, setExpandedRowKeys] = useState<number[]>([0]);
+  const [modalOpen, setModalOpen] = useState<boolean>(false);
+  const [deleteItemID, setDeleteItemID] = useState<number | null>(null);
+
+  const navigate = useNavigation();
+
+  // Memoize handlers to prevent unnecessary re-renders
+  const handleEditClick = useCallback(
+    (e: React.MouseEvent, item: Post) => {
+      e.stopPropagation();
+      navigate(`/posts/${item.id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleQuickEdit = useCallback(
+    (e: React.MouseEvent, item: Post) => {
+      e.stopPropagation();
+      const isOpen = item.id === expandedRowKeys[0];
+      setExpandedRowKeys(isOpen ? [] : [item.id]);
+      setID(item.id);
+    },
+    [expandedRowKeys]
+  );
+
+  const handleDeleteClick = useCallback(
+    (e: React.MouseEvent, itemId: number) => {
+      e.stopPropagation();
+      setModalOpen(true);
+      setDeleteItemID(itemId);
+    },
+    []
+  );
+
+  const handleDeletePost = useCallback(() => {
+    if (deleteItemID) {
+      dispatch(deletePost(deleteItemID) as any).then(() => fetchPosts());
+      setModalOpen(false);
+      setDeleteItemID(null);
+    }
+  }, [deleteItemID, dispatch, fetchPosts]);
+
+  // Function to format date - simplified for example
+  const formatDate = (dateString?: string) => {
+    if (!dateString) return "---";
+    try {
+      const date = new Date(dateString);
+      return new Intl.DateTimeFormat("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+      }).format(date);
+    } catch (error) {
+      return dateString;
+    }
+  };
+
+  // Function to get time difference from now
+  const getDifferenceInModifiedTime = (dateString?: string) => {
+    if (!dateString) return "";
+
+    const date = new Date(dateString);
+    const now = new Date();
+    const diffInHours = Math.floor(
+      (now.getTime() - date.getTime()) / (1000 * 60 * 60)
+    );
+
+    if (diffInHours < 1) {
+      return "Just now";
+    } else if (diffInHours < 24) {
+      return `${diffInHours} ${diffInHours === 1 ? "hour" : "hours"} ago`;
+    } else {
+      const diffInDays = Math.floor(diffInHours / 24);
+      return `${diffInDays} ${diffInDays === 1 ? "day" : "days"} ago`;
+    }
+  };
+
+  // Function to render author names
+  const renderAuthors = (post: Post) => {
+    if (
+      Array.isArray(post.authors) &&
+      post.authors.length > 0 &&
+      typeof post.authors[0] === "object"
+    ) {
+      const authorNames = post.authors
+        .map((author: any) => author.display_name || author.name)
+        .filter(Boolean);
+
+      if (authorNames.length > 0) {
+        return <div>{authorNames.join(", ")}</div>;
+      }
+    }
+
+    if (
+      Array.isArray(post.authors) &&
+      post.authors.length > 0 &&
+      typeof post.authors[0] !== "object"
+    ) {
+      const authorNames = post.authors
+        .map((id) => {
+          const author = data.authors[id];
+          return author ? author.display_name : null;
+        })
+        .filter(Boolean);
+
+      if (authorNames.length > 0) {
+        return <div>{authorNames.join(", ")}</div>;
+      }
+    }
+
+    // No author information found
+    return "---";
+  };
+
+  const handleSortByTitleToggle = () => {
+    if (onSortByChange) {
+      onSortByChange("title");
+    }
+  };
+
+  const handleSortByDateToggle = () => {
+    if (onSortByChange) {
+      onSortByChange("date");
+    }
+  };
+
+  // Check if there are any posts to display and if we're not loading
+  const hasPostsData = !data.loading && data.posts && data.posts.length > 0;
+
+  return (
+    <div className="space-y-4 pb-4 overflow-auto">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="min-w-[250px] w-[30%]">Title</TableHead>
+                <TableHead className="w-[15%]">Author</TableHead>
+                <TableHead className="w-[15%]">Status</TableHead>
+                <TableHead className="w-[30%]">Published Date</TableHead>
+                <TableHead className="w-[10%] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-4/5" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-20" />
+                  </TableCell>
+                  <TableCell>
+                    <div className="flex flex-col space-y-2">
+                      <Skeleton className="h-6 w-32" />
+                      <Skeleton className="h-4 w-24" />
+                    </div>
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasPostsData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="min-w-[250px] w-[30%] text-[13px]">
+                  <div className="flex items-center cursor-pointer">Title</div>
+                </TableHead>
+                <TableHead className="w-[15%] text-[13px]">Author</TableHead>
+                <TableHead className="w-[15%] text-[13px]">Status</TableHead>
+                <TableHead className="w-[30%] text-[13px]">
+                  <div
+                    className="flex items-center cursor-pointer"
+                    onClick={handleSortByDateToggle}
+                  >
+                    Published Date
+                    <ChevronsUpDown className="ml-1 h-3 w-3" />
+                  </div>
+                </TableHead>
+                <TableHead className="w-[10%] text-center text-[13px]">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.posts.map((item) => {
+                const isOpen = item.id === expandedRowKeys[0];
+                // Ensure tag_ids and category_ids are always arrays, even if undefined
+                const tagIds = item.tag_ids || [];
+                const categoryIds = item.category_ids || [];
+
+                return (
+                  <React.Fragment key={item.id}>
+                    <TableRow
+                      className={`cursor-pointer ${
+                        isOpen ? "bg-[#F0F5FF]" : "hover:bg-blue-50"
+                      }`}
+                      onClick={() => navigate(`/posts/${item.id}/edit`)}
+                    >
+                      <TableCell className="py-3">
+                        <Link
+                          to={`/posts/${item.id}/edit`}
+                          onClick={(e) => e.stopPropagation()}
+                        >
+                          {item.title}
+                        </Link>
+                      </TableCell>
+                      <TableCell>{renderAuthors(item)}</TableCell>
+                      <TableCell>{renderStatusBadge(item.status)}</TableCell>
+                      <TableCell>
+                        <div className="flex flex-col">
+                          <span>{formatDate(item.published_date)}</span>
+                          <span className="text-gray-400 text-[13px]">
+                            Last modified:{" "}
+                            {getDifferenceInModifiedTime(item.updated_at)}
+                          </span>
+                        </div>
+                      </TableCell>
+                      <TableCell className="text-center">
+                        <DropdownMenu>
+                          <DropdownMenuTrigger
+                            asChild
+                            onClick={(e) => e.stopPropagation()}
+                          >
+                            <Button variant="ghost" size="icon">
+                              <Ellipsis className="h-5 w-5" />
+                            </Button>
+                          </DropdownMenuTrigger>
+                          <DropdownMenuContent align="end">
+                            <DropdownMenuItem
+                              onClick={(e) => handleEditClick(e, item)}
+                              className="cursor-pointer"
+                            >
+                              <Pencil className="h-4 w-4 mr-2" />
+                              <span>Edit</span>
+                            </DropdownMenuItem>
+                            <DropdownMenuSeparator />
+                            <DropdownMenuItem
+                              onClick={(e) => handleQuickEdit(e, item)}
+                              className="cursor-pointer"
+                            >
+                              <Edit className="h-4 w-4 mr-2" />
+                              <span>Quick Edit</span>
+                            </DropdownMenuItem>
+                            <DropdownMenuSeparator />
+                            <DropdownMenuItem
+                              onClick={(e) => handleDeleteClick(e, item.id)}
+                              className="cursor-pointer text-red-600 focus:text-red-600"
+                            >
+                              <Trash2 className="h-4 w-4 mr-2" />
+                              <span>Delete</span>
+                            </DropdownMenuItem>
+                          </DropdownMenuContent>
+                        </DropdownMenu>
+                      </TableCell>
+                    </TableRow>
+                    {isOpen && (
+                      <TableRow>
+                        <TableCell colSpan={5} className="p-0">
+                          <div className="p-4 bg-white">
+                            <QuickEdit
+                              data={item}
+                              page={false}
+                              setID={setID}
+                              slug={format.slug}
+                              createdAt={item.created_at}
+                              onQuickEditUpdate={() => setExpandedRowKeys([])}
+                            />
+                          </div>
+                        </TableCell>
+                      </TableRow>
+                    )}
+                  </React.Fragment>
+                );
+              })}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="posts"
+          title="No posts found"
+          description="Your posts list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      <Dialog open={modalOpen} onOpenChange={setModalOpen}>
+        <DialogContent className="max-w-sm p-4">
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Confirmation</DialogTitle>
+          </DialogHeader>
+          <DialogDescription>
+            Are you sure you want to delete this post?
+          </DialogDescription>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setModalOpen(false)}>
+              Cancel
+            </Button>
+            <Button variant="destructive" onClick={handleDeletePost}>
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+
+export default PostList;
diff --git a/studio/src/components/Loader/index.js b/studio/src/components/Loader/index.js
deleted file mode 100644
index ee2a4d0f5..000000000
--- a/studio/src/components/Loader/index.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import { Spin } from 'antd';
-
-const Loader = () => {
-  return (
-    <div
-      style={{
-        position: 'absolute',
-        padding: '2rem',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        height: '100vh',
-        width: '100%',
-      }}
-    >
-      <Spin size="large" />
-    </div>
-  );
-};
-
-export default Loader;
diff --git a/studio/src/components/Loader/index.tsx b/studio/src/components/Loader/index.tsx
new file mode 100644
index 000000000..60bdb57a7
--- /dev/null
+++ b/studio/src/components/Loader/index.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+import { Loader2 } from "lucide-react";
+
+interface LoaderProps {
+  className?: string;
+}
+
+const Loader: React.FC<LoaderProps> = ({ className }) => {
+  return (
+    <div
+      className={`fixed inset-0 flex items-center justify-center p-8 ${className}`}
+    >
+      <Loader2 className="h-8 w-8 animate-spin text-primary" />
+    </div>
+  );
+};
+
+export default Loader;
diff --git a/studio/src/components/MediaSelector/MediaList.js b/studio/src/components/MediaSelector/MediaList.js
deleted file mode 100644
index fba41786b..000000000
--- a/studio/src/components/MediaSelector/MediaList.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import React from 'react';
-import { List, Avatar, Space, Input } from 'antd';
-import { CheckCircleTwoTone } from '@ant-design/icons';
-import { useDispatch, useSelector } from 'react-redux';
-import { getMedia } from '../../actions/media';
-import deepEqual from 'deep-equal';
-
-function MediaList({ onSelect, selected, onUnselect, profile = false }) {
-  const dispatch = useDispatch();
-
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 8,
-  });
-
-  const { media, total } = useSelector((state) => {
-    const node = state.media.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-
-    if (node)
-      return {
-        media: node.data.map((element) => state.media.details[element]),
-        total: node.total,
-      };
-
-    return { media: [], total: 0 };
-  });
-
-  React.useEffect(() => {
-    fetchMedia();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [dispatch, filters]);
-
-  const fetchMedia = () => {
-    dispatch(getMedia(filters, profile));
-  };
-
-  return (
-    <Space direction={'vertical'}>
-      <Input
-        placeholder="Search Media"
-        onChange={(e) => setFilters({ ...filters, q: e.target.value })}
-      />
-      <List
-        grid={{
-          gutter: 16,
-          md: 4,
-        }}
-        pagination={{
-          current: filters.page,
-          total: total,
-          pageSize: filters.limit,
-          onChange: (pageNumber, pageSize) => {
-            setFilters({ page: pageNumber, limit: pageSize });
-          },
-        }}
-        dataSource={media}
-        renderItem={(item) => (
-          <List.Item>
-            {selected && item.id === selected.id ? (
-              <div style={{ position: 'relative' }}>
-                <Avatar
-                  onClick={() => {
-                    onSelect(null);
-                    onUnselect();
-                  }}
-                  shape="square"
-                  size={174}
-                  src={item.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']}
-                  style={{ opacity: '0.7', padding: '0.5rem', border: '2px solid #1890ff' }}
-                />
-                <CheckCircleTwoTone
-                  twoToneColor="#52c41a"
-                  style={{ fontSize: '2.5rem', position: 'absolute', top: 8, right: 8 }}
-                />
-              </div>
-            ) : (
-              <div style={{ position: 'relative' }}>
-                <Avatar
-                  onClick={() => onSelect(item)}
-                  shape="square"
-                  size={174}
-                  src={item.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']}
-                  style={{ padding: '0.5rem', border: '2px solid transparent' }}
-                />
-              </div>
-            )}
-          </List.Item>
-        )}
-      />
-    </Space>
-  );
-}
-
-export default MediaList;
diff --git a/studio/src/components/MediaSelector/MediaList.test.js b/studio/src/components/MediaSelector/MediaList.test.js
deleted file mode 100644
index 73e013c2f..000000000
--- a/studio/src/components/MediaSelector/MediaList.test.js
+++ /dev/null
@@ -1,162 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import { useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import '../../matchMedia.mock';
-import MediaList from './MediaList';
-import { mount } from 'enzyme';
-import { List } from 'antd';
-import { act } from 'react-dom/test-utils';
-import * as actions from '../../actions/media';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../actions/media', () => ({
-  getMedia: jest.fn(),
-}));
-let state = {
-  media: {
-    req: [
-      {
-        data: [1, 2],
-        query: { page: 1, limit: 8 },
-        total: 2,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        name: 'Medium -1',
-        url: 'some-url',
-        file_size: 'file_size',
-        caption: 'caption',
-        description: 'description',
-      },
-      '2': {
-        id: 2,
-        name: 'Medium - 2',
-        url: 'some-url',
-        file_size: 'file_size',
-        caption: 'caption',
-        description: 'description',
-      },
-    },
-    loading: false,
-  },
-};
-
-describe('Media List component', () => {
-  let store;
-  let mockedDispatch;
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore(() => {});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-
-    it('should match component with data', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <MediaList selected={{ id: 1 }} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-
-    it('should change the page', () => {
-      actions.getMedia.mockReset();
-      store = mockStore(() => state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MediaList />
-          </Provider>,
-        );
-      });
-
-      const list = wrapper.find(List);
-      list.props().pagination.onChange(2);
-      wrapper.update();
-      const updatedTable = wrapper.find(List);
-      expect(updatedTable.props().pagination.current).toEqual(2);
-      expect(actions.getMedia).toHaveBeenCalledWith({ page: 1, limit: 8 }, false);
-    });
-    it('should handle image selection', () => {
-      store = mockStore(() => state);
-      const onSelect = jest.fn();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MediaList onSelect={onSelect} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find('input').simulate('change', { target: { value: 'Medium -1' } });
-      });
-      wrapper.find('Avatar').at(0).simulate('click');
-      expect(onSelect).toHaveBeenCalledWith({
-        id: 1,
-        name: 'Medium -1',
-        url: 'some-url',
-        file_size: 'file_size',
-        caption: 'caption',
-        description: 'description',
-      });
-    });
-
-    it('should handle image unselection', () => {
-      store = mockStore(state);
-      const onSelect = jest.fn();
-      const onUnselect = jest.fn();
-
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MediaList
-              onSelect={onSelect}
-              onUnselect={onUnselect}
-              selected={{
-                id: 1,
-                name: 'Medium -1',
-                url: 'some-url',
-                file_size: 'file_size',
-                caption: 'caption',
-                description: 'description',
-              }}
-            />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find('input').simulate('change', { target: { value: '' } });
-      });
-
-      wrapper.find('Avatar').at(0).simulate('click');
-      expect(onSelect).toHaveBeenCalledWith(null);
-    });
-  });
-});
diff --git a/studio/src/components/MediaSelector/MediaList.tsx b/studio/src/components/MediaSelector/MediaList.tsx
new file mode 100644
index 000000000..e0ff48d9f
--- /dev/null
+++ b/studio/src/components/MediaSelector/MediaList.tsx
@@ -0,0 +1,190 @@
+import React, { useEffect } from "react";
+import { CheckCircle2 } from "lucide-react";
+import { useDispatch, useSelector } from "react-redux";
+import { Input } from "@/components/ui/input";
+import {
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+} from "@/components/ui/pagination";
+import { Avatar, AvatarImage } from "@/components/ui/avatar";
+import { getMedia } from "../../actions/media";
+import deepEqual from "deep-equal";
+
+interface Medium {
+  id: string;
+  url: {
+    proxy?: string;
+    raw: string;
+  };
+}
+
+interface MediaListProps {
+  onSelect: (medium: Medium | null) => void;
+  selected: Medium | null;
+  onUnselect: () => void;
+  profile?: boolean;
+}
+
+interface Filters {
+  page: number;
+  limit: number;
+  q?: string;
+}
+
+function MediaList({
+  onSelect,
+  selected,
+  onUnselect,
+  profile = false,
+}: MediaListProps) {
+  const dispatch = useDispatch();
+
+  const [filters, setFilters] = React.useState<Filters>({
+    page: 1,
+    limit: 8,
+  });
+
+  const { media, total } = useSelector((state: any) => {
+    const node = state.media.req.find((item: any) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node)
+      return {
+        media: node.data.map((element: string) => state.media.details[element]),
+        total: node.total,
+      };
+
+    return { media: [], total: 0 };
+  });
+
+  useEffect(() => {
+    fetchMedia();
+  }, [dispatch, filters]);
+
+  const fetchMedia = () => {
+    dispatch(getMedia(filters, profile));
+  };
+
+  const totalPages = Math.ceil(total / filters.limit);
+
+  return (
+    <div className="flex flex-col space-y-4">
+      <Input
+        placeholder="Search Media"
+        onChange={(e) => setFilters({ ...filters, q: e.target.value })}
+      />
+
+      <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+        {media.map((item: Medium) => (
+          <div key={item.id}>
+            {selected && item.id === selected.id ? (
+              <div className="relative">
+                <Avatar
+                  className="h-44 w-44 rounded-lg opacity-70 p-2 border-2 border-primary cursor-pointer"
+                  onClick={() => {
+                    onSelect(null);
+                    onUnselect();
+                  }}
+                >
+                  <AvatarImage
+                    src={
+                      item.url?.[
+                        import.meta.env.VITE_ENABLE_IMGPROXY ? "proxy" : "raw"
+                      ]
+                    }
+                    alt="Selected media"
+                  />
+                </Avatar>
+                <CheckCircle2 className="absolute top-2 right-2 h-8 w-8 text-green-500" />
+              </div>
+            ) : (
+              <div className="relative">
+                <Avatar
+                  className="h-44 w-44 rounded-lg p-2 border-2 border-transparent cursor-pointer"
+                  onClick={() => onSelect(item)}
+                >
+                  <AvatarImage
+                    src={
+                      item.url?.[
+                        import.meta.env.VITE_ENABLE_IMGPROXY ? "proxy" : "raw"
+                      ]
+                    }
+                    alt="Media item"
+                  />
+                </Avatar>
+              </div>
+            )}
+          </div>
+        ))}
+      </div>
+
+      {totalPages > 1 && (
+        <Pagination>
+          <PaginationContent>
+            <PaginationItem>
+              <PaginationPrevious
+                onClick={() =>
+                  setFilters({
+                    ...filters,
+                    page: Math.max(1, filters.page - 1),
+                  })
+                }
+                className={
+                  filters.page <= 1 ? "pointer-events-none opacity-50" : ""
+                }
+              />
+            </PaginationItem>
+
+            {Array.from({ length: Math.min(5, totalPages) }, (_, i) => {
+              // Show pages around the current page
+              let pageNum;
+              if (totalPages <= 5) {
+                pageNum = i + 1;
+              } else if (filters.page <= 3) {
+                pageNum = i + 1;
+              } else if (filters.page >= totalPages - 2) {
+                pageNum = totalPages - 4 + i;
+              } else {
+                pageNum = filters.page - 2 + i;
+              }
+
+              return (
+                <PaginationItem key={pageNum}>
+                  <PaginationLink
+                    onClick={() => setFilters({ ...filters, page: pageNum })}
+                    isActive={pageNum === filters.page}
+                  >
+                    {pageNum}
+                  </PaginationLink>
+                </PaginationItem>
+              );
+            })}
+
+            <PaginationItem>
+              <PaginationNext
+                onClick={() =>
+                  setFilters({
+                    ...filters,
+                    page: Math.min(totalPages, filters.page + 1),
+                  })
+                }
+                className={
+                  filters.page >= totalPages
+                    ? "pointer-events-none opacity-50"
+                    : ""
+                }
+              />
+            </PaginationItem>
+          </PaginationContent>
+        </Pagination>
+      )}
+    </div>
+  );
+}
+
+export default MediaList;
diff --git a/studio/src/components/MediaSelector/UploadMedium.js b/studio/src/components/MediaSelector/UploadMedium.js
deleted file mode 100644
index dc4401386..000000000
--- a/studio/src/components/MediaSelector/UploadMedium.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import UppyUploader from '../Uppy';
-import { useDispatch } from 'react-redux';
-import { createMedium } from '../../actions/media';
-
-function UploadMedium({ onMediaUpload, profile = false }) {
-  const dispatch = useDispatch();
-  const onUpload = (values) => {
-    dispatch(createMedium(values, profile)).then((medium) => {
-      if (values.length === 1 || profile) {
-        onMediaUpload(values, medium);
-      }
-    });
-  };
-  return <UppyUploader onUpload={onUpload} profile={profile} />;
-}
-
-export default UploadMedium;
diff --git a/studio/src/components/MediaSelector/UploadMedium.test.js b/studio/src/components/MediaSelector/UploadMedium.test.js
deleted file mode 100644
index 73ec64996..000000000
--- a/studio/src/components/MediaSelector/UploadMedium.test.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import UploadMedium from './UploadMedium';
-import * as actions from '../../actions/media';
-import UppyUploader from '../Uppy';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../actions/media', () => ({
-  createMedium: jest.fn(),
-}));
-
-describe('Media upload component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore({
-    spaces: {
-      orgs: [{ id: 1, title: 'Org 1', spaces: [10] }],
-      details: {
-        10: {
-          id: 10,
-          name: 'Space 10',
-          organisation_id: 1,
-        },
-      },
-      loading: true,
-      selected: 10,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createMedium', (done) => {
-      const onMediaUpload = jest.fn();
-      actions.createMedium.mockReset();
-      act(() => {
-        wrapper = shallow(<UploadMedium onMediaUpload={onMediaUpload} profile={true} />);
-      });
-      wrapper
-        .find(UppyUploader)
-        .props()
-        .onUpload([{ test: 'test' }]);
-      setTimeout(() => {
-        expect(actions.createMedium).toHaveBeenCalledWith([{ test: 'test' }], true);
-        done();
-      }, 0);
-    });
-    it('should call createMedium with more than 1 ', (done) => {
-      const onMediaUpload = jest.fn();
-      actions.createMedium.mockReset();
-      act(() => {
-        wrapper = shallow(<UploadMedium onMediaUpload={onMediaUpload} />);
-      });
-      wrapper
-        .find(UppyUploader)
-        .props()
-        .onUpload([{ test: 'test' }, { test: 'test2' }]);
-      setTimeout(() => {
-        expect(actions.createMedium).toHaveBeenCalledWith(
-          [{ test: 'test' }, { test: 'test2' }],
-          false,
-        );
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/components/MediaSelector/UploadMedium.tsx b/studio/src/components/MediaSelector/UploadMedium.tsx
new file mode 100644
index 000000000..5e04512d1
--- /dev/null
+++ b/studio/src/components/MediaSelector/UploadMedium.tsx
@@ -0,0 +1,55 @@
+import { useAppDispatch } from "../../hooks/reduxHooks";
+import { createMedium } from "../../actions/media";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import UppyUploader from "../Uppy";
+
+// Define proper types for the component
+interface Medium {
+  id: string;
+  url: {
+    proxy?: string;
+    raw: string;
+  };
+  alt_text: string;
+  [key: string]: any;
+}
+
+interface UploadMediumProps {
+  onMediaUpload?: (values: any[], medium: Medium) => void;
+  profile?: boolean;
+}
+
+function UploadMedium({ onMediaUpload, profile = false }: UploadMediumProps) {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onUpload = (values: any[]) => {
+    // When part of the MediaSelector, we need to handle the callback
+    if (onMediaUpload) {
+      dispatch(createMedium(values, profile)).then((medium: Medium) => {
+        if (values.length === 1 || profile) {
+          onMediaUpload(values, medium);
+        }
+      });
+    } else {
+      // When used as standalone upload page, redirect back to media list
+      dispatch(createMedium(values)).then(() => history("/media"));
+    }
+  };
+
+  // If being used as a standalone component (with Helmet), render the full page
+  if (!onMediaUpload) {
+    return (
+      <>
+        <Helmet title={"Upload Medium"} />
+        <UppyUploader onUpload={onUpload} />
+      </>
+    );
+  }
+
+  // Otherwise, render just the uploader for use in MediaSelector
+  return <UppyUploader onUpload={onUpload} profile={profile} />;
+}
+
+export default UploadMedium;
diff --git a/studio/src/components/MediaSelector/__snapshots__/MediaList.test.js.snap b/studio/src/components/MediaSelector/__snapshots__/MediaList.test.js.snap
deleted file mode 100644
index 1f349c3b0..000000000
--- a/studio/src/components/MediaSelector/__snapshots__/MediaList.test.js.snap
+++ /dev/null
@@ -1,797 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Media List component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <MediaList
-    selected={
-      Object {
-        "id": 1,
-      }
-    }
-  >
-    <Space
-      direction="vertical"
-    >
-      <div
-        className="ant-space ant-space-vertical"
-        style={Object {}}
-      >
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={0}
-          key="ant-space-item-0"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={
-              Object {
-                "marginBottom": 8,
-              }
-            }
-          >
-            <Input
-              onChange={[Function]}
-              placeholder="Search Media"
-              type="text"
-            >
-              <ClearableLabeledInput
-                bordered={true}
-                element={
-                  <input
-                    className="ant-input"
-                    onBlur={[Function]}
-                    onChange={[Function]}
-                    onFocus={[Function]}
-                    onKeyDown={[Function]}
-                    placeholder="Search Media"
-                    type="text"
-                  />
-                }
-                focused={false}
-                handleReset={[Function]}
-                inputType="input"
-                onChange={[Function]}
-                placeholder="Search Media"
-                prefixCls="ant-input"
-                triggerFocus={[Function]}
-                type="text"
-                value=""
-              >
-                <input
-                  className="ant-input"
-                  onBlur={[Function]}
-                  onChange={[Function]}
-                  onFocus={[Function]}
-                  onKeyDown={[Function]}
-                  placeholder="Search Media"
-                  type="text"
-                  value=""
-                />
-              </ClearableLabeledInput>
-            </Input>
-          </div>
-        </Item>
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={1}
-          key="ant-space-item-1"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={Object {}}
-          >
-            <List
-              dataSource={
-                Array [
-                  Object {
-                    "caption": "caption",
-                    "description": "description",
-                    "file_size": "file_size",
-                    "id": 1,
-                    "name": "Medium -1",
-                    "url": "some-url",
-                  },
-                  Object {
-                    "caption": "caption",
-                    "description": "description",
-                    "file_size": "file_size",
-                    "id": 2,
-                    "name": "Medium - 2",
-                    "url": "some-url",
-                  },
-                ]
-              }
-              grid={
-                Object {
-                  "gutter": 16,
-                  "md": 4,
-                }
-              }
-              pagination={
-                Object {
-                  "current": 1,
-                  "onChange": [Function],
-                  "pageSize": 8,
-                  "total": 2,
-                }
-              }
-              renderItem={[Function]}
-            >
-              <div
-                className="ant-list ant-list-split ant-list-grid ant-list-something-after-last-item"
-              >
-                <Spin
-                  size="default"
-                  spinning={false}
-                  wrapperClassName=""
-                >
-                  <div
-                    className="ant-spin-nested-loading"
-                  >
-                    <div
-                      className="ant-spin-container"
-                      key="container"
-                    >
-                      <Row
-                        gutter={16}
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "marginLeft": -8,
-                              "marginRight": -8,
-                            }
-                          }
-                        >
-                          <div
-                            key="list-item-0/.0"
-                          >
-                            <Item>
-                              <Col
-                                flex={1}
-                              >
-                                <div
-                                  className="ant-col"
-                                  style={
-                                    Object {
-                                      "flex": "1 1 auto",
-                                      "paddingLeft": 8,
-                                      "paddingRight": 8,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-list-item"
-                                  >
-                                    <div
-                                      style={
-                                        Object {
-                                          "position": "relative",
-                                        }
-                                      }
-                                    >
-                                      <Avatar
-                                        onClick={[Function]}
-                                        shape="square"
-                                        size={174}
-                                        style={
-                                          Object {
-                                            "border": "2px solid #1890ff",
-                                            "opacity": "0.7",
-                                            "padding": "0.5rem",
-                                          }
-                                        }
-                                      >
-                                        <span
-                                          className="ant-avatar ant-avatar-square"
-                                          onClick={[Function]}
-                                          style={
-                                            Object {
-                                              "border": "2px solid #1890ff",
-                                              "fontSize": 18,
-                                              "height": 174,
-                                              "lineHeight": "174px",
-                                              "opacity": "0.7",
-                                              "padding": "0.5rem",
-                                              "width": 174,
-                                            }
-                                          }
-                                        >
-                                          <ResizeObserver
-                                            onResize={[Function]}
-                                          >
-                                            <span
-                                              className="ant-avatar-string"
-                                              style={
-                                                Object {
-                                                  "WebkitTransform": "scale(1) translateX(-50%)",
-                                                  "lineHeight": "174px",
-                                                  "msTransform": "scale(1) translateX(-50%)",
-                                                  "transform": "scale(1) translateX(-50%)",
-                                                }
-                                              }
-                                            />
-                                          </ResizeObserver>
-                                        </span>
-                                      </Avatar>
-                                      <ForwardRef(CheckCircleTwoTone)
-                                        style={
-                                          Object {
-                                            "fontSize": "2.5rem",
-                                            "position": "absolute",
-                                            "right": 8,
-                                            "top": 8,
-                                          }
-                                        }
-                                        twoToneColor="#52c41a"
-                                      >
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": [Function],
-                                              "name": "check-circle",
-                                              "theme": "twotone",
-                                            }
-                                          }
-                                          style={
-                                            Object {
-                                              "fontSize": "2.5rem",
-                                              "position": "absolute",
-                                              "right": 8,
-                                              "top": 8,
-                                            }
-                                          }
-                                          twoToneColor="#52c41a"
-                                        >
-                                          <span
-                                            aria-label="check-circle"
-                                            className="anticon anticon-check-circle"
-                                            role="img"
-                                            style={
-                                              Object {
-                                                "fontSize": "2.5rem",
-                                                "position": "absolute",
-                                                "right": 8,
-                                                "top": 8,
-                                              }
-                                            }
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": [Function],
-                                                  "name": "check-circle",
-                                                  "theme": "twotone",
-                                                }
-                                              }
-                                              primaryColor="#52c41a"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="check-circle"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-check-circle"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  fill="#52c41a"
-                                                  key="svg-check-circle-svg-0"
-                                                />
-                                                <path
-                                                  d="M512 140c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm193.4 225.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.3 0 19.9 5 25.9 13.3l71.2 98.8 157.2-218c6-8.4 15.7-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.4 12.7z"
-                                                  fill="#f6ffed"
-                                                  key="svg-check-circle-svg-1"
-                                                />
-                                                <path
-                                                  d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                  fill="#52c41a"
-                                                  key="svg-check-circle-svg-2"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(CheckCircleTwoTone)>
-                                    </div>
-                                  </div>
-                                </div>
-                              </Col>
-                            </Item>
-                          </div>
-                          <div
-                            key="list-item-1/.1"
-                          >
-                            <Item>
-                              <Col
-                                flex={1}
-                              >
-                                <div
-                                  className="ant-col"
-                                  style={
-                                    Object {
-                                      "flex": "1 1 auto",
-                                      "paddingLeft": 8,
-                                      "paddingRight": 8,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-list-item"
-                                  >
-                                    <div
-                                      style={
-                                        Object {
-                                          "position": "relative",
-                                        }
-                                      }
-                                    >
-                                      <Avatar
-                                        onClick={[Function]}
-                                        shape="square"
-                                        size={174}
-                                        style={
-                                          Object {
-                                            "border": "2px solid transparent",
-                                            "padding": "0.5rem",
-                                          }
-                                        }
-                                      >
-                                        <span
-                                          className="ant-avatar ant-avatar-square"
-                                          onClick={[Function]}
-                                          style={
-                                            Object {
-                                              "border": "2px solid transparent",
-                                              "fontSize": 18,
-                                              "height": 174,
-                                              "lineHeight": "174px",
-                                              "padding": "0.5rem",
-                                              "width": 174,
-                                            }
-                                          }
-                                        >
-                                          <ResizeObserver
-                                            onResize={[Function]}
-                                          >
-                                            <span
-                                              className="ant-avatar-string"
-                                              style={
-                                                Object {
-                                                  "WebkitTransform": "scale(1) translateX(-50%)",
-                                                  "lineHeight": "174px",
-                                                  "msTransform": "scale(1) translateX(-50%)",
-                                                  "transform": "scale(1) translateX(-50%)",
-                                                }
-                                              }
-                                            />
-                                          </ResizeObserver>
-                                        </span>
-                                      </Avatar>
-                                    </div>
-                                  </div>
-                                </div>
-                              </Col>
-                            </Item>
-                          </div>
-                        </div>
-                      </Row>
-                    </div>
-                  </div>
-                </Spin>
-                <div
-                  className="ant-list-pagination"
-                >
-                  <Pagination
-                    current={1}
-                    onChange={[Function]}
-                    onShowSizeChange={[Function]}
-                    pageSize={8}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className=""
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={8}
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={8}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "20",
-                                "50",
-                                "100",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </List>
-          </div>
-        </Item>
-      </div>
-    </Space>
-  </MediaList>
-</Provider>
-`;
diff --git a/studio/src/components/MediaSelector/__snapshots__/index.test.js.snap b/studio/src/components/MediaSelector/__snapshots__/index.test.js.snap
deleted file mode 100644
index 9bd612e9a..000000000
--- a/studio/src/components/MediaSelector/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,299 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Media List component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <MediaSelector
-    value={1}
-  >
-    <Modal
-      closable={false}
-      confirmLoading={false}
-      footer={
-        Array [
-          <ForwardRef(InternalButton)
-            onClick={[Function]}
-          >
-            Cancel
-          </ForwardRef(InternalButton)>,
-          <ForwardRef(InternalButton)
-            onClick={[Function]}
-            type="primary"
-          >
-            Ok
-          </ForwardRef(InternalButton)>,
-        ]
-      }
-      okType="primary"
-      onCancel={[Function]}
-      visible={false}
-      width="800px"
-    >
-      <Dialog
-        closable={false}
-        closeIcon={
-          <span
-            className="ant-modal-close-x"
-          >
-            <ForwardRef(CloseOutlined)
-              className="ant-modal-close-icon"
-            />
-          </span>
-        }
-        confirmLoading={false}
-        focusTriggerAfterClose={true}
-        footer={
-          Array [
-            <ForwardRef(InternalButton)
-              onClick={[Function]}
-            >
-              Cancel
-            </ForwardRef(InternalButton)>,
-            <ForwardRef(InternalButton)
-              onClick={[Function]}
-              type="primary"
-            >
-              Ok
-            </ForwardRef(InternalButton)>,
-          ]
-        }
-        maskTransitionName="ant-fade"
-        okType="primary"
-        onCancel={[Function]}
-        onClose={[Function]}
-        prefixCls="ant-modal"
-        transitionName="ant-zoom"
-        visible={false}
-        width="800px"
-        wrapClassName=""
-      >
-        <PortalWrapper
-          visible={false}
-        />
-      </Dialog>
-    </Modal>
-    <Space
-      direction="vertical"
-    >
-      <div
-        className="ant-space ant-space-vertical"
-        style={Object {}}
-      >
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={0}
-          key="ant-space-item-0"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={Object {}}
-          >
-            <div
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                  "justifyContent": "center",
-                }
-              }
-            >
-              <div
-                style={
-                  Object {
-                    "position": "relative",
-                  }
-                }
-              >
-                <Button
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "background": "transparent",
-                      "borderStyle": "dashed",
-                      "display": "block",
-                      "height": "auto",
-                    }
-                  }
-                >
-                  <Wave>
-                    <button
-                      className="ant-btn"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "background": "transparent",
-                          "borderStyle": "dashed",
-                          "display": "block",
-                          "height": "auto",
-                        }
-                      }
-                      type="button"
-                    >
-                      <LoadingIcon
-                        existIcon={false}
-                        loading={false}
-                        prefixCls="ant-btn"
-                      >
-                        <CSSMotion
-                          motionName="ant-btn-loading-icon-motion"
-                          onAppearActive={[Function]}
-                          onAppearStart={[Function]}
-                          onEnterActive={[Function]}
-                          onEnterStart={[Function]}
-                          onLeaveActive={[Function]}
-                          onLeaveStart={[Function]}
-                          removeOnLeave={true}
-                          visible={false}
-                        >
-                          <DomWrapper />
-                        </CSSMotion>
-                      </LoadingIcon>
-                      <img
-                        key=".0"
-                        width="100%"
-                      />
-                    </button>
-                  </Wave>
-                </Button>
-                <Button
-                  onClick={[Function]}
-                  style={
-                    Object {
-                      "bottom": 0,
-                      "left": 0,
-                      "maxWidth": "52px",
-                      "position": "absolute",
-                    }
-                  }
-                >
-                  <Wave>
-                    <button
-                      className="ant-btn"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "bottom": 0,
-                          "left": 0,
-                          "maxWidth": "52px",
-                          "position": "absolute",
-                        }
-                      }
-                      type="button"
-                    >
-                      <LoadingIcon
-                        existIcon={false}
-                        loading={false}
-                        prefixCls="ant-btn"
-                      >
-                        <CSSMotion
-                          motionName="ant-btn-loading-icon-motion"
-                          onAppearActive={[Function]}
-                          onAppearStart={[Function]}
-                          onEnterActive={[Function]}
-                          onEnterStart={[Function]}
-                          onLeaveActive={[Function]}
-                          onLeaveStart={[Function]}
-                          removeOnLeave={true}
-                          visible={false}
-                        >
-                          <DomWrapper />
-                        </CSSMotion>
-                      </LoadingIcon>
-                      <ForwardRef(DeleteOutlined)
-                        key=".0"
-                      >
-                        <AntdIcon
-                          icon={
-                            Object {
-                              "icon": Object {
-                                "attrs": Object {
-                                  "focusable": "false",
-                                  "viewBox": "64 64 896 896",
-                                },
-                                "children": Array [
-                                  Object {
-                                    "attrs": Object {
-                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                    },
-                                    "tag": "path",
-                                  },
-                                ],
-                                "tag": "svg",
-                              },
-                              "name": "delete",
-                              "theme": "outlined",
-                            }
-                          }
-                        >
-                          <span
-                            aria-label="delete"
-                            className="anticon anticon-delete"
-                            role="img"
-                          >
-                            <IconReact
-                              icon={
-                                Object {
-                                  "icon": Object {
-                                    "attrs": Object {
-                                      "focusable": "false",
-                                      "viewBox": "64 64 896 896",
-                                    },
-                                    "children": Array [
-                                      Object {
-                                        "attrs": Object {
-                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                        },
-                                        "tag": "path",
-                                      },
-                                    ],
-                                    "tag": "svg",
-                                  },
-                                  "name": "delete",
-                                  "theme": "outlined",
-                                }
-                              }
-                            >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="delete"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                key="svg-delete"
-                                viewBox="64 64 896 896"
-                                width="1em"
-                              >
-                                <path
-                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                  key="svg-delete-svg-0"
-                                />
-                              </svg>
-                            </IconReact>
-                          </span>
-                        </AntdIcon>
-                      </ForwardRef(DeleteOutlined)>
-                    </button>
-                  </Wave>
-                </Button>
-              </div>
-            </div>
-          </div>
-        </Item>
-      </div>
-    </Space>
-  </MediaSelector>
-</Provider>
-`;
diff --git a/studio/src/components/MediaSelector/index.js b/studio/src/components/MediaSelector/index.js
deleted file mode 100644
index b6521cf76..000000000
--- a/studio/src/components/MediaSelector/index.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import React from 'react';
-import { Modal, Button, Radio, Space } from 'antd';
-import { useDispatch, useSelector } from 'react-redux';
-import MediaUploader from './UploadMedium';
-import MediaList from './MediaList';
-import { getMedium } from '../../actions/media';
-import ImagePlaceholder from '../ErrorsAndImage/PlaceholderImage';
-import { DeleteOutlined } from '@ant-design/icons';
-
-function MediaSelector({
-  value = null,
-  onChange,
-  maxWidth,
-  containerStyles = {},
-  profile = false,
-}) {
-  const [show, setShow] = React.useState(false);
-  const [selected, setSelected] = React.useState(null);
-  const [tab, setTab] = React.useState('upload');
-  const dispatch = useDispatch();
-
-  const medium = useSelector((state) => {
-    return state.media.details[value] || null;
-  });
-
-  const setValue = () => {
-    value = null;
-  };
-  if (!selected && value && medium) {
-    setSelected(medium);
-  }
-  React.useEffect(() => {
-    if (value) {
-      dispatch(getMedium(value, profile));
-      setSelected(medium);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [value]);
-
-  const onUpload = (values, medium) => {
-    value = medium.id;
-    setSelected(medium);
-  };
-
-  return (
-    <>
-      <Modal
-        open={show}
-        onCancel={() => setShow(false)}
-        closable={false}
-        width={'800px'}
-        footer={[
-          <Button key="back" onClick={() => setShow(false)}>
-            Cancel
-          </Button>,
-          <Button
-            key="submit"
-            type="primary"
-            onClick={() => {
-              setShow(false);
-              selected ? onChange(selected.id) : onChange(null);
-            }}
-          >
-            Ok
-          </Button>,
-        ]}
-      >
-        <Space direction="vertical">
-          <Radio.Group buttonStyle="solid" value={tab} onChange={(e) => setTab(e.target.value)}>
-            <Radio.Button value="upload">Upload</Radio.Button>
-            <Radio.Button value="library">Library</Radio.Button>
-          </Radio.Group>
-          {tab === 'library' ? (
-            <MediaList
-              onSelect={setSelected}
-              selected={selected}
-              onUnselect={setValue}
-              profile={profile}
-            />
-          ) : tab === 'upload' ? (
-            <MediaUploader onMediaUpload={onUpload} profile={profile} />
-          ) : null}
-        </Space>
-      </Modal>
-      <Space direction="vertical">
-        <div
-          style={{
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            ...containerStyles,
-          }}
-        >
-          <div style={{ position: 'relative' }}>
-            <Button
-              style={{
-                background: 'transparent',
-                borderStyle: 'dashed',
-                height: 'auto',
-                display: 'block',
-              }}
-              onClick={() => setShow(true)}
-            >
-              {medium ? (
-                <img
-                  src={medium.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']}
-                  alt={medium.alt_text}
-                  width="100%"
-                />
-              ) : (
-                <ImagePlaceholder maxWidth={maxWidth} />
-              )}
-            </Button>
-            {medium && (
-              <Button
-                style={{ position: 'absolute', bottom: 0, left: 0, maxWidth: '52px' }}
-                onClick={() => {
-                  onChange(null);
-                  setSelected(null);
-                }}
-              >
-                <DeleteOutlined />
-              </Button>
-            )}
-          </div>
-        </div>
-      </Space>
-    </>
-  );
-}
-
-export default MediaSelector;
diff --git a/studio/src/components/MediaSelector/index.test.js b/studio/src/components/MediaSelector/index.test.js
deleted file mode 100644
index 279612c88..000000000
--- a/studio/src/components/MediaSelector/index.test.js
+++ /dev/null
@@ -1,230 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import { useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { Radio } from 'antd';
-import '../../matchMedia.mock';
-import MediaSelector from './index';
-import MediaUploader from './UploadMedium';
-import { mount } from 'enzyme';
-import { DeleteOutlined } from '@ant-design/icons';
-import * as actions from '../../actions/media';
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../actions/media', () => ({
-  getMedium: jest.fn(),
-  getMedia: jest.fn(),
-  createMedium: jest.fn(),
-}));
-let state = {
-  spaces: {
-    orgs: [
-      {
-        id: 1,
-        name: 'org 1',
-        slug: 'org-1',
-        spaces: [11],
-      },
-    ],
-    details: {
-      11: {
-        id: 11,
-        organisation_id: 1,
-        name: 'name',
-        slug: 'slug',
-        logo_id: 1,
-        logo_mobile_id: 1,
-        fav_icon_id: 1,
-        mobile_icon_id: 1,
-      },
-    },
-    loading: false,
-    selected: 11,
-  },
-  media: {
-    req: [
-      {
-        data: [1, 2],
-        query: { page: 1, limit: 8 },
-        total: 2,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        name: 'Medium -1',
-        url: 'some-url',
-        file_size: 'file_size',
-        caption: 'caption',
-        description: 'description',
-      },
-      '2': {
-        id: 2,
-        name: 'Medium - 2',
-        url: 'some-url',
-        file_size: 'file_size',
-        caption: 'caption',
-        description: 'description',
-      },
-    },
-    loading: false,
-  },
-};
-
-describe('Media List component', () => {
-  let store;
-  let mockedDispatch;
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore(() => {});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-
-    it('should match component with data', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <MediaSelector value={1} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore(state);
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn(() => Promise.resolve({}));
-      useDispatch.mockReturnValue(mockedDispatch);
-      window.REACT_APP_COMPANION_URL = 'http://127.0.0.1:3020';
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should handle open and close modal', () => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MediaSelector />
-          </Provider>,
-        );
-      });
-      const selectButton = wrapper.find('Button').at(0);
-      expect(selectButton.text()).toBe('');
-      selectButton.simulate('click');
-      expect(wrapper.find('Modal').props().visible).toBe(true);
-      const closeButton = wrapper.find('Button').at(0);
-      expect(closeButton.text()).toBe('Cancel');
-      closeButton.simulate('click');
-      expect(wrapper.find('Modal').props().visible).toBe(false);
-    });
-    it('should select image', () => {
-      const onChange = jest.fn();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MediaSelector value={1} onChange={onChange} />
-          </Provider>,
-        );
-      });
-      const selectButton = wrapper.find('Button').at(0);
-      expect(selectButton.text()).toBe('');
-      selectButton.simulate('click');
-      wrapper
-        .find(Radio.Group)
-        .at(0)
-        .props()
-        .onChange({ target: { value: 'library' } });
-      wrapper.update();
-      wrapper.find('Avatar').at(1).simulate('click');
-      const okButton = wrapper.find('Button').at(1);
-      expect(okButton.text()).toBe('Ok');
-      okButton.simulate('click');
-      expect(onChange).toHaveBeenCalledWith(2);
-    });
-    it('should handle Tab change and unselect image', () => {
-      const onChange = jest.fn();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MediaSelector value={1} onChange={onChange} />
-          </Provider>,
-        );
-      });
-      const selectButton = wrapper.find('Button').at(0);
-
-      selectButton.simulate('click');
-
-      wrapper
-        .find(Radio.Group)
-        .at(0)
-        .props()
-        .onChange({ target: { value: 'library' } });
-      wrapper.update();
-
-      wrapper.find('Avatar').at(0).simulate('click');
-      wrapper.find('Modal').props().onCancel();
-
-      expect(onChange).not.toHaveBeenCalled();
-    });
-    it('should handle media upload', (done) => {
-      const onChange = jest.fn();
-      actions.createMedium.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MediaSelector onChange={onChange} />
-          </Provider>,
-        );
-      });
-
-      const selectButton = wrapper.find('Button').at(0);
-      expect(selectButton.text()).toBe('');
-      selectButton.simulate('click');
-      wrapper
-        .find(Radio.Group)
-        .at(0)
-        .props()
-        .onChange({ target: { value: 'upload' } });
-      wrapper.update();
-      wrapper
-        .find(MediaUploader)
-        .props()
-        .onMediaUpload([{ id: 1, test: 'test', name: 'Medium -1' }], {
-          id: 1,
-          test: 'test',
-          name: 'Medium -1',
-        });
-      setTimeout(() => {
-        expect(actions.getMedia).toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should handle delete', () => {
-      const onChange = jest.fn();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MediaSelector onChange={onChange} value={1} />
-          </Provider>,
-        );
-      });
-      wrapper.update();
-      const deleteButton = wrapper.find('Button').at(1);
-      expect(deleteButton.find(DeleteOutlined).length).not.toBe(0);
-      deleteButton.simulate('click');
-      expect(onChange).toHaveBeenCalledWith(null);
-    });
-  });
-});
diff --git a/studio/src/components/MediaSelector/index.tsx b/studio/src/components/MediaSelector/index.tsx
new file mode 100644
index 000000000..269caf47d
--- /dev/null
+++ b/studio/src/components/MediaSelector/index.tsx
@@ -0,0 +1,206 @@
+import React, { useEffect, useState } from "react";
+import { useSelector } from "react-redux";
+import { Trash2, Upload } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Dialog, DialogContent, DialogTitle } from "@/components/ui/dialog";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import { Label } from "@/components/ui/label";
+import MediaUploader from "./UploadMedium";
+import MediaList from "./MediaList";
+import { getMedium } from "../../actions/media";
+import ImagePlaceholder from "../ErrorsAndImage/PlaceholderImage";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { useIsMobile } from "@/hooks/use-mobile";
+
+interface Medium {
+  id: string;
+  url: {
+    proxy?: string;
+    raw: string;
+  };
+  alt_text?: string;
+}
+
+interface MediaSelectorProps {
+  value?: string | number | null;
+  onChange: (value: string | null) => void;
+  maxWidth?: number | string;
+  containerStyles?: React.CSSProperties;
+  profile?: boolean;
+}
+
+function MediaSelector({
+  value = null,
+  onChange,
+  maxWidth,
+  containerStyles = {},
+  profile = false,
+}: MediaSelectorProps) {
+  const [show, setShow] = useState<boolean>(false);
+  const [selected, setSelected] = useState<Medium | null>(null);
+  const [tab, setTab] = useState<"upload" | "library">("upload");
+  const dispatch = useAppDispatch();
+  const isMobile = useIsMobile();
+
+  const medium = useSelector((state: any) => {
+    // Convert number to string if needed for lookup
+    const lookupId = value !== null ? String(value) : null;
+    return lookupId ? state.media.details[lookupId] || null : null;
+  });
+
+  const setValue = (): void => {
+    // This function is passed to MediaList to help clear selection
+    setSelected(null);
+  };
+
+  // Set selected medium when it's loaded or value changes
+  useEffect(() => {
+    if (!selected && value && medium) {
+      setSelected(medium);
+    }
+  }, [selected, value, medium]);
+
+  // Load medium details when value is provided
+  useEffect(() => {
+    if (value) {
+      dispatch(getMedium(String(value), profile));
+    }
+  }, [value, dispatch, profile]);
+
+  // Handle successful upload in the upload tab
+  const onUpload = (_values: any, medium: Medium): void => {
+    setSelected(medium);
+    onChange(medium.id);
+    setShow(false);
+  };
+
+  // Calculate responsive container styles
+  const responsiveContainerStyles = {
+    ...containerStyles,
+    width: isMobile ? "100%" : containerStyles.width || "100%",
+    height: isMobile ? "160px" : containerStyles.height || "220px",
+  };
+
+  // Handle button click to prevent form submission
+  const handleMediaButtonClick = (
+    e: React.MouseEvent<HTMLButtonElement>
+  ): void => {
+    e.preventDefault(); // Prevent form submission
+    setShow(true);
+  };
+
+  // Handle trash button click to prevent form submission
+  const handleTrashButtonClick = (
+    e: React.MouseEvent<HTMLButtonElement>
+  ): void => {
+    e.preventDefault(); // Prevent form submission
+    onChange(null);
+    setSelected(null);
+  };
+
+  return (
+    <>
+      <Dialog open={show} onOpenChange={(open) => setShow(open)}>
+        <DialogContent
+          className={`${
+            isMobile ? "w-[95vw] max-w-[95vw] p-4" : "sm:max-w-[800px]"
+          }`}
+        >
+          <DialogTitle className="text-lg font-medium">
+            Select Media
+          </DialogTitle>
+
+          <div className="flex flex-col space-y-4">
+            <RadioGroup
+              defaultValue={tab}
+              onValueChange={(value) => setTab(value as "upload" | "library")}
+              className="flex space-x-1"
+            >
+              <div className="flex items-center space-x-2">
+                <RadioGroupItem value="upload" id="upload" />
+                <Label htmlFor="upload">Upload</Label>
+              </div>
+              <div className="flex items-center space-x-2">
+                <RadioGroupItem value="library" id="library" />
+                <Label htmlFor="library">Library</Label>
+              </div>
+            </RadioGroup>
+
+            {tab === "library" ? (
+              <MediaList
+                onSelect={setSelected}
+                selected={selected}
+                onUnselect={setValue}
+                profile={profile}
+              />
+            ) : (
+              <MediaUploader onMediaUpload={onUpload} profile={profile} />
+            )}
+          </div>
+        </DialogContent>
+      </Dialog>
+
+      <div className="flex flex-col space-y-4 w-full">
+        <div
+          className="flex flex-col justify-center items-center"
+          style={responsiveContainerStyles}
+        >
+          <div className="relative w-full h-full mx-auto">
+            <Button
+              type="button"
+              variant="outline"
+              className="h-full w-full py-4 px-4 block border-dashed bg-transparent hover:bg-gray-50"
+              onClick={handleMediaButtonClick}
+            >
+              <div className="flex flex-col items-center space-y-3">
+                {medium ? (
+                  <div className="flex justify-center w-full">
+                    <img
+                      src={
+                        medium.url?.[
+                          import.meta.env.VITE_ENABLE_IMGPROXY === "true"
+                            ? "proxy"
+                            : "raw"
+                        ]
+                      }
+                      alt={medium.alt_text || "Selected media"}
+                      className="max-w-full max-h-32 object-contain"
+                    />
+                  </div>
+                ) : (
+                  <>
+                    <div className="flex justify-center w-full">
+                      <ImagePlaceholder
+                        maxWidth={isMobile ? "80px" : maxWidth || "120px"}
+                      />
+                    </div>
+                    <div className="flex items-center space-x-2 text-gray-500 text-center">
+                      <Upload className="h-4 w-4" />
+                      <span className={isMobile ? "text-sm" : ""}>
+                        {isMobile
+                          ? "Choose media"
+                          : "Choose from uploads or drag and drop"}
+                      </span>
+                    </div>
+                  </>
+                )}
+              </div>
+            </Button>
+            {medium && (
+              <Button
+                type="button"
+                variant="outline"
+                className="absolute bottom-2 left-2 max-w-[42px] h-8 p-0"
+                onClick={handleTrashButtonClick}
+              >
+                <Trash2 className="h-4 w-4" />
+              </Button>
+            )}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default MediaSelector;
diff --git a/studio/src/components/MobileBreadcrumb/index.tsx b/studio/src/components/MobileBreadcrumb/index.tsx
new file mode 100644
index 000000000..9a52cbdc2
--- /dev/null
+++ b/studio/src/components/MobileBreadcrumb/index.tsx
@@ -0,0 +1,41 @@
+import React from "react";
+import {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbSeparator,
+  BreadcrumbPage,
+} from "@/components/ui/breadcrumb";
+
+interface MobileBreadcrumbProps {
+  currentPage: string;
+  parentLabel?: string;
+}
+
+const MobileBreadcrumb: React.FC<MobileBreadcrumbProps> = ({
+  currentPage,
+  parentLabel,
+}) => {
+  // If parentLabel is provided, use it directly
+  const parentText = parentLabel || "Home";
+
+  return (
+    <div className="pt-1">
+      <Breadcrumb>
+        <BreadcrumbList>
+          <BreadcrumbItem>
+            <BreadcrumbPage>{parentText}</BreadcrumbPage>
+          </BreadcrumbItem>
+
+          <BreadcrumbSeparator />
+
+          <BreadcrumbItem>
+            <BreadcrumbPage>{currentPage}</BreadcrumbPage>
+          </BreadcrumbItem>
+        </BreadcrumbList>
+      </Breadcrumb>
+    </div>
+  );
+};
+
+export default MobileBreadcrumb;
diff --git a/studio/src/components/MonacoEditor/index.js b/studio/src/components/MonacoEditor/index.js
deleted file mode 100644
index 7a849fe14..000000000
--- a/studio/src/components/MonacoEditor/index.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import Editor from '@monaco-editor/react';
-
-export const MonacoEditor = ({ value, onChange, language, width }) => {
-  return (
-    <Editor
-      height={'240px'}
-      width={width ? '100%' : '440px'}
-      theme="vs-dark"
-      autoClosingBrackets="auto"
-      autoClosingQuotes="auto"
-      cursorBlinking="smooth"
-      folding={true}
-      lineNumbersMinChars={4}
-      minimap={{ enabled: false }}
-      scrollBeyondLastLine={false}
-      wordWrap="on"
-      onChange={onChange}
-      scrollbar={{
-        alwaysConsumeMouseWheel: false,
-      }}
-      defaultLanguage={language}
-      defaultValue={value}
-    />
-  );
-};
-
-export default MonacoEditor;
diff --git a/studio/src/components/MonacoEditor/index.tsx b/studio/src/components/MonacoEditor/index.tsx
new file mode 100644
index 000000000..3e8c1051f
--- /dev/null
+++ b/studio/src/components/MonacoEditor/index.tsx
@@ -0,0 +1,149 @@
+import React from "react";
+import Editor from "@monaco-editor/react";
+import { cn } from "@/lib/utils";
+import { Card, CardContent } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { CopyIcon } from "lucide-react";
+
+interface MonacoEditorProps {
+  value?: string | Record<string, any>;
+  onChange: (value: string | undefined) => void;
+  language: string;
+  width?: string;
+  height?: string;
+  title?: string;
+  themes?: string[];
+  languages?: string[];
+  className?: string;
+  borderless?: boolean;
+}
+
+export const MonacoEditor: React.FC<MonacoEditorProps> = ({
+  value,
+  onChange,
+  language,
+  width = "100%",
+  height = "240px",
+  title = "Editor",
+  themes = ["vs-dark", "light"],
+  languages = [],
+  className,
+  borderless = false,
+}) => {
+  const [currentTheme, setCurrentTheme] = React.useState(themes[0]);
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  const [currentLanguage, setCurrentLanguage] = React.useState(language);
+
+  // Handle copy to clipboard
+  const handleCopy = () => {
+    navigator.clipboard.writeText(typeof value === "string" ? value : JSON.stringify(value));
+  };
+
+  // Handle expand/collapse
+  const toggleExpand = () => {
+    setIsExpanded(!isExpanded);
+  };
+
+  // Update language if prop changes
+  React.useEffect(() => {
+    setCurrentLanguage(language);
+  }, [language]);
+
+  return (
+    <Card
+      className={cn(
+        borderless ? "border-0 shadow-none" : "border shadow-sm",
+        "overflow-hidden",
+        className
+      )}
+    >
+      <div className="flex items-center justify-between p-3 border-b">
+        <div className="font-medium">{title}</div>
+        <div className="flex items-center gap-2">
+          {languages.length > 0 && (
+            <Select
+              value={currentLanguage}
+              onValueChange={(lang) => setCurrentLanguage(lang)}
+            >
+              <SelectTrigger className="h-8 w-32">
+                <SelectValue placeholder="Language" />
+              </SelectTrigger>
+              <SelectContent>
+                {languages.map((lang) => (
+                  <SelectItem key={lang} value={lang}>
+                    {lang}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          )}
+
+          {themes.length > 1 && (
+            <Tabs
+              value={currentTheme}
+              onValueChange={setCurrentTheme}
+              className="w-24"
+            >
+              <TabsList className="h-8">
+                <TabsTrigger value="vs-dark" className="text-xs">
+                  Dark
+                </TabsTrigger>
+                <TabsTrigger value="light" className="text-xs">
+                  Light
+                </TabsTrigger>
+              </TabsList>
+            </Tabs>
+          )}
+
+          <Button
+            variant="ghost"
+            size="icon"
+            onClick={handleCopy}
+            title="Copy code"
+          >
+            <CopyIcon className="h-4 w-4" />
+          </Button>
+        </div>
+      </div>
+
+      <CardContent className="p-0 rounded-b-lg overflow-hidden">
+        <Editor
+          height={isExpanded ? "500px" : height}
+          width={width}
+          theme={currentTheme}
+          options={{
+            autoClosingBrackets: "always",
+            autoClosingQuotes: "always",
+            cursorBlinking: "smooth",
+            folding: true,
+            lineNumbersMinChars: 4,
+            minimap: { enabled: false },
+            scrollBeyondLastLine: false,
+            wordWrap: "on",
+            scrollbar: {
+              alwaysConsumeMouseWheel: false,
+            },
+            padding: { top: 10 },
+            fontFamily: "'JetBrains Mono', monospace",
+            fontSize: 14,
+            renderLineHighlight: "all",
+          }}
+          onChange={onChange}
+          language={currentLanguage}
+          value={typeof value === "string" ? value : JSON.stringify(value)}
+          className="border-none"
+        />
+      </CardContent>
+    </Card>
+  );
+};
+
+export default MonacoEditor;
diff --git a/studio/src/components/NotFound/index.tsx b/studio/src/components/NotFound/index.tsx
new file mode 100644
index 000000000..1dec9cbc0
--- /dev/null
+++ b/studio/src/components/NotFound/index.tsx
@@ -0,0 +1,14 @@
+import { Link } from "react-router-dom";
+import { Button } from "../ui/button";
+
+const NotFound = () => (
+  <div className="flex flex-col items-center justify-center min-h-screen">
+    <h1 className="text-4xl font-bold mb-4">404</h1>
+    <p className="text-gray-600 mb-6">Sorry, page not found</p>
+    <Link to="/">
+      <Button variant="default">Back Home</Button>
+    </Link>
+  </div>
+);
+
+export default NotFound;
diff --git a/studio/src/components/Notifications/Notifications.tsx b/studio/src/components/Notifications/Notifications.tsx
new file mode 100644
index 000000000..696757d36
--- /dev/null
+++ b/studio/src/components/Notifications/Notifications.tsx
@@ -0,0 +1,32 @@
+import React, { useEffect } from "react";
+import { useSelector } from "react-redux";
+import { RootState } from "../../types";
+import { Toaster, toast } from "sonner";
+
+export const Notifications: React.FC = () => {
+  const notification = useSelector((state: RootState) => state.notifications);
+
+  useEffect(() => {
+    if (notification.message) {
+      // Show toast notification based on type
+      if (notification.type === "error") {
+        toast.error(notification.message, {
+          description: notification.description || undefined,
+          position: "top-right",
+        });
+      } else if (notification.type === "success") {
+        toast.success(notification.message, {
+          description: notification.description || undefined,
+          position: "top-right",
+        });
+      }
+    }
+  }, [
+    notification.message,
+    notification.type,
+    notification.description,
+    notification.time,
+  ]);
+
+  return <Toaster />;
+};
diff --git a/studio/src/components/PageHeader/index.js b/studio/src/components/PageHeader/index.js
deleted file mode 100644
index f69e32c47..000000000
--- a/studio/src/components/PageHeader/index.js
+++ /dev/null
@@ -1,149 +0,0 @@
-import React, { useMemo } from 'react';
-import { Link, useLocation, useMatch, useNavigate } from 'react-router-dom';
-import { LeftOutlined } from '@ant-design/icons';
-import { PageHeader as AntPageHeader } from '@ant-design/pro-layout';
-import routes from '../../config/routesConfig';
-import _ from 'lodash';
-import { matchPath } from 'react-router';
-import { useSelector } from 'react-redux';
-
-function Pageheader() {
-  const state = useSelector((state) => state);
-  const location = useLocation();
-  const history = useNavigate();
-  const pathSnippets = location.pathname.split('/').filter((i) => i);
-  const entity =
-    pathSnippets[0] === 'fact-checks'
-      ? 'posts'
-      : (pathSnippets[0] === 'website' && pathSnippets[1] === 'menus') ||
-        (pathSnippets[0] === 'advanced' && pathSnippets[1] === 'formats') ||
-        (pathSnippets[0] === 'admin' && pathSnippets[1] === 'events') ||
-        (pathSnippets[0] === 'advanced' && pathSnippets[1] === 'webhooks')
-      ? pathSnippets[1]
-      : pathSnippets[0];
-
-  const isBreadCrumbsHidden =
-    (pathSnippets.includes('edit') || pathSnippets.includes('create')) &&
-    (entity === 'posts' || entity === 'pages' || entity === 'fact-checks'); // redundant entity check for fact-checks?
-  const breadcrumbItems = useMemo(() => {
-    const urlBreadcrumbItems = pathSnippets.map((empty, index) => {
-      const url = `/${pathSnippets.slice(0, index + 1).join('/')}`;
-      const route = _.find(routes, { path: url });
-      if (route && !isBreadCrumbsHidden) {
-        return {
-          path: route.path,
-          breadcrumbName: route.title,
-        };
-      } else {
-        if (url === '/permissions' && !pathSnippets[index + 2])
-          return { breadcrumbName: 'Permissions' };
-        if (url === '/spaces' && !pathSnippets[index + 2]) return { breadcrumbName: 'Spaces' };
-        if (
-          index === pathSnippets.length - 1 &&
-          !(
-            location.pathname.includes('permissions') ||
-            location.pathname.includes('spaces') ||
-            location.pathname.includes('members')
-          )
-        ) {
-          if (pathSnippets.includes('edit') && !state[entity].loading) {
-            const generatedReferenceURL = `/${pathSnippets.slice(0, index - 1).join('/')}`
-              .concat('/:id/')
-              .concat(pathSnippets.slice(index, index + 2).join('/'));
-            let match = matchPath({ path: generatedReferenceURL }, location.pathname);
-
-            if (match) {
-              const route = _.find(routes, { path: generatedReferenceURL });
-              if (route) {
-                const entityId = pathSnippets[index - 1];
-                if (!state[entity].details[pathSnippets[index - 1]]) {
-                  return null;
-                } else {
-                  return {
-                    path: route.path,
-                    breadcrumbName:
-                      state[entity].details[entityId]?.name ||
-                      state[entity].details[entityId]?.title ||
-                      state[entity].details[entityId]?.claim,
-                  };
-                }
-              }
-            }
-          }
-        }
-        if (isBreadCrumbsHidden) {
-          return null;
-        }
-        return null;
-      }
-    });
-    return _.filter(urlBreadcrumbItems);
-  }, [pathSnippets, location.pathname]);
-
-  const handleOnBack = () => {
-    if (isBreadCrumbsHidden) {
-      if (
-        ['posts', 'fact-checks', 'pages'].includes(pathSnippets[0]) &&
-        pathSnippets[2] === 'edit'
-      ) {
-        history('/' + pathSnippets[0]);
-        return;
-      }
-      window.history.back();
-    }
-    return null;
-  };
-  const getTitle = (entityType) => {
-    switch (entityType) {
-      case 'fact-checks':
-        return 'Fact-Checks';
-      case 'posts':
-        return 'Posts';
-      case 'pages':
-        return 'Pages';
-      default:
-        return;
-    }
-  };
-  const itemRender = (route, params, routes, paths) => {
-    const last = routes.indexOf(route) === routes.length - 1;
-    if (last && routes.length > 1) {
-      return (
-        !isBreadCrumbsHidden && (
-          <h2 style={{ display: 'inline', color: '#000000d9' }}>{route.breadcrumbName}</h2>
-        )
-      );
-    }
-    return (
-      !isBreadCrumbsHidden && (
-        <h2 style={{ display: 'inline' }}>
-          <Link style={routes.length === 1 ? { color: '#000000d9' } : null} to={route.path}>
-            {route.breadcrumbName}
-          </Link>
-        </h2>
-      )
-    );
-  };
-
-  if (
-    (state[entity] && !state[entity].loading) ||
-    ['members', 'advanced', 'website', 'admin'].includes(entity) ||
-    location.pathname.split('/').pop() === 'create'
-  )
-    return (
-      <AntPageHeader
-        backIcon={isBreadCrumbsHidden ? <LeftOutlined /> : null}
-        ghost={false}
-        title={isBreadCrumbsHidden ? getTitle(pathSnippets[0]) : null}
-        onBack={handleOnBack}
-        breadcrumb={{
-          itemRender,
-          routes: breadcrumbItems,
-          separator: <h2 style={{ display: 'inline', color: 'inherit' }}>&gt;</h2>,
-        }}
-      />
-    );
-  else return null;
-}
-
-export default Pageheader;
diff --git a/studio/src/components/PageNavigation.tsx b/studio/src/components/PageNavigation.tsx
new file mode 100644
index 000000000..f03f0b95a
--- /dev/null
+++ b/studio/src/components/PageNavigation.tsx
@@ -0,0 +1,87 @@
+import useWindowSize from "@/hooks/use-mobile";
+import { Button } from "@/components/ui/button";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+
+
+function PageNavigation({ limit, total, setFilters, filters, totalPages, page }) {
+
+	const { isMobileScreen } = useWindowSize();
+
+	return (
+		<div className="flex items-center w-full flex-col gap-6 justify-between py-2 border-t mt-auto">
+
+			<div className="flex items-center w-full justify-between py-4 space-x-4">
+				<p className="text-sm text-muted-foreground">
+					{page > 0 && total > 0
+						? `${(page - 1) * limit + 1}-${Math.min(
+							page * limit,
+							total
+						)} out of ${total} results`
+						: `0-0 out of ${total} results`}
+				</p>
+
+
+				<div className="flex items-center space-x-2">
+					<span className="text-sm text-muted-foreground">
+						Rows per page:
+					</span>
+					<select
+						className="h-8 rounded-md border border-input px-2"
+						value={limit}
+						onChange={(e) =>
+							setFilters({
+								...filters,
+								limit: Number(e.target.value),
+								page: 1,
+							})
+						}
+					>
+						<option value={10}>10</option>
+						<option value={15}>15</option>
+						<option value={20}>20</option>
+					</select>
+				</div>
+			</div>
+			<div className="flex w-full justify-between">
+
+				<div className="flex items-center space-x-1">
+					<span className="text-sm">
+						Page {page} of {totalPages}
+					</span>
+				</div>
+
+				<div className="flex items-center space-x-1 justify-between">
+					<Button
+						variant="outline"
+						size="default"
+						onClick={() =>
+							page > 1 && setFilters({ ...filters, page: page - 1 })
+						}
+						disabled={true}
+					>
+
+						<ChevronLeft />
+						{!isMobileScreen && 'Previous'}
+					</Button>
+					<Button
+						variant="outline"
+						size="default"
+						onClick={() =>
+							page < totalPages && setFilters({ ...filters, page: page + 1 })
+						}
+						disabled={page >= totalPages}
+					>
+						{!isMobileScreen && 'Next'}
+						<ChevronRight />
+					</Button>
+
+
+				</div>
+
+			</div>
+
+		</div>
+	)
+}
+
+export default PageNavigation
diff --git a/studio/src/components/Pagination/index.tsx b/studio/src/components/Pagination/index.tsx
new file mode 100644
index 000000000..4f78f679f
--- /dev/null
+++ b/studio/src/components/Pagination/index.tsx
@@ -0,0 +1,199 @@
+import React from "react";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Button } from "@/components/ui/button";
+import {
+  ChevronLeft,
+  ChevronRight,
+  ChevronsLeft,
+  ChevronsRight,
+} from "lucide-react";
+import { useIsMobile } from "@/hooks/use-mobile";
+
+interface PaginationProps {
+  currentPage: number;
+  totalPages: number;
+  totalItems: number;
+  pageSize: number;
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+  isMobile?: boolean;
+}
+
+const Pagination: React.FC<PaginationProps> = ({
+  currentPage,
+  totalPages,
+  pageSize,
+  onPageChange,
+  onPageSizeChange,
+  isMobile: forceMobile,
+}) => {
+  const detectedMobile = useIsMobile();
+  const isMobile = forceMobile !== undefined ? forceMobile : detectedMobile;
+  const pageSizeOptions = [10, 20, 50, 100];
+
+  const handlePageSizeChange = (value: string) => {
+    onPageSizeChange(Number(value));
+  };
+
+  // Mobile layout
+  if (isMobile) {
+    return (
+      <div className="flex flex-col w-full py-2 px-4">
+        {/* Top row - Rows per page */}
+        <div className="flex justify-end mb-3">
+          <div className="flex items-center gap-2 text-sm text-gray-700">
+            <span>Rows per page:</span>
+            <Select
+              value={pageSize.toString()}
+              onValueChange={handlePageSizeChange}
+            >
+              <SelectTrigger className="h-8 w-16">
+                <SelectValue placeholder={pageSize.toString()} />
+              </SelectTrigger>
+              <SelectContent>
+                {pageSizeOptions.map((size) => (
+                  <SelectItem key={size} value={size.toString()}>
+                    {size}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+
+        {/* Bottom row - Page indicator and navigation */}
+        <div className="flex justify-between items-center">
+          {/* Page indicator */}
+          <div className="flex items-center text-sm text-gray-700">
+            <span>
+              Page {currentPage} of {totalPages}
+            </span>
+          </div>
+
+          {/* Navigation buttons */}
+          <div className="flex items-center gap-1">
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => onPageChange(1)}
+              disabled={currentPage === 1}
+              className="h-8 w-8"
+            >
+              <ChevronsLeft className="h-4 w-4" />
+            </Button>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => onPageChange(currentPage - 1)}
+              disabled={currentPage === 1}
+              className="h-8 w-8"
+            >
+              <ChevronLeft className="h-4 w-4" />
+            </Button>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => onPageChange(currentPage + 1)}
+              disabled={currentPage === totalPages}
+              className="h-8 w-8"
+            >
+              <ChevronRight className="h-4 w-4" />
+            </Button>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => onPageChange(totalPages)}
+              disabled={currentPage === totalPages}
+              className="h-8 w-8"
+            >
+              <ChevronsRight className="h-4 w-4" />
+            </Button>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  // Desktop layout
+  return (
+    <div className="flex items-center justify-between py-3 gap-6 w-full px-4">
+      <div className="flex items-center justify-between w-full">
+        <div className="flex items-center gap-2 text-sm text-gray-700">
+          <span>Rows per page:</span>
+          <Select
+            value={pageSize.toString()}
+            onValueChange={handlePageSizeChange}
+          >
+            <SelectTrigger className="h-8 w-16">
+              <SelectValue placeholder={pageSize.toString()} />
+            </SelectTrigger>
+            <SelectContent>
+              {pageSizeOptions.map((size) => (
+                <SelectItem key={size} value={size.toString()}>
+                  {size}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+
+        {/* Right section - Pagination controls */}
+        <div className="flex items-center gap-4">
+          <div className="flex items-center text-sm text-gray-700">
+            <span>
+              Page {currentPage} of {totalPages}
+            </span>
+          </div>
+
+          {/* Navigation buttons */}
+          <div className="flex items-center gap-1">
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => onPageChange(1)}
+              disabled={currentPage === 1}
+              className="h-8 w-8"
+            >
+              <ChevronsLeft className="h-4 w-4" />
+            </Button>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => onPageChange(currentPage - 1)}
+              disabled={currentPage === 1}
+              className="h-8 w-8"
+            >
+              <ChevronLeft className="h-4 w-4" />
+            </Button>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => onPageChange(currentPage + 1)}
+              disabled={currentPage === totalPages}
+              className="h-8 w-8"
+            >
+              <ChevronRight className="h-4 w-4" />
+            </Button>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={() => onPageChange(totalPages)}
+              disabled={currentPage === totalPages}
+              className="h-8 w-8"
+            >
+              <ChevronsRight className="h-4 w-4" />
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Pagination;
diff --git a/studio/src/components/PaginationFooter.tsx b/studio/src/components/PaginationFooter.tsx
new file mode 100644
index 000000000..e38147040
--- /dev/null
+++ b/studio/src/components/PaginationFooter.tsx
@@ -0,0 +1,76 @@
+import Pagination from "@/components/Pagination";
+
+import { useSidebar } from "@/components/ui/sidebar";
+
+export interface PaginationFooterProps {
+  currentPage: number;
+  totalPages: number;
+  totalItems: number;
+  pageSize: number;
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+}
+
+const PaginationFooter = ({
+  currentPage,
+  totalPages,
+  totalItems,
+  pageSize,
+  onPageChange,
+  onPageSizeChange,
+}: PaginationFooterProps) => {
+  // Get sidebar state from hook
+  const { state, isMobile } = useSidebar();
+
+  // Define sidebar widths
+  const SIDEBAR_WIDTH = "16rem";
+  const SIDEBAR_WIDTH_ICON = "5rem";
+
+  // Calculate the number of selected items (assuming this is tracked elsewhere)
+  const selectedItems = 0; // Replace with actual selected items count if available
+
+  // Calculate width based on sidebar state
+  let paginationStyle = {};
+
+  if (isMobile) {
+    paginationStyle = {
+      width: "calc(100%)",
+      paddingRight: "32px",
+    };
+  } else if (state === "expanded") {
+    paginationStyle = {
+      width: `calc(100% - ${SIDEBAR_WIDTH})`,
+      paddingRight: "48px",
+    };
+  } else {
+    // Collapsed state
+    paginationStyle = {
+      width: `calc(100% - ${SIDEBAR_WIDTH_ICON})`,
+      paddingRight: "48px",
+    };
+  }
+
+  return (
+    <div className="fixed bottom-0 z-10 bg-white w-full">
+      <div
+        style={{
+          ...paginationStyle,
+          transition: "margin-left 0.3s ease, width 0.3s ease",
+        }}
+      >
+        <Pagination
+          currentPage={currentPage}
+          totalPages={totalPages}
+          totalItems={totalItems}
+          pageSize={pageSize}
+          onPageChange={onPageChange}
+          onPageSizeChange={onPageSizeChange}
+          isMobile={isMobile}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default PaginationFooter;
+
diff --git a/studio/src/components/PasswordInput/index.tsx b/studio/src/components/PasswordInput/index.tsx
new file mode 100644
index 000000000..ba644932f
--- /dev/null
+++ b/studio/src/components/PasswordInput/index.tsx
@@ -0,0 +1,67 @@
+import React, { useState } from "react";
+import { Input } from "@/components/ui/input";
+import { Eye, EyeOff } from "lucide-react";
+import { Label } from "@/components/ui/label";
+import { Button } from "@/components/ui/button";
+
+interface PasswordInputProps {
+  id?: string;
+  name: string;
+  label?: string;
+  value: string;
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  placeholder?: string;
+  required?: boolean;
+  error?: string;
+  type?: string;
+}
+
+const PasswordInput: React.FC<PasswordInputProps> = ({
+  id,
+  name,
+  label,
+  value,
+  onChange,
+  placeholder,
+  required = false,
+  error,
+}) => {
+  const [showPassword, setShowPassword] = useState(false);
+
+  const togglePasswordVisibility = () => {
+    setShowPassword(!showPassword);
+  };
+
+  return (
+    <div className="relative">
+      {label && <Label htmlFor={id}>{label}</Label>}
+      <div className="relative mt-1">
+        <Input
+          id={id}
+          name={name}
+          type={showPassword ? "text" : "password"}
+          value={value}
+          onChange={onChange}
+          placeholder={placeholder}
+          required={required}
+          className={`pr-10 ${error ? "border-red-500" : ""}`}
+        />
+        <Button
+          type="button"
+          variant="ghost"
+          onClick={togglePasswordVisibility}
+          className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-500 focus:outline-none hover:bg-transparent"
+        >
+          {showPassword ? (
+            <Eye className="h-4 w-4" />
+          ) : (
+            <EyeOff className="h-4 w-4" />
+          )}
+        </Button>
+      </div>
+      {error && <p className="mt-1 text-sm text-red-500">{error}</p>}
+    </div>
+  );
+};
+
+export default PasswordInput;
diff --git a/studio/src/components/PreviewSocialCard/index.js b/studio/src/components/PreviewSocialCard/index.js
deleted file mode 100644
index 09017446a..000000000
--- a/studio/src/components/PreviewSocialCard/index.js
+++ /dev/null
@@ -1,289 +0,0 @@
-import React from 'react';
-import './style.css';
-import { useSelector } from 'react-redux';
-
-const getGoogleContainer = ({ formData, siteAddress }) => {
-  return (
-    <div className="preview-container">
-      <h4 style={{ marginBottom: '0.375rem' }}>Search Engine Result Preview:</h4>
-      <div
-        className="seo-container"
-        style={{
-          display: 'flex',
-          width: '100%',
-          marginBottom: '2.4rem',
-          padding: '20px 30px 16px',
-          border: '1px solid #18191b',
-          fontFamily: 'Arial,sans-serif',
-          background: '#fff',
-          borderRadius: '3px',
-        }}
-      >
-        <div className="seo-preview">
-          <div className="flex mb7" style={{ display: 'flex', marginBottom: '2.4rem' }}>
-            <svg fill="none" className="google-logo" viewBox="0 0 92 31">
-              <path
-                d="M39.15 15.898c0 4.303-3.378 7.473-7.525 7.473s-7.526-3.17-7.526-7.473c0-4.334 3.38-7.474 7.526-7.474 4.147 0 7.526 3.14 7.526 7.474zm-3.294 0c0-2.69-1.958-4.529-4.231-4.529-2.273 0-4.231 1.84-4.231 4.529 0 2.662 1.958 4.528 4.231 4.528 2.273 0 4.231-1.87 4.231-4.528z"
-                fill="#EA4335"
-              ></path>
-              <path
-                d="M55.386 15.898c0 4.303-3.379 7.473-7.526 7.473-4.146 0-7.526-3.17-7.526-7.473 0-4.33 3.38-7.474 7.526-7.474 4.147 0 7.526 3.14 7.526 7.474zm-3.294 0c0-2.69-1.959-4.529-4.232-4.529s-4.231 1.84-4.231 4.529c0 2.662 1.958 4.528 4.231 4.528 2.273 0 4.232-1.87 4.232-4.528z"
-                fill="#FBBC05"
-              ></path>
-              <path
-                d="M70.945 8.875v13.418c0 5.52-3.267 7.774-7.13 7.774-3.636 0-5.825-2.423-6.65-4.404l2.868-1.19c.511 1.217 1.763 2.652 3.779 2.652 2.472 0 4.004-1.52 4.004-4.38V21.67h-.115c-.737.906-2.158 1.698-3.95 1.698-3.751 0-7.188-3.255-7.188-7.443 0-4.22 3.437-7.501 7.188-7.501 1.789 0 3.21.792 3.95 1.671h.115V8.88h3.129v-.004zm-2.895 7.05c0-2.632-1.763-4.556-4.005-4.556-2.273 0-4.177 1.924-4.177 4.556 0 2.604 1.904 4.501 4.177 4.501 2.242 0 4.005-1.897 4.005-4.501z"
-                fill="#4285F4"
-              ></path>
-              <path d="M76.103 1.01v21.903H72.89V1.011h3.213z" fill="#34A853"></path>
-              <path
-                d="M88.624 18.357l2.558 1.699c-.826 1.216-2.815 3.312-6.251 3.312-4.262 0-7.445-3.282-7.445-7.474 0-4.444 3.21-7.473 7.076-7.473 3.893 0 5.798 3.086 6.42 4.754l.341.85-10.028 4.137c.768 1.5 1.962 2.264 3.636 2.264 1.678 0 2.841-.822 3.693-2.069zm-7.87-2.688l6.703-2.774c-.368-.933-1.478-1.583-2.783-1.583-1.674 0-4.005 1.472-3.92 4.357z"
-                fill="#EA4335"
-              ></path>
-              <path
-                d="M11.936 13.953v-3.17h10.726c.105.552.159 1.206.159 1.914 0 2.378-.653 5.32-2.757 7.416-2.046 2.123-4.66 3.255-8.124 3.255-6.42 0-11.818-5.21-11.818-11.605C.122 5.368 5.52.158 11.94.158c3.551 0 6.081 1.389 7.982 3.198l-2.246 2.237c-1.363-1.273-3.21-2.264-5.74-2.264-4.688 0-8.354 3.764-8.354 8.434s3.666 8.434 8.354 8.434c3.041 0 4.773-1.216 5.882-2.322.9-.896 1.492-2.176 1.725-3.925l-7.607.003z"
-                fill="#4285F4"
-              ></path>
-            </svg>
-            <div className="seo-search-bar">
-              <svg viewBox="0 0 24 24">
-                <path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
-              </svg>
-            </div>
-          </div>
-          <div className="seo-preview-link">
-            {`${siteAddress}/${formData.meta?.canonical_URL || formData.slug}`}
-          </div>
-          <div className="seo-preview-title">{formData.meta?.title || formData.name}</div>
-          <div className="seo-preview-desc">{formData.meta?.description}</div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const getTwitterContainer = ({ medium, formData, siteAddress }) => {
-  return (
-    <div className="preview-container">
-      <h4 style={{ marginBottom: '0.375rem' }}>Twitter Preview:</h4>
-      <div className="twitter-container">
-        <div className="flex ma4" style={{ display: 'flex', margin: '0.8rem' }}>
-          <span>
-            <svg fill="none" viewBox="0 0 40 40" className="social-icon">
-              <circle cx="20" cy="20" r="20" fill="#51B1EF"></circle>
-              <path
-                d="M30.905 14.268a8.63 8.63 0 01-2.49.686 4.36 4.36 0 001.902-2.403 8.602 8.602 0 01-2.753 1.054c-3.512-3.488-8.463.13-7.396 3.969a12.284 12.284 0 01-8.942-4.543c-1.228 2.093-.428 4.667 1.343 5.798a4.31 4.31 0 01-1.965-.544v.055a4.35 4.35 0 003.48 4.263 4.569 4.569 0 01-1.964.074 4.367 4.367 0 004.053 3.023c-1.918 1.46-4.146 2.062-6.42 1.798 9.793 5.767 19.029-1.783 18.998-10.417 0-.187-.004-.374-.012-.561a9 9 0 002.166-2.248"
-                fill="#fff"
-              ></path>
-            </svg>
-          </span>
-          <div className="w-100" style={{ width: `calc(100% - 26px)` }}>
-            <span className="social-og-title">
-              {formData.meta?.twitter?.title || formData.name}
-            </span>
-            <span className="social-og-time">12 hrs</span>
-            <div
-              className="flex flex-column mt2 mb3"
-              style={{
-                display: 'flex',
-                flexDirection: 'column',
-                marginBottom: '1.2rem',
-                marginTop: '0.8rem',
-              }}
-            >
-              <span
-                className="social-og-desc w-100 mb2"
-                style={{ width: '100%', marginBottom: '0.8rem' }}
-              ></span>
-              <span className="social-og-desc w-60" style={{ width: '60%' }}></span>
-            </div>
-            <div className="social-twitter-post-preview">
-              {medium && (
-                <div
-                  className="social-twitter-preview-image idiot"
-                  style={{
-                    backgroundImage: `url(${
-                      medium?.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']
-                    }?gravity:sm/resize:fill:800:418`,
-                  }} // use ImgProxy url
-                ></div>
-              )}
-              <div className="social-twitter-preview-content">
-                <div className="social-twitter-preview-title">
-                  {formData.meta?.twitter?.title || formData.name}
-                </div>
-                <div className="social-twitter-preview-desc">
-                  {formData.meta?.twitter?.description}
-                </div>
-                <div className="social-twitter-preview-meta">
-                  <svg viewBox="0 0 24 24">
-                    <g fill="#5b7083">
-                      <path d="M11.96 14.945a.833.833 0 01-.203-.027 5.192 5.192 0 01-2.795-1.932c-.832-1.125-1.176-2.508-.968-3.893s.942-2.605 2.068-3.438l3.53-2.608a5.25 5.25 0 017.33 1.1c.83 1.127 1.175 2.51.967 3.895s-.943 2.605-2.07 3.438l-1.48 1.094a.752.752 0 01-.892-1.208l1.48-1.095a3.713 3.713 0 001.476-2.45 3.724 3.724 0 00-.69-2.778 3.745 3.745 0 00-5.23-.784l-3.53 2.608a3.72 3.72 0 00-1.475 2.45c-.15.99.097 1.975.69 2.778a3.701 3.701 0 001.992 1.377.752.752 0 01-.202 1.475z"></path>
-                      <path d="M7.27 22.054a5.24 5.24 0 01-5.193-6.019 5.21 5.21 0 012.07-3.438l1.478-1.094a.752.752 0 01.893 1.208l-1.48 1.095a3.716 3.716 0 00-1.475 2.45c-.148.99.097 1.975.69 2.778a3.745 3.745 0 005.23.785l3.528-2.608a3.744 3.744 0 00.785-5.23 3.7 3.7 0 00-1.992-1.376.75.75 0 01-.52-.927c.112-.4.528-.63.926-.522a5.19 5.19 0 012.794 1.932 5.248 5.248 0 01-1.1 7.33l-3.53 2.608a5.189 5.189 0 01-3.105 1.026z"></path>
-                    </g>
-                  </svg>
-                  {`${siteAddress}/${formData.meta?.twitter?.canonical_URL || formData.slug}`}
-                </div>
-              </div>
-            </div>
-            <div className="social-twitter-reactions">
-              <div className="flex items-center" style={{ display: 'flex', alignItems: 'center' }}>
-                <svg viewBox="0 0 24 24">
-                  <path d="M14.046 2.242l-4.148-.01h-.002c-4.374 0-7.8 3.427-7.8 7.802 0 4.098 3.186 7.206 7.465 7.37v3.828a.85.85 0 00.12.403.744.744 0 001.034.229c.264-.168 6.473-4.14 8.088-5.506 1.902-1.61 3.04-3.97 3.043-6.312v-.017c-.006-4.367-3.43-7.787-7.8-7.788zm3.787 12.972c-1.134.96-4.862 3.405-6.772 4.643V16.67a.75.75 0 00-.75-.75h-.396c-3.66 0-6.318-2.476-6.318-5.886 0-3.534 2.768-6.302 6.3-6.302l4.147.01h.002c3.532 0 6.3 2.766 6.302 6.296-.003 1.91-.942 3.844-2.514 5.176z"></path>
-                </svg>
-                2
-              </div>
-              <div className="flex items-center" style={{ display: 'flex', alignItems: 'center' }}>
-                <svg viewBox="0 0 24 24">
-                  <path d="M23.77 15.67a.749.749 0 00-1.06 0l-2.22 2.22V7.65a3.755 3.755 0 00-3.75-3.75h-5.85a.75.75 0 000 1.5h5.85c1.24 0 2.25 1.01 2.25 2.25v10.24l-2.22-2.22a.749.749 0 10-1.06 1.06l3.5 3.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5a.747.747 0 000-1.06zm-10.66 3.28H7.26c-1.24 0-2.25-1.01-2.25-2.25V6.46l2.22 2.22a.752.752 0 001.062 0 .749.749 0 000-1.06l-3.5-3.5a.747.747 0 00-1.06 0l-3.5 3.5a.749.749 0 101.06 1.06l2.22-2.22V16.7a3.755 3.755 0 003.75 3.75h5.85a.75.75 0 000-1.5z"></path>
-                </svg>
-                11
-              </div>
-              <div className="flex items-center" style={{ display: 'flex', alignItems: 'center' }}>
-                <svg viewBox="0 0 24 24">
-                  <path d="M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.814-1.148 2.354-2.73 4.645-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.376-7.454 13.11-10.037 13.157H12zM7.354 4.225c-2.08 0-3.903 1.988-3.903 4.255 0 5.74 7.034 11.596 8.55 11.658 1.518-.062 8.55-5.917 8.55-11.658 0-2.267-1.823-4.255-3.903-4.255-2.528 0-3.94 2.936-3.952 2.965-.23.562-1.156.562-1.387 0-.014-.03-1.425-2.965-3.954-2.965z"></path>
-                </svg>
-                32
-              </div>
-              <div className="flex items-center" style={{ display: 'flex', alignItems: 'center' }}>
-                <svg viewBox="0 0 24 24">
-                  <path d="M17.53 7.47l-5-5a.749.749 0 00-1.06 0l-5 5a.749.749 0 101.06 1.06l3.72-3.72V15a.75.75 0 001.5 0V4.81l3.72 3.72c.146.147.338.22.53.22s.384-.072.53-.22a.749.749 0 000-1.06z"></path>
-                  <path d="M19.708 21.944H4.292A2.294 2.294 0 012 19.652V14a.75.75 0 011.5 0v5.652c0 .437.355.792.792.792h15.416a.793.793 0 00.792-.792V14a.75.75 0 011.5 0v5.652a2.294 2.294 0 01-2.292 2.292z"></path>
-                </svg>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const getFacebookContainer = ({ medium, formData, siteAddress }) => {
-  return (
-    <div className="preview-container">
-      <h4 style={{ marginBottom: '0.375rem' }}>Facebook Preview:</h4>
-      <div className="og-container">
-        <div
-          className="flex ma3 mb2"
-          style={{ display: 'flex', margin: '1.2rem', marginBottom: '0.8rem' }}
-        >
-          <span>
-            <svg fill="none" viewBox="0 0 40 40" className="social-icon">
-              <path
-                d="M20 40.004c11.046 0 20-8.955 20-20 0-11.046-8.954-20-20-20s-20 8.954-20 20c0 11.045 8.954 20 20 20z"
-                fill="#1977F3"
-              ></path>
-              <path
-                d="M27.785 25.785l.886-5.782h-5.546V16.25c0-1.58.773-3.125 3.26-3.125h2.522V8.204s-2.29-.39-4.477-.39c-4.568 0-7.555 2.767-7.555 7.781v4.408h-5.08v5.782h5.08v13.976a20.08 20.08 0 003.125.242c1.063 0 2.107-.085 3.125-.242V25.785h4.66z"
-                fill="#fff"
-              ></path>
-            </svg>
-          </span>
-          <div>
-            <div className="social-og-title">{formData.meta?.twitter?.title}</div>
-            <div className="social-og-time">12 hrs</div>
-          </div>
-        </div>
-        <div
-          className="flex flex-column ma3 mt2"
-          style={{
-            display: 'flex',
-            flexDirection: 'column',
-            margin: '1.2rem',
-            marginTop: '0.8rem',
-          }}
-        >
-          <span
-            className="social-og-desc w-100 mb2"
-            style={{ width: '100%', marginBottom: '0.8rem' }}
-          ></span>
-          <span className="social-og-desc w-60" style={{ width: '60%' }}></span>
-        </div>
-        <div className="social-og-preview">
-          {medium && (
-            <div
-              className="social-og-preview-image"
-              style={{
-                backgroundImage: `url(${
-                  medium?.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']
-                }?gravity:sm/resize:fill:1200:627)`,
-              }}
-            ></div>
-          )}
-          <div className="social-og-preview-bookmark">
-            <div className="social-og-preview-content">
-              <div className="social-og-preview-meta">
-                {`${siteAddress}/${formData.meta?.facebook?.canonical_URL || formData.slug}`}
-              </div>
-              <div className="social-og-preview-title">
-                {formData.meta?.facebook?.title || formData.name}
-              </div>
-              <div className="social-og-preview-desc">{formData.meta?.facebook?.description}</div>
-            </div>
-          </div>
-        </div>
-        <div className="social-og-reactions">
-          <span className="social-og-likes">
-            <svg fill="none" viewBox="0 0 30 30" className="z-999" style={{ zIndex: '999' }}>
-              <path
-                d="M15 27c6.627 0 12-5.373 12-12S21.627 3 15 3 3 8.373 3 15s5.373 12 12 12z"
-                fill="#5E92FF"
-              ></path>
-              <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M30 15c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0c8.284 0 15 6.716 15 15zm-3 0c0 6.627-5.373 12-12 12S3 21.627 3 15 8.373 3 15 3s12 5.373 12 12z"
-                fill="#fff"
-              ></path>
-              <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M9.246 14.078h2.13c.17 0 .304.135.304.305v6.13c0 .17-.134.304-.304.304h-2.13a.31.31 0 01-.313-.305v-6.13a.31.31 0 01.313-.304zm3.687 5.88h6.506a.869.869 0 00.867-.868.887.887 0 00-.554-.806h.16c.457 0 .833-.501.833-.957a.838.838 0 00-.832-.842h-.161v-.071h.465a.844.844 0 00.841-.832.846.846 0 00-.841-.841h-.465v-.072h.465a.844.844 0 00.841-.832.846.846 0 00-.841-.841h-3.642c-.027-.01-.027-.036 0-.09.045-.09.143-.268.295-.537.152-.268.34-.617.439-1.065.098-.447.09-.993.009-1.423-.072-.42-.224-.733-.412-.93a.954.954 0 00-.653-.296c-.233-.008-.475.054-.645.206-.17.161-.259.403-.304.716-.036.322-.009.716-.018.958-.018.241-.062.34-.214.456-.161.116-.421.268-.663.474a5.221 5.221 0 00-.698.797c-.376.483-1.315 1.7-1.315 2.219v4.94c0 .295.242.537.537.537z"
-                fill="#FEFEFE"
-              ></path>
-            </svg>
-            <svg fill="none" viewBox="0 0 30 30" className="nl1" style={{ marginLeft: '-0.4rem' }}>
-              <path
-                d="M15 27c6.627 0 12-5.373 12-12S21.627 3 15 3 3 8.373 3 15s5.373 12 12 12z"
-                fill="#FF4F67"
-              ></path>
-              <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
-                d="M30 15c0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15C0 6.716 6.716 0 15 0c8.284 0 15 6.716 15 15zm-3 0c0 6.627-5.373 12-12 12S3 21.627 3 15 8.373 3 15 3s12 5.373 12 12z"
-                fill="#fff"
-              ></path>
-              <path
-                d="M14.5 11.441C15.434 9.811 16.375 9 18.25 9 20.317 9 22 11.49 22 13.28c0 3.252-4.484 6.777-7.5 8.72-2.713-1.678-7.5-5.468-7.5-8.72C7 11.49 8.684 9 10.75 9c1.875 0 2.809.811 3.75 2.441z"
-                fill="#FEFEFE"
-              ></path>
-            </svg>
-            182
-          </span>
-          <span className="social-og-comments">7 comments</span>
-          <span className="social-og-comments ml2" style={{ marginLeft: '0.8rem' }}>
-            2 shares
-          </span>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-const SocialCardPreview = ({ image, type, formData, siteAddress }) => {
-  const medium = useSelector((state) => state.media.details[image]);
-  //  add time field
-
-  switch (type) {
-    case 'google':
-      return getGoogleContainer({ formData, siteAddress });
-    case 'twitter':
-      return getTwitterContainer({ medium, formData, siteAddress });
-    case 'fb':
-      return getFacebookContainer({ medium, formData, siteAddress });
-    default:
-      return null;
-  }
-};
-
-export default SocialCardPreview;
diff --git a/studio/src/components/PreviewSocialCard/style.css b/studio/src/components/PreviewSocialCard/style.css
deleted file mode 100644
index dccf32880..000000000
--- a/studio/src/components/PreviewSocialCard/style.css
+++ /dev/null
@@ -1,330 +0,0 @@
-.meta-data-container .ant-collapse-content-box {
-  display: flex;
-}
-.preview-container,
-.preview-form-container {
-  flex-basis: 50%;
-}
-.preview-form-container {
-  margin-right: 2.4rem;
-}
-.seo-container {
-  display: flex;
-  width: 100%;
-  margin-bottom: 2.4rem;
-  padding: 20px 30px 16px;
-  border: 1px solid #18191b;
-  font-family: Arial, sans-serif;
-  background: #fff;
-  border-radius: 3px;
-}
-.seo-preview {
-  display: flex;
-  flex-direction: column;
-  max-width: 600px;
-  margin-bottom: 28px;
-  width: 100%;
-}
-.seo-container .google-logo {
-  width: 92px;
-  height: 30px;
-  margin-right: 32px;
-}
-.meta-data-container svg {
-  position: relative;
-  bottom: 1px;
-  width: 18px;
-  margin-right: 8px;
-}
-.seo-search-bar {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-  width: 100%;
-  height: 28px;
-  background: #f4f5f6;
-  border-radius: 14px;
-}
-.seo-search-bar svg {
-  width: 20px;
-  height: auto;
-  margin-right: 12px;
-  fill: #80868b;
-}
-.seo-preview-link,
-.seo-preview-title {
-  overflow: hidden;
-  font-family: Arial, sans-serif;
-  line-height: 1.3;
-  font-weight: 400;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-wrap: break-word;
-}
-.seo-preview-link {
-  max-width: 340px;
-  margin: 2px 0;
-  color: #202124;
-  font-size: 14px;
-}
-.seo-preview-title {
-  display: inline-block;
-  margin-bottom: 3px;
-  padding-top: 4px;
-  color: #1a0dab;
-  font-size: 20px;
-  -webkit-text-overflow: ellipsis;
-}
-.seo-preview-link,
-.seo-preview-title {
-  overflow: hidden;
-  font-family: Arial, sans-serif;
-  line-height: 1.3;
-  font-weight: 400;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-wrap: break-word;
-}
-.seo-preview-desc {
-  color: #4d5156;
-  font-family: Arial, sans-serif;
-  font-size: 14px;
-  line-height: 22px;
-  font-weight: 400;
-}
-
-/* Twitter */
-
-.twitter-container {
-  width: 591px;
-  margin-bottom: 2.4rem;
-  border: 1px solid #18191b;
-  background: #fff;
-  border-radius: 3px;
-}
-
-.social-twitter-post-preview {
-  overflow: hidden;
-  color: #292f33;
-  font-size: 1.4rem;
-  line-height: 1.3em;
-  border: 1px solid #c4cfd6;
-  background: #fff;
-  border-radius: 16px;
-  -webkit-font-smoothing: antialiased;
-}
-.social-twitter-preview-content {
-  padding: 10px;
-}
-.social-twitter-preview-image {
-  width: 100%;
-  height: 265px;
-  border-bottom: 1px solid #c4cfd6;
-  background-size: cover;
-  background-position: 50%;
-}
-.social-twitter-preview-title {
-  width: 487px;
-  max-height: 20px;
-  overflow: hidden;
-  overflow-wrap: break-word;
-  margin: 0 0 2px;
-  color: #0f1419;
-  font-size: 15px;
-  line-height: 20px;
-  font-weight: 400;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.social-twitter-preview-desc {
-  width: 100%;
-  max-width: 487px;
-  max-height: 40px;
-  overflow: hidden;
-  overflow-wrap: break-word;
-  margin-top: 5px;
-  color: #5b7083;
-  font-size: 15px;
-  line-height: 20px;
-  font-weight: 400;
-  text-overflow: ellipsis;
-  white-space: pre-wrap;
-}
-.social-twitter-preview-meta {
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-  overflow-wrap: break-word;
-  width: 487px;
-  margin-top: 2px;
-  color: #5b7083;
-  font-size: 15px;
-  line-height: 1.3125;
-  font-weight: 400;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.social-twitter-reactions {
-  display: flex;
-  justify-content: space-between;
-  align-items: stretch;
-  flex-shrink: 0;
-  max-width: 425px;
-  margin-top: 10px;
-  color: #5b7083;
-  font-size: 13px;
-  font-weight: 400;
-}
-/* Facebook */
-
-.og-container {
-  width: 476px;
-  margin-bottom: 2.4rem;
-  border: 1px solid #18191b;
-  background: #fff;
-  border-radius: 3px;
-}
-.social-og-title {
-  color: #385898;
-  font-size: 14;
-  line-height: 1.38;
-  font-weight: 600;
-}
-.social-og-time {
-  color: #616770;
-  font-size: 12px;
-  line-height: 1.34;
-  font-weight: 400;
-}
-.social-og-desc {
-  display: inline-block;
-  height: 10px;
-  background: #e9ebee;
-  border-radius: 5px;
-}
-.social-og-desc {
-  display: inline-block;
-  height: 10px;
-  background: #e9ebee;
-  border-radius: 5px;
-}
-
-.social-og-preview {
-  background: #f2f3f5;
-}
-.social-og-preview-bookmark {
-  padding: 10px 12px 8px;
-  border-bottom: 1px solid #dddfe2;
-}
-.social-og-preview-image {
-  width: 100%;
-  height: 247px;
-  border-top: 1px solid #dddfe2;
-  background-size: cover;
-  background-position: 50%;
-}
-.social-og-preview-content {
-  height: 69px;
-  overflow: hidden;
-  margin: 0 -1px 0 -4px;
-  padding: 0 1px 0 4px;
-}
-
-.social-og-preview-meta {
-  overflow: hidden;
-  color: #606770;
-  font-size: 12px;
-  line-height: 16px;
-  text-transform: uppercase;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.social-og-preview-title {
-  max-height: 110px;
-  overflow: hidden;
-  margin: 3px 0 0;
-  padding-top: 2px;
-  color: #1d2129;
-  font-size: 16px;
-  line-height: 22px;
-  font-weight: 600;
-  word-wrap: break-word;
-}
-.social-og-preview-desc {
-  max-height: 20px;
-  overflow: hidden;
-  margin-top: 3px;
-  color: #4b4f56;
-  font-size: 14px;
-  line-height: 20px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  word-wrap: break-word;
-  word-break: break-word;
-}
-.social-og-reactions {
-  display: flex;
-  align-items: center;
-  margin: 12px;
-}
-.social-og-likes {
-  display: flex;
-  flex-grow: 1;
-  overflow: hidden;
-  color: #606770;
-  font-size: 13px;
-  line-height: 20px;
-}
-.social-og-likes svg {
-  width: 20px;
-  height: 20px;
-}
-.social-og-comments {
-  display: flex;
-  flex-shrink: 0;
-  color: #606770;
-  font-size: 13px;
-  line-height: 20px;
-  word-wrap: break-word;
-}
-
-.form-container {
-  background-color: #f0f0f0;
-  width: 500px;
-  height: 100%;
-  padding: 20px;
-  margin: auto;
-}
-
-@media (max-width: 1080px) {
-  .twitter-container {
-    width: 100%;
-    max-width: 591px;
-  }
-  .og-container {
-    width: 100%;
-    max-width: 476px;
-  }
-}
-@media (max-width: 1360px) {
-  .meta-data-container .ant-collapse-content-box {
-    flex-direction: column;
-  }
-  .seo-container {
-    max-width: 591px;
-  }
-}
-@media (min-width: 1080px) {
-  .preview-form-container {
-    flex-basis: 67%;
-  }
-  .preview-container {
-    flex-basis: 33%;
-  }
-}
-@media (min-width: 1360px) {
-  .seo-container {
-    max-width: 1091px;
-  }
-}
diff --git a/studio/src/components/ProtectedRoute/index.js b/studio/src/components/ProtectedRoute/index.js
deleted file mode 100644
index 048fc58e9..000000000
--- a/studio/src/components/ProtectedRoute/index.js
+++ /dev/null
@@ -1,57 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { Result, Button } from 'antd';
-import getUserPermission from '../../utils/getUserPermission';
-import { useSelector } from 'react-redux';
-
-function ProtectedRoute({ component: Component, permission, isOwner, ...rest }) {
-  const spaces = useSelector((state) => {
-    return state.spaces;
-  });
-
-  const actions = getUserPermission({ ...permission, spaces });
-  const { loading, orgs, selected } = spaces;
-
-  if (loading) {
-    return () => null;
-  }
-
-  if (!loading && orgs.length === 0)
-    return (
-      <Result
-        title="You do not have any organisation."
-        subTitle="Sorry, you are not authorized to access this page. Please contact your administrator."
-      />
-    );
-
-  if (!loading && selected === '' && orgs.filter((each) => each.role === 'admin').length > 0) {
-    return <Component {...rest} permission={{ actions }} />;
-  }
-  if (
-    !loading &&
-    isOwner &&
-    selected === '' &&
-    orgs.filter((each) => each.role === 'admin').length > 0
-  )
-    return <Component {...rest} permission={{ actions }} />;
-
-  if (!loading && selected !== '' && orgs.filter((each) => each.role === 'admin').length > 0) {
-    return <Component {...rest} permission={{ actions }} />;
-  }
-  if (actions.length > 0) return <Component {...rest} permission={{ actions }} />;
-
-  return (
-    <Result
-      status="403"
-      title="401"
-      subTitle="Sorry, you are not authorized to access this page."
-      extra={
-        <Link to="/">
-          <Button type="primary">Back Home</Button>
-        </Link>
-      }
-    />
-  );
-}
-
-export default ProtectedRoute;
diff --git a/studio/src/components/Search/index.js b/studio/src/components/Search/index.js
deleted file mode 100644
index 561859d13..000000000
--- a/studio/src/components/Search/index.js
+++ /dev/null
@@ -1,156 +0,0 @@
-import { Input, Modal, List, Typography, Empty, Button } from 'antd';
-import React, { useEffect, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { Link } from 'react-router-dom';
-import { SearchOutlined } from '@ant-design/icons';
-import { getSearchDetails } from '../../actions/search';
-
-function Search({ collapsed, Icon }) {
-  const [query, setQuery] = useState('');
-  const [open, setOpen] = React.useState(false);
-  const [selected, setSelected] = useState({
-    entityIndex: 0,
-    indexItem: 0,
-  });
-  const inputRef = useRef(null);
-  const dispatch = useDispatch();
-
-  const searchEntities = ['articles', 'fact-checks', 'pages', 'claims', 'categories', 'tags'];
-
-  const { data, total, entitiesLength } = useSelector(({ search }) => {
-    const entitiesLength = searchEntities.map((entity) => {
-      return search.details[entity].length;
-    });
-    return { data: search.details, total: search.total, entitiesLength: entitiesLength };
-  });
-
-  useEffect(() => {
-    if (query.length > 0) dispatch(getSearchDetails({ q: query }));
-  }, [dispatch, query]);
-
-  const handleOk = () => {
-    setOpen(false);
-  };
-
-  const handleCancel = () => {
-    setOpen(false);
-  };
-
-  return (
-    <div
-      onKeyDown={() => {
-        let isSet = false;
-        let entityIndex = selected.entityIndex;
-        let indexItem = selected.indexItem;
-        entitiesLength.forEach((length, index) => {
-          if (selected.entityIndex === index && selected.indexItem < length - 1 && !isSet) {
-            isSet = true;
-            indexItem = selected.indexItem + 1;
-          }
-          if (!isSet && index > selected.entityIndex && length !== 0) {
-            isSet = true;
-            indexItem = 0;
-            entityIndex = index;
-          }
-        });
-        setSelected({ entityIndex, indexItem });
-      }}
-      style={{ width: '100%', display: 'flex', justifyContent: 'center' }}
-    >
-      {!collapsed ? (
-        <Input
-          suffix={<SearchOutlined style={{ fontSize: collapsed ? '16px' : '20px' }} />}
-          onClick={(e) => {
-            setOpen(true);
-            setTimeout(() => inputRef.current.focus(), 0); // antd dialog prevents using inputRef directly, don't modify this while refactoring dega studio
-          }}
-          style={{
-            borderRadius: '8px',
-            padding: '12px, 14px, 12px, 6px',
-            width: '100%',
-            height: '36px',
-          }}
-          placeholder={'Search..'}
-        />
-      ) : Icon ? (
-        <Button
-          type="text"
-          style={{ padding: '0px' }}
-          icon={<Icon />}
-          onClick={(e) => {
-            setOpen(true);
-            setTimeout(() => inputRef.current.focus(), 0);
-          }}
-        />
-      ) : (
-        <SearchOutlined
-          onClick={(e) => {
-            setOpen(true);
-            setTimeout(() => inputRef.current.focus(), 0); // antd dialog prevents using inputRef directly, don't modify this while refactoring dega studio
-          }}
-          style={{ fontSize: collapsed ? '16px' : '20px', margin: '4px 0' }}
-        />
-      )}
-      <Modal visible={open} footer={null} onOk={handleOk} onCancel={handleCancel} closable={false}>
-        <div>
-          <Input
-            onChange={(e) => {
-              setQuery(e.target.value);
-              setSelected({ entityIndex: 0, indexItem: 0 });
-            }}
-            ref={inputRef}
-            placeholder={'search articles, fact-checks, claims, categories ...'}
-          />
-        </div>
-
-        {query.length > 0 &&
-          (total > 0 ? (
-            <div style={{ height: 600, overflow: 'scroll', marginTop: '1rem' }}>
-              {searchEntities.map((entity, entityIndex) =>
-                data[entity].length > 0 ? (
-                  <List
-                    key={entity}
-                    header={<h2>{entity.toLocaleUpperCase()}</h2>}
-                    dataSource={data[entity]}
-                    renderItem={(item, indexItem) => {
-                      return (
-                        <Link
-                          to={`/${entity === 'articles' ? 'posts' : entity}/${item.id}/edit`}
-                          onClick={() => setOpen(false)}
-                        >
-                          <List.Item
-                            style={
-                              indexItem === selected.indexItem &&
-                              entityIndex === selected.entityIndex
-                                ? { backgroundColor: '#5468ff', padding: 5 }
-                                : {}
-                            }
-                          >
-                            <Typography.Text
-                              style={
-                                indexItem === selected.indexItem &&
-                                entityIndex === selected.entityIndex
-                                  ? { color: '#fff' }
-                                  : {}
-                              }
-                              onMouseOver={() => setSelected({ indexItem, entityIndex })}
-                            >
-                              {item.title || item.name || item.claim}
-                            </Typography.Text>
-                          </List.Item>
-                        </Link>
-                      );
-                    }}
-                  />
-                ) : null,
-              )}
-            </div>
-          ) : (
-            <Empty style={{ marginTop: '2rem' }} description="No Results Found" />
-          ))}
-      </Modal>
-    </div>
-  );
-}
-
-export default Search;
diff --git a/studio/src/components/SearchButton.tsx b/studio/src/components/SearchButton.tsx
new file mode 100644
index 000000000..62472d23a
--- /dev/null
+++ b/studio/src/components/SearchButton.tsx
@@ -0,0 +1,21 @@
+import { Button } from "@/components/ui/button";
+import { Search } from "lucide-react";
+
+interface SearchButtonProps {
+  onClick: () => void;
+}
+
+const SearchButton = ({ onClick }: SearchButtonProps) => {
+  return (
+    <Button
+      variant="outline"
+      onClick={onClick}
+      className="flex items-center gap-2"
+      size="sm"
+    >
+      <Search className="h-4 w-4" />
+    </Button>
+  );
+};
+
+export default SearchButton;
diff --git a/studio/src/components/SearchInput.tsx b/studio/src/components/SearchInput.tsx
new file mode 100644
index 000000000..3ce9f4eed
--- /dev/null
+++ b/studio/src/components/SearchInput.tsx
@@ -0,0 +1,65 @@
+import { useRef, useEffect } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { X } from "lucide-react";
+
+interface SearchInputProps {
+  searchText: string;
+  setSearchText: (text: string) => void;
+  handleSearchSubmit: () => void;
+  clearSearch: () => void;
+  autoFocus?: boolean;
+}
+
+const SearchInput = ({
+  searchText,
+  setSearchText,
+  handleSearchSubmit,
+  clearSearch,
+  autoFocus = false
+}: SearchInputProps) => {
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  // Auto-focus the input when requested
+  useEffect(() => {
+    if (autoFocus && inputRef.current) {
+      inputRef.current.focus();
+    }
+  }, [autoFocus]);
+
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  const handleKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Enter") {
+      handleSearchSubmit();
+    }
+  };
+
+  return (
+    <div className="relative w-full md:w-[250px]">
+      <Input
+        ref={inputRef}
+        placeholder="Search pages..."
+        value={searchText}
+        onChange={handleSearchChange}
+        onKeyPress={handleKeyPress}
+        className="h-10 w-full md:w-[250px]"
+      />
+      {searchText && (
+        <Button
+          variant="ghost"
+          size="icon"
+          className="absolute right-2 top-1/2 transform -translate-y-1/2 h-6 w-6 p-0"
+          onClick={clearSearch}
+          aria-label="Clear search"
+        >
+          <X className="h-4 w-4" />
+        </Button>
+      )}
+    </div>
+  );
+};
+
+export default SearchInput;
diff --git a/studio/src/components/SecuredButton/index.tsx b/studio/src/components/SecuredButton/index.tsx
new file mode 100644
index 000000000..8117368cd
--- /dev/null
+++ b/studio/src/components/SecuredButton/index.tsx
@@ -0,0 +1,64 @@
+import React, { useState } from "react";
+import { Button } from "@/components/ui/button";
+import UnauthorizedOverlay from "../UnauthorizedOverlay";
+import { useSession } from "@/hooks/useSession";
+import { VariantProps } from "class-variance-authority";
+import { buttonVariants } from "@/components/ui/button";
+
+export interface SecuredButtonProps
+  extends React.ComponentProps<"button">,
+    VariantProps<typeof buttonVariants> {
+  children: React.ReactNode;
+  unauthorizedMessage?: string;
+  asChild?: boolean;
+}
+
+const SecuredButton: React.FC<SecuredButtonProps> = ({
+  children,
+  unauthorizedMessage,
+  variant,
+  size,
+  asChild,
+  ...buttonProps
+}) => {
+  const { isAdmin } = useSession();
+  const [showOverlay, setShowOverlay] = useState(false);
+
+  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    // If user is admin, allow the original onClick to run
+    if (isAdmin) {
+      if (typeof buttonProps.onClick === "function") {
+        buttonProps.onClick(e);
+      }
+      return;
+    }
+
+    // Otherwise prevent default behavior and show the overlay
+    e.preventDefault();
+    e.stopPropagation();
+    setShowOverlay(true);
+  };
+
+  return (
+    <>
+      <Button
+        variant={variant}
+        size={size}
+        asChild={asChild}
+        {...buttonProps}
+        onClick={handleClick}
+      >
+        {children}
+      </Button>
+
+      {showOverlay && (
+        <UnauthorizedOverlay
+          onClose={() => setShowOverlay(false)}
+          isOpen={showOverlay}
+        />
+      )}
+    </>
+  );
+};
+
+export default SecuredButton;
diff --git a/studio/src/components/Selector/__snapshots__/index.test.js.snap b/studio/src/components/Selector/__snapshots__/index.test.js.snap
deleted file mode 100644
index 80fcc0af7..000000000
--- a/studio/src/components/Selector/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,1189 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Categories List component Snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <Selector
-    action="Categories"
-    mode="multiple"
-  >
-    <ForwardRef(InternalSelect)
-      allowClear={true}
-      autoClearSearchValue={true}
-      bordered={true}
-      defaultValue={Array []}
-      filterOption={[Function]}
-      getPopupContainer={[Function]}
-      listHeight={128}
-      loading={false}
-      mode="multiple"
-      notFoundContent={null}
-      onChange={[Function]}
-      onPopupScroll={[Function]}
-      onSearch={[Function]}
-      placeholder="Select categories"
-      searchValue=""
-      value={Array []}
-    >
-      <Select
-        allowClear={true}
-        autoClearSearchValue={true}
-        className=""
-        clearIcon={<ForwardRef(CloseCircleFilled) />}
-        defaultValue={Array []}
-        dropdownClassName=""
-        filterOption={[Function]}
-        getPopupContainer={[Function]}
-        inputIcon={[Function]}
-        listHeight={128}
-        listItemHeight={24}
-        loading={false}
-        menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-        mode="multiple"
-        notFoundContent={null}
-        onChange={[Function]}
-        onPopupScroll={[Function]}
-        onSearch={[Function]}
-        placeholder="Select categories"
-        prefixCls="ant-select"
-        removeIcon={<ForwardRef(CloseOutlined) />}
-        searchValue=""
-        transitionName="ant-slide-up"
-        value={Array []}
-      >
-        <ForwardRef(Select)
-          allowClear={true}
-          autoClearSearchValue={true}
-          className=""
-          clearIcon={<ForwardRef(CloseCircleFilled) />}
-          defaultValue={Array []}
-          dropdownClassName=""
-          filterOption={[Function]}
-          getPopupContainer={[Function]}
-          inputIcon={[Function]}
-          listHeight={128}
-          listItemHeight={24}
-          loading={false}
-          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-          mode="multiple"
-          notFoundContent={null}
-          onChange={[Function]}
-          onPopupScroll={[Function]}
-          onSearch={[Function]}
-          placeholder="Select categories"
-          prefixCls="ant-select"
-          removeIcon={<ForwardRef(CloseOutlined) />}
-          searchValue=""
-          transitionName="ant-slide-up"
-          value={Array []}
-        >
-          <div
-            className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-            onBlur={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-          >
-            <SelectTrigger
-              containerWidth={null}
-              dropdownClassName=""
-              empty={true}
-              getPopupContainer={[Function]}
-              getTriggerDOMNode={[Function]}
-              popupElement={
-                <ForwardRef(OptionList)
-                  childrenAsData={true}
-                  defaultActiveFirstOption={true}
-                  flattenOptions={Array []}
-                  height={128}
-                  itemHeight={24}
-                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                  multiple={true}
-                  notFoundContent={null}
-                  onActiveValue={[Function]}
-                  onMouseEnter={[Function]}
-                  onScroll={[Function]}
-                  onSelect={[Function]}
-                  onToggleOpen={[Function]}
-                  options={Array []}
-                  prefixCls="ant-select"
-                  searchValue=""
-                  values={Set {}}
-                  virtual={true}
-                />
-              }
-              prefixCls="ant-select"
-              transitionName="ant-slide-up"
-              visible={false}
-            >
-              <Trigger
-                action={Array []}
-                afterPopupVisibleChange={[Function]}
-                autoDestroy={false}
-                blurDelay={0.15}
-                builtinPlacements={
-                  Object {
-                    "bottomLeft": Object {
-                      "offset": Array [
-                        0,
-                        4,
-                      ],
-                      "overflow": Object {
-                        "adjustX": 0,
-                        "adjustY": 1,
-                      },
-                      "points": Array [
-                        "tl",
-                        "bl",
-                      ],
-                    },
-                    "bottomRight": Object {
-                      "offset": Array [
-                        0,
-                        4,
-                      ],
-                      "overflow": Object {
-                        "adjustX": 0,
-                        "adjustY": 1,
-                      },
-                      "points": Array [
-                        "tr",
-                        "br",
-                      ],
-                    },
-                    "topLeft": Object {
-                      "offset": Array [
-                        0,
-                        -4,
-                      ],
-                      "overflow": Object {
-                        "adjustX": 0,
-                        "adjustY": 1,
-                      },
-                      "points": Array [
-                        "bl",
-                        "tl",
-                      ],
-                    },
-                    "topRight": Object {
-                      "offset": Array [
-                        0,
-                        -4,
-                      ],
-                      "overflow": Object {
-                        "adjustX": 0,
-                        "adjustY": 1,
-                      },
-                      "points": Array [
-                        "br",
-                        "tr",
-                      ],
-                    },
-                  }
-                }
-                defaultPopupVisible={false}
-                destroyPopupOnHide={false}
-                focusDelay={0}
-                getDocument={[Function]}
-                getPopupClassNameFromAlign={[Function]}
-                getPopupContainer={[Function]}
-                getTriggerDOMNode={[Function]}
-                hideAction={Array []}
-                mask={false}
-                maskClosable={true}
-                mouseEnterDelay={0}
-                mouseLeaveDelay={0.1}
-                onPopupAlign={[Function]}
-                onPopupVisibleChange={[Function]}
-                popup={
-                  <div>
-                    <ForwardRef(OptionList)
-                      childrenAsData={true}
-                      defaultActiveFirstOption={true}
-                      flattenOptions={Array []}
-                      height={128}
-                      itemHeight={24}
-                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                      multiple={true}
-                      notFoundContent={null}
-                      onActiveValue={[Function]}
-                      onMouseEnter={[Function]}
-                      onScroll={[Function]}
-                      onSelect={[Function]}
-                      onToggleOpen={[Function]}
-                      options={Array []}
-                      prefixCls="ant-select"
-                      searchValue=""
-                      values={Set {}}
-                      virtual={true}
-                    />
-                  </div>
-                }
-                popupAlign={Object {}}
-                popupClassName="ant-select-dropdown-empty"
-                popupPlacement="bottomLeft"
-                popupStyle={
-                  Object {
-                    "minWidth": null,
-                    "width": null,
-                  }
-                }
-                popupTransitionName="ant-slide-up"
-                popupVisible={false}
-                prefixCls="ant-select-dropdown"
-                showAction={Array []}
-              >
-                <Selector
-                  accessibilityIndex={0}
-                  activeValue={null}
-                  allowClear={true}
-                  autoClearSearchValue={true}
-                  className=""
-                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                  defaultValue={Array []}
-                  domRef={
-                    Object {
-                      "current": <div
-                        class="ant-select-selector"
-                      >
-                        <div
-                          class="ant-select-selection-overflow"
-                        >
-                          <div
-                            class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                            style="opacity: 1;"
-                          >
-                            <div
-                              class="ant-select-selection-search"
-                              style="width: 0px;"
-                            >
-                              <input
-                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                aria-autocomplete="list"
-                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                aria-haspopup="listbox"
-                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                autocomplete="off"
-                                class="ant-select-selection-search-input"
-                                id="rc_select_TEST_OR_SSR"
-                                readonly=""
-                                role="combobox"
-                                style="opacity: 0;"
-                                type="search"
-                                unselectable="on"
-                                value=""
-                              />
-                              <span
-                                aria-hidden="true"
-                                class="ant-select-selection-search-mirror"
-                              >
-                                
-                                 
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                        <span
-                          class="ant-select-selection-placeholder"
-                        >
-                          Select categories
-                        </span>
-                      </div>,
-                    }
-                  }
-                  dropdownClassName=""
-                  filterOption={[Function]}
-                  getPopupContainer={[Function]}
-                  inputElement={null}
-                  inputIcon={[Function]}
-                  key="trigger"
-                  listHeight={128}
-                  listItemHeight={24}
-                  loading={false}
-                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                  mode="multiple"
-                  multiple={true}
-                  notFoundContent={null}
-                  onChange={[Function]}
-                  onPopupScroll={[Function]}
-                  onSearch={[Function]}
-                  onSearchSubmit={[Function]}
-                  onSelect={[Function]}
-                  onToggleOpen={[Function]}
-                  placeholder="Select categories"
-                  prefixCls="ant-select"
-                  removeIcon={<ForwardRef(CloseOutlined) />}
-                  searchValue=""
-                  showSearch={true}
-                  tokenWithEnter={false}
-                  transitionName="ant-slide-up"
-                  value={Array []}
-                  values={Array []}
-                >
-                  <div
-                    className="ant-select-selector"
-                    onClick={[Function]}
-                    onMouseDown={[Function]}
-                  >
-                    <SelectSelector
-                      accessibilityIndex={0}
-                      activeValue={null}
-                      allowClear={true}
-                      autoClearSearchValue={true}
-                      className=""
-                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                      defaultValue={Array []}
-                      domRef={
-                        Object {
-                          "current": <div
-                            class="ant-select-selector"
-                          >
-                            <div
-                              class="ant-select-selection-overflow"
-                            >
-                              <div
-                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                style="opacity: 1;"
-                              >
-                                <div
-                                  class="ant-select-selection-search"
-                                  style="width: 0px;"
-                                >
-                                  <input
-                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                    aria-autocomplete="list"
-                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                    aria-haspopup="listbox"
-                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                    autocomplete="off"
-                                    class="ant-select-selection-search-input"
-                                    id="rc_select_TEST_OR_SSR"
-                                    readonly=""
-                                    role="combobox"
-                                    style="opacity: 0;"
-                                    type="search"
-                                    unselectable="on"
-                                    value=""
-                                  />
-                                  <span
-                                    aria-hidden="true"
-                                    class="ant-select-selection-search-mirror"
-                                  >
-                                    
-                                     
-                                  </span>
-                                </div>
-                              </div>
-                            </div>
-                            <span
-                              class="ant-select-selection-placeholder"
-                            >
-                              Select categories
-                            </span>
-                          </div>,
-                        }
-                      }
-                      dropdownClassName=""
-                      filterOption={[Function]}
-                      getPopupContainer={[Function]}
-                      inputElement={null}
-                      inputIcon={[Function]}
-                      inputRef={
-                        Object {
-                          "current": <input
-                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                            aria-autocomplete="list"
-                            aria-controls="rc_select_TEST_OR_SSR_list"
-                            aria-haspopup="listbox"
-                            aria-owns="rc_select_TEST_OR_SSR_list"
-                            autocomplete="off"
-                            class="ant-select-selection-search-input"
-                            id="rc_select_TEST_OR_SSR"
-                            readonly=""
-                            role="combobox"
-                            style="opacity: 0;"
-                            type="search"
-                            unselectable="on"
-                            value=""
-                          />,
-                        }
-                      }
-                      listHeight={128}
-                      listItemHeight={24}
-                      loading={false}
-                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                      mode="multiple"
-                      multiple={true}
-                      notFoundContent={null}
-                      onChange={[Function]}
-                      onInputChange={[Function]}
-                      onInputCompositionEnd={[Function]}
-                      onInputCompositionStart={[Function]}
-                      onInputKeyDown={[Function]}
-                      onInputMouseDown={[Function]}
-                      onInputPaste={[Function]}
-                      onPopupScroll={[Function]}
-                      onSearch={[Function]}
-                      onSearchSubmit={[Function]}
-                      onSelect={[Function]}
-                      onToggleOpen={[Function]}
-                      placeholder="Select categories"
-                      prefixCls="ant-select"
-                      removeIcon={<ForwardRef(CloseOutlined) />}
-                      searchValue=""
-                      showSearch={true}
-                      tokenWithEnter={false}
-                      transitionName="ant-slide-up"
-                      value={Array []}
-                      values={Array []}
-                    >
-                      <Overflow
-                        data={Array []}
-                        itemKey="key"
-                        prefixCls="ant-select-selection-overflow"
-                        renderItem={[Function]}
-                        renderRest={[Function]}
-                        suffix={
-                          <div
-                            className="ant-select-selection-search"
-                            onBlur={[Function]}
-                            onFocus={[Function]}
-                            style={
-                              Object {
-                                "width": 0,
-                              }
-                            }
-                          >
-                            <ForwardRef(Input)
-                              accessibilityIndex={0}
-                              attrs={Object {}}
-                              editable={false}
-                              inputElement={null}
-                              onChange={[Function]}
-                              onCompositionEnd={[Function]}
-                              onCompositionStart={[Function]}
-                              onKeyDown={[Function]}
-                              onMouseDown={[Function]}
-                              onPaste={[Function]}
-                              prefixCls="ant-select"
-                              value=""
-                            />
-                            <span
-                              aria-hidden={true}
-                              className="ant-select-selection-search-mirror"
-                            >
-                              
-                               
-                            </span>
-                          </div>
-                        }
-                      >
-                        <div
-                          className="ant-select-selection-overflow"
-                        >
-                          <Item
-                            className="ant-select-selection-overflow-item-suffix"
-                            display={true}
-                            invalidate={false}
-                            order={0}
-                            prefixCls="ant-select-selection-overflow-item"
-                            registerSize={[Function]}
-                            responsive={0}
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                              style={
-                                Object {
-                                  "height": undefined,
-                                  "opacity": 1,
-                                  "order": undefined,
-                                  "overflowY": undefined,
-                                  "pointerEvents": undefined,
-                                  "position": undefined,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-select-selection-search"
-                                onBlur={[Function]}
-                                onFocus={[Function]}
-                                style={
-                                  Object {
-                                    "width": 0,
-                                  }
-                                }
-                              >
-                                <Input
-                                  accessibilityIndex={0}
-                                  attrs={Object {}}
-                                  editable={false}
-                                  inputElement={null}
-                                  onChange={[Function]}
-                                  onCompositionEnd={[Function]}
-                                  onCompositionStart={[Function]}
-                                  onKeyDown={[Function]}
-                                  onMouseDown={[Function]}
-                                  onPaste={[Function]}
-                                  prefixCls="ant-select"
-                                  value=""
-                                >
-                                  <input
-                                    aria-activedescendant="undefined_list_0"
-                                    aria-autocomplete="list"
-                                    aria-controls="undefined_list"
-                                    aria-haspopup="listbox"
-                                    aria-owns="undefined_list"
-                                    autoComplete="off"
-                                    className="ant-select-selection-search-input"
-                                    onChange={[Function]}
-                                    onCompositionEnd={[Function]}
-                                    onCompositionStart={[Function]}
-                                    onKeyDown={[Function]}
-                                    onMouseDown={[Function]}
-                                    onPaste={[Function]}
-                                    readOnly={true}
-                                    role="combobox"
-                                    style={
-                                      Object {
-                                        "opacity": 0,
-                                      }
-                                    }
-                                    type="search"
-                                    unselectable="on"
-                                    value=""
-                                  />
-                                </Input>
-                                <span
-                                  aria-hidden={true}
-                                  className="ant-select-selection-search-mirror"
-                                >
-                                   
-                                </span>
-                              </div>
-                            </div>
-                          </Item>
-                        </div>
-                      </Overflow>
-                      <span
-                        className="ant-select-selection-placeholder"
-                      >
-                        Select categories
-                      </span>
-                    </SelectSelector>
-                  </div>
-                </Selector>
-              </Trigger>
-            </SelectTrigger>
-          </div>
-        </ForwardRef(Select)>
-      </Select>
-    </ForwardRef(InternalSelect)>
-  </Selector>
-</Provider>
-`;
-
-exports[`Categories List component Snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <Selector
-    action="Categories"
-    mode="multiple"
-  >
-    <ForwardRef(InternalSelect)
-      allowClear={true}
-      autoClearSearchValue={true}
-      bordered={true}
-      defaultValue={Array []}
-      filterOption={[Function]}
-      getPopupContainer={[Function]}
-      listHeight={128}
-      loading={false}
-      mode="multiple"
-      notFoundContent={null}
-      onChange={[Function]}
-      onPopupScroll={[Function]}
-      onSearch={[Function]}
-      placeholder="Select categories"
-      searchValue=""
-      value={Array []}
-    >
-      <Select
-        allowClear={true}
-        autoClearSearchValue={true}
-        className=""
-        clearIcon={<ForwardRef(CloseCircleFilled) />}
-        defaultValue={Array []}
-        dropdownClassName=""
-        filterOption={[Function]}
-        getPopupContainer={[Function]}
-        inputIcon={[Function]}
-        listHeight={128}
-        listItemHeight={24}
-        loading={false}
-        menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-        mode="multiple"
-        notFoundContent={null}
-        onChange={[Function]}
-        onPopupScroll={[Function]}
-        onSearch={[Function]}
-        placeholder="Select categories"
-        prefixCls="ant-select"
-        removeIcon={<ForwardRef(CloseOutlined) />}
-        searchValue=""
-        transitionName="ant-slide-up"
-        value={Array []}
-      >
-        <ForwardRef(Select)
-          allowClear={true}
-          autoClearSearchValue={true}
-          className=""
-          clearIcon={<ForwardRef(CloseCircleFilled) />}
-          defaultValue={Array []}
-          dropdownClassName=""
-          filterOption={[Function]}
-          getPopupContainer={[Function]}
-          inputIcon={[Function]}
-          listHeight={128}
-          listItemHeight={24}
-          loading={false}
-          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-          mode="multiple"
-          notFoundContent={null}
-          onChange={[Function]}
-          onPopupScroll={[Function]}
-          onSearch={[Function]}
-          placeholder="Select categories"
-          prefixCls="ant-select"
-          removeIcon={<ForwardRef(CloseOutlined) />}
-          searchValue=""
-          transitionName="ant-slide-up"
-          value={Array []}
-        >
-          <div
-            className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-            onBlur={[Function]}
-            onFocus={[Function]}
-            onKeyDown={[Function]}
-            onKeyUp={[Function]}
-            onMouseDown={[Function]}
-          >
-            <SelectTrigger
-              containerWidth={null}
-              dropdownClassName=""
-              empty={true}
-              getPopupContainer={[Function]}
-              getTriggerDOMNode={[Function]}
-              popupElement={
-                <ForwardRef(OptionList)
-                  childrenAsData={true}
-                  defaultActiveFirstOption={true}
-                  flattenOptions={Array []}
-                  height={128}
-                  itemHeight={24}
-                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                  multiple={true}
-                  notFoundContent={null}
-                  onActiveValue={[Function]}
-                  onMouseEnter={[Function]}
-                  onScroll={[Function]}
-                  onSelect={[Function]}
-                  onToggleOpen={[Function]}
-                  options={Array []}
-                  prefixCls="ant-select"
-                  searchValue=""
-                  values={Set {}}
-                  virtual={true}
-                />
-              }
-              prefixCls="ant-select"
-              transitionName="ant-slide-up"
-              visible={false}
-            >
-              <Trigger
-                action={Array []}
-                afterPopupVisibleChange={[Function]}
-                autoDestroy={false}
-                blurDelay={0.15}
-                builtinPlacements={
-                  Object {
-                    "bottomLeft": Object {
-                      "offset": Array [
-                        0,
-                        4,
-                      ],
-                      "overflow": Object {
-                        "adjustX": 0,
-                        "adjustY": 1,
-                      },
-                      "points": Array [
-                        "tl",
-                        "bl",
-                      ],
-                    },
-                    "bottomRight": Object {
-                      "offset": Array [
-                        0,
-                        4,
-                      ],
-                      "overflow": Object {
-                        "adjustX": 0,
-                        "adjustY": 1,
-                      },
-                      "points": Array [
-                        "tr",
-                        "br",
-                      ],
-                    },
-                    "topLeft": Object {
-                      "offset": Array [
-                        0,
-                        -4,
-                      ],
-                      "overflow": Object {
-                        "adjustX": 0,
-                        "adjustY": 1,
-                      },
-                      "points": Array [
-                        "bl",
-                        "tl",
-                      ],
-                    },
-                    "topRight": Object {
-                      "offset": Array [
-                        0,
-                        -4,
-                      ],
-                      "overflow": Object {
-                        "adjustX": 0,
-                        "adjustY": 1,
-                      },
-                      "points": Array [
-                        "br",
-                        "tr",
-                      ],
-                    },
-                  }
-                }
-                defaultPopupVisible={false}
-                destroyPopupOnHide={false}
-                focusDelay={0}
-                getDocument={[Function]}
-                getPopupClassNameFromAlign={[Function]}
-                getPopupContainer={[Function]}
-                getTriggerDOMNode={[Function]}
-                hideAction={Array []}
-                mask={false}
-                maskClosable={true}
-                mouseEnterDelay={0}
-                mouseLeaveDelay={0.1}
-                onPopupAlign={[Function]}
-                onPopupVisibleChange={[Function]}
-                popup={
-                  <div>
-                    <ForwardRef(OptionList)
-                      childrenAsData={true}
-                      defaultActiveFirstOption={true}
-                      flattenOptions={Array []}
-                      height={128}
-                      itemHeight={24}
-                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                      multiple={true}
-                      notFoundContent={null}
-                      onActiveValue={[Function]}
-                      onMouseEnter={[Function]}
-                      onScroll={[Function]}
-                      onSelect={[Function]}
-                      onToggleOpen={[Function]}
-                      options={Array []}
-                      prefixCls="ant-select"
-                      searchValue=""
-                      values={Set {}}
-                      virtual={true}
-                    />
-                  </div>
-                }
-                popupAlign={Object {}}
-                popupClassName="ant-select-dropdown-empty"
-                popupPlacement="bottomLeft"
-                popupStyle={
-                  Object {
-                    "minWidth": null,
-                    "width": null,
-                  }
-                }
-                popupTransitionName="ant-slide-up"
-                popupVisible={false}
-                prefixCls="ant-select-dropdown"
-                showAction={Array []}
-              >
-                <Selector
-                  accessibilityIndex={0}
-                  activeValue={null}
-                  allowClear={true}
-                  autoClearSearchValue={true}
-                  className=""
-                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                  defaultValue={Array []}
-                  domRef={
-                    Object {
-                      "current": <div
-                        class="ant-select-selector"
-                      >
-                        <div
-                          class="ant-select-selection-overflow"
-                        >
-                          <div
-                            class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                            style="opacity: 1;"
-                          >
-                            <div
-                              class="ant-select-selection-search"
-                              style="width: 0px;"
-                            >
-                              <input
-                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                aria-autocomplete="list"
-                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                aria-haspopup="listbox"
-                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                autocomplete="off"
-                                class="ant-select-selection-search-input"
-                                id="rc_select_TEST_OR_SSR"
-                                readonly=""
-                                role="combobox"
-                                style="opacity: 0;"
-                                type="search"
-                                unselectable="on"
-                                value=""
-                              />
-                              <span
-                                aria-hidden="true"
-                                class="ant-select-selection-search-mirror"
-                              >
-                                
-                                 
-                              </span>
-                            </div>
-                          </div>
-                        </div>
-                        <span
-                          class="ant-select-selection-placeholder"
-                        >
-                          Select categories
-                        </span>
-                      </div>,
-                    }
-                  }
-                  dropdownClassName=""
-                  filterOption={[Function]}
-                  getPopupContainer={[Function]}
-                  inputElement={null}
-                  inputIcon={[Function]}
-                  key="trigger"
-                  listHeight={128}
-                  listItemHeight={24}
-                  loading={false}
-                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                  mode="multiple"
-                  multiple={true}
-                  notFoundContent={null}
-                  onChange={[Function]}
-                  onPopupScroll={[Function]}
-                  onSearch={[Function]}
-                  onSearchSubmit={[Function]}
-                  onSelect={[Function]}
-                  onToggleOpen={[Function]}
-                  placeholder="Select categories"
-                  prefixCls="ant-select"
-                  removeIcon={<ForwardRef(CloseOutlined) />}
-                  searchValue=""
-                  showSearch={true}
-                  tokenWithEnter={false}
-                  transitionName="ant-slide-up"
-                  value={Array []}
-                  values={Array []}
-                >
-                  <div
-                    className="ant-select-selector"
-                    onClick={[Function]}
-                    onMouseDown={[Function]}
-                  >
-                    <SelectSelector
-                      accessibilityIndex={0}
-                      activeValue={null}
-                      allowClear={true}
-                      autoClearSearchValue={true}
-                      className=""
-                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                      defaultValue={Array []}
-                      domRef={
-                        Object {
-                          "current": <div
-                            class="ant-select-selector"
-                          >
-                            <div
-                              class="ant-select-selection-overflow"
-                            >
-                              <div
-                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                style="opacity: 1;"
-                              >
-                                <div
-                                  class="ant-select-selection-search"
-                                  style="width: 0px;"
-                                >
-                                  <input
-                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                    aria-autocomplete="list"
-                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                    aria-haspopup="listbox"
-                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                    autocomplete="off"
-                                    class="ant-select-selection-search-input"
-                                    id="rc_select_TEST_OR_SSR"
-                                    readonly=""
-                                    role="combobox"
-                                    style="opacity: 0;"
-                                    type="search"
-                                    unselectable="on"
-                                    value=""
-                                  />
-                                  <span
-                                    aria-hidden="true"
-                                    class="ant-select-selection-search-mirror"
-                                  >
-                                    
-                                     
-                                  </span>
-                                </div>
-                              </div>
-                            </div>
-                            <span
-                              class="ant-select-selection-placeholder"
-                            >
-                              Select categories
-                            </span>
-                          </div>,
-                        }
-                      }
-                      dropdownClassName=""
-                      filterOption={[Function]}
-                      getPopupContainer={[Function]}
-                      inputElement={null}
-                      inputIcon={[Function]}
-                      inputRef={
-                        Object {
-                          "current": <input
-                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                            aria-autocomplete="list"
-                            aria-controls="rc_select_TEST_OR_SSR_list"
-                            aria-haspopup="listbox"
-                            aria-owns="rc_select_TEST_OR_SSR_list"
-                            autocomplete="off"
-                            class="ant-select-selection-search-input"
-                            id="rc_select_TEST_OR_SSR"
-                            readonly=""
-                            role="combobox"
-                            style="opacity: 0;"
-                            type="search"
-                            unselectable="on"
-                            value=""
-                          />,
-                        }
-                      }
-                      listHeight={128}
-                      listItemHeight={24}
-                      loading={false}
-                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                      mode="multiple"
-                      multiple={true}
-                      notFoundContent={null}
-                      onChange={[Function]}
-                      onInputChange={[Function]}
-                      onInputCompositionEnd={[Function]}
-                      onInputCompositionStart={[Function]}
-                      onInputKeyDown={[Function]}
-                      onInputMouseDown={[Function]}
-                      onInputPaste={[Function]}
-                      onPopupScroll={[Function]}
-                      onSearch={[Function]}
-                      onSearchSubmit={[Function]}
-                      onSelect={[Function]}
-                      onToggleOpen={[Function]}
-                      placeholder="Select categories"
-                      prefixCls="ant-select"
-                      removeIcon={<ForwardRef(CloseOutlined) />}
-                      searchValue=""
-                      showSearch={true}
-                      tokenWithEnter={false}
-                      transitionName="ant-slide-up"
-                      value={Array []}
-                      values={Array []}
-                    >
-                      <Overflow
-                        data={Array []}
-                        itemKey="key"
-                        prefixCls="ant-select-selection-overflow"
-                        renderItem={[Function]}
-                        renderRest={[Function]}
-                        suffix={
-                          <div
-                            className="ant-select-selection-search"
-                            onBlur={[Function]}
-                            onFocus={[Function]}
-                            style={
-                              Object {
-                                "width": 0,
-                              }
-                            }
-                          >
-                            <ForwardRef(Input)
-                              accessibilityIndex={0}
-                              attrs={Object {}}
-                              editable={false}
-                              inputElement={null}
-                              onChange={[Function]}
-                              onCompositionEnd={[Function]}
-                              onCompositionStart={[Function]}
-                              onKeyDown={[Function]}
-                              onMouseDown={[Function]}
-                              onPaste={[Function]}
-                              prefixCls="ant-select"
-                              value=""
-                            />
-                            <span
-                              aria-hidden={true}
-                              className="ant-select-selection-search-mirror"
-                            >
-                              
-                               
-                            </span>
-                          </div>
-                        }
-                      >
-                        <div
-                          className="ant-select-selection-overflow"
-                        >
-                          <Item
-                            className="ant-select-selection-overflow-item-suffix"
-                            display={true}
-                            invalidate={false}
-                            order={0}
-                            prefixCls="ant-select-selection-overflow-item"
-                            registerSize={[Function]}
-                            responsive={0}
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                              style={
-                                Object {
-                                  "height": undefined,
-                                  "opacity": 1,
-                                  "order": undefined,
-                                  "overflowY": undefined,
-                                  "pointerEvents": undefined,
-                                  "position": undefined,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-select-selection-search"
-                                onBlur={[Function]}
-                                onFocus={[Function]}
-                                style={
-                                  Object {
-                                    "width": 0,
-                                  }
-                                }
-                              >
-                                <Input
-                                  accessibilityIndex={0}
-                                  attrs={Object {}}
-                                  editable={false}
-                                  inputElement={null}
-                                  onChange={[Function]}
-                                  onCompositionEnd={[Function]}
-                                  onCompositionStart={[Function]}
-                                  onKeyDown={[Function]}
-                                  onMouseDown={[Function]}
-                                  onPaste={[Function]}
-                                  prefixCls="ant-select"
-                                  value=""
-                                >
-                                  <input
-                                    aria-activedescendant="undefined_list_0"
-                                    aria-autocomplete="list"
-                                    aria-controls="undefined_list"
-                                    aria-haspopup="listbox"
-                                    aria-owns="undefined_list"
-                                    autoComplete="off"
-                                    className="ant-select-selection-search-input"
-                                    onChange={[Function]}
-                                    onCompositionEnd={[Function]}
-                                    onCompositionStart={[Function]}
-                                    onKeyDown={[Function]}
-                                    onMouseDown={[Function]}
-                                    onPaste={[Function]}
-                                    readOnly={true}
-                                    role="combobox"
-                                    style={
-                                      Object {
-                                        "opacity": 0,
-                                      }
-                                    }
-                                    type="search"
-                                    unselectable="on"
-                                    value=""
-                                  />
-                                </Input>
-                                <span
-                                  aria-hidden={true}
-                                  className="ant-select-selection-search-mirror"
-                                >
-                                   
-                                </span>
-                              </div>
-                            </div>
-                          </Item>
-                        </div>
-                      </Overflow>
-                      <span
-                        className="ant-select-selection-placeholder"
-                      >
-                        Select categories
-                      </span>
-                    </SelectSelector>
-                  </div>
-                </Selector>
-              </Trigger>
-            </SelectTrigger>
-          </div>
-        </ForwardRef(Select)>
-      </Select>
-    </ForwardRef(InternalSelect)>
-  </Selector>
-</Provider>
-`;
diff --git a/studio/src/components/Selector/index.js b/studio/src/components/Selector/index.js
deleted file mode 100644
index dc66c1ba6..000000000
--- a/studio/src/components/Selector/index.js
+++ /dev/null
@@ -1,178 +0,0 @@
-import React, { useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { Select, Empty, Button } from 'antd';
-import deepEqual from 'deep-equal';
-import getUserPermission from '../../utils/getUserPermission';
-import { maker } from '../../utils/sluger';
-function Selector({
-  invalidOptions = [],
-  setLoading = true,
-  mode,
-  createEntity,
-  value,
-  onChange,
-  action,
-  display = 'name',
-  placeholder,
-  style,
-}) {
-  const entity = action.toLowerCase();
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: createEntity, action: 'create', spaces });
-
-  const selectorType = require(`../../actions/${entity}`);
-  const [entityCreatedFlag, setEntityCreatedFlag] = React.useState(false);
-  const [query, setQuery] = React.useState({
-    page: 1,
-    limit: 5,
-  });
-  const [searchValue, setSearchValue] = useState('');
-  const dispatch = useDispatch();
-
-  if (!value) {
-    value = [];
-  }
-
-  if (!mode && value) {
-    value = [value];
-  }
-
-  if (!placeholder) {
-    placeholder = `Select ${entity}`;
-  }
-
-  const onSearch = (value) => {
-    if (value) {
-      setSearchValue(value);
-      setQuery({ q: value, page: 1, limit: 5 });
-    } else {
-      setSearchValue('');
-      setQuery({ page: query.page });
-    }
-  };
-
-  const { details, total, loading, ids } = useSelector((state) => {
-    let details = [];
-    let ids = [];
-    let total = 0;
-
-    for (let i = 1; i <= query.page; i++) {
-      let j = state[entity].req.findIndex((item) => deepEqual(item.query, { ...query, page: i }));
-      if (j > -1) {
-        total = state[entity].req[j].total;
-        ids = ids.concat(state[entity].req[j].data);
-      }
-    }
-
-    details = value
-      .filter((id) => state[entity].details[id])
-      .map((id) => state[entity].details[id]);
-
-    details = details.concat(
-      ids.filter((id) => !value.includes(id)).map((id) => state[entity].details[id]),
-    );
-
-    return { details, total: total, loading: state[entity].loading, ids };
-  });
-
-  if (entityCreatedFlag && !loading && entity) {
-    value.push(ids[0]);
-    setEntityCreatedFlag(false);
-  }
-  React.useEffect(() => {
-    fetchEntities();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [query]);
-
-  const fetchEntities = () => {
-    if (!setLoading) {
-      dispatch(selectorType['get' + action](query, setLoading));
-      return;
-    }
-    dispatch(selectorType['get' + action](query));
-  };
-
-  // Helper function to safely get display value
-  const getDisplayValue = (item) => {
-    if (!item) return '';
-    if (item[display]) return item[display];
-    if (item['email']) return item['email'];
-    return '';
-  };
-
-  // Updated filterOption function with null checks
-  const handleFilterOption = (input, option) => {
-    if (!input || !option?.props?.children) return false;
-    const childText = String(option.props.children);
-    return childText.toLowerCase().includes(input.toLowerCase());
-  };
-
-  return (
-    <Select
-      allowClear={true}
-      bordered
-      listHeight={128}
-      loading={loading}
-      mode={mode}
-      defaultValue={value}
-      style={style}
-      searchValue={searchValue}
-      value={value}
-      placeholder={placeholder}
-      onChange={(values) => onChange(values)}
-      onSearch={(value) => onSearch(value)}
-      filterOption={handleFilterOption}
-      onPopupScroll={(e) => {
-        if (
-          e.target.scrollTop + e.target.offsetHeight === e.target.scrollHeight ||
-          e.target.scrollTop + e.target.offsetHeight >= e.target.scrollHeight - 16
-        ) {
-          if (details.length < total && Math.ceil(total / query.limit) >= query.page + 1) {
-            setQuery({ ...query, page: query.page + 1 });
-          }
-        }
-      }}
-      notFoundContent={
-        actions.includes('admin') || actions.includes('create') ? (
-          <Button
-            block
-            type="dashed"
-            style={{
-              whiteSpace: 'nowrap',
-              overflow: 'hidden',
-              textOverflow: 'ellipsis',
-            }}
-            onClick={() =>
-              dispatch(
-                selectorType['create' + createEntity]({
-                  name: query.q?.trim() || '',
-                  slug: maker(query.q?.trim() || ''),
-                }),
-              ).then(() => {
-                setQuery({ page: 1 });
-                setEntityCreatedFlag(true);
-                setSearchValue('');
-              })
-            }
-          >
-            Create a {createEntity} '{query.q}'
-          </Button>
-        ) : (
-          <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description="No results found" />
-        )
-      }
-      getPopupContainer={(trigger) => trigger.parentNode}
-      autoClearSearchValue={true}
-    >
-      {details
-        .filter((item) => !invalidOptions.includes(item?.id))
-        .map((item) => (
-          <Select.Option value={item?.id} key={entity + item?.id}>
-            {getDisplayValue(item)}
-          </Select.Option>
-        ))}
-    </Select>
-  );
-}
-
-export default Selector;
diff --git a/studio/src/components/Selector/index.test.js b/studio/src/components/Selector/index.test.js
deleted file mode 100644
index 7e3246a54..000000000
--- a/studio/src/components/Selector/index.test.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from 'react';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Selector from './index';
-import { mount } from 'enzyme';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-const entity = 'Categories';
-const mode = 'multiple';
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/categories', () => ({
-  getCategories: jest.fn(),
-}));
-
-let state = {
-  categories: {
-    req: [
-      {
-        data: [1],
-        query: { page: 1 },
-        total: 1,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2020-07-17T10:14:44.251814Z',
-        updated_at: '2020-07-17T10:14:44.251814Z',
-        deleted_at: null,
-        name: 'category-1',
-        slug: 'category-1',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-
-describe('Categories List component', () => {
-  let store = mockStore({});
-  let mockedDispatch;
-
-  describe('Snapshot testing', () => {
-    beforeEach(() => {
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      let component;
-      store = mockStore(state);
-      act(() => {
-        component = mount(
-          <Provider store={store}>
-            <Selector action={entity} mode={mode} />
-          </Provider>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      let component;
-      act(() => {
-        component = mount(
-          <Provider store={store}>
-            <Selector action={entity} mode={mode} />
-          </Provider>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-    });
-  });
-  describe('Categories List component', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-  });
-});
diff --git a/studio/src/components/Selector/index.tsx b/studio/src/components/Selector/index.tsx
new file mode 100644
index 000000000..00c5b95b6
--- /dev/null
+++ b/studio/src/components/Selector/index.tsx
@@ -0,0 +1,667 @@
+import React, { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import { ChevronDown, CircleX, Plus, PlusCircle } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  Command,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+} from "@/components/ui/command";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { ScrollArea } from "@/components/ui/scroll-area";
+// Import the useAppDispatch hook
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// Import all necessary action modules
+import * as spaceUsersActions from "../../actions/spaceUsers";
+import * as usersActions from "../../actions/users";
+import * as claimantsActions from "../../actions/claimants";
+import * as ratingsActions from "../../actions/ratings";
+import * as categoriesActions from "../../actions/categories";
+import * as claimsActions from "../../actions/claims";
+import * as tagsActions from "../../actions/tags";
+import { maker } from "../../utils/sluger";
+
+// Define types for the Selector component props
+interface SelectorProps {
+  invalidOptions?: string[];
+  setLoading?: boolean;
+  mode?: "multiple" | "tags" | undefined;
+  createEntity?: string;
+  value:
+    | string[]
+    | string
+    | number
+    | number[]
+    | { id: number; [key: string]: any }[]
+    | undefined;
+  onChange: (values: string[] | string | number | number[]) => void;
+  action: string;
+  display?: string;
+  placeholder?: string;
+  style?: React.CSSProperties;
+  isQuickEdit?: boolean;
+}
+
+// Define type for entity detail object
+interface EntityDetail {
+  id: string | number;
+  [key: string]: any;
+}
+
+// Define type for query state
+interface QueryState {
+  page: number;
+  limit: number;
+  q?: string;
+}
+
+// Define type for entity state
+interface EntityState {
+  details: { [key: string]: EntityDetail };
+  req: Array<{
+    query: any;
+    data: (string | number)[];
+    total: number;
+  }>;
+  loading: boolean;
+}
+
+// Define RootState interface
+interface RootState {
+  [key: string]: EntityState;
+  spaces: {
+    selected: number;
+    spaces: any[];
+  };
+}
+
+function Selector({
+  invalidOptions = [],
+  setLoading = true,
+  mode,
+  createEntity,
+  value,
+  onChange,
+  action,
+  display = "name",
+  placeholder,
+  style,
+}: SelectorProps) {
+  const originalValueType = typeof value;
+
+  // Normalize action to lowercase and handle plurals consistently
+  const normalizeEntityName = (name: string): string => {
+    name = name.toLowerCase();
+    // Handle special case mappings
+    if (name === "authors") return "users";
+    if (name === "claims") return "claims";
+    if (name === "categories") return "categories";
+    if (name === "tags") return "tags";
+
+    // Remove trailing 's' for consistency if needed
+    return name.endsWith("s") ? name : name;
+  };
+
+  // Convert action to lowercase for entity name
+  const entity = normalizeEntityName(action);
+
+  // Map entity names to their respective action modules
+  const getActionModule = (entityName: string) => {
+    switch (entityName) {
+      case "spaceusers":
+        return spaceUsersActions;
+      case "users":
+        return usersActions;
+      case "claimants":
+        return claimantsActions;
+      case "ratings":
+        return ratingsActions;
+      case "categories":
+        return categoriesActions;
+      case "claims":
+        return claimsActions;
+      case "tags":
+        return tagsActions;
+      default:
+        console.error(`No action module found for entity: ${entityName}`);
+        return null;
+    }
+  };
+
+  // Get the action module for this entity
+  const selectorType = getActionModule(entity);
+
+  const [entityCreatedFlag, setEntityCreatedFlag] = useState<boolean>(false);
+  const [query, setQuery] = useState<QueryState>({
+    page: 1,
+    limit: 20,
+  });
+  const [searchTerm, setSearchTerm] = useState<string>("");
+  const [open, setOpen] = useState<boolean>(false);
+  const [createdEntityId, setCreatedEntityId] = useState<
+    string | number | null
+  >(null);
+  const dispatch = useAppDispatch();
+
+  let normalizedValue: (string | number)[] = [];
+
+  if (!value) {
+    normalizedValue = [];
+  } else if (!mode && value) {
+    normalizedValue = Array.isArray(value)
+      ? value.map((v) =>
+          typeof v === "object" && v !== null && "id" in v ? v.id : v
+        )
+      : [value];
+  } else {
+    normalizedValue = Array.isArray(value)
+      ? value.map((v) =>
+          typeof v === "object" && v !== null && "id" in v ? v.id : v
+        )
+      : [value];
+  }
+
+  if (!placeholder) {
+    placeholder = `Select ${action}`;
+  }
+
+  const { details, total, loading, ids } = useSelector((state: RootState) => {
+    let details: EntityDetail[] = [];
+    let ids: (string | number)[] = [];
+    let total = 0;
+
+    const stateKey = entity;
+    const entityState = state[stateKey];
+
+    if (!entityState || !entityState.req) {
+      return { details, total, loading: false, ids };
+    }
+
+    // Find all entity data from all pages that have been loaded
+    for (let i = 1; i <= query.page; i++) {
+      const currentQuery = { ...query, page: i };
+
+      // Find the matching request in the state
+      const matchingReq = entityState.req.find((item) => {
+        // Use a more flexible matching method for queries
+        if (!item.query) return false;
+
+        // Match by page and limit, ignore other properties for now
+        const pageMatch =
+          String(item.query.page) === String(currentQuery.page) ||
+          (!item.query.page && currentQuery.page === 1);
+        const limitMatch =
+          String(item.query.limit) === String(currentQuery.limit) ||
+          (!item.query.limit && currentQuery.limit === 20);
+        const searchMatch =
+          (!currentQuery.q && !item.query.q) ||
+          (currentQuery.q &&
+            item.query.q &&
+            item.query.q.includes(currentQuery.q));
+
+        return pageMatch && limitMatch && searchMatch;
+      });
+
+      if (matchingReq) {
+        total = matchingReq.total;
+        const uniqueIds = new Set(ids);
+        matchingReq.data.forEach((id) => uniqueIds.add(id));
+        ids = Array.from(uniqueIds);
+      }
+    }
+
+    // Create a map to ensure unique details by ID
+    const detailsMap = new Map<string | number, EntityDetail>();
+
+    // Add selected values to details first
+    if (normalizedValue.length > 0) {
+      normalizedValue
+        .filter((id) => entityState.details && entityState.details[id])
+        .forEach((id) => {
+          detailsMap.set(id, entityState.details[id]);
+        });
+    }
+
+    // Add all loaded entities
+    ids
+      .filter((id) => !normalizedValue.includes(id) && entityState.details[id])
+      .forEach((id) => {
+        detailsMap.set(id, entityState.details[id]);
+      });
+
+    // If we have a created entity ID, make sure to include its details
+    if (createdEntityId && entityState.details[createdEntityId]) {
+      detailsMap.set(createdEntityId, entityState.details[createdEntityId]);
+      if (!ids.includes(createdEntityId)) {
+        ids.push(createdEntityId);
+      }
+    }
+
+    // Convert map to array
+    details = Array.from(detailsMap.values());
+
+    return {
+      details,
+      total,
+      loading: entityState.loading,
+      ids,
+    };
+  });
+
+  // Fix the entityCreatedFlag check to ensure we have the created entity
+  useEffect(() => {
+    if (entityCreatedFlag && !loading && createdEntityId) {
+      if (!mode) {
+        if (originalValueType === "number") {
+          onChange(Number(createdEntityId));
+        } else {
+          onChange(createdEntityId);
+        }
+      } else {
+        const newValue = [...normalizedValue, createdEntityId];
+        onChange(newValue);
+      }
+      setEntityCreatedFlag(false);
+      setCreatedEntityId(null);
+      setSearchTerm("");
+    }
+  }, [
+    entityCreatedFlag,
+    loading,
+    createdEntityId,
+    normalizedValue,
+    mode,
+    onChange,
+    originalValueType,
+  ]);
+
+  useEffect(() => {
+    fetchEntities();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [query]);
+
+  // Handle search term changes
+  const handleSearch = (value: string) => {
+    setSearchTerm(value);
+    if (value) {
+      setQuery({ ...query, q: value, page: 1 });
+    } else {
+      // Remove q from query when search is cleared
+      const { q, ...rest } = query;
+      setQuery(rest);
+    }
+  };
+
+  // Handle clearing the search input
+  const handleClearSearch = () => {
+    setSearchTerm("");
+    // Remove q from query when search is cleared
+    const { q, ...rest } = query;
+    setQuery(rest);
+  };
+
+  const fetchEntities = () => {
+    if (!selectorType) return;
+
+    // Map action names to the correct function names based on entity type
+    let actionFn: any;
+
+    if (entity === "users" || action === "Authors") {
+      actionFn = selectorType.getUsers;
+    } else if (entity === "spaceusers") {
+      actionFn = selectorType.getSpaceUsers;
+    } else if (entity === "claimants") {
+      actionFn = selectorType.getClaimants;
+    } else if (entity === "ratings") {
+      actionFn = selectorType.getRatings;
+    } else if (entity === "categories") {
+      actionFn = selectorType.getCategories;
+    } else if (entity === "claims") {
+      actionFn = selectorType.getClaims;
+    } else if (entity === "tags") {
+      actionFn = selectorType.getTags;
+    } else {
+      // Fallback to generic pattern
+      const actionName = `get${
+        entity.charAt(0).toUpperCase() + entity.slice(1)
+      }`;
+      actionFn = selectorType[actionName];
+    }
+
+    if (!setLoading) {
+      dispatch(actionFn(query, setLoading));
+      return;
+    }
+    dispatch(actionFn(query));
+  };
+
+  // Helper function to safely get display value
+  const getDisplayValue = (item: EntityDetail | undefined): string => {
+    if (!item) return "";
+    if (item[display]) return item[display];
+    if (item["email"]) return item["email"];
+    if (item["name"]) return item["name"];
+    return "";
+  };
+
+  // Handle scrolling for pagination
+  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {
+    const target = e.target as HTMLDivElement;
+    if (target.scrollTop + target.clientHeight >= target.scrollHeight - 16) {
+      if (
+        details.length < total &&
+        Math.ceil(total / query.limit) >= query.page + 1
+      ) {
+        setQuery({ ...query, page: query.page + 1 });
+      }
+    }
+  };
+
+  // Handle selection change
+  const handleSelectionChange = (
+    value: string | number | (string | number)[]
+  ) => {
+    // Check if the original value was a number
+    if (originalValueType === "number" && !Array.isArray(value)) {
+      // Convert string back to number for consistency
+      onChange(Number(value));
+    } else {
+      onChange(value);
+    }
+  };
+
+  // Handle removal of a single item from selection
+  const handleRemoveItem = (itemId: string | number) => {
+    if (mode) {
+      const newValue = normalizedValue.filter((id) => id !== itemId);
+      handleSelectionChange(newValue);
+    }
+  };
+
+  // Handle create entity
+  const handleCreateEntity = (name?: string) => {
+    if (!selectorType || !createEntity) return;
+
+    const entityName = name || searchTerm;
+    if (!entityName || entityName.trim() === "") return;
+
+    // Map create action names
+    let createFn: any;
+
+    // Use consistent naming pattern for all entities
+    if (entity === "users") {
+      createFn = selectorType.createUser || selectorType.addUser;
+    } else if (entity === "spaceusers") {
+      createFn = selectorType.createSpaceUser || selectorType.addSpaceUser;
+    } else if (entity === "claimants") {
+      createFn = selectorType.createClaimant;
+    } else if (entity === "ratings") {
+      createFn = selectorType.createRating;
+    } else if (entity === "categories") {
+      createFn = selectorType.createCategory;
+    } else if (entity === "claims") {
+      createFn = selectorType.createClaim;
+    } else if (entity === "tags") {
+      createFn = selectorType.createTag;
+    } else {
+      // Fallback to generic pattern
+      const createAction = `create${createEntity}`;
+      createFn = selectorType[createAction];
+    }
+
+    if (!createFn) {
+      console.error(`Create action for ${entity} not found`);
+      return;
+    }
+
+    // Prepare the data object based on entity type
+    let entityData: any = {
+      name: entityName.trim(),
+    };
+
+    // For tags, also generate a slug
+    if (entity === "tags") {
+      entityData.slug = maker(entityName.trim());
+    }
+
+    dispatch(createFn(entityData))
+      .then((response: any) => {
+        if (response && response.id) {
+          setCreatedEntityId(response.id);
+        } else if (response && response.data && response.data.id) {
+          setCreatedEntityId(response.data.id);
+        }
+        // Set a new query to trigger a refetch
+        setQuery({ page: 1, limit: 20 });
+        setEntityCreatedFlag(true);
+      })
+      .catch((error: any) => {
+        console.error(`Error creating ${entity}:`, error);
+      });
+  };
+
+  // Filtering the details to remove invalid options and handle undefined items
+  const filteredDetails = details.filter(
+    (item) => item && !invalidOptions.includes(String(item.id))
+  );
+
+  // Get selected items for display in the trigger button
+  const selectedItems = normalizedValue
+    .map((id) => details.find((item) => item?.id === id))
+    .filter((item) => item) as EntityDetail[];
+
+  // For single select
+  if (!mode) {
+    return (
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant="outline"
+            role="combobox"
+            aria-expanded={open}
+            className="w-full justify-between"
+            style={style}
+          >
+            {normalizedValue.length > 0 && details.length > 0
+              ? getDisplayValue(
+                  details.find((item) => item?.id === normalizedValue[0])
+                )
+              : placeholder}
+            <ChevronDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="p-0 w-[var(--radix-popover-trigger-width)]">
+          <Command>
+            <div className="flex items-center px-2 border-b relative">
+              <CommandInput
+                placeholder={`Search ${action}...`}
+                value={searchTerm}
+                onValueChange={handleSearch}
+                className="flex-1"
+              />
+              {searchTerm && (
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  onClick={handleClearSearch}
+                  className="h-8 w-8 p-0 absolute right-2"
+                  aria-label="Clear search"
+                >
+                  <CircleX className="h-4 w-4" />
+                </Button>
+              )}
+            </div>
+            <CommandList>
+              <ScrollArea onScrollCapture={handleScroll}>
+                <CommandEmpty>
+                  {loading ? (
+                    <div className="p-2 text-center text-sm">Loading...</div>
+                  ) : (
+                    <>
+                      <div className="p-2 text-center text-sm">
+                        No {action} found
+                      </div>
+                      {createEntity && searchTerm && (
+                        <Button
+                          variant="outline"
+                          className="w-full mt-2 flex items-center justify-center"
+                          onClick={() => handleCreateEntity()}
+                        >
+                          <Plus className="h-4 w-4 mr-2" />
+                          Create "{searchTerm}"
+                        </Button>
+                      )}
+                    </>
+                  )}
+                </CommandEmpty>
+                <CommandGroup>
+                  {filteredDetails.map((item) => (
+                    <CommandItem
+                      key={`${entity}-${item?.id}`}
+                      value={String(item?.id)}
+                      onSelect={() => {
+                        handleSelectionChange(item?.id);
+                        setOpen(false);
+                      }}
+                      className={
+                        normalizedValue.includes(item?.id)
+                          ? "bg-slate-100 dark:bg-slate-700"
+                          : ""
+                      }
+                    >
+                      {getDisplayValue(item)}
+                    </CommandItem>
+                  ))}
+                </CommandGroup>
+              </ScrollArea>
+            </CommandList>
+          </Command>
+        </PopoverContent>
+      </Popover>
+    );
+  }
+
+  // For multi-select mode with badges and remove buttons
+  return (
+    <div style={style}>
+      <Popover open={open} onOpenChange={setOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant="outline"
+            size="sm"
+            role="combobox"
+            aria-expanded={open}
+            className="w-full justify-between relative h-auto min-h-10"
+          >
+            <div className="flex flex-wrap gap-1 py-1 pr-8">
+              {selectedItems.length > 0 ? (
+                selectedItems.map((item) => (
+                  <div
+                    key={`selected-${item.id}`}
+                    className="flex items-center gap-1 mr-1 mb-1 bg-slate-200 dark:bg-slate-700 text-slate-900 dark:text-slate-100 px-2 py-1 rounded-md"
+                  >
+                    <span className="max-w-[100px] truncate">
+                      {getDisplayValue(item)}
+                    </span>
+                    <span
+                      onClick={(e) => {
+                        e.stopPropagation();
+                        handleRemoveItem(item.id);
+                      }}
+                      className="cursor-pointer hover:bg-slate-300 dark:hover:bg-slate-600 rounded-full p-1 ml-1"
+                      aria-label="Remove item"
+                    >
+                      <CircleX className="h-3 w-3" />
+                    </span>
+                  </div>
+                ))
+              ) : (
+                <span className="text-muted-foreground">{placeholder}</span>
+              )}
+            </div>
+            <ChevronDown className="absolute right-3 top-3 h-4 w-4 shrink-0 opacity-50" />
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="w-[var(--radix-popover-trigger-width)] p-0">
+          <Command>
+            <div className="flex items-center px-2 border-b relative">
+              <CommandInput
+                placeholder={`Search ${action}...`}
+                value={searchTerm}
+                onValueChange={handleSearch}
+                className="flex-1"
+              />
+              {searchTerm && (
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  onClick={handleClearSearch}
+                  className="h-8 w-8 p-0 absolute right-2"
+                  aria-label="Clear search"
+                >
+                  <CircleX className="h-4 w-4" />
+                </Button>
+              )}
+            </div>
+            <CommandList>
+              <ScrollArea onScrollCapture={handleScroll}>
+                <CommandEmpty>
+                  {loading ? (
+                    <div className="p-2 text-center text-sm">Loading...</div>
+                  ) : (
+                    <>
+                      <div className="p-2 text-center text-sm">
+                        No {action} found
+                      </div>
+                      {createEntity && searchTerm && (
+                        <Button
+                          variant="outline"
+                          className="w-full mt-2 flex items-center justify-center"
+                          onClick={() => handleCreateEntity()}
+                        >
+                          <PlusCircle className="h-4 w-4" />
+                          Create new {action} {searchTerm}
+                        </Button>
+                      )}
+                    </>
+                  )}
+                </CommandEmpty>
+                <CommandGroup>
+                  {filteredDetails.map((item) => (
+                    <CommandItem
+                      key={`${entity}-${item?.id}`}
+                      value={String(item?.id)}
+                      onSelect={() => {
+                        const newValue = normalizedValue.includes(item?.id)
+                          ? normalizedValue.filter((id) => id !== item?.id)
+                          : [...normalizedValue, item?.id];
+                        handleSelectionChange(newValue);
+                      }}
+                      className={
+                        normalizedValue.includes(item?.id)
+                          ? "bg-slate-100 dark:bg-slate-700"
+                          : ""
+                      }
+                    >
+                      {getDisplayValue(item)}
+                    </CommandItem>
+                  ))}
+                </CommandGroup>
+              </ScrollArea>
+            </CommandList>
+          </Command>
+        </PopoverContent>
+      </Popover>
+    </div>
+  );
+}
+
+export default Selector;
diff --git a/studio/src/components/StatusTabs.tsx b/studio/src/components/StatusTabs.tsx
new file mode 100644
index 000000000..adf0cc3c1
--- /dev/null
+++ b/studio/src/components/StatusTabs.tsx
@@ -0,0 +1,111 @@
+import React from "react";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { tabsItems } from "@/components/statusBadge/index";
+
+export interface StatusTabsProps<T = any> {
+  status: string;
+  handleStatusChange: (value: string) => void;
+  isMobile: boolean;
+  form: any;
+  onSave: (values: T) => void;
+  children: React.ReactNode;
+}
+
+const StatusTabs = <T extends Record<string, any>>({
+  status,
+  handleStatusChange,
+  children,
+  isMobile,
+}: StatusTabsProps<T>) => {
+  // Responsive handling for different screen sizes
+  const [useCompactTabs, setUseCompactTabs] = React.useState(false);
+
+  // Effect to detect medium screen sizes and switch to compact mode
+  React.useEffect(() => {
+    const checkScreenSize = () => {
+      // Check if width is in the problematic range (768px-1045px)
+      const isIntermediateSize =
+        window.innerWidth > 768 && window.innerWidth < 1045;
+      setUseCompactTabs(isIntermediateSize);
+    };
+
+    // Initial check
+    checkScreenSize();
+
+    // Add event listener for resize
+    window.addEventListener("resize", checkScreenSize);
+
+    // Cleanup
+    return () => window.removeEventListener("resize", checkScreenSize);
+  }, []);
+
+  // Render dropdown for mobile or compact view
+  if (isMobile || useCompactTabs) {
+    return (
+      <Tabs
+        defaultValue={status}
+        onValueChange={handleStatusChange}
+        value={status}
+      >
+        <div className="space-y-4 flex justify-between items-center">
+          <Select
+            defaultValue={status}
+            value={status}
+            onValueChange={handleStatusChange}
+          >
+            <SelectTrigger className="w-[180px]">
+              <SelectValue placeholder={status} />
+            </SelectTrigger>
+            <SelectContent>
+              {tabsItems.map((item) => (
+                <SelectItem key={item.value} value={item.value}>
+                  {item.label}
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+
+        <TabsContent value={status} className="mt-0">
+          {children}
+        </TabsContent>
+      </Tabs>
+    );
+  }
+
+  // Desktop view with full tabs
+  return (
+    <Tabs
+      defaultValue={status}
+      onValueChange={handleStatusChange}
+      value={status}
+    >
+      <div className="flex items-center">
+        <TabsList className="flex w-full">
+          {tabsItems.map((item) => (
+            <TabsTrigger
+              key={item.value}
+              value={item.value}
+              className="flex-1 text-sm whitespace-nowrap px-1"
+            >
+              {item.label}
+            </TabsTrigger>
+          ))}
+        </TabsList>
+      </div>
+
+      <TabsContent value={status} className="mt-0">
+        {children}
+      </TabsContent>
+    </Tabs>
+  );
+};
+
+export default StatusTabs;
diff --git a/studio/src/components/Template/index.js b/studio/src/components/Template/index.js
deleted file mode 100644
index 2368cc03f..000000000
--- a/studio/src/components/Template/index.js
+++ /dev/null
@@ -1,161 +0,0 @@
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { Card, Spin, Collapse, Button, List, Popconfirm } from 'antd';
-import deepEqual from 'deep-equal';
-import { addPost, deletePost, getPosts } from '../../actions/posts';
-import { Link } from 'react-router-dom';
-import { EditOutlined, DeleteOutlined } from '@ant-design/icons';
-import PlaceholderImage from '../ErrorsAndImage/PlaceholderImage';
-import useNavigation from '../../utils/useNavigation';
-import RecordNotFound from '../ErrorsAndImage/RecordNotFound';
-
-function Template({ format }) {
-  const dispatch = useDispatch();
-  const history = useNavigation();
-  const { Meta } = Card;
-  const { Panel } = Collapse;
-  const page = 1;
-  const [show, setShow] = React.useState(false);
-  const { posts, loading } = useSelector((state) => {
-    const node = state.posts.req.find((item) => {
-      let query = {
-        page,
-        status: 'template',
-        format: [format.id],
-      };
-
-      return deepEqual(item.query, query);
-    });
-    if (node)
-      return {
-        posts: node.data.map((element) => {
-          const post = state.posts.details[element];
-
-          post.medium = state.media.details[post.featured_medium_id];
-          return post;
-        }),
-        total: node.total,
-        loading: state.posts.loading,
-      };
-    return { posts: [], loading: state.posts.loading };
-  });
-
-  React.useEffect(() => {
-    fetchTemplates();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [page]);
-
-  const fetchTemplates = () => {
-    dispatch(getPosts({ page: page, status: 'template', format: [format.id] }));
-  };
-
-  const genExtra = () => (
-    <div onClick={(e) => e.stopPropagation()}>
-      <Button
-        onClick={() => {
-          setShow(!show);
-        }}
-      >
-        {show ? 'show less' : 'show more'}
-      </Button>
-    </div>
-  );
-
-  const handleAddPost = (item) => {
-    if (format.slug === 'article') {
-      dispatch(
-        addPost({ ...item, tag_ids: item.tags, category_ids: item.categories, status: 'draft' }),
-      ).then((res) => history(`/posts/${res.id}/edit`));
-    } else if (format.slug === 'fact-check') {
-      dispatch(
-        addPost({
-          ...item,
-          tag_ids: item.tags,
-          category_ids: item.categories,
-          claim_ids: item.claims,
-          status: 'draft',
-        }),
-      ).then((res) => history(`/fact-checks/${res.id}/edit`));
-    }
-  };
-
-  const handleChange = (nextkeys) => {
-    if (nextkeys.includes('1')) {
-      setShow(true);
-      return;
-    }
-    setShow(false);
-  };
-
-  return (
-    <Collapse
-      defaultActiveKey={[]}
-      activeKey={show ? ['1'] : []}
-      style={{ marginBottom: '0.75rem' }}
-      onChange={handleChange}
-    >
-      <Panel header="Templates" key="1" extra={genExtra()} isActive={show}>
-        {loading ? (
-          <Spin style={{ marginLeft: '50%' }} />
-        ) : posts.length === 0 ? (
-          <RecordNotFound status="info" title="No Templates found" />
-        ) : (
-          <List
-            grid={{ gutter: 16, column: 5 }}
-            dataSource={show ? posts : posts.slice(0, 5)}
-            renderItem={(item) => (
-              <List.Item>
-                <Card
-                  cover={
-                    item.medium ? (
-                      <img
-                        style={{ cursor: 'pointer' }}
-                        alt="example"
-                        src={item.medium.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']}
-                        height="230"
-                        onClick={() => handleAddPost(item)}
-                      />
-                    ) : (
-                      <button style={{ border: 'none' }} onClick={() => handleAddPost(item)}>
-                        <PlaceholderImage />
-                      </button>
-                    )
-                  }
-                  actions={[
-                    <Link
-                      to={
-                        format.slug === 'article'
-                          ? `/posts/${item.id}/edit`
-                          : `/fact-checks/${item.id}/edit`
-                      }
-                    >
-                      <EditOutlined key="edit" />
-                    </Link>,
-                    <Popconfirm
-                      title="Are you sure you want to delete this?"
-                      onConfirm={() =>
-                        dispatch(deletePost(item.id))
-                          .then(() => {
-                            fetchTemplates();
-                          })
-                          .then(() =>
-                            dispatch(getPosts({ page: 1, limit: 5, format: [format.id] })),
-                          )
-                      }
-                    >
-                      <DeleteOutlined key="delete" danger />
-                    </Popconfirm>,
-                  ]}
-                >
-                  <Meta description={item.title} onClick={() => handleAddPost(item)} />
-                </Card>
-              </List.Item>
-            )}
-          />
-        )}
-      </Panel>
-    </Collapse>
-  );
-}
-
-export default Template;
diff --git a/studio/src/components/Template/index.tsx b/studio/src/components/Template/index.tsx
new file mode 100644
index 000000000..b36627bfa
--- /dev/null
+++ b/studio/src/components/Template/index.tsx
@@ -0,0 +1,250 @@
+import { useEffect, useState } from "react";
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import { Link } from "react-router-dom";
+import { Pencil, Trash2 } from "lucide-react";
+import { addPost, deletePost, getPosts } from "../../actions/posts";
+import PlaceholderImage from "../ErrorsAndImage/PlaceholderImage";
+import useNavigation from "../../utils/useNavigation";
+import RecordNotFound from "../ErrorsAndImage/RecordNotFound";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// Import shadcn components
+import { Card, CardContent, CardFooter } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import Loader from "../Loader";
+
+// TypeScript interfaces
+interface Format {
+  id: number;
+  slug: string;
+  name: string;
+}
+
+interface Medium {
+  id: number;
+  url: {
+    raw: string;
+    proxy: string;
+  };
+}
+
+interface Post {
+  id: number;
+  title: string;
+  featured_medium_id: number;
+  medium?: Medium;
+  tags: number[];
+  categories: number[];
+  claims?: number[];
+}
+
+interface PostsState {
+  posts: {
+    req: Array<{
+      query: any;
+      data: number[];
+      total: number;
+    }>;
+    details: Record<number, Post>;
+    loading: boolean;
+  };
+  media: {
+    details: Record<number, Medium>;
+  };
+}
+
+interface TemplateProps {
+  format: Format;
+}
+
+function Template({ format }: TemplateProps) {
+  const dispatch = useAppDispatch();
+  const history = useNavigation();
+  const page = 1;
+  const [deleteAlertOpen, setDeleteAlertOpen] = useState(false);
+  const [postToDelete, setPostToDelete] = useState<number | null>(null);
+
+  const { posts, loading } = useSelector((state: PostsState) => {
+    const node = state.posts.req.find((item) => {
+      const query = {
+        page,
+        status: "template",
+        format: [format.id],
+      };
+
+      return deepEqual(item.query, query);
+    });
+
+    if (node)
+      return {
+        posts: node.data.map((element) => {
+          const post = state.posts.details[element];
+          post.medium = state.media.details[post.featured_medium_id];
+          return post;
+        }),
+        total: node.total,
+        loading: state.posts.loading,
+      };
+
+    return { posts: [], loading: state.posts.loading };
+  });
+
+  useEffect(() => {
+    fetchTemplates();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [page]);
+
+  const fetchTemplates = () => {
+    dispatch(getPosts({ page: page, status: "template", format: [format.id] }));
+  };
+
+  const handleAddPost = (item: Post) => {
+    if (format.slug === "article") {
+      dispatch(
+        addPost({
+          ...item,
+          tag_ids: item.tags,
+          category_ids: item.categories,
+          status: "draft",
+        })
+      ).then((res) => {
+        if (res && "id" in res) {
+          history(`/posts/${res.id}/edit`);
+        }
+      });
+    } else if (format.slug === "fact-check") {
+      dispatch(
+        addPost({
+          ...item,
+          tag_ids: item.tags,
+          category_ids: item.categories,
+          claim_ids: item.claims,
+          status: "draft",
+        })
+      ).then((res) => {
+        if (res && "id" in res) {
+          // Check if res exists and has an id property
+          history(`/fact-checks/${res.id}/edit`);
+        }
+      });
+    }
+  };
+
+  const confirmDelete = (id: number) => {
+    setPostToDelete(id);
+    setDeleteAlertOpen(true);
+  };
+
+  const handleDelete = () => {
+    if (postToDelete) {
+      dispatch(deletePost(postToDelete))
+        .then(() => {
+          fetchTemplates();
+        })
+        .then(() => {
+          dispatch(getPosts({ page: 1, limit: 5, format: [format.id] }));
+          setDeleteAlertOpen(false);
+          setPostToDelete(null);
+        });
+    }
+  };
+
+  return (
+    <div className="p-4">
+      {loading ? (
+        <div className="flex justify-center p-6">
+          <Loader />
+        </div>
+      ) : posts.length === 0 ? (
+        <RecordNotFound status="info" title="No Templates found" />
+      ) : (
+        <div className="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-5 gap-4">
+          {posts.map((item: Post) => (
+            <Card key={item.id} className="overflow-hidden">
+              <div
+                className="h-40 overflow-hidden cursor-pointer"
+                onClick={() => handleAddPost(item)}
+              >
+                {item.medium ? (
+                  <img
+                    alt={item.title}
+                    src={
+                      item.medium.url?.[
+                        import.meta.env.VITE_ENABLE_IMGPROXY ? "proxy" : "raw"
+                      ]
+                    }
+                    className="w-full h-full object-cover"
+                  />
+                ) : (
+                  <div className="w-full h-full flex items-center justify-center bg-gray-100">
+                    <PlaceholderImage />
+                  </div>
+                )}
+              </div>
+
+              <CardContent className="p-3">
+                <p
+                  className="cursor-pointer truncate text-sm"
+                  onClick={() => handleAddPost(item)}
+                >
+                  {item.title}
+                </p>
+              </CardContent>
+
+              <CardFooter className="flex justify-end gap-2 p-3 pt-0">
+                <Link
+                  to={
+                    format.slug === "article"
+                      ? `/posts/${item.id}/edit`
+                      : `/fact-checks/${item.id}/edit`
+                  }
+                >
+                  <Button variant="outline" size="icon" className="h-8 w-8">
+                    <Pencil className="h-3 w-3" />
+                  </Button>
+                </Link>
+                <Button
+                  variant="outline"
+                  size="icon"
+                  className="h-8 w-8"
+                  onClick={() => confirmDelete(item.id)}
+                >
+                  <Trash2 className="h-3 w-3 text-red-500" />
+                </Button>
+              </CardFooter>
+            </Card>
+          ))}
+        </div>
+      )}
+
+      <AlertDialog open={deleteAlertOpen} onOpenChange={setDeleteAlertOpen}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+            <AlertDialogDescription>
+              This action cannot be undone. This will permanently delete the
+              template.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogAction onClick={handleDelete}>Delete</AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </div>
+  );
+}
+
+export default Template;
diff --git a/studio/src/components/UnauthorizedOverlay/index.tsx b/studio/src/components/UnauthorizedOverlay/index.tsx
new file mode 100644
index 000000000..7702e7c12
--- /dev/null
+++ b/studio/src/components/UnauthorizedOverlay/index.tsx
@@ -0,0 +1,85 @@
+import React, { useEffect, useState } from "react";
+import Lock from "@/assets/lock.png";
+import { X } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { useIsMobile } from "@/hooks/use-mobile";
+
+// Define props interface for UnauthorizedOverlay
+interface UnauthorizedOverlayProps {
+  onClose?: () => void;
+  isOpen?: boolean;
+  customMessage?: string;
+}
+
+const UnauthorizedOverlay: React.FC<UnauthorizedOverlayProps> = ({
+  onClose = () => {},
+  isOpen = true,
+  customMessage,
+}) => {
+  const [isVisible, setIsVisible] = useState(isOpen);
+  const isMobile = useIsMobile();
+
+  // Update visibility when isOpen prop changes
+  useEffect(() => {
+    setIsVisible(isOpen);
+  }, [isOpen]);
+
+  useEffect(() => {
+    if (isVisible) {
+      document.body.classList.add("modal-open");
+    }
+
+    // Clean up function
+    return () => {
+      document.body.classList.remove("modal-open");
+    };
+  }, [isVisible]);
+
+  // Handler for closing the overlay
+  const handleClose = () => {
+    setIsVisible(false);
+    onClose();
+  };
+
+  // Don't render anything if not visible
+  if (!isVisible) return null;
+
+  return (
+    <div className="fixed inset-0 z-[9999] flex items-center justify-center">
+      <div className="absolute inset-0 bg-white/30 backdrop-blur-sm" />
+      <div className="fixed inset-0 bg-transparent pointer-events-none" />
+
+      {/* Modal Content with improved mobile styling */}
+      <div className="relative z-10 flex flex-col items-center space-y-6 text-center bg-white/80 shadow-lg rounded-lg w-full mx-4 max-w-md">
+        {/* Inner padding container - ensures padding on all devices */}
+        <div className="w-full p-6 sm:p-10 flex flex-col items-center space-y-6">
+          {/* Close button */}
+          <Button
+            onClick={handleClose}
+            variant="outline"
+            size="sm"
+            className="absolute top-3 right-3 h-8 w-8 p-0"
+            aria-label="Close"
+          >
+            <X className="h-6 w-6" />
+          </Button>
+
+          <div className="rounded-full overflow-hidden w-20 h-20 sm:w-24 sm:h-24 bg-gray-100 flex items-center justify-center">
+            <img src={Lock} width={96} height={96} alt="Lock" />
+          </div>
+
+          <h2 className="text-2xl sm:text-3xl font-semibold text-gray-800">
+            Unauthorized Access
+          </h2>
+
+          {/* Subheading */}
+          <p className="text-base sm:text-lg text-gray-600">
+            {customMessage || "Please contact your administrator for access"}
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default UnauthorizedOverlay;
diff --git a/studio/src/components/Uppy/index.js b/studio/src/components/Uppy/index.js
deleted file mode 100644
index 10f5b0f8e..000000000
--- a/studio/src/components/Uppy/index.js
+++ /dev/null
@@ -1,114 +0,0 @@
-import React from 'react';
-import Uppy from '@uppy/core';
-import AwsS3 from '@uppy/aws-s3';
-import GoogleDrive from '@uppy/google-drive';
-import ImageEditor from '@uppy/image-editor';
-import Url from '@uppy/url';
-import { Dashboard } from '@uppy/react';
-import { useSelector } from 'react-redux';
-import '@uppy/core/dist/style.css';
-import '@uppy/dashboard/dist/style.css';
-import '@uppy/url/dist/style.css';
-import '@uppy/image-editor/dist/style.css';
-import { checker, maker } from '../../utils/sluger';
-
-function UppyUploader({ onUpload, allowedFileTypes = ['image/*'], profile = false }) {
-  const space_slug = useSelector((state) => state.spaces.details[state.spaces.selected].slug);
-  const org_slug = useSelector(
-    (state) => state.spaces.orgs.find((org) => org.spaces.includes(state.spaces.selected)).slug,
-  );
-  const slug = profile ? org_slug : space_slug;
-  const uppy = new Uppy({
-    id: 'uppy-media',
-    meta: { type: 'avatar' },
-    restrictions: {
-      allowedFileTypes: allowedFileTypes,
-    },
-    autoProceed: false,
-    onBeforeUpload: (files) => {
-      const updatedFiles = {};
-
-      Object.keys(files).forEach((fileID) => {
-        const fileName = files[fileID].meta.name.replace(/\.[^/.]+$/, '');
-        const name = checker.test(fileName) ? files[fileID].meta.name : maker(fileName);
-        updatedFiles[fileID] = {
-          ...files[fileID],
-          file_name: name,
-          meta: {
-            ...files[fileID].meta,
-            name:
-              slug +
-              '/' +
-              new Date().getFullYear() +
-              '/' +
-              new Date().getMonth() +
-              '/' +
-              Date.now().toString() +
-              '_' +
-              name,
-          },
-        };
-      });
-      return updatedFiles;
-    },
-  })
-    .use(AwsS3, { companionUrl: window.REACT_APP_COMPANION_URL })
-    .use(Url, { companionUrl: window.REACT_APP_COMPANION_URL })
-    .use(GoogleDrive, { companionUrl: window.REACT_APP_COMPANION_URL })
-    .use(ImageEditor, {
-      id: 'ImageEditor',
-
-      cropperOptions: {
-        viewMode: 1,
-        background: true,
-        autoCropArea: 1,
-        responsive: true,
-      },
-      companionUrl: window.REACT_APP_COMPANION_URL,
-    });
-  uppy.on('file-added', (file) => {
-    const data = file.data;
-    const url = data.thumbnail ? data.thumbnail : URL.createObjectURL(data);
-    const image = new Image();
-    image.src = url;
-    image.onload = () => {
-      uppy.setFileMeta(file.id, { width: image.width, height: image.height });
-      URL.revokeObjectURL(url);
-    };
-    image.onerror = () => {
-      URL.revokeObjectURL(url);
-    };
-  });
-  uppy.on('complete', (result) => {
-    const uploadList = result.successful.map((successful) => {
-      const upload = {};
-      const { meta } = successful;
-      upload['alt_text'] = meta.alt_text ? meta.alt_text : successful.file_name;
-      upload['caption'] = meta.caption;
-      upload['description'] = meta.caption;
-      upload['dimensions'] = `${meta.width}x${meta.height}`;
-      upload['file_size'] = successful.size;
-      upload['name'] = successful.file_name;
-      upload['slug'] = successful.file_name;
-      upload['title'] = meta.caption ? meta.caption : '';
-      upload['type'] = meta.type;
-      upload['url'] = {};
-      upload['url']['raw'] = successful.uploadURL;
-      return upload;
-    });
-    onUpload(uploadList);
-  });
-  return (
-    <Dashboard
-      uppy={uppy}
-      plugins={['GoogleDrive', 'Url', 'ImageEditor']}
-      metaFields={[
-        { id: 'name', name: 'Name', placeholder: 'file name' },
-        { id: 'caption', name: 'Caption', placeholder: 'describe what the image is about' },
-        { id: 'alt_text', name: 'Alt Text', placeholder: 'describe what the image is content' },
-      ]}
-    />
-  );
-}
-
-export default UppyUploader;
diff --git a/studio/src/components/Uppy/index.tsx b/studio/src/components/Uppy/index.tsx
new file mode 100644
index 000000000..4fce2f549
--- /dev/null
+++ b/studio/src/components/Uppy/index.tsx
@@ -0,0 +1,293 @@
+import Uppy, { UppyFile } from "@uppy/core";
+import AwsS3 from "@uppy/aws-s3";
+import GoogleDrive from "@uppy/google-drive";
+import ImageEditor from "@uppy/image-editor";
+import Url from "@uppy/url";
+import { Dashboard } from "@uppy/react";
+import { useSelector } from "react-redux";
+import "@uppy/core/dist/style.css";
+import "@uppy/dashboard/dist/style.css";
+import "@uppy/url/dist/style.css";
+import "@uppy/image-editor/dist/style.css";
+import { checker, maker } from "../../utils/sluger";
+
+// Type definitions
+interface UppyUploaderProps {
+  onUpload: (uploadList: UploadItem[]) => void;
+  allowedFileTypes?: string[];
+  profile?: boolean;
+}
+
+interface UploadItem {
+  alt_text: string;
+  caption?: string;
+  description?: string;
+  dimensions: string;
+  file_size: number;
+  name: string;
+  slug: string;
+  title: string;
+  type: string;
+  url: {
+    raw: string;
+  };
+}
+
+interface SpaceState {
+  spaces: {
+    selected: number | string;
+    details: {
+      [key: string]: {
+        slug: string;
+      };
+    };
+    orgs: Array<{
+      slug: string;
+      spaces: (number | string)[];
+    }>;
+  };
+}
+
+interface UppyFileExtended extends UppyFile {
+  file_name: string;
+  meta: {
+    name: string;
+    alt_text?: string;
+    caption?: string;
+    width?: number;
+    height?: number;
+    type: string;
+  };
+  uploadURL?: string;
+}
+
+function UppyUploader({
+  onUpload,
+  allowedFileTypes = ["image/*"],
+  profile = false,
+}: UppyUploaderProps) {
+  const space_slug = useSelector((state: SpaceState) => {
+    const selectedSpace = state.spaces.selected;
+    const details = state.spaces.details;
+    return details && selectedSpace !== undefined && details[selectedSpace]
+      ? details[selectedSpace].slug
+      : "";
+  });
+
+  const org_slug = useSelector((state: SpaceState) => {
+    const selectedSpace = state.spaces.selected;
+    const orgs = state.spaces.orgs || [];
+    const org = orgs.find(
+      (org) => org && org.spaces && org.spaces.includes(selectedSpace)
+    );
+    return org ? org.slug : "";
+  });
+  const slug = profile ? org_slug : space_slug;
+  const companionUrl = import.meta.env.VITE_COMPANION_URL;
+
+  // Define target dimensions for images
+  const TARGET_WIDTH = 468;
+  const TARGET_HEIGHT = 468;
+
+  const uppy = new Uppy({
+    id: "uppy-media",
+    meta: { type: "avatar" },
+    restrictions: {
+      allowedFileTypes: allowedFileTypes,
+    },
+    autoProceed: false,
+    onBeforeUpload: (files: Record<string, UppyFileExtended>) => {
+      const updatedFiles: Record<string, UppyFileExtended> = {};
+
+      Object.keys(files).forEach((fileID) => {
+        const fileName = files[fileID].meta.name.replace(/\.[^/.]+$/, "");
+        const name = checker.test(fileName)
+          ? files[fileID].meta.name
+          : maker(fileName);
+        updatedFiles[fileID] = {
+          ...files[fileID],
+          file_name: name,
+          meta: {
+            ...files[fileID].meta,
+            name:
+              slug +
+              "/" +
+              new Date().getFullYear() +
+              "/" +
+              new Date().getMonth() +
+              "/" +
+              Date.now().toString() +
+              "_" +
+              name,
+            // Set target dimensions for image editor
+            width: TARGET_WIDTH,
+            height: TARGET_HEIGHT,
+          },
+        };
+      });
+      return updatedFiles;
+    },
+  })
+    .use(AwsS3, {
+      companionUrl: companionUrl,
+      endpoint: companionUrl,
+      getUploadParameters(file) {
+        const paramsEndpoint = `${companionUrl}/s3/params`;
+
+        const queryParams = new URLSearchParams({
+          filename: file.meta.name,
+        });
+
+        // Always use our defined dimensions
+        queryParams.append("metadata[width]", TARGET_WIDTH.toString());
+        queryParams.append("metadata[height]", TARGET_HEIGHT.toString());
+
+        // Make the request to get S3 upload parameters
+        return fetch(`${paramsEndpoint}?${queryParams.toString()}`, {
+          method: "GET",
+          credentials: "same-origin",
+          headers: {
+            Accept: "application/json",
+          },
+        })
+          .then((response) => {
+            if (!response.ok) {
+              throw new Error(
+                `Failed to get upload parameters. Status: ${response.status}`
+              );
+            }
+            return response.json();
+          })
+          .then((data) => {
+            console.log("S3 upload parameters received:", data);
+            return data;
+          })
+          .catch((error) => {
+            console.error("Error getting S3 upload parameters:", error);
+            throw error;
+          });
+      },
+    })
+    .use(Url, {
+      companionUrl: companionUrl,
+    })
+    .use(GoogleDrive, {
+      companionUrl: companionUrl,
+    })
+    .use(ImageEditor, {
+      id: "ImageEditor",
+      quality: 0.9,
+      cropperOptions: {
+        viewMode: 1,
+        background: true,
+        autoCropArea: 1,
+        responsive: true,
+        croppedCanvasOptions: {
+          width: TARGET_WIDTH,
+          height: TARGET_HEIGHT,
+        },
+      },
+      actions: {
+        revert: true,
+        rotate: true,
+        granularRotate: true,
+        flip: true,
+        zoomIn: true,
+        zoomOut: true,
+        cropSquare: true,
+        cropWidescreen: false,
+        cropWidescreenVertical: false,
+      },
+      companionUrl: companionUrl,
+    });
+
+  uppy.on("file-added", (file: UppyFileExtended) => {
+    const data = file.data;
+    const url = data.thumbnail ? data.thumbnail : URL.createObjectURL(data);
+    const image = new Image();
+    image.src = url;
+    image.onload = () => {
+      uppy.setFileMeta(file.id, {
+        width: TARGET_WIDTH,
+        height: TARGET_HEIGHT,
+      });
+      URL.revokeObjectURL(url);
+    };
+    image.onerror = () => {
+      URL.revokeObjectURL(url);
+    };
+  });
+
+  uppy.on("error", (error) => {
+    console.error("Uppy error:", error);
+  });
+
+  uppy.on("upload-error", (file, error, response) => {
+    console.error("Upload error:", file, error, response);
+  });
+
+  uppy.on("complete", (result) => {
+    if (result.successful.length === 0) {
+      console.warn("No files were successfully uploaded");
+      return;
+    }
+
+    const uploadList: UploadItem[] = result.successful.map(
+      (successful: UppyFileExtended) => {
+        const upload: UploadItem = {
+          alt_text: successful.meta.alt_text
+            ? successful.meta.alt_text
+            : successful.file_name,
+          caption: successful.meta.caption,
+          description: successful.meta.caption,
+          dimensions: `${TARGET_WIDTH}x${TARGET_HEIGHT}`,
+          file_size: successful.size,
+          name: successful.file_name,
+          slug: successful.file_name,
+          title: successful.meta.caption ? successful.meta.caption : "",
+          type: successful.meta.type,
+          url: {
+            raw: successful.uploadURL || "",
+          },
+        };
+        return upload;
+      }
+    );
+    onUpload(uploadList);
+  });
+
+  return (
+    <div className="w-full">
+      <div className="mb-4">
+        <h3 className="font-medium mb-2">Image Requirements</h3>
+        <p className="text-sm text-gray-600">
+          Images will be displayed at {TARGET_WIDTH}x{TARGET_HEIGHT}px. You can
+          use the built-in editor to crop and adjust your images as needed.
+        </p>
+      </div>
+      <Dashboard
+        uppy={uppy}
+        plugins={["GoogleDrive", "Url", "ImageEditor"]}
+        metaFields={[
+          { id: "name", name: "Name", placeholder: "file name" },
+          {
+            id: "caption",
+            name: "Caption",
+            placeholder: "describe what the image is about",
+          },
+          {
+            id: "alt_text",
+            name: "Alt Text",
+            placeholder: "describe what the image is content",
+          },
+        ]}
+        proudlyDisplayPoweredByUppy={false}
+        showSelectedFiles={true}
+        showRemoveButtonAfterComplete={true}
+        note={`Optimal image size: ${TARGET_WIDTH}x${TARGET_HEIGHT}px`}
+      />
+    </div>
+  );
+}
+
+export default UppyUploader;
diff --git a/studio/src/components/statusBadge/index.tsx b/studio/src/components/statusBadge/index.tsx
new file mode 100644
index 000000000..b4f762114
--- /dev/null
+++ b/studio/src/components/statusBadge/index.tsx
@@ -0,0 +1,63 @@
+import { AlertCircle, CheckCircle, Clock, Calendar } from "lucide-react";
+
+export const statusItems = [
+  { value: "publish", label: "PUBLISHED", icon: CheckCircle, color: "green" },
+  { value: "future", label: "FUTURE", icon: Calendar, color: "blue" },
+  { value: "ready", label: "READY", icon: Clock, color: "amber" },
+  { value: "draft", label: "DRAFT", icon: AlertCircle, color: "gray" },
+];
+
+export const tabsItems = [
+  { value: "all", label: "All" },
+  { value: "publish", label: "Published" },
+  { value: "future", label: "Future Publish" },
+  { value: "ready", label: "Ready to Publish" },
+  { value: "draft", label: "Drafts" },
+];
+
+// Consistent status badge renderer for use across components
+export const renderStatusBadge = (status: string | undefined) => {
+  // If status is undefined, log it and default to draft
+  if (status === undefined || status === null) {
+    console.warn("Undefined status found, defaulting to 'draft'");
+    status = "draft";
+  }
+
+  // Find the matching status item
+  const statusItem = statusItems.find(
+    (item) => item.value === status.toLowerCase()
+  );
+
+  if (!statusItem) {
+    return (
+      <div className="inline-flex items-center justify-center h-8 px-4 py-2 text-sm font-medium rounded-full border border-gray-300">
+        {status || "Unknown"}
+      </div>
+    );
+  }
+
+  const Icon = statusItem.icon;
+
+  // Consistent badge styling based on status
+  let badgeClass =
+    "inline-flex items-center justify-center h-8 px-4 py-2 text-sm font-medium rounded-full ";
+
+  switch (statusItem.value) {
+    case "publish":
+      badgeClass += "bg-white text-green-600 border border-green-500";
+      break;
+    case "future":
+      badgeClass += "bg-white text-blue-600 border border-blue-500";
+      break;
+    case "ready":
+      badgeClass += "bg-white text-amber-600 border border-amber-500";
+      break;
+    case "draft":
+      badgeClass += "bg-white text-gray-600 border border-gray-500";
+      break;
+    default:
+      badgeClass += "bg-white text-gray-700 border border-gray-300";
+  }
+
+  return <div className={badgeClass}>{statusItem.label}</div>;
+};
diff --git a/studio/src/components/ui/DatePicker.tsx b/studio/src/components/ui/DatePicker.tsx
new file mode 100644
index 000000000..a3c05b027
--- /dev/null
+++ b/studio/src/components/ui/DatePicker.tsx
@@ -0,0 +1,241 @@
+import * as React from "react";
+import { format } from "date-fns";
+import { Calendar as CalendarIcon } from "lucide-react";
+import { DateRange, SelectRangeEventHandler } from "react-day-picker";
+
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import { Calendar } from "@/components/ui/calendar";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+
+interface DatePickerProps {
+  selected?: Date;
+  date?: Date;
+  onSelect?: (date: Date | undefined) => void;
+  disabled?: (date: Date) => boolean;
+  placeholder?: string;
+  className?: string;
+}
+
+export function DatePicker({
+  selected,
+  date,
+  onSelect,
+  disabled,
+  placeholder = "Pick a date",
+  className,
+}: DatePickerProps) {
+  const [open, setOpen] = React.useState(false);
+  const selectedDate = selected || date;
+
+  const handleSelect = (selectedDate: Date | undefined) => {
+    if (onSelect) {
+      onSelect(selectedDate);
+    }
+    setOpen(false); // Close the popover when a date is selected
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          className={cn(
+            "w-full justify-start text-left font-normal",
+            !selectedDate && "text-muted-foreground",
+            className
+          )}
+        >
+          <CalendarIcon className="mr-2 h-4 w-4" />
+          {selectedDate ? format(selectedDate, "PPP") : placeholder}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0">
+        <Calendar
+          mode="single"
+          selected={selectedDate}
+          onSelect={handleSelect}
+          disabled={disabled}
+          initialFocus
+        />
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+// Date Range Picker
+interface DateRangePickerProps {
+  dateRange?: DateRange;
+  onSelect?: (range: DateRange | undefined) => void;
+  disabled?: (date: Date) => boolean;
+  placeholder?: string;
+  className?: string;
+}
+
+export function DateRangePicker({
+  dateRange,
+  onSelect,
+  disabled,
+  placeholder = "Pick a date range",
+  className,
+}: DateRangePickerProps) {
+  const [date, setDate] = React.useState<DateRange | undefined>(dateRange);
+  const [open, setOpen] = React.useState(false);
+
+  // When date changes, call the onSelect prop
+  React.useEffect(() => {
+    if (onSelect) {
+      onSelect(date);
+    }
+  }, [date, onSelect]);
+
+  // Create a handler with the correct type
+  const handleSelect: SelectRangeEventHandler = (selected) => {
+    setDate(selected);
+
+    // If we have a complete range (both from and to dates), close the popover
+    if (selected?.from && selected?.to) {
+      setOpen(false);
+    }
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          className={cn(
+            "w-full justify-start text-left font-normal",
+            !date?.from && "text-muted-foreground",
+            className
+          )}
+        >
+          <CalendarIcon className="mr-2 h-4 w-4" />
+          {date?.from ? (
+            date.to ? (
+              <>
+                {format(date.from, "LLL dd, y")} -{" "}
+                {format(date.to, "LLL dd, y")}
+              </>
+            ) : (
+              format(date.from, "LLL dd, y")
+            )
+          ) : (
+            placeholder
+          )}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0">
+        <Calendar
+          mode="range"
+          selected={date}
+          onSelect={handleSelect}
+          disabled={disabled}
+          numberOfMonths={2}
+          initialFocus
+        />
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+// DatePicker with Presets
+interface DatePickerWithPresetsProps {
+  selected?: Date;
+  onSelect?: (date: Date | undefined) => void;
+  disabled?: (date: Date) => boolean;
+  placeholder?: string;
+  className?: string;
+  presets?: { name: string; date: Date }[];
+}
+
+export function DatePickerWithPresets({
+  selected,
+  onSelect,
+  disabled,
+  placeholder = "Pick a date",
+  className,
+  presets,
+}: DatePickerWithPresetsProps) {
+  const [open, setOpen] = React.useState(false);
+  const defaultPresets = [
+    { name: "Today", date: new Date() },
+    { name: "Yesterday", date: new Date(Date.now() - 86400000) },
+    {
+      name: "A week ago",
+      date: new Date(Date.now() - 7 * 86400000),
+    },
+  ];
+
+  const finalPresets = presets || defaultPresets;
+
+  const handleSelect = (selectedDate: Date | undefined) => {
+    if (onSelect) {
+      onSelect(selectedDate);
+    }
+    setOpen(false); // Close the popover when a date is selected
+  };
+
+  return (
+    <Popover open={open} onOpenChange={setOpen}>
+      <PopoverTrigger asChild>
+        <Button
+          variant="outline"
+          className={cn(
+            "w-full justify-start text-left font-normal",
+            !selected && "text-muted-foreground",
+            className
+          )}
+        >
+          <CalendarIcon className="mr-2 h-4 w-4" />
+          {selected ? format(selected, "PPP") : placeholder}
+        </Button>
+      </PopoverTrigger>
+      <PopoverContent className="w-auto p-0" align="start">
+        <div className="flex flex-col gap-2 p-2">
+          {finalPresets.map((preset) => (
+            <Button
+              key={preset.name}
+              variant="ghost"
+              className="text-left"
+              onClick={() => {
+                handleSelect(preset.date);
+              }}
+            >
+              {preset.name}
+            </Button>
+          ))}
+        </div>
+        <div className="border-t">
+          <Calendar
+            mode="single"
+            selected={selected}
+            onSelect={handleSelect}
+            disabled={disabled}
+            initialFocus
+          />
+        </div>
+      </PopoverContent>
+    </Popover>
+  );
+}
+
+interface FormDatePickerProps {
+  date?: Date;
+  onSelect: (date: Date | undefined) => void;
+  disabled?: (date: Date) => boolean;
+}
+
+export function FormDatePicker({
+  date,
+  onSelect,
+  disabled,
+}: FormDatePickerProps) {
+  return <DatePicker selected={date} onSelect={onSelect} disabled={disabled} />;
+}
+
+export default DatePicker;
diff --git a/studio/src/components/ui/accordion.tsx b/studio/src/components/ui/accordion.tsx
new file mode 100644
index 000000000..58a8173ff
--- /dev/null
+++ b/studio/src/components/ui/accordion.tsx
@@ -0,0 +1,64 @@
+import * as React from "react"
+import * as AccordionPrimitive from "@radix-ui/react-accordion"
+import { ChevronDownIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Accordion({
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Root>) {
+  return <AccordionPrimitive.Root data-slot="accordion" {...props} />
+}
+
+function AccordionItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Item>) {
+  return (
+    <AccordionPrimitive.Item
+      data-slot="accordion-item"
+      className={cn("border-b last:border-b-0", className)}
+      {...props}
+    />
+  )
+}
+
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {
+  return (
+    <AccordionPrimitive.Header className="flex">
+      <AccordionPrimitive.Trigger
+        data-slot="accordion-trigger"
+        className={cn(
+          "ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all hover:underline focus-visible:ring-4 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <ChevronDownIcon className="text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
+  )
+}
+
+function AccordionContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof AccordionPrimitive.Content>) {
+  return (
+    <AccordionPrimitive.Content
+      data-slot="accordion-content"
+      className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+      {...props}
+    >
+      <div className={cn("pt-0 pb-4 px-6", className)}>{children}</div>
+    </AccordionPrimitive.Content>
+  )
+}
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent }
diff --git a/studio/src/components/ui/alert-dialog.tsx b/studio/src/components/ui/alert-dialog.tsx
new file mode 100644
index 000000000..e7cbfe8a9
--- /dev/null
+++ b/studio/src/components/ui/alert-dialog.tsx
@@ -0,0 +1,155 @@
+import * as React from "react"
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
+
+import { cn } from "@/lib/utils"
+import { buttonVariants } from "@/components/ui/button"
+
+function AlertDialog({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
+  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
+}
+
+function AlertDialogTrigger({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
+  return (
+    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
+  )
+}
+
+function AlertDialogPortal({
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
+  return (
+    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
+  )
+}
+
+function AlertDialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
+  return (
+    <AlertDialogPrimitive.Overlay
+      data-slot="alert-dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {
+  return (
+    <AlertDialogPortal>
+      <AlertDialogOverlay />
+      <AlertDialogPrimitive.Content
+        data-slot="alert-dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        )}
+        {...props}
+      />
+    </AlertDialogPortal>
+  )
+}
+
+function AlertDialogHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
+  return (
+    <AlertDialogPrimitive.Title
+      data-slot="alert-dialog-title"
+      className={cn("text-lg font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
+  return (
+    <AlertDialogPrimitive.Description
+      data-slot="alert-dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogAction({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {
+  return (
+    <AlertDialogPrimitive.Action
+      className={cn(buttonVariants(), className)}
+      {...props}
+    />
+  )
+}
+
+function AlertDialogCancel({
+  className,
+  ...props
+}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {
+  return (
+    <AlertDialogPrimitive.Cancel
+      className={cn(buttonVariants({ variant: "outline" }), className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  AlertDialog,
+  AlertDialogPortal,
+  AlertDialogOverlay,
+  AlertDialogTrigger,
+  AlertDialogContent,
+  AlertDialogHeader,
+  AlertDialogFooter,
+  AlertDialogTitle,
+  AlertDialogDescription,
+  AlertDialogAction,
+  AlertDialogCancel,
+}
diff --git a/studio/src/components/ui/alert.tsx b/studio/src/components/ui/alert.tsx
new file mode 100644
index 000000000..3fbab8709
--- /dev/null
+++ b/studio/src/components/ui/alert.tsx
@@ -0,0 +1,66 @@
+import * as React from "react"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const alertVariants = cva(
+  "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive:
+          "border-destructive/50 text-destructive dark:text-destructive-foreground/80 dark:border-destructive [&>svg]:text-current dark:bg-destructive/50",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function Alert({
+  className,
+  variant,
+  ...props
+}: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>) {
+  return (
+    <div
+      data-slot="alert"
+      role="alert"
+      className={cn(alertVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-title"
+      className={cn(
+        "col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AlertDescription({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="alert-description"
+      className={cn(
+        "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Alert, AlertTitle, AlertDescription }
diff --git a/studio/src/components/ui/avatar.tsx b/studio/src/components/ui/avatar.tsx
new file mode 100644
index 000000000..b7224f001
--- /dev/null
+++ b/studio/src/components/ui/avatar.tsx
@@ -0,0 +1,51 @@
+import * as React from "react"
+import * as AvatarPrimitive from "@radix-ui/react-avatar"
+
+import { cn } from "@/lib/utils"
+
+function Avatar({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Root>) {
+  return (
+    <AvatarPrimitive.Root
+      data-slot="avatar"
+      className={cn(
+        "relative flex size-8 shrink-0 overflow-hidden rounded-full",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function AvatarImage({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Image>) {
+  return (
+    <AvatarPrimitive.Image
+      data-slot="avatar-image"
+      className={cn("aspect-square size-full", className)}
+      {...props}
+    />
+  )
+}
+
+function AvatarFallback({
+  className,
+  ...props
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {
+  return (
+    <AvatarPrimitive.Fallback
+      data-slot="avatar-fallback"
+      className={cn(
+        "bg-muted flex size-full items-center justify-center rounded-full",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Avatar, AvatarImage, AvatarFallback }
diff --git a/studio/src/components/ui/badge.tsx b/studio/src/components/ui/badge.tsx
new file mode 100644
index 000000000..268ea771c
--- /dev/null
+++ b/studio/src/components/ui/badge.tsx
@@ -0,0 +1,46 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const badgeVariants = cva(
+  "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-auto",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive:
+          "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+        outline:
+          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  }
+)
+
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"span"> &
+  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "span"
+
+  return (
+    <Comp
+      data-slot="badge"
+      className={cn(badgeVariants({ variant }), className)}
+      {...props}
+    />
+  )
+}
+
+export { Badge, badgeVariants }
diff --git a/studio/src/components/ui/breadcrumb.tsx b/studio/src/components/ui/breadcrumb.tsx
new file mode 100644
index 000000000..a8262c405
--- /dev/null
+++ b/studio/src/components/ui/breadcrumb.tsx
@@ -0,0 +1,109 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { ChevronRight, MoreHorizontal } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Breadcrumb({ ...props }: React.ComponentProps<"nav">) {
+  return <nav aria-label="breadcrumb" data-slot="breadcrumb" {...props} />
+}
+
+function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
+  return (
+    <ol
+      data-slot="breadcrumb-list"
+      className={cn(
+        "text-gray-500 flex flex-wrap items-center text-[10px] break-words sm:gap-2.5",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="breadcrumb-item"
+      className={cn("inline-flex items-center gap-1.5 text-gray-500", className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean
+}) {
+  const Comp = asChild ? Slot : "a"
+
+  return (
+    <Comp
+      data-slot="breadcrumb-link"
+      className={cn("hover:text-foreground transition-colors", className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="breadcrumb-page"
+      role="link"
+      aria-disabled="true"
+      aria-current="page"
+      className={cn("font-normal", className)}
+      {...props}
+    />
+  )
+}
+
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="breadcrumb-separator"
+      role="presentation"
+      aria-hidden="true"
+      className={cn("[&>svg]:size-3.5", className)}
+      {...props}
+    >
+      {children ?? <ChevronRight />}
+    </li>
+  )
+}
+
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="breadcrumb-ellipsis"
+      role="presentation"
+      aria-hidden="true"
+      className={cn("flex size-9 items-center justify-center", className)}
+      {...props}
+    >
+      <MoreHorizontal className="size-4" />
+      <span className="sr-only">More</span>
+    </span>
+  )
+}
+
+export {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis,
+}
diff --git a/studio/src/components/ui/button.tsx b/studio/src/components/ui/button.tsx
new file mode 100644
index 000000000..61875fc16
--- /dev/null
+++ b/studio/src/components/ui/button.tsx
@@ -0,0 +1,58 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 focus-visible:ring-4 focus-visible:outline-1 aria-invalid:focus-visible:ring-0",
+  {
+    variants: {
+      variant: {
+        default:
+          "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+        destructive:
+          "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90",
+        outline:
+          "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+        secondary:
+          "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+)
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  const Comp = asChild ? Slot : "button"
+
+  return (
+    <Comp
+      data-slot="button"
+      className={cn(buttonVariants({ variant, size, className }))}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
diff --git a/studio/src/components/ui/calendar.tsx b/studio/src/components/ui/calendar.tsx
new file mode 100644
index 000000000..962e816fa
--- /dev/null
+++ b/studio/src/components/ui/calendar.tsx
@@ -0,0 +1,73 @@
+import * as React from "react";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { DayPicker } from "react-day-picker";
+
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "@/components/ui/button";
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}: React.ComponentProps<typeof DayPicker>) {
+  return (
+    <DayPicker
+      showOutsideDays={showOutsideDays}
+      className={cn("p-3", className)}
+      classNames={{
+        months: "flex flex-col sm:flex-row gap-2",
+        month: "flex flex-col gap-4",
+        caption: "flex justify-center pt-1 relative items-center w-full",
+        caption_label: "text-sm font-medium",
+        nav: "flex items-center gap-1",
+        nav_button: cn(
+          buttonVariants({ variant: "outline" }),
+          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-x-1",
+        head_row: "flex",
+        head_cell:
+          "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md",
+          props.mode === "range"
+            ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md"
+            : "[&:has([aria-selected])]:rounded-md"
+        ),
+        day: cn(
+          buttonVariants({ variant: "ghost" }),
+          "size-8 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_start:
+          "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
+        day_range_end:
+          "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
+        day_selected:
+          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside:
+          "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle:
+          "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...classNames,
+      }}
+      components={{
+        IconLeft: ({ className, ...props }) => (
+          <ChevronLeft className={cn("size-4", className)} {...props} />
+        ),
+        IconRight: ({ className, ...props }) => (
+          <ChevronRight className={cn("size-4", className)} {...props} />
+        ),
+      }}
+      {...props}
+    />
+  );
+}
+
+export { Calendar };
diff --git a/studio/src/components/ui/card.tsx b/studio/src/components/ui/card.tsx
new file mode 100644
index 000000000..3ff199be6
--- /dev/null
+++ b/studio/src/components/ui/card.tsx
@@ -0,0 +1,68 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Card({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card"
+      className={cn(
+        "bg-card text-card-foreground rounded-xl border shadow-sm",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-header"
+      className={cn("flex flex-col gap-1.5 p-6", className)}
+      {...props}
+    />
+  )
+}
+
+function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-title"
+      className={cn("leading-none font-semibold tracking-tight", className)}
+      {...props}
+    />
+  )
+}
+
+function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function CardContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-content"
+      className={cn("p-6 pt-0", className)}
+      {...props}
+    />
+  )
+}
+
+function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="card-footer"
+      className={cn("flex items-center p-6 pt-0", className)}
+      {...props}
+    />
+  )
+}
+
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
diff --git a/studio/src/components/ui/checkbox.tsx b/studio/src/components/ui/checkbox.tsx
new file mode 100644
index 000000000..eac008bc2
--- /dev/null
+++ b/studio/src/components/ui/checkbox.tsx
@@ -0,0 +1,30 @@
+import * as React from "react"
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox"
+import { CheckIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Checkbox({
+  className,
+  ...props
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+  return (
+    <CheckboxPrimitive.Root
+      data-slot="checkbox"
+      className={cn(
+        "peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <CheckboxPrimitive.Indicator
+        data-slot="checkbox-indicator"
+        className="flex items-center justify-center text-current transition-none"
+      >
+        <CheckIcon className="size-3.5" />
+      </CheckboxPrimitive.Indicator>
+    </CheckboxPrimitive.Root>
+  )
+}
+
+export { Checkbox }
diff --git a/studio/src/components/ui/collapsible.tsx b/studio/src/components/ui/collapsible.tsx
new file mode 100644
index 000000000..77f86beda
--- /dev/null
+++ b/studio/src/components/ui/collapsible.tsx
@@ -0,0 +1,31 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible"
+
+function Collapsible({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {
+  return <CollapsiblePrimitive.Root data-slot="collapsible" {...props} />
+}
+
+function CollapsibleTrigger({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleTrigger
+      data-slot="collapsible-trigger"
+      {...props}
+    />
+  )
+}
+
+function CollapsibleContent({
+  ...props
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {
+  return (
+    <CollapsiblePrimitive.CollapsibleContent
+      data-slot="collapsible-content"
+      {...props}
+    />
+  )
+}
+
+export { Collapsible, CollapsibleTrigger, CollapsibleContent }
diff --git a/studio/src/components/ui/command.tsx b/studio/src/components/ui/command.tsx
new file mode 100644
index 000000000..0243d236c
--- /dev/null
+++ b/studio/src/components/ui/command.tsx
@@ -0,0 +1,175 @@
+import * as React from "react"
+import { Command as CommandPrimitive } from "cmdk"
+import { SearchIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog"
+
+function Command({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive>) {
+  return (
+    <CommandPrimitive
+      data-slot="command"
+      className={cn(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandDialog({
+  title = "Command Palette",
+  description = "Search for a command to run...",
+  children,
+  ...props
+}: React.ComponentProps<typeof Dialog> & {
+  title?: string
+  description?: string
+}) {
+  return (
+    <Dialog {...props}>
+      <DialogHeader className="sr-only">
+        <DialogTitle>{title}</DialogTitle>
+        <DialogDescription>{description}</DialogDescription>
+      </DialogHeader>
+      <DialogContent className="overflow-hidden p-0">
+        <Command className="[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
+          {children}
+        </Command>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+function CommandInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Input>) {
+  return (
+    <div
+      data-slot="command-input-wrapper"
+      className="flex h-9 items-center gap-2 px-3"
+    >
+      <SearchIcon className="size-4 shrink-0 opacity-50" />
+      <CommandPrimitive.Input
+        data-slot="command-input"
+        className={cn(
+          "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function CommandList({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.List>) {
+  return (
+    <CommandPrimitive.List
+      data-slot="command-list"
+      className={cn(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandEmpty({
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Empty>) {
+  return (
+    <CommandPrimitive.Empty
+      data-slot="command-empty"
+      className="py-6 text-center text-sm"
+      {...props}
+    />
+  )
+}
+
+function CommandGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Group>) {
+  return (
+    <CommandPrimitive.Group
+      data-slot="command-group"
+      className={cn(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Separator>) {
+  return (
+    <CommandPrimitive.Separator
+      data-slot="command-separator"
+      className={cn("bg-border -mx-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function CommandItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof CommandPrimitive.Item>) {
+  return (
+    <CommandPrimitive.Item
+      data-slot="command-item"
+      className={cn(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function CommandShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="command-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  Command,
+  CommandDialog,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandShortcut,
+  CommandSeparator,
+}
diff --git a/studio/src/components/ui/dialog.tsx b/studio/src/components/ui/dialog.tsx
new file mode 100644
index 000000000..77de73c6f
--- /dev/null
+++ b/studio/src/components/ui/dialog.tsx
@@ -0,0 +1,136 @@
+import * as React from "react"
+import * as DialogPrimitive from "@radix-ui/react-dialog"
+import { XIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Dialog({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+}
+
+function DialogTrigger({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+}
+
+function DialogPortal({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+}
+
+function DialogClose({
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      data-slot="dialog-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogContent({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content>) {
+  return (
+    <DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        data-slot="dialog-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <DialogPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4">
+          <XIcon />
+          <span className="sr-only">Close</span>
+        </DialogPrimitive.Close>
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-header"
+      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
+      {...props}
+    />
+  )
+}
+
+function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="dialog-footer"
+      className={cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      data-slot="dialog-title"
+      className={cn(
+        "text-lg leading-none font-semibold tracking-tight",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      data-slot="dialog-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+}
diff --git a/studio/src/components/ui/dropdown-menu.tsx b/studio/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 000000000..1d8da1e74
--- /dev/null
+++ b/studio/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,255 @@
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function DropdownMenu({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return (
+    <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+  )
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return (
+    <DropdownMenuPrimitive.Trigger
+      data-slot="dropdown-menu-trigger"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
+          className
+        )}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  )
+}
+
+function DropdownMenuGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return (
+    <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+  )
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean
+  variant?: "default" | "destructive"
+}) {
+  return (
+    <DropdownMenuPrimitive.Item
+      data-slot="dropdown-menu-item"
+      data-inset={inset}
+      data-variant={variant}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <DropdownMenuPrimitive.CheckboxItem
+      data-slot="dropdown-menu-checkbox-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      checked={checked}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  )
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return (
+    <DropdownMenuPrimitive.RadioGroup
+      data-slot="dropdown-menu-radio-group"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  return (
+    <DropdownMenuPrimitive.RadioItem
+      data-slot="dropdown-menu-radio-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  )
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      data-slot="dropdown-menu-label"
+      data-inset={inset}
+      className={cn(
+        "px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      data-slot="dropdown-menu-separator"
+      className={cn("bg-border -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuShortcut({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      data-slot="dropdown-menu-shortcut"
+      className={cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSub({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.SubTrigger
+      data-slot="dropdown-menu-sub-trigger"
+      data-inset={inset}
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto size-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+  )
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      data-slot="dropdown-menu-sub-content"
+      className={cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+}
diff --git a/studio/src/components/ui/form.tsx b/studio/src/components/ui/form.tsx
new file mode 100644
index 000000000..8a83b32ca
--- /dev/null
+++ b/studio/src/components/ui/form.tsx
@@ -0,0 +1,165 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+import { Slot } from "@radix-ui/react-slot"
+import {
+  Controller,
+  ControllerProps,
+  FieldPath,
+  FieldValues,
+  FormProvider,
+  useFormContext,
+  useFormState,
+} from "react-hook-form"
+
+import { cn } from "@/lib/utils"
+import { Label } from "@/components/ui/label"
+
+const Form = FormProvider
+
+type FormFieldContextValue<
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+> = {
+  name: TName
+}
+
+const FormFieldContext = React.createContext<FormFieldContextValue>(
+  {} as FormFieldContextValue
+)
+
+const FormField = <
+  TFieldValues extends FieldValues = FieldValues,
+  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
+>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => {
+  return (
+    <FormFieldContext.Provider value={{ name: props.name }}>
+      <Controller {...props} />
+    </FormFieldContext.Provider>
+  )
+}
+
+const useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext)
+  const itemContext = React.useContext(FormItemContext)
+  const { getFieldState } = useFormContext()
+  const formState = useFormState({ name: fieldContext.name })
+  const fieldState = getFieldState(fieldContext.name, formState)
+
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>")
+  }
+
+  const { id } = itemContext
+
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState,
+  }
+}
+
+type FormItemContextValue = {
+  id: string
+}
+
+const FormItemContext = React.createContext<FormItemContextValue>(
+  {} as FormItemContextValue
+)
+
+function FormItem({ className, ...props }: React.ComponentProps<"div">) {
+  const id = React.useId()
+
+  return (
+    <FormItemContext.Provider value={{ id }}>
+      <div
+        data-slot="form-item"
+        className={cn("grid gap-2", className)}
+        {...props}
+      />
+    </FormItemContext.Provider>
+  )
+}
+
+function FormLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  const { error, formItemId } = useFormField()
+
+  return (
+    <Label
+      data-slot="form-label"
+      data-error={!!error}
+      className={cn("data-[error=true]:text-destructive", className)}
+      htmlFor={formItemId}
+      {...props}
+    />
+  )
+}
+
+function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
+
+  return (
+    <Slot
+      data-slot="form-control"
+      id={formItemId}
+      aria-describedby={
+        !error
+          ? `${formDescriptionId}`
+          : `${formDescriptionId} ${formMessageId}`
+      }
+      aria-invalid={!!error}
+      {...props}
+    />
+  )
+}
+
+function FormDescription({ className, ...props }: React.ComponentProps<"p">) {
+  const { formDescriptionId } = useFormField()
+
+  return (
+    <p
+      data-slot="form-description"
+      id={formDescriptionId}
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+function FormMessage({ className, ...props }: React.ComponentProps<"p">) {
+  const { error, formMessageId } = useFormField()
+  const body = error ? String(error?.message) : props.children
+
+  if (!body) {
+    return null
+  }
+
+  return (
+    <p
+      data-slot="form-message"
+      id={formMessageId}
+      className={cn("text-destructive text-sm font-medium", className)}
+      {...props}
+    >
+      {body}
+    </p>
+  )
+}
+
+export {
+  useFormField,
+  Form,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+  FormMessage,
+  FormField,
+}
diff --git a/studio/src/components/ui/input.tsx b/studio/src/components/ui/input.tsx
new file mode 100644
index 000000000..596f80669
--- /dev/null
+++ b/studio/src/components/ui/input.tsx
@@ -0,0 +1,19 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Input({ className, type, ...props }: React.ComponentProps<"input">) {
+  return (
+    <input
+      type={type}
+      data-slot="input"
+      className={cn(
+        "border-input file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground aria-invalid:outline-destructive/60 aria-invalid:ring-destructive/20 dark:aria-invalid:outline-destructive dark:aria-invalid:ring-destructive/50 ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 aria-invalid:outline-destructive/60 dark:aria-invalid:outline-destructive dark:aria-invalid:ring-destructive/40 aria-invalid:ring-destructive/20 aria-invalid:border-destructive/60 dark:aria-invalid:border-destructive flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-4 focus-visible:outline-1 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:focus-visible:ring-[3px] aria-invalid:focus-visible:outline-none md:text-sm dark:aria-invalid:focus-visible:ring-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Input }
diff --git a/studio/src/components/ui/label.tsx b/studio/src/components/ui/label.tsx
new file mode 100644
index 000000000..f948bc367
--- /dev/null
+++ b/studio/src/components/ui/label.tsx
@@ -0,0 +1,24 @@
+"use client"
+
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+
+import { cn } from "@/lib/utils"
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(
+        "text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Label }
diff --git a/studio/src/components/ui/pagination.tsx b/studio/src/components/ui/pagination.tsx
new file mode 100644
index 000000000..0d185410e
--- /dev/null
+++ b/studio/src/components/ui/pagination.tsx
@@ -0,0 +1,127 @@
+import * as React from "react"
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  MoreHorizontalIcon,
+} from "lucide-react"
+
+import { cn } from "@/lib/utils"
+import { Button, buttonVariants } from "@/components/ui/button"
+
+function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
+  return (
+    <nav
+      role="navigation"
+      aria-label="pagination"
+      data-slot="pagination"
+      className={cn("mx-auto flex w-full justify-center", className)}
+      {...props}
+    />
+  )
+}
+
+function PaginationContent({
+  className,
+  ...props
+}: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="pagination-content"
+      className={cn("flex flex-row items-center gap-1", className)}
+      {...props}
+    />
+  )
+}
+
+function PaginationItem({ ...props }: React.ComponentProps<"li">) {
+  return <li data-slot="pagination-item" {...props} />
+}
+
+type PaginationLinkProps = {
+  isActive?: boolean
+} & Pick<React.ComponentProps<typeof Button>, "size"> &
+  React.ComponentProps<"a">
+
+function PaginationLink({
+  className,
+  isActive,
+  size = "icon",
+  ...props
+}: PaginationLinkProps) {
+  return (
+    <a
+      aria-current={isActive ? "page" : undefined}
+      data-slot="pagination-link"
+      data-active={isActive}
+      className={cn(
+        buttonVariants({
+          variant: isActive ? "outline" : "ghost",
+          size,
+        }),
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function PaginationPrevious({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) {
+  return (
+    <PaginationLink
+      aria-label="Go to previous page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pl-2.5", className)}
+      {...props}
+    >
+      <ChevronLeftIcon />
+      <span className="hidden sm:block">Previous</span>
+    </PaginationLink>
+  )
+}
+
+function PaginationNext({
+  className,
+  ...props
+}: React.ComponentProps<typeof PaginationLink>) {
+  return (
+    <PaginationLink
+      aria-label="Go to next page"
+      size="default"
+      className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
+      {...props}
+    >
+      <span className="hidden sm:block">Next</span>
+      <ChevronRightIcon />
+    </PaginationLink>
+  )
+}
+
+function PaginationEllipsis({
+  className,
+  ...props
+}: React.ComponentProps<"span">) {
+  return (
+    <span
+      aria-hidden
+      data-slot="pagination-ellipsis"
+      className={cn("flex size-9 items-center justify-center", className)}
+      {...props}
+    >
+      <MoreHorizontalIcon className="size-4" />
+      <span className="sr-only">More pages</span>
+    </span>
+  )
+}
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationLink,
+  PaginationItem,
+  PaginationPrevious,
+  PaginationNext,
+  PaginationEllipsis,
+}
diff --git a/studio/src/components/ui/popover.tsx b/studio/src/components/ui/popover.tsx
new file mode 100644
index 000000000..83728a89e
--- /dev/null
+++ b/studio/src/components/ui/popover.tsx
@@ -0,0 +1,46 @@
+import * as React from "react"
+import * as PopoverPrimitive from "@radix-ui/react-popover"
+
+import { cn } from "@/lib/utils"
+
+function Popover({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />
+}
+
+function PopoverTrigger({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
+}
+
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        data-slot="popover-content"
+        align={align}
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border p-4 shadow-md outline-hidden",
+          className
+        )}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  )
+}
+
+function PopoverAnchor({
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
+}
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/studio/src/components/ui/radio-group.tsx b/studio/src/components/ui/radio-group.tsx
new file mode 100644
index 000000000..e8a04d7de
--- /dev/null
+++ b/studio/src/components/ui/radio-group.tsx
@@ -0,0 +1,43 @@
+import * as React from "react"
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group"
+import { CircleIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function RadioGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {
+  return (
+    <RadioGroupPrimitive.Root
+      data-slot="radio-group"
+      className={cn("grid gap-3", className)}
+      {...props}
+    />
+  )
+}
+
+function RadioGroupItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {
+  return (
+    <RadioGroupPrimitive.Item
+      data-slot="radio-group-item"
+      className={cn(
+        "border-input text-primary ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:focus-visible:ring-0",
+        className
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator
+        data-slot="radio-group-indicator"
+        className="relative flex items-center justify-center"
+      >
+        <CircleIcon className="fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  )
+}
+
+export { RadioGroup, RadioGroupItem }
diff --git a/studio/src/components/ui/scroll-area.tsx b/studio/src/components/ui/scroll-area.tsx
new file mode 100644
index 000000000..b9327c0df
--- /dev/null
+++ b/studio/src/components/ui/scroll-area.tsx
@@ -0,0 +1,56 @@
+import * as React from "react"
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area"
+
+import { cn } from "@/lib/utils"
+
+function ScrollArea({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {
+  return (
+    <ScrollAreaPrimitive.Root
+      data-slot="scroll-area"
+      className={cn("relative", className)}
+      {...props}
+    >
+      <ScrollAreaPrimitive.Viewport
+        data-slot="scroll-area-viewport"
+        className="ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1"
+      >
+        {children}
+      </ScrollAreaPrimitive.Viewport>
+      <ScrollBar />
+      <ScrollAreaPrimitive.Corner />
+    </ScrollAreaPrimitive.Root>
+  )
+}
+
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {
+  return (
+    <ScrollAreaPrimitive.ScrollAreaScrollbar
+      data-slot="scroll-area-scrollbar"
+      orientation={orientation}
+      className={cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" &&
+          "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" &&
+          "h-2.5 flex-col border-t border-t-transparent",
+        className
+      )}
+      {...props}
+    >
+      <ScrollAreaPrimitive.ScrollAreaThumb
+        data-slot="scroll-area-thumb"
+        className="bg-border relative flex-1 rounded-full"
+      />
+    </ScrollAreaPrimitive.ScrollAreaScrollbar>
+  )
+}
+
+export { ScrollArea, ScrollBar }
diff --git a/studio/src/components/ui/select.tsx b/studio/src/components/ui/select.tsx
new file mode 100644
index 000000000..b624a5b70
--- /dev/null
+++ b/studio/src/components/ui/select.tsx
@@ -0,0 +1,179 @@
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Select({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Root>) {
+  return <SelectPrimitive.Root data-slot="select" {...props} />
+}
+
+function SelectGroup({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Group>) {
+  return <SelectPrimitive.Group data-slot="select-group" {...props} />
+}
+
+function SelectValue({
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Value>) {
+  return <SelectPrimitive.Value data-slot="select-value" {...props} />
+}
+
+function SelectTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Trigger>) {
+  return (
+    <SelectPrimitive.Trigger
+      data-slot="select-trigger"
+      className={cn(
+        "border-input data-[placeholder]:text-muted-foreground aria-invalid:border-destructive ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex h-9 w-full items-center justify-between rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:focus-visible:ring-0 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&>span]:line-clamp-1",
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <SelectPrimitive.Icon asChild>
+        <ChevronDownIcon className="size-4 opacity-50" />
+      </SelectPrimitive.Icon>
+    </SelectPrimitive.Trigger>
+  )
+}
+
+function SelectContent({
+  className,
+  children,
+  position = "popper",
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Content>) {
+  return (
+    <SelectPrimitive.Portal>
+      <SelectPrimitive.Content
+        data-slot="select-content"
+        className={cn(
+          "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
+          position === "popper" &&
+            "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+          className
+        )}
+        position={position}
+        {...props}
+      >
+        <SelectScrollUpButton />
+        <SelectPrimitive.Viewport
+          className={cn(
+            "p-1",
+            position === "popper" &&
+              "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+          )}
+        >
+          {children}
+        </SelectPrimitive.Viewport>
+        <SelectScrollDownButton />
+      </SelectPrimitive.Content>
+    </SelectPrimitive.Portal>
+  )
+}
+
+function SelectLabel({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Label>) {
+  return (
+    <SelectPrimitive.Label
+      data-slot="select-label"
+      className={cn("px-2 py-1.5 text-sm font-semibold", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Item>) {
+  return (
+    <SelectPrimitive.Item
+      data-slot="select-item"
+      className={cn(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )}
+      {...props}
+    >
+      <span className="absolute right-2 flex size-3.5 items-center justify-center">
+        <SelectPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </SelectPrimitive.ItemIndicator>
+      </span>
+      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
+    </SelectPrimitive.Item>
+  )
+}
+
+function SelectSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.Separator>) {
+  return (
+    <SelectPrimitive.Separator
+      data-slot="select-separator"
+      className={cn("bg-border pointer-events-none -mx-1 my-1 h-px", className)}
+      {...props}
+    />
+  )
+}
+
+function SelectScrollUpButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
+  return (
+    <SelectPrimitive.ScrollUpButton
+      data-slot="select-scroll-up-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )}
+      {...props}
+    >
+      <ChevronUpIcon className="size-4" />
+    </SelectPrimitive.ScrollUpButton>
+  )
+}
+
+function SelectScrollDownButton({
+  className,
+  ...props
+}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
+  return (
+    <SelectPrimitive.ScrollDownButton
+      data-slot="select-scroll-down-button"
+      className={cn(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      )}
+      {...props}
+    >
+      <ChevronDownIcon className="size-4" />
+    </SelectPrimitive.ScrollDownButton>
+  )
+}
+
+export {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+}
diff --git a/studio/src/components/ui/separator.tsx b/studio/src/components/ui/separator.tsx
new file mode 100644
index 000000000..67c73e5a5
--- /dev/null
+++ b/studio/src/components/ui/separator.tsx
@@ -0,0 +1,28 @@
+"use client"
+
+import * as React from "react"
+import * as SeparatorPrimitive from "@radix-ui/react-separator"
+
+import { cn } from "@/lib/utils"
+
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      data-slot="separator-root"
+      decorative={decorative}
+      orientation={orientation}
+      className={cn(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Separator }
diff --git a/studio/src/components/ui/sheet.tsx b/studio/src/components/ui/sheet.tsx
new file mode 100644
index 000000000..05ed16964
--- /dev/null
+++ b/studio/src/components/ui/sheet.tsx
@@ -0,0 +1,137 @@
+import * as React from "react"
+import * as SheetPrimitive from "@radix-ui/react-dialog"
+import { XIcon } from "lucide-react"
+
+import { cn } from "@/lib/utils"
+
+function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
+  return <SheetPrimitive.Root data-slot="sheet" {...props} />
+}
+
+function SheetTrigger({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
+  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
+}
+
+function SheetClose({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Close>) {
+  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
+}
+
+function SheetPortal({
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
+  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
+}
+
+function SheetOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
+  return (
+    <SheetPrimitive.Overlay
+      data-slot="sheet-overlay"
+      className={cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/60",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Content> & {
+  side?: "top" | "right" | "bottom" | "left"
+}) {
+  return (
+    <SheetPortal>
+      {/* <SheetOverlay /> */}
+      <SheetPrimitive.Content
+        data-slot="sheet-content"
+        className={cn(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" &&
+            "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" &&
+            "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" &&
+            "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" &&
+            "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <SheetPrimitive.Close className="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none">
+          <XIcon className="size-4" />
+          <span className="sr-only">Close</span>
+        </SheetPrimitive.Close>
+      </SheetPrimitive.Content>
+    </SheetPortal>
+  )
+}
+
+function SheetHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-header"
+      className={cn("flex flex-col gap-1.5 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sheet-footer"
+      className={cn("mt-auto flex flex-col gap-2 p-4", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetTitle({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Title>) {
+  return (
+    <SheetPrimitive.Title
+      data-slot="sheet-title"
+      className={cn("text-foreground font-semibold tracking-tight", className)}
+      {...props}
+    />
+  )
+}
+
+function SheetDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof SheetPrimitive.Description>) {
+  return (
+    <SheetPrimitive.Description
+      data-slot="sheet-description"
+      className={cn("text-muted-foreground text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Sheet,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription,
+}
diff --git a/studio/src/components/ui/sidebar.tsx b/studio/src/components/ui/sidebar.tsx
new file mode 100644
index 000000000..12ed8090e
--- /dev/null
+++ b/studio/src/components/ui/sidebar.tsx
@@ -0,0 +1,725 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { VariantProps, cva } from "class-variance-authority";
+import { PanelLeftIcon } from "lucide-react";
+
+import { useIsMobile } from "@/hooks/use-mobile";
+import { cn } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Separator } from "@/components/ui/separator";
+import {
+  Sheet,
+  SheetContent,
+  SheetDescription,
+  SheetHeader,
+  SheetTitle,
+} from "@/components/ui/sheet";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+
+const SIDEBAR_COOKIE_NAME = "sidebar_state";
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
+const SIDEBAR_WIDTH = "256px";
+const SIDEBAR_WIDTH_MOBILE = "18rem";
+const SIDEBAR_WIDTH_ICON = "5rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+
+type SidebarContextProps = {
+  state: "expanded" | "collapsed";
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  openMobile: boolean;
+  setOpenMobile: (open: boolean) => void;
+  isMobile: boolean;
+  toggleSidebar: () => void;
+};
+
+const SidebarContext = React.createContext<SidebarContextProps | null>(null);
+
+function useSidebar() {
+  const context = React.useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider.");
+  }
+
+  return context;
+}
+
+function SidebarProvider({
+  defaultOpen = true,
+  open: openProp,
+  onOpenChange: setOpenProp,
+  className,
+  style,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  defaultOpen?: boolean;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+}) {
+  const isMobile = useIsMobile();
+  const [openMobile, setOpenMobile] = React.useState(false);
+
+  // This is the internal state of the sidebar.
+  // We use openProp and setOpenProp for control from outside the component.
+  const [_open, _setOpen] = React.useState(defaultOpen);
+  const open = openProp ?? _open;
+  const setOpen = React.useCallback(
+    (value: boolean | ((value: boolean) => boolean)) => {
+      const openState = typeof value === "function" ? value(open) : value;
+      if (setOpenProp) {
+        setOpenProp(openState);
+      } else {
+        _setOpen(openState);
+      }
+
+      // This sets the cookie to keep the sidebar state.
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+    },
+    [setOpenProp, open]
+  );
+
+  // Helper to toggle the sidebar.
+  const toggleSidebar = React.useCallback(() => {
+    return isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open);
+  }, [isMobile, setOpen, setOpenMobile]);
+
+  // Adds a keyboard shortcut to toggle the sidebar.
+  React.useEffect(() => {
+    const handleKeyDown = (event: KeyboardEvent) => {
+      if (
+        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
+        (event.metaKey || event.ctrlKey)
+      ) {
+        event.preventDefault();
+        toggleSidebar();
+      }
+    };
+
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [toggleSidebar]);
+
+  // We add a state so that we can do data-state="expanded" or "collapsed".
+  // This makes it easier to style the sidebar with Tailwind classes.
+  const state = open ? "expanded" : "collapsed";
+
+  const contextValue = React.useMemo<SidebarContextProps>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      isMobile,
+      openMobile,
+      setOpenMobile,
+      toggleSidebar,
+    }),
+    [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
+  );
+
+  return (
+    <SidebarContext.Provider value={contextValue}>
+      <TooltipProvider delayDuration={0}>
+        <div
+          data-slot="sidebar-wrapper"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH,
+              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              ...style,
+            } as React.CSSProperties
+          }
+          className={cn(
+            "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
+            className
+          )}
+          {...props}
+        >
+          {children}
+        </div>
+      </TooltipProvider>
+    </SidebarContext.Provider>
+  );
+}
+
+function Sidebar({
+  side = "left",
+  variant = "sidebar",
+  collapsible = "offcanvas",
+  className,
+  children,
+  ...props
+}: React.ComponentProps<"div"> & {
+  side?: "left" | "right";
+  variant?: "sidebar" | "floating" | "inset";
+  collapsible?: "offcanvas" | "icon" | "none";
+}) {
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+
+  if (collapsible === "none") {
+    return (
+      <div
+        data-slot="sidebar"
+        className={cn(
+          "bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",
+          className
+        )}
+        {...props}
+      >
+        {children}
+      </div>
+    );
+  }
+
+  if (isMobile) {
+    return (
+      <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>
+        <SheetContent
+          data-sidebar="sidebar"
+          data-slot="sidebar"
+          data-mobile="true"
+          className="bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden fixed top-16 h-[calc(100vh-4rem)]"
+          style={
+            {
+              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+            } as React.CSSProperties
+          }
+          side={side}
+        >
+          <SheetHeader className="sr-only">
+            <SheetTitle>Sidebar</SheetTitle>
+            <SheetDescription>Displays the mobile sidebar.</SheetDescription>
+          </SheetHeader>
+          <div className="flex h-full w-full flex-col">{children}</div>
+        </SheetContent>
+      </Sheet>
+    );
+  }
+
+  return (
+    <div
+      className="group peer text-sidebar-foreground hidden md:block"
+      data-state={state}
+      data-collapsible={state === "collapsed" ? collapsible : ""}
+      data-variant={variant}
+      data-side={side}
+      data-slot="sidebar"
+    >
+      {/* This is what handles the sidebar gap on desktop */}
+      <div
+        data-slot="sidebar-gap"
+        className={cn(
+          "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
+          "group-data-[collapsible=offcanvas]:w-0",
+          "group-data-[side=right]:rotate-180",
+          variant === "floating" || variant === "inset"
+            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
+            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
+        )}
+      />
+      <div
+        data-slot="sidebar-container"
+        className={cn(
+          "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",
+          side === "left"
+            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
+            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          // Adjust the padding for floating and inset variants.
+          variant === "floating" || variant === "inset"
+            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
+            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          className
+        )}
+        {...props}
+      >
+        <div
+          data-sidebar="sidebar"
+          data-slot="sidebar-inner"
+          className="bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm"
+        >
+          {children}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function SidebarTrigger({
+  className,
+  onClick,
+  ...props
+}: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar();
+
+  return (
+    <Button
+      data-sidebar="trigger"
+      data-slot="sidebar-trigger"
+      variant="ghost"
+      size="icon"
+      className={cn("size-7", className)}
+      onClick={(event) => {
+        onClick?.(event);
+        toggleSidebar();
+      }}
+      {...props}
+    >
+      <PanelLeftIcon />
+      <span className="sr-only">Toggle Sidebar</span>
+    </Button>
+  );
+}
+
+function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
+  const { toggleSidebar } = useSidebar();
+
+  return (
+    <Button
+      data-sidebar="rail"
+      data-slot="sidebar-rail"
+      aria-label="Toggle Sidebar"
+      tabIndex={-1}
+      onClick={toggleSidebar}
+      title="Toggle Sidebar"
+      className={cn(
+        "hover:after:bg-sidebar-border absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] sm:flex",
+        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
+        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
+        "hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full",
+        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
+        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
+  return (
+    <main
+      data-slot="sidebar-inset"
+      className={cn(
+        "bg-background relative flex w-full flex-1 flex-col",
+        "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarInput({
+  className,
+  ...props
+}: React.ComponentProps<typeof Input>) {
+  return (
+    <Input
+      data-slot="sidebar-input"
+      data-sidebar="input"
+      className={cn("bg-background h-8 w-full shadow-none", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-header"
+      data-sidebar="header"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-footer"
+      data-sidebar="footer"
+      className={cn("flex flex-col gap-2 p-2", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof Separator>) {
+  return (
+    <Separator
+      data-slot="sidebar-separator"
+      data-sidebar="separator"
+      className={cn("bg-sidebar-border mx-2 w-auto", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-content"
+      data-sidebar="content"
+      className={cn(
+        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group"
+      data-sidebar="group"
+      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarGroupLabel({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"div"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "div";
+
+  return (
+    <Comp
+      data-slot="sidebar-group-label"
+      data-sidebar="group-label"
+      className={cn(
+        "text-sidebar-foreground/70 ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarGroupAction({
+  className,
+  asChild = false,
+  ...props
+}: React.ComponentProps<"button"> & { asChild?: boolean }) {
+  const Comp = asChild ? Slot : "button";
+
+  return (
+    <Comp
+      data-slot="sidebar-group-action"
+      data-sidebar="group-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarGroupContent({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-group-content"
+      data-sidebar="group-content"
+      className={cn("w-full text-sm", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu"
+      data-sidebar="menu"
+      className={cn("flex w-full min-w-0 flex-col gap-1", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-item"
+      data-sidebar="menu-item"
+      className={cn("group/menu-item relative", className)}
+      {...props}
+    />
+  );
+}
+
+const sidebarMenuButtonVariants = cva(
+  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-12! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        outline:
+          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+      },
+      size: {
+        default: "h-8 text-sm",
+        sm: "h-7 text-xs",
+        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+    },
+  }
+);
+
+function SidebarMenuButton({
+  asChild = false,
+  isActive = false,
+  variant = "default",
+  size = "default",
+  tooltip,
+  className,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean;
+  isActive?: boolean;
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>) {
+  const Comp = asChild ? Slot : "button";
+  const { isMobile, state } = useSidebar();
+
+  const button = (
+    <Comp
+      data-slot="sidebar-menu-button"
+      data-sidebar="menu-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(sidebarMenuButtonVariants({ variant, size }), className)}
+      {...props}
+    />
+  );
+
+  if (!tooltip) {
+    return button;
+  }
+
+  if (typeof tooltip === "string") {
+    tooltip = {
+      children: tooltip,
+    };
+  }
+
+  return (
+    <Tooltip>
+      <TooltipTrigger asChild>{button}</TooltipTrigger>
+      <TooltipContent
+        side="right"
+        align="center"
+        hidden={state !== "collapsed" || isMobile}
+        {...tooltip}
+      />
+    </Tooltip>
+  );
+}
+
+function SidebarMenuAction({
+  className,
+  asChild = false,
+  showOnHover = false,
+  ...props
+}: React.ComponentProps<"button"> & {
+  asChild?: boolean;
+  showOnHover?: boolean;
+}) {
+  const Comp = asChild ? Slot : "button";
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-action"
+      data-sidebar="menu-action"
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground peer-hover/menu-button:text-sidebar-accent-foreground absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 outline-hidden transition-transform focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
+        // Increases the hit area of the button on mobile.
+        "after:absolute after:-inset-2 md:after:hidden",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        showOnHover &&
+          "peer-data-[active=true]/menu-button:text-sidebar-accent-foreground group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 md:opacity-0",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuBadge({
+  className,
+  ...props
+}: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="sidebar-menu-badge"
+      data-sidebar="menu-badge"
+      className={cn(
+        "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none",
+        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
+        "peer-data-[size=sm]/menu-button:top-1",
+        "peer-data-[size=default]/menu-button:top-1.5",
+        "peer-data-[size=lg]/menu-button:top-2.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuSkeleton({
+  className,
+  showIcon = false,
+  ...props
+}: React.ComponentProps<"div"> & {
+  showIcon?: boolean;
+}) {
+  // Random width between 50 to 90%.
+  const width = React.useMemo(() => {
+    return `${Math.floor(Math.random() * 40) + 50}%`;
+  }, []);
+
+  return (
+    <div
+      data-slot="sidebar-menu-skeleton"
+      data-sidebar="menu-skeleton"
+      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      {...props}
+    >
+      {showIcon && (
+        <Skeleton
+          className="size-4 rounded-md"
+          data-sidebar="menu-skeleton-icon"
+        />
+      )}
+      <Skeleton
+        className="h-4 max-w-(--skeleton-width) flex-1"
+        data-sidebar="menu-skeleton-text"
+        style={
+          {
+            "--skeleton-width": width,
+          } as React.CSSProperties
+        }
+      />
+    </div>
+  );
+}
+
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+  return (
+    <ul
+      data-slot="sidebar-menu-sub"
+      data-sidebar="menu-sub"
+      className={cn(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuSubItem({
+  className,
+  ...props
+}: React.ComponentProps<"li">) {
+  return (
+    <li
+      data-slot="sidebar-menu-sub-item"
+      data-sidebar="menu-sub-item"
+      className={cn("group/menu-sub-item relative", className)}
+      {...props}
+    />
+  );
+}
+
+function SidebarMenuSubButton({
+  asChild = false,
+  size = "md",
+  isActive = false,
+  className,
+  ...props
+}: React.ComponentProps<"a"> & {
+  asChild?: boolean;
+  size?: "sm" | "md" | "lg";
+  isActive?: boolean;
+}) {
+  const Comp = asChild ? Slot : "a";
+
+  return (
+    <Comp
+      data-slot="sidebar-menu-sub-button"
+      data-sidebar="menu-sub-button"
+      data-size={size}
+      data-active={isActive}
+      className={cn(
+        "text-sidebar-foreground ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground active:bg-sidebar-accent active:text-sidebar-accent-foreground [&>svg]:text-sidebar-accent-foreground flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+        "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
+        size === "sm" && "text-xs",
+        size === "md" && "text-sm",
+        size === "lg" && "text-lg",
+        "group-data-[collapsible=icon]:hidden",
+        className
+      )}
+      {...props}
+    />
+  );
+}
+
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+};
diff --git a/studio/src/components/ui/skeleton.tsx b/studio/src/components/ui/skeleton.tsx
new file mode 100644
index 000000000..6915144aa
--- /dev/null
+++ b/studio/src/components/ui/skeleton.tsx
@@ -0,0 +1,13 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({ className, ...props }: React.ComponentProps<"div">) {
+  return (
+    <div
+      data-slot="skeleton"
+      className={cn("bg-primary/10 animate-pulse rounded-md", className)}
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
diff --git a/studio/src/components/ui/sonner.tsx b/studio/src/components/ui/sonner.tsx
new file mode 100644
index 000000000..cd62aff2b
--- /dev/null
+++ b/studio/src/components/ui/sonner.tsx
@@ -0,0 +1,23 @@
+import { useTheme } from "next-themes"
+import { Toaster as Sonner, ToasterProps } from "sonner"
+
+const Toaster = ({ ...props }: ToasterProps) => {
+  const { theme = "system" } = useTheme()
+
+  return (
+    <Sonner
+      theme={theme as ToasterProps["theme"]}
+      className="toaster group"
+      style={
+        {
+          "--normal-bg": "var(--popover)",
+          "--normal-text": "var(--popover-foreground)",
+          "--normal-border": "var(--border)",
+        } as React.CSSProperties
+      }
+      {...props}
+    />
+  )
+}
+
+export { Toaster }
diff --git a/studio/src/components/ui/switch.tsx b/studio/src/components/ui/switch.tsx
new file mode 100644
index 000000000..fce06f798
--- /dev/null
+++ b/studio/src/components/ui/switch.tsx
@@ -0,0 +1,29 @@
+import * as React from "react"
+import * as SwitchPrimitive from "@radix-ui/react-switch"
+
+import { cn } from "@/lib/utils"
+
+function Switch({
+  className,
+  ...props
+}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
+  return (
+    <SwitchPrimitive.Root
+      data-slot="switch"
+      className={cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+      {...props}
+    >
+      <SwitchPrimitive.Thumb
+        data-slot="switch-thumb"
+        className={cn(
+          "bg-background pointer-events-none block size-4 rounded-full ring-0 shadow-lg transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )}
+      />
+    </SwitchPrimitive.Root>
+  )
+}
+
+export { Switch }
diff --git a/studio/src/components/ui/table.tsx b/studio/src/components/ui/table.tsx
new file mode 100644
index 000000000..c25a8cc79
--- /dev/null
+++ b/studio/src/components/ui/table.tsx
@@ -0,0 +1,111 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Table({ className, ...props }: React.ComponentProps<"table">) {
+  return (
+    <div className="relative w-full overflow-auto">
+      <table
+        data-slot="table"
+        className={cn("w-full caption-bottom text-sm", className)}
+        {...props}
+      />
+    </div>
+  )
+}
+
+function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
+  return (
+    <thead
+      data-slot="table-header"
+      className={cn("[&_tr]:border-b", className)}
+      {...props}
+    />
+  )
+}
+
+function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
+  return (
+    <tbody
+      data-slot="table-body"
+      className={cn("[&_tr:last-child]:border-0", className)}
+      {...props}
+    />
+  )
+}
+
+function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
+  return (
+    <tfoot
+      data-slot="table-footer"
+      className={cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
+  return (
+    <tr
+      data-slot="table-row"
+      className={cn(
+        "hover:bg-[#F0F5FF] data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableHead({ className, ...props }: React.ComponentProps<"th">) {
+  return (
+    <th
+      data-slot="table-head"
+      className={cn(
+        "text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] bg-[#F0F5FF]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCell({ className, ...props }: React.ComponentProps<"td">) {
+  return (
+    <td
+      data-slot="table-cell"
+      className={cn(
+        "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">) {
+  return (
+    <caption
+      data-slot="table-caption"
+      className={cn("text-muted-foreground mt-4 text-sm", className)}
+      {...props}
+    />
+  )
+}
+
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption,
+}
diff --git a/studio/src/components/ui/tabs.tsx b/studio/src/components/ui/tabs.tsx
new file mode 100644
index 000000000..66438d4b9
--- /dev/null
+++ b/studio/src/components/ui/tabs.tsx
@@ -0,0 +1,67 @@
+import * as React from "react"
+import * as TabsPrimitive from "@radix-ui/react-tabs"
+
+import { cn } from "@/lib/utils"
+
+function Tabs({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Root>) {
+  return (
+    <TabsPrimitive.Root
+      data-slot="tabs"
+      className={cn("flex flex-col gap-2", className)}
+      {...props}
+    />
+  )
+}
+
+function TabsList({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.List>) {
+  return (
+    <TabsPrimitive.List
+      data-slot="tabs-list"
+      className={cn(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-1",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsTrigger({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
+  return (
+    <TabsPrimitive.Trigger
+      data-slot="tabs-trigger"
+      className={cn(
+        "data-[state=active]:bg-background data-[state=active]:text-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 inline-flex items-center justify-center gap-2 rounded-md px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-invalid:focus-visible:ring-0 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function TabsContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof TabsPrimitive.Content>) {
+  return (
+    <TabsPrimitive.Content
+      data-slot="tabs-content"
+      className={cn(
+        "ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 flex-1 transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 aria-invalid:focus-visible:ring-0",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Tabs, TabsList, TabsTrigger, TabsContent }
diff --git a/studio/src/components/ui/textarea.tsx b/studio/src/components/ui/textarea.tsx
new file mode 100644
index 000000000..65cf71f02
--- /dev/null
+++ b/studio/src/components/ui/textarea.tsx
@@ -0,0 +1,18 @@
+import * as React from "react"
+
+import { cn } from "@/lib/utils"
+
+function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
+  return (
+    <textarea
+      data-slot="textarea"
+      className={cn(
+        "border-input placeholder:text-muted-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 aria-invalid:outline-destructive/60 dark:aria-invalid:outline-destructive dark:aria-invalid:ring-destructive/40 aria-invalid:ring-destructive/20 aria-invalid:border-destructive/60 dark:aria-invalid:border-destructive dark:aria-invalid:ring-destructive/50 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:focus-visible:ring-[3px] aria-invalid:focus-visible:outline-none md:text-sm dark:aria-invalid:focus-visible:ring-4",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Textarea }
diff --git a/studio/src/components/ui/tooltip.tsx b/studio/src/components/ui/tooltip.tsx
new file mode 100644
index 000000000..bb995cee1
--- /dev/null
+++ b/studio/src/components/ui/tooltip.tsx
@@ -0,0 +1,61 @@
+"use client"
+
+import * as React from "react"
+import * as TooltipPrimitive from "@radix-ui/react-tooltip"
+
+import { cn } from "@/lib/utils"
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>
+  )
+}
+
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 4,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        className={cn(
+          "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-w-sm rounded-md px-3 py-1.5 text-xs",
+          className
+        )}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/studio/src/config/proSettings.js b/studio/src/config/proSettings.js
deleted file mode 100644
index c2a1daa21..000000000
--- a/studio/src/config/proSettings.js
+++ /dev/null
@@ -1,16 +0,0 @@
-const proSettings = {
-  navTheme: 'light',
-  primaryColor: '#1890ff',
-  layout: 'sidemenu',
-  contentWidth: 'Fluid',
-  fixedHeader: false,
-  fixSiderbar: false,
-  colorWeak: false,
-  menu: {
-    locale: true,
-  },
-  title: 'Dega Admin',
-  pwa: false,
-  iconfontUrl: '',
-};
-export default proSettings;
diff --git a/studio/src/config/proSettings.ts b/studio/src/config/proSettings.ts
new file mode 100644
index 000000000..ff46b492e
--- /dev/null
+++ b/studio/src/config/proSettings.ts
@@ -0,0 +1,34 @@
+// Define the interface for the settings
+export interface ProSettings {
+  navTheme: "light" | "dark";
+  primaryColor: string;
+  layout: "sidemenu" | "topmenu";
+  contentWidth: "Fluid" | "Fixed";
+  fixedHeader: boolean;
+  fixSiderbar: boolean;
+  colorWeak: boolean;
+  menu: {
+    locale: boolean;
+  };
+  title: string;
+  pwa: boolean;
+  iconfontUrl: string;
+}
+
+const proSettings: ProSettings = {
+  navTheme: "light",
+  primaryColor: "#1890ff",
+  layout: "sidemenu",
+  contentWidth: "Fluid",
+  fixedHeader: false,
+  fixSiderbar: false,
+  colorWeak: false,
+  menu: {
+    locale: true,
+  },
+  title: "Dega Admin",
+  pwa: false,
+  iconfontUrl: "",
+};
+
+export default proSettings;
diff --git a/studio/src/config/routesConfig.js b/studio/src/config/routesConfig.js
deleted file mode 100644
index c5499f80b..000000000
--- a/studio/src/config/routesConfig.js
+++ /dev/null
@@ -1,855 +0,0 @@
-import React from 'react';
-import {
-  HomeOutlined,
-  InfoCircleOutlined,
-  GlobalOutlined,
-  SecurityScanOutlined,
-} from '@ant-design/icons';
-import { Result, Button } from 'antd';
-import { Link } from 'react-router-dom';
-//Pages
-import Dashboard from '../pages/dashboard';
-import Analytics from '../pages/analytics';
-
-//Spaces
-import Spaces from '../pages/spaces';
-import CreateSpace from '../pages/spaces/CreateSpace';
-import EditSpace from '../pages/spaces/EditSpace';
-
-//Media
-import Media from '../pages/media';
-import UploadMedium from '../pages/media/UploadMedium';
-import EditMedium from '../pages/media/EditMedium';
-
-//Categories
-import Categories from '../pages/categories';
-import CreateCategory from '../pages/categories/CreateCategory';
-import EditCategory from '../pages/categories/EditCategory';
-
-//Tags
-import Tags from '../pages/tags';
-import CreateTag from '../pages/tags/CreateTag';
-import EditTag from '../pages/tags/EditTag';
-
-//Formats
-import Formats from '../pages/formats';
-import CreateFormat from '../pages/formats/CreateFormat';
-import EditFormat from '../pages/formats/EditFormat';
-
-//Post
-import Posts from '../pages/posts';
-import CreatePost from '../pages/posts/CreatePost';
-import EditPost from '../pages/posts/EditPost';
-
-//Ratings
-import Ratings from '../pages/ratings';
-import CreateRating from '../pages/ratings/CreateRating';
-import EditRating from '../pages/ratings/EditRating';
-
-//Claimants
-import Claimants from '../pages/claimants';
-import CreateClaimant from '../pages/claimants/CreateClaimant';
-import EditClaimant from '../pages/claimants/EditClaimant';
-
-//Claims
-import Claims from '../pages/claims';
-import CreateClaim from '../pages/claims/CreateClaim';
-import EditClaim from '../pages/claims/EditClaim';
-
-//Policies
-import Policies from '../pages/policies';
-import CreatePolicy from '../pages/policies/CreatePolicy';
-import EditPolicy from '../pages/policies/EditPolicy';
-
-//Fact Checks
-import GoogleFactCheck from '../pages/fact-checks/GoogleFactCheck';
-import Factly from '../pages/fact-checks/Factly';
-import FactCheck from '../pages/fact-checks';
-import CreateFactCheck from '../pages/fact-checks/CreateFactCheck';
-import EditFactCheck from '../pages/fact-checks/EditFactCheck';
-
-// Users & Permissions
-import Users from '../pages/users';
-import PermissionList from '../pages/users/PermissionList';
-
-// Menu
-import Menu from '../pages/menu';
-import CreateMenu from '../pages/menu/CreateMenu';
-import EditMenu from '../pages/menu/EditMenu';
-
-//Events
-import Events from '../pages/events';
-import CreateEvent from '../pages/events/CreateEvent';
-import EditEvent from '../pages/events/EditEvent';
-
-//Organisations
-import Organisations from '../pages/organisations/index';
-import AddUsers from '../pages/organisations/AddUsers';
-
-//Pages
-import Pages from '../pages/pages';
-import CreatePage from '../pages/pages/CreatePage';
-import EditPage from '../pages/pages/EditPage';
-
-//Webhooks
-import Webhooks from '../pages/webhooks';
-import CreateWebhook from '../pages/webhooks/CreateWebhook';
-import EditWebhook from '../pages/webhooks/EditWebhook';
-
-//profile
-import Profile from '../pages/profile';
-
-// Settings
-import Settings from '../pages/settings';
-// Website
-import Website from '../pages/website';
-import EditWebsite from '../pages/website/EditWebsite';
-import CodeInjection from '../pages/website/CodeInjection';
-import Branding from '../pages/website/Branding';
-import AnalyticsForm from '../pages/website/AnalyticsForm';
-import SecuritySettings from '../pages/website/TwoFactorAuthManagement';
-
-// Advanced
-import Advanced from '../pages/advanced';
-// Members
-import Members from '../pages/members';
-
-//Reindex
-import Reindex from '../pages/spaces/Reindex';
-import ViewPolicy from '../pages/policies/components/ViewPolicy';
-import BasicLayout from '../layouts/basic';
-import ProtectedRoute from '../components/ProtectedRoute';
-import AdminRoute from '../components/AdminRoute';
-import Callback from '../pages/redirect';
-import Tokens from '../pages/tokens';
-import CreateSpaceTokenForm from '../pages/tokens/components/CreateToken';
-
-import RegistrationForm from '../utils/zitadel/registration';
-import LoginEmail from '../utils/zitadel/login';
-import VerifyEmail from '../utils/zitadel/VerifyEmail';
-import RecoveryPage from '../utils/zitadel/recovery';
-
-import AuthWrapper from '../components/Authwrapper';
-
-export function extractV6RouteObject(formats, setReloadFlag, reloadFlag) {
-  const extractedRoutes = [];
-
-  // Loop through the original routes object and convert each route to v6 format
-  for (const routeKey in routes) {
-    const route = routes[routeKey];
-    const { path, Component, title, permission, isAdmin, isOwner, menuKey } = route;
-
-    // Create the v6 route element based on the original route data
-    let v6RouteElement;
-
-    if (permission) {
-      v6RouteElement = (
-        <AuthWrapper>
-          <BasicLayout>
-            <ProtectedRoute
-              key={path}
-              permission={permission}
-              exact
-              path={path}
-              component={Component}
-              formats={formats}
-              setReloadFlag={setReloadFlag}
-              reloadFlag={reloadFlag}
-            />
-          </BasicLayout>
-        </AuthWrapper>
-      );
-    } else if (isAdmin) {
-      v6RouteElement = (
-        <AuthWrapper>
-          <BasicLayout>
-            <AdminRoute key={path} exact path={path} component={Component} formats={formats} />
-          </BasicLayout>
-        </AuthWrapper>
-      );
-    } else {
-      v6RouteElement = (
-        <AuthWrapper>
-          <BasicLayout>
-            <Component formats={formats} />
-          </BasicLayout>
-        </AuthWrapper>
-      );
-    }
-
-    // Create the v6 route object based on the original route data
-    const v6Route = {
-      path,
-      element: v6RouteElement,
-      title,
-      ...(permission && { permission }),
-      ...(isAdmin && { isAdmin }),
-      ...(isOwner && { isOwner }),
-    };
-
-    // Check if menuKey exists and add it to the v6 route object
-    if (menuKey) {
-      v6Route.menuKey = menuKey;
-    }
-
-    // Push the v6 route object to the extractedRoutes array
-    extractedRoutes.push(v6Route);
-  }
-
-  return extractedRoutes;
-}
-const routes = {
-  dashboard: {
-    path: '/dashboard',
-    menuKey: '/',
-    Component: Dashboard,
-    title: 'Dashboard',
-  },
-  home: {
-    path: '/',
-    menuKey: '/',
-    Component: Dashboard, // component is empty for now
-    title: 'Home',
-  },
-  analytics: {
-    path: '/analytics',
-    menuKey: '/analytics',
-    Component: Analytics,
-    title: 'Analytics',
-  },
-  spaces: {
-    path: '/admin/spaces',
-    menuKey: '/admin/spaces',
-    Component: Spaces,
-    title: 'Spaces',
-  },
-  createSpace: {
-    path: '/spaces/create',
-    menuKey: '/admin/spaces',
-    Component: CreateSpace,
-    title: 'New Space',
-    permission: {
-      resource: 'spaces',
-      action: 'create',
-      isSpace: true,
-    },
-  },
-  editSpace: {
-    path: '/admin/spaces/:id/edit',
-    menuKey: '/admin/spaces',
-    Component: EditSpace,
-    title: 'Edit',
-    permission: {
-      resource: 'spaces',
-      action: 'update',
-    },
-  },
-  editWebsite: {
-    path: '/settings/website/general',
-    menuKey: '/website',
-    Component: EditWebsite,
-    title: 'General',
-    permission: {
-      resource: 'spaces',
-      action: 'update',
-    },
-  },
-  codeInjection: {
-    path: '/settings/website/code-injection',
-    menuKey: '/website',
-    Component: CodeInjection,
-    title: 'Code Injection',
-    permission: {
-      resource: 'spaces',
-      action: 'update',
-    },
-  },
-  SecuritySettings: {
-    path: '/settings/website/authentication',
-    menuKey: '/website',
-    Component: SecuritySettings,
-    title: 'Authentication',
-  },
-  branding: {
-    path: '/settings/website/branding',
-    menuKey: '/website',
-    Component: Branding,
-    title: 'Branding',
-    permission: {
-      resource: 'spaces',
-      action: 'update',
-    },
-  },
-  analyticsForm: {
-    path: '/settings/website/analytics',
-    menuKey: '/website',
-    Component: AnalyticsForm,
-    title: 'Analytics',
-    permission: {
-      resource: 'spaces',
-      action: 'update',
-    },
-  },
-  reindex: {
-    path: '/settings/advanced/reindex',
-    menuKey: '/advanced',
-    Component: Reindex,
-    title: 'Reindex',
-  },
-  categories: {
-    path: '/categories',
-    menuKey: '/categories',
-    Component: Categories,
-    title: 'Categories',
-    permission: {
-      resource: 'categories',
-      action: 'get',
-    },
-  },
-  createCategory: {
-    path: '/categories/create',
-    menuKey: '/categories',
-    Component: CreateCategory,
-    title: 'New Category',
-    permission: {
-      resource: 'categories',
-      action: 'create',
-    },
-  },
-  editCategory: {
-    path: '/categories/:id/edit',
-    menuKey: '/categories',
-    Component: EditCategory,
-    title: 'Edit',
-    permission: {
-      resource: 'categories',
-      action: 'update',
-    },
-  },
-  policies: {
-    path: '/settings/members/policies',
-    menuKey: '/members',
-    Component: Policies,
-    title: 'Policies',
-  },
-  createPolicy: {
-    path: '/settings/members/policies/create',
-    menuKey: '/members',
-    Component: CreatePolicy,
-    title: 'New Policy',
-    permission: {
-      resource: 'policies',
-      action: 'create',
-    },
-  },
-  ViewPolicy: {
-    path: '/settings/members/policies/:policyID/view',
-    menuKey: '/members',
-    Component: ViewPolicy,
-    title: 'Policy',
-  },
-  editPolicy: {
-    path: '/settings/members/policies/:id/edit',
-    menuKey: '/members',
-    Component: EditPolicy,
-    title: 'Edit',
-    permission: {
-      resource: 'policies',
-      action: 'update',
-    },
-  },
-  formats: {
-    path: '/settings/advanced/formats',
-    menuKey: '/advanced',
-    Component: Formats,
-    title: 'Formats',
-    permission: {
-      resource: 'formats',
-      action: 'get',
-    },
-  },
-  createFormat: {
-    path: '/settings/advanced/formats/create',
-    menuKey: '/advanced',
-    Component: CreateFormat,
-    title: 'New Format',
-    permission: {
-      resource: 'formats',
-      action: 'create',
-    },
-  },
-  editFormat: {
-    path: '/settings/advanced/formats/:id/edit',
-    menuKey: '/advanced',
-    Component: EditFormat,
-    title: 'Edit',
-    permission: {
-      resource: 'formats',
-      action: 'update',
-    },
-  },
-  tags: {
-    path: '/tags',
-    menuKey: '/tags',
-    Component: Tags,
-    title: 'Tags',
-    permission: {
-      resource: 'tags',
-      action: 'get',
-    },
-  },
-  createTag: {
-    path: '/tags/create',
-    menuKey: '/tags',
-    Component: CreateTag,
-    title: 'New Tag',
-    permission: {
-      resource: 'tags',
-      action: 'create',
-    },
-  },
-  editTag: {
-    path: '/tags/:id/edit',
-    menuKey: '/tags',
-    Component: EditTag,
-    title: 'Edit',
-    permission: {
-      resource: 'tags',
-      action: 'update',
-    },
-  },
-  media: {
-    path: '/media',
-    menuKey: '/media',
-    Component: Media,
-    title: 'Media',
-    permission: {
-      resource: 'media',
-      action: 'get',
-    },
-  },
-  createMedia: {
-    path: '/media/upload',
-    menuKey: '/media',
-    Component: UploadMedium,
-    title: 'Upload',
-    permission: {
-      resource: 'media',
-      action: 'create',
-    },
-  },
-  editMedium: {
-    path: '/media/:id/edit',
-    menuKey: '/media',
-    Component: EditMedium,
-    title: 'Edit',
-    permission: {
-      resource: 'media',
-      action: 'update',
-    },
-  },
-  posts: {
-    path: '/posts',
-    menuKey: '/posts',
-    Component: Posts,
-    title: 'Posts',
-  },
-  createPost: {
-    path: '/posts/create',
-    menuKey: '/posts',
-    Component: CreatePost,
-    title: 'New Post',
-    permission: {
-      resource: 'posts',
-      action: 'create',
-    },
-  },
-  editPost: {
-    path: '/posts/:id/edit',
-    menuKey: '/posts',
-    Component: EditPost,
-    title: 'Edit',
-    permission: {
-      resource: 'posts',
-      action: 'update',
-    },
-  },
-  ratings: {
-    path: '/ratings',
-    menuKey: '/ratings',
-    Component: Ratings,
-    title: 'Ratings',
-    permission: {
-      resource: 'ratings',
-      action: 'get',
-    },
-  },
-  createRating: {
-    path: '/ratings/create',
-    menuKey: '/ratings',
-    Component: CreateRating,
-    title: 'New Rating',
-    permission: {
-      resource: 'ratings',
-      action: 'create',
-    },
-  },
-  editRating: {
-    path: '/ratings/:id/edit',
-    menuKey: '/ratings',
-    Component: EditRating,
-    title: 'Edit',
-    permission: {
-      resource: 'ratings',
-      action: 'update',
-    },
-  },
-  claimants: {
-    path: '/claimants',
-    menuKey: '/claimants',
-    Component: Claimants,
-    title: 'Claimants',
-    permission: {
-      resource: 'claimants',
-      action: 'get',
-    },
-  },
-  createClaimant: {
-    path: '/claimants/create',
-    menuKey: '/claimants',
-    Component: CreateClaimant,
-    title: 'New Claimant',
-    permission: {
-      resource: 'claimants',
-      action: 'create',
-    },
-  },
-  editClaimant: {
-    path: '/claimants/:id/edit',
-    menuKey: '/claimants',
-    Component: EditClaimant,
-    title: 'Edit',
-    permission: {
-      resource: 'claimants',
-      action: 'update',
-    },
-  },
-  claims: {
-    path: '/claims',
-    menuKey: '/claims',
-    Component: Claims,
-    title: 'Claims',
-    permission: {
-      resource: 'claims',
-      action: 'get',
-    },
-  },
-  createClaim: {
-    path: '/claims/create',
-    menuKey: '/claims',
-    Component: CreateClaim,
-    title: 'New Claim',
-    permission: {
-      resource: 'claims',
-      action: 'create',
-    },
-  },
-  editClaim: {
-    path: '/claims/:id/edit',
-    menuKey: '/claims',
-    Component: EditClaim,
-    title: 'Edit',
-    permission: {
-      action: 'update',
-      resource: 'claims',
-    },
-  },
-  factCheck: {
-    path: '/fact-checks',
-    menuKey: '/fact-checks',
-    Component: FactCheck,
-    title: 'Fact-Checks',
-  },
-  createFactCheck: {
-    path: '/fact-checks/create',
-    menuKey: '/fact-checks',
-    Component: CreateFactCheck,
-    title: 'Create',
-    permission: {
-      resource: 'fact-checks',
-      action: 'create',
-    },
-  },
-  editFactCheck: {
-    path: '/fact-checks/:id/edit',
-    menuKey: '/fact-checks',
-    Component: EditFactCheck,
-    title: 'Edit',
-    permission: {
-      action: 'update',
-      resource: 'fact-checks',
-    },
-  },
-  googleFactCheck: {
-    path: '/fact-checks/google',
-    menuKey: '/fact-checks/google',
-    Component: GoogleFactCheck,
-    title: 'Google',
-  },
-  sach: {
-    path: '/fact-checks/sach',
-    menuKey: '/fact-checks/sach',
-    Component: Factly,
-    title: 'Sach',
-  },
-  users: {
-    path: '/settings/members',
-    menuKey: '/members',
-    Component: Users,
-    title: 'Users',
-  },
-  usersPermission: {
-    path: '/settings/members/:id/permissions',
-    menuKey: '/members',
-    Component: PermissionList,
-    title: 'Users Permission ',
-    permission: {
-      resource: 'users',
-      action: 'get',
-    },
-  },
-  organisations: {
-    path: '/settings/organisations',
-    menuKey: '/organisations',
-    Component: Organisations,
-    title: 'Organisations',
-  },
-  addusers: {
-    path: '/settings/organisations/addusers',
-    menuKey: '/organisations',
-    Component: AddUsers,
-    title: 'Add Users',
-  },
-  menu: {
-    path: '/settings/website/menus',
-    menuKey: '/website',
-    Component: Menu,
-    title: 'Menus',
-  },
-  createMenu: {
-    path: '/settings/website/menus/create',
-    menuKey: '/website',
-    Component: CreateMenu,
-    title: 'New Menu',
-    permission: {
-      resource: 'menus',
-      action: 'create',
-    },
-  },
-  editMenu: {
-    path: '/settings/website/menus/:id/edit',
-    menuKey: '/website',
-    Component: EditMenu,
-    title: 'Edit',
-    permission: {
-      resource: 'menus',
-      action: 'update',
-    },
-  },
-  pages: {
-    path: '/pages',
-    menuKey: '/pages',
-    Component: Pages,
-    title: 'Pages',
-  },
-  createPage: {
-    path: '/pages/create',
-    menuKey: '/pages',
-    Component: CreatePage,
-    title: 'New Page',
-    permission: {
-      resource: 'pages',
-      action: 'create',
-    },
-  },
-  editPage: {
-    path: '/pages/:id/edit',
-    menuKey: '/pages',
-    Component: EditPage,
-    title: 'Edit',
-    permission: {
-      resource: 'pages',
-      action: 'update',
-    },
-  },
-  events: {
-    path: '/admin/events',
-    menuKey: '/admin/events',
-    Component: Events,
-    title: 'Events',
-    isAdmin: true,
-  },
-  createEvent: {
-    path: '/admin/events/create',
-    menuKey: '/admin/events',
-    Component: CreateEvent,
-    title: 'New Event',
-    isAdmin: true,
-  },
-  editEvent: {
-    path: '/admin/events/:id/edit',
-    menuKey: '/admin/events',
-    Component: EditEvent,
-    title: 'Edit',
-    isAdmin: true,
-  },
-  tokens: {
-    path: '/settings/advanced/tokens',
-    menuKey: '/tokens',
-    Component: Tokens,
-    title: 'Tokens',
-  },
-  createTokens: {
-    path: '/settings/advanced/tokens/create',
-    menuKey: '/tokens',
-    Component: CreateSpaceTokenForm,
-    title: 'New Token',
-  },
-  webhooks: {
-    path: '/settings/advanced/webhooks',
-    menuKey: '/advanced',
-    Component: Webhooks,
-    title: 'Webhooks',
-    permission: {
-      resource: 'webhooks',
-      action: 'get',
-    },
-  },
-  createWebhook: {
-    path: '/settings/advanced/webhooks/create',
-    menuKey: '/advanced',
-    Component: CreateWebhook,
-    title: 'New Webhook',
-    permission: {
-      resource: 'webhooks',
-      action: 'create',
-    },
-  },
-  editWebhook: {
-    path: '/settings/advanced/webhooks/:id/edit',
-    menuKey: '/advanced',
-    Component: EditWebhook,
-    title: 'Edit',
-    permission: {
-      resource: 'webhooks',
-      action: 'update',
-    },
-  },
-  profile: {
-    path: '/profile',
-    menuKey: '/profile',
-    Component: Profile,
-    title: 'Edit Profile',
-  },
-  settings: {
-    path: '/settings',
-    menuKey: '/settings',
-    title: 'Settings',
-    Component: Settings,
-  },
-  website: {
-    path: '/website',
-    menuKey: '/website',
-    Component: Website,
-    title: 'Website',
-  },
-  members: {
-    path: '/members',
-    menuKey: '/members',
-    Component: Members,
-    title: 'Members',
-  },
-  advanced: {
-    path: '/advanced',
-    menuKey: '/advanced',
-    Component: Advanced,
-    title: 'Advanced',
-  },
-  registration: {
-    path: 'auth/registration',
-    menuKey: 'auth/registration',
-    Component: RegistrationForm,
-    title: 'Registration Form',
-  },
-  login: {
-    path: '/auth/login',
-    menuKey: '/auth/login',
-    Component: LoginEmail,
-    title: 'Login Email',
-  },
-  emailverification: {
-    path: '/auth/verify',
-    menuKey: '/auth/verify',
-    Component: VerifyEmail,
-    title: 'Verify Email',
-  },
-  recovery: {
-    path: '/auth/login/recovery',
-    menuKey: '/auth/login/recovery',
-    Component: RecoveryPage,
-    title: 'Recovery Page',
-  },
-  redirect: {
-    path: '/redirect',
-    menuKey: '/redirect',
-    Component: Callback,
-  },
-  noMatch: {
-    path: '*',
-    menuKey: '*',
-    Component: () => (
-      <Result
-        status="403"
-        title="404"
-        subTitle="Sorry, page not found"
-        extra={
-          <Link to="/">
-            <Button type="primary">Back Home</Button>
-          </Link>
-        }
-      />
-    ),
-  },
-};
-export const sidebarMenu = [
-  {
-    title: 'Dashboard',
-    Icon: (props) => <HomeOutlined {...props} />,
-    children: [routes.home, routes.analytics],
-  },
-  {
-    title: 'Core',
-    Icon: (props) => <InfoCircleOutlined {...props} />,
-    children: [routes.posts, routes.pages, routes.categories, routes.tags, routes.media],
-  },
-  {
-    title: 'Fact Checking',
-    Icon: (props) => <SecurityScanOutlined {...props} />,
-    children: [
-      routes.factCheck,
-      routes.claims,
-      routes.claimants,
-      routes.ratings,
-      routes.googleFactCheck,
-      routes.sach,
-    ],
-  },
-  {
-    title: 'Administration',
-    Icon: (props) => <GlobalOutlined {...props} />,
-    children: [routes.spaces, routes.events, routes.organisations],
-    isService: false,
-  },
-];
-
-export default routes;
diff --git a/studio/src/config/routesConfig.ts b/studio/src/config/routesConfig.ts
new file mode 100644
index 000000000..dcf7b09be
--- /dev/null
+++ b/studio/src/config/routesConfig.ts
@@ -0,0 +1,806 @@
+import React from "react";
+import { Microchip, ListCheck, LayoutDashboard } from "lucide-react";
+import Dashboard from "../pages/dashboard";
+import Analytics from "../pages/analytics";
+import Search from "@/pages/search";
+import NotFoundPage from "@/components/ErrorsAndImage/PageNotFound";
+
+//Authentication
+import Login from "../utils/zitadel/login";
+import RegistrationForm from "../utils/zitadel/registration";
+import VerifyEmail from "../utils/zitadel/VerifyEmail";
+import RecoveryPage from "../utils/zitadel/recovery";
+import Callback from "../utils/zitadel/redirect";
+
+//Settings
+import SecuritySettings from "../pages/website/TwoFactorAuthManagement";
+import EditWebsite from "../pages/website/EditWebsite";
+import Branding from "../pages/website/Branding";
+import AnalyticsForm from "../pages/website/AnalyticsForm";
+import CodeInjection from "../pages/website/CodeInjection";
+
+//Tokens
+import Tokens from "../pages/tokens";
+import CreateSpaceTokenForm from "../pages/tokens/components/CreateToken";
+
+//Formats
+import Formats from "../pages/formats";
+import CreateFormat from "../pages/formats/CreateFormat";
+import EditFormat from "../pages/formats/EditFormat";
+
+//Categories
+import Categories from "../pages/categories";
+import CreateCategory from "../pages/categories/CreateCategory";
+import EditCategory from "../pages/categories/EditCategory";
+
+//Post
+import Posts from "../pages/posts";
+import CreatePost from "../pages/posts/createpost";
+import EditPost from "../pages/posts/EditPost";
+
+//Fact Checks
+import GoogleFactCheck from "../pages/fact-checks/GoogleFactCheck";
+import Factly from "../pages/fact-checks/Factly";
+import FactCheck from "../pages/fact-checks";
+import CreateFactCheck from "../pages/fact-checks/CreateFactCheck";
+import EditFactCheck from "../pages/fact-checks/EditFactCheck";
+
+//Tags
+import Tags from "../pages/tags";
+import CreateTag from "../pages/tags/CreateTag";
+import EditTag from "../pages/tags/EditTag";
+
+//Claims
+import Claims from "../pages/claims";
+import CreateClaim from "../pages/claims/CreateClaim";
+import EditClaim from "../pages/claims/EditClaim";
+
+// Users & Permissions
+import Users from "../pages/users";
+
+// Menu
+import Menu from "../pages/menu";
+import CreateMenu from "../pages/menu/CreateMenu";
+import EditMenu from "../pages/menu/EditMenu";
+
+//Ratings
+import Ratings from "../pages/ratings";
+import CreateRating from "../pages/ratings/CreateRating";
+import EditRating from "../pages/ratings/EditRating";
+
+// //Claimants
+import Claimants from "../pages/claimants";
+import CreateClaimant from "../pages/claimants/CreateClaimant";
+import EditClaimant from "../pages/claimants/EditClaimant";
+
+//Spaces
+import Spaces from "../pages/spaces";
+import CreateSpace from "../pages/spaces/CreateSpace";
+import EditSpace from "../pages/spaces/EditSpace";
+import Reindex from "../pages/spaces/Reindex";
+
+//Organisations
+import Organisations from "../pages/organisations/index";
+import AddUsers from "../pages/organisations/AddUsers";
+
+//Media
+import Media from "../pages/media";
+import UploadMedium from "../pages/media/UploadMedium";
+import EditMedium from "../pages/media/EditMedium";
+
+//Policies
+import Policies from "../pages/policies";
+import CreatePolicy from "../pages/policies/CreatePolicy";
+import EditPolicy from "../pages/policies/EditPolicy";
+import ViewPolicy from "../pages/policies/components/ViewPolicy";
+
+//Pages
+import Pages from "../pages/pages";
+import CreatePage from "../pages/pages/CreatePage";
+import EditPage from "../pages/pages/EditPage";
+
+//Webhooks
+import Webhooks from "../pages/webhooks";
+import CreateWebhook from "../pages/webhooks/CreateWebhook";
+import EditWebhook from "../pages/webhooks/EditWebhook";
+
+// Import necessary components
+import { BasicLayout } from "../layouts/basic";
+import Authwrapper from "../components/AuthWrapper";
+
+export interface Route {
+  path: string;
+  title?: string;
+  Component?: React.ComponentType<any>;
+  permission?: {
+    resource: string;
+    action: string | string[];
+    isSpace?: boolean;
+  };
+  isAdmin?: boolean;
+  isOwner?: boolean;
+  menuKey?: string;
+  isFullScreen?: boolean;
+}
+
+export interface V6RouteObject extends Route {
+  element: React.ReactNode;
+  children?: V6RouteObject[];
+}
+
+export interface SidebarItem {
+  title: string;
+  Icon: React.ComponentType<any>;
+  children: Route[];
+  isService: boolean;
+}
+
+export const routes = {
+  // Dashboard routes
+  home: {
+    path: "/",
+    title: "Home",
+    menuKey: "/",
+    Component: Dashboard,
+  },
+  analytics: {
+    path: "/analytics",
+    title: "Analytics",
+    menuKey: "/analytics",
+    Component: Analytics,
+  },
+  search: {
+    path: "/search",
+    title: "Search",
+    menuKey: "/search",
+    Component: Search,
+  },
+  login: {
+    path: "/auth/login",
+    title: "Login",
+    menuKey: "/login",
+    isFullScreen: true,
+    Component: Login,
+  },
+  registration: {
+    path: "/auth/registration",
+    title: "Registration",
+    menuKey: "/registration",
+    isFullScreen: true,
+    Component: RegistrationForm,
+  },
+  emailverification: {
+    path: "/auth/verify",
+    menuKey: "/auth/verify",
+    Component: VerifyEmail,
+    isFullScreen: true,
+    title: "Verify Email",
+  },
+  recovery: {
+    path: "/auth/login/recovery",
+    menuKey: "/auth/login/recovery",
+    isFullScreen: true,
+    Component: RecoveryPage,
+    title: "Recovery Page",
+  },
+  redirect: {
+    path: "/redirect",
+    menuKey: "/redirect",
+    isFullScreen: true,
+    Component: Callback,
+  },
+  SecuritySettings: {
+    path: "/settings/website/authentication",
+    menuKey: "/website",
+    Component: SecuritySettings,
+    title: "Authentication",
+  },
+  tokens: {
+    path: "/settings/advanced/tokens",
+    menuKey: "/tokens",
+    Component: Tokens,
+    title: "Tokens",
+  },
+  createTokens: {
+    path: "/settings/advanced/tokens/create",
+    menuKey: "/tokens",
+    Component: CreateSpaceTokenForm,
+    title: "New Token",
+  },
+  pages: {
+    path: "/pages",
+    menuKey: "/pages",
+    Component: Pages,
+    title: "Pages",
+  },
+  createPage: {
+    path: "/pages/create",
+    menuKey: "/pages",
+    Component: CreatePage,
+    title: "New Page",
+    permission: {
+      resource: "pages",
+      action: "create",
+    },
+  },
+  editPage: {
+    path: "/pages/:id/edit",
+    menuKey: "/pages",
+    Component: EditPage,
+    title: "Edit",
+    permission: {
+      resource: "pages",
+      action: "update",
+    },
+  },
+  categories: {
+    path: "/categories",
+    menuKey: "/categories",
+    Component: Categories,
+    title: "Categories",
+    permission: {
+      resource: "categories",
+      action: "get",
+    },
+  },
+  createCategory: {
+    path: "/categories/create",
+    menuKey: "/categories",
+    Component: CreateCategory,
+    title: "New Category",
+    permission: {
+      resource: "categories",
+      action: "create",
+    },
+  },
+  editCategory: {
+    path: "/categories/:id/edit",
+    menuKey: "/categories",
+    Component: EditCategory,
+    title: "Edit",
+    permission: {
+      resource: "categories",
+      action: "update",
+    },
+  },
+  tags: {
+    path: "/tags",
+    menuKey: "/tags",
+    Component: Tags,
+    title: "Tags",
+    permission: {
+      resource: "tags",
+      action: "get",
+    },
+  },
+  createTag: {
+    path: "/tags/create",
+    menuKey: "/tags",
+    Component: CreateTag,
+    title: "New Tag",
+    permission: {
+      resource: "tags",
+      action: "create",
+    },
+  },
+  editTag: {
+    path: "/tags/:id/edit",
+    menuKey: "/tags",
+    Component: EditTag,
+    title: "Edit",
+    permission: {
+      resource: "tags",
+      action: "update",
+    },
+  },
+  media: {
+    path: "/media",
+    menuKey: "/media",
+    Component: Media,
+    title: "Media",
+    permission: {
+      resource: "media",
+      action: "get",
+    },
+  },
+  createMedia: {
+    path: "/media/upload",
+    menuKey: "/media",
+    Component: UploadMedium,
+    title: "Upload",
+    permission: {
+      resource: "media",
+      action: "create",
+    },
+  },
+  editMedium: {
+    path: "/media/:id/edit",
+    menuKey: "/media",
+    Component: EditMedium,
+    title: "Edit",
+    permission: {
+      resource: "media",
+      action: "update",
+    },
+  },
+  policies: {
+    path: "/settings/members/policies",
+    menuKey: "/members",
+    Component: Policies,
+    title: "Policies",
+  },
+  createPolicy: {
+    path: "/settings/members/policies/create",
+    menuKey: "/members",
+    Component: CreatePolicy,
+    title: "New Policy",
+    permission: {
+      resource: "policies",
+      action: "create",
+    },
+  },
+  ViewPolicy: {
+    path: "/settings/members/policies/:policyID/view",
+    menuKey: "/members",
+    Component: ViewPolicy,
+    title: "Policy",
+  },
+  editPolicy: {
+    path: "/settings/members/policies/:id/edit",
+    menuKey: "/members",
+    Component: EditPolicy,
+    title: "Edit",
+    permission: {
+      resource: "policies",
+      action: "update",
+    },
+  },
+  branding: {
+    path: "/settings/website/branding",
+    menuKey: "/website",
+    Component: Branding,
+    title: "Branding",
+    permission: {
+      resource: "spaces",
+      action: "update",
+    },
+  },
+  menu: {
+    path: "/settings/website/menus",
+    menuKey: "/website",
+    Component: Menu,
+    title: "Menus",
+  },
+  createMenu: {
+    path: "/settings/website/menus/create",
+    menuKey: "/website",
+    Component: CreateMenu,
+    title: "New Menu",
+    permission: {
+      resource: "menus",
+      action: "create",
+    },
+  },
+  editMenu: {
+    path: "/settings/website/menus/:id/edit",
+    menuKey: "/website",
+    Component: EditMenu,
+    title: "Edit",
+    permission: {
+      resource: "menus",
+      action: "update",
+    },
+  },
+  organisations: {
+    path: "/organisations",
+    menuKey: "/organisations",
+    Component: Organisations,
+    title: "Organisations",
+  },
+  addusers: {
+    path: "/settings/organisations/addusers",
+    menuKey: "/organisations",
+    Component: AddUsers,
+    title: "Add Users",
+  },
+  analyticsForm: {
+    path: "/settings/website/analytics",
+    menuKey: "/website",
+    Component: AnalyticsForm,
+    title: "Analytics",
+    permission: {
+      resource: "spaces",
+      action: "update",
+    },
+  },
+  codeInjection: {
+    path: "/settings/website/code-injection",
+    menuKey: "/website",
+    Component: CodeInjection,
+    title: "Code Injection",
+    permission: {
+      resource: "spaces",
+      action: "update",
+    },
+  },
+
+  formats: {
+    path: "/settings/advanced/formats",
+    menuKey: "/advanced",
+    Component: Formats,
+    title: "Formats",
+    permission: {
+      resource: "formats",
+      action: "get",
+    },
+  },
+  createFormat: {
+    path: "/settings/advanced/formats/create",
+    menuKey: "/advanced",
+    Component: CreateFormat,
+    title: "New Format",
+    permission: {
+      resource: "formats",
+      action: "create",
+    },
+  },
+  editFormat: {
+    path: "/settings/advanced/formats/:id/edit",
+    menuKey: "/advanced",
+    Component: EditFormat,
+    title: "Edit",
+    permission: {
+      resource: "formats",
+      action: "update",
+    },
+  },
+
+  webhooks: {
+    path: "/settings/advanced/webhooks",
+    menuKey: "/advanced",
+    Component: Webhooks,
+    title: "Webhooks",
+    permission: {
+      resource: "webhooks",
+      action: "get",
+    },
+  },
+  createWebhook: {
+    path: "/settings/advanced/webhooks/create",
+    menuKey: "/advanced",
+    Component: CreateWebhook,
+    title: "New Webhook",
+    permission: {
+      resource: "webhooks",
+      action: "create",
+    },
+  },
+  editWebhook: {
+    path: "/settings/advanced/webhooks/:id/edit",
+    menuKey: "/advanced",
+    Component: EditWebhook,
+    title: "Edit",
+    permission: {
+      resource: "webhooks",
+      action: "update",
+    },
+  },
+  claimants: {
+    path: "/claimants",
+    menuKey: "/claimants",
+    Component: Claimants,
+    title: "Claimants",
+    permission: {
+      resource: "claimants",
+      action: "get",
+    },
+  },
+  createClaimant: {
+    path: "/claimants/create",
+    menuKey: "/claimants",
+    Component: CreateClaimant,
+    title: "New Claimant",
+    permission: {
+      resource: "claimants",
+      action: "create",
+    },
+  },
+  editClaimant: {
+    path: "/claimants/:id/edit",
+    menuKey: "/claimants",
+    Component: EditClaimant,
+    title: "Edit",
+    permission: {
+      resource: "claimants",
+      action: "update",
+    },
+  },
+  claims: {
+    path: "/claims",
+    menuKey: "/claims",
+    Component: Claims,
+    title: "Claims",
+    permission: {
+      resource: "claims",
+      action: "get",
+    },
+  },
+  createClaim: {
+    path: "/claims/create",
+    menuKey: "/claims",
+    Component: CreateClaim,
+    title: "New Claim",
+    permission: {
+      resource: "claims",
+      action: "create",
+    },
+  },
+  editClaim: {
+    path: "/claims/:id/edit",
+    menuKey: "/claims",
+    Component: EditClaim,
+    title: "Edit",
+    permission: {
+      action: "update",
+      resource: "claims",
+    },
+  },
+  posts: {
+    path: "/posts",
+    menuKey: "/posts",
+    Component: Posts,
+    title: "Posts",
+  },
+  createPost: {
+    path: "/posts/create",
+    menuKey: "/posts",
+    Component: CreatePost,
+    title: "New Post",
+    permission: {
+      resource: "posts",
+      action: "create",
+    },
+  },
+  editPost: {
+    path: "/posts/:id/edit",
+    menuKey: "/posts",
+    Component: EditPost,
+    title: "Edit",
+    permission: {
+      resource: "posts",
+      action: "update",
+    },
+  },
+  factCheck: {
+    path: "/fact-checks",
+    menuKey: "/fact-checks",
+    Component: FactCheck,
+    title: "Fact-Checks",
+  },
+  createFactCheck: {
+    path: "/fact-checks/create",
+    menuKey: "/fact-checks",
+    Component: CreateFactCheck,
+    title: "Create",
+    permission: {
+      resource: "fact-checks",
+      action: "create",
+    },
+  },
+  editFactCheck: {
+    path: "/fact-checks/:id/edit",
+    menuKey: "/fact-checks",
+    Component: EditFactCheck,
+    title: "Edit",
+    permission: {
+      action: "update",
+      resource: "fact-checks",
+    },
+  },
+  googleFactCheck: {
+    path: "/fact-checks/google",
+    menuKey: "/fact-checks/google",
+    Component: GoogleFactCheck,
+    title: "Google",
+  },
+  sach: {
+    path: "/fact-checks/sach",
+    menuKey: "/fact-checks/sach",
+    Component: Factly,
+    title: "Sach",
+  },
+  ratings: {
+    path: "/ratings",
+    title: "Ratings",
+    menuKey: "/ratings",
+    Component: Ratings,
+    permission: {
+      resource: "ratings",
+      action: "get",
+    },
+  },
+  createRating: {
+    path: "/ratings/create",
+    menuKey: "/ratings",
+    Component: CreateRating,
+    title: "New Rating",
+    permission: {
+      resource: "ratings",
+      action: "create",
+    },
+  },
+  editRating: {
+    path: "/ratings/:id/edit",
+    menuKey: "/ratings",
+    Component: EditRating,
+    title: "Edit",
+    permission: {
+      resource: "ratings",
+      action: "update",
+    },
+  },
+  spaces: {
+    path: "/admin/spaces",
+    menuKey: "/admin/spaces",
+    Component: Spaces,
+    title: "Spaces",
+  },
+  createSpace: {
+    path: "/spaces/create",
+    menuKey: "/admin/spaces",
+    Component: CreateSpace,
+    title: "New Space",
+    permission: {
+      resource: "spaces",
+      action: "create",
+      isSpace: true,
+    },
+  },
+  editSpace: {
+    path: "/admin/spaces/:id/edit",
+    menuKey: "/admin/spaces",
+    Component: EditSpace,
+    title: "Edit",
+    permission: {
+      resource: "spaces",
+      action: "update",
+    },
+  },
+  reindex: {
+    path: "/settings/advanced/reindex",
+    menuKey: "/advanced",
+    Component: Reindex,
+    title: "Reindex",
+  },
+  editWebsite: {
+    path: "/settings/website/general",
+    menuKey: "/website",
+    Component: EditWebsite,
+    title: "General",
+    permission: {
+      resource: "spaces",
+      action: "update",
+    },
+  },
+  users: {
+    path: "/settings/members",
+    menuKey: "/members",
+    Component: Users,
+    title: "Users",
+  },
+  // Not Found route - add this at the end
+  noMatch: {
+    path: "*",
+    title: "Page Not Found",
+    menuKey: "/404",
+    Component: NotFoundPage,
+    isFullScreen: true, // This will make it fill the screen without sidebar
+  },
+};
+
+export const sidebarMenu: SidebarItem[] = [
+  {
+    title: "Dashboard",
+    Icon: LayoutDashboard,
+    children: [routes.home, routes.analytics],
+    isService: false,
+  },
+  {
+    title: "Core",
+    Icon: Microchip,
+    children: [
+      routes.posts,
+      routes.pages,
+      routes.categories,
+      routes.tags,
+      routes.media,
+    ],
+    isService: true,
+  },
+  {
+    title: "Fact Checking",
+    Icon: ListCheck,
+    children: [
+      routes.factCheck,
+      routes.claims,
+      routes.claimants,
+      routes.ratings,
+    ],
+    isService: true,
+  },
+];
+
+export function extractV6RouteObject(
+  formats?: any,
+  setReloadFlag?: React.Dispatch<React.SetStateAction<boolean>>,
+  reloadFlag?: boolean
+): V6RouteObject[] {
+  const extractedRoutes: V6RouteObject[] = [];
+
+  // Define public paths that should be treated differently
+  const publicPaths = [
+    "/auth/login",
+    "/auth/registration",
+    "/redirect",
+    "/callback",
+    "/auth/verify",
+    "/auth/login/recovery",
+    "/auth/login/google",
+  ];
+
+  // Loop through the original routes object and convert each route to v6 format
+  for (const routeKey in routes) {
+    const route = routes[routeKey as keyof typeof routes];
+    const { path, Component, menuKey } = route;
+
+    if (!Component) continue; // Skip routes without components
+
+    // Check if this is a public route
+    const isPublicRoute = publicPaths.some(
+      (publicPath) => path === publicPath || path.startsWith(publicPath)
+    );
+
+    // Create the v6 route element based on the original route data
+    let v6RouteElement;
+
+    if (isPublicRoute) {
+      v6RouteElement = React.createElement(
+        Authwrapper,
+        null,
+        React.createElement(Component as React.ComponentType<any>, { formats })
+      );
+    } else {
+      v6RouteElement = React.createElement(
+        Authwrapper,
+        null,
+        React.createElement(
+          BasicLayout,
+          { formats, setReloadFlag, reloadFlag },
+          React.createElement(Component as React.ComponentType<any>, {
+            formats,
+            setReloadFlag,
+            reloadFlag,
+            path,
+            menuKey,
+          })
+        )
+      );
+    }
+
+    // Create the v6 route object based on the original route data
+    const v6Route: V6RouteObject = {
+      path,
+      element: v6RouteElement,
+    };
+
+    // Add menuKey if it exists
+    if (menuKey) {
+      v6Route.menuKey = menuKey;
+    }
+
+    // Push the v6 route object to the extractedRoutes array
+    extractedRoutes.push(v6Route);
+  }
+
+  return extractedRoutes;
+}
diff --git a/studio/src/constants/admin.ts b/studio/src/constants/admin.ts
new file mode 100644
index 000000000..7825cfb0e
--- /dev/null
+++ b/studio/src/constants/admin.ts
@@ -0,0 +1,2 @@
+export const ADD_SUPER_ORGANISATION = 'ADD_SUPER_ORGANISATION';
+export const SET_SUPER_ORGANISATIONS_LOADING = 'SET_SUPER_ORGANISATIONS_LOADING';
diff --git a/studio/src/constants/authors.js b/studio/src/constants/authors.ts
similarity index 100%
rename from studio/src/constants/authors.js
rename to studio/src/constants/authors.ts
diff --git a/studio/src/constants/categories.js b/studio/src/constants/categories.ts
similarity index 100%
rename from studio/src/constants/categories.js
rename to studio/src/constants/categories.ts
diff --git a/studio/src/constants/claimants.js b/studio/src/constants/claimants.ts
similarity index 100%
rename from studio/src/constants/claimants.js
rename to studio/src/constants/claimants.ts
diff --git a/studio/src/constants/claims.js b/studio/src/constants/claims.ts
similarity index 100%
rename from studio/src/constants/claims.js
rename to studio/src/constants/claims.ts
diff --git a/studio/src/constants/date.js b/studio/src/constants/date.ts
similarity index 100%
rename from studio/src/constants/date.js
rename to studio/src/constants/date.ts
diff --git a/studio/src/constants/episodes.ts b/studio/src/constants/episodes.ts
new file mode 100644
index 000000000..14bb2bbdc
--- /dev/null
+++ b/studio/src/constants/episodes.ts
@@ -0,0 +1,10 @@
+//Actions
+export const GET_EPISODE = 'GET_EPISODE';
+export const UPDATE_EPISODE = 'UPDATE_EPISODE';
+export const ADD_EPISODES = 'ADD_EPISODES';
+export const ADD_EPISODES_REQUEST = 'ADD_EPISODES_REQUEST';
+export const RESET_EPISODES = 'RESET_EPISODES';
+export const SET_EPISODES_LOADING = 'SET_EPISODES_LOADING';
+
+//API
+export const EPISODES_API = '/podcast/episodes';
diff --git a/studio/src/constants/events.js b/studio/src/constants/events.ts
similarity index 100%
rename from studio/src/constants/events.js
rename to studio/src/constants/events.ts
diff --git a/studio/src/constants/formats.js b/studio/src/constants/formats.ts
similarity index 100%
rename from studio/src/constants/formats.js
rename to studio/src/constants/formats.ts
diff --git a/studio/src/constants/googleFactChecks.js b/studio/src/constants/googleFactChecks.ts
similarity index 100%
rename from studio/src/constants/googleFactChecks.js
rename to studio/src/constants/googleFactChecks.ts
diff --git a/studio/src/constants/info.js b/studio/src/constants/info.ts
similarity index 100%
rename from studio/src/constants/info.js
rename to studio/src/constants/info.ts
diff --git a/studio/src/constants/media.js b/studio/src/constants/media.ts
similarity index 100%
rename from studio/src/constants/media.js
rename to studio/src/constants/media.ts
diff --git a/studio/src/constants/meiliReindex.js b/studio/src/constants/meiliReindex.ts
similarity index 100%
rename from studio/src/constants/meiliReindex.js
rename to studio/src/constants/meiliReindex.ts
diff --git a/studio/src/constants/menu.js b/studio/src/constants/menu.js
deleted file mode 100644
index ab96426d4..000000000
--- a/studio/src/constants/menu.js
+++ /dev/null
@@ -1,10 +0,0 @@
-//Actions
-export const GET_MENU = 'GET_MENU';
-export const UPDATE_MENU = 'UPDATE_MENU';
-export const ADD_MENUS = 'ADD_MENUS';
-export const ADD_MENUS_REQUEST = 'ADD_MENUS_REQUEST';
-export const RESET_MENUS = 'RESET_NENUS';
-export const SET_MENUS_LOADING = 'SET_MENUS_LOADING';
-
-//API
-export const MENUS_API = '/core/menus';
diff --git a/studio/src/constants/menu.ts b/studio/src/constants/menu.ts
new file mode 100644
index 000000000..d800989a6
--- /dev/null
+++ b/studio/src/constants/menu.ts
@@ -0,0 +1,10 @@
+//Actions
+export const GET_MENU = 'GET_MENU';
+export const UPDATE_MENU = 'UPDATE_MENU';
+export const ADD_MENUS = 'ADD_MENUS';
+export const ADD_MENUS_REQUEST = 'ADD_MENUS_REQUEST';
+export const RESET_MENUS = 'RESET_MENUS';
+export const SET_MENUS_LOADING = 'SET_MENUS_LOADING';
+
+//API
+export const MENUS_API = '/core/menus';
diff --git a/studio/src/constants/notifications.js b/studio/src/constants/notifications.ts
similarity index 100%
rename from studio/src/constants/notifications.js
rename to studio/src/constants/notifications.ts
diff --git a/studio/src/constants/organisationRequests.ts b/studio/src/constants/organisationRequests.ts
new file mode 100644
index 000000000..ed5aade9a
--- /dev/null
+++ b/studio/src/constants/organisationRequests.ts
@@ -0,0 +1,10 @@
+//Actions
+export const ADD_ORGANISATION_REQUEST = 'ADD_ORGANISATION_REQUEST';
+export const ADD_ORGANISATION_REQUESTS = 'ADD_ORGANISATION_REQUESTS';
+export const ADD_ORGANISATION_REQUESTS_REQUEST = 'ADD_ORGANISATION_REQUESTS_REQUEST';
+export const RESET_ORGANISATION_REQUESTS = 'RESET_ORGANISATION_REQUESTS';
+export const SET_ORGANISATION_REQUESTS_LOADING = 'SET_ORGANISATION_REQUESTS_LOADING';
+
+//API
+export const ORGANISATION_REQUESTS_API = '/core/requests/organisations';
+export const ORGANISATION_REQUESTS_CREATE_API = '/core/requests/organisations';
diff --git a/studio/src/constants/organisations.ts b/studio/src/constants/organisations.ts
new file mode 100644
index 000000000..abd60605a
--- /dev/null
+++ b/studio/src/constants/organisations.ts
@@ -0,0 +1,9 @@
+//Actions
+export const ADD_ORGANISATION_PERMISSION = 'ADD_ORGANISATION_PERMISSION';
+export const ADD_ORGANISATION_PERMISSIONS = 'ADD_ORGANISATION_PERMISSIONS';
+export const ADD_ORGANISATION_PERMISSIONS_REQUEST = 'ADD_ORGANISATION_PERMISSIONS_REQUEST';
+export const RESET_ORGANISATION_PERMISSIONS = 'RESET_ORGANISATION_PERMISSIONS';
+export const SET_ORGANISATION_PERMISSIONS_LOADING = 'SET_ORGANISATION_PERMISSIONS_LOADING';
+
+//API
+export const ORGANISATION_PERMISSIONS_API = '/core/permissions/organisations';
diff --git a/studio/src/constants/pages.js b/studio/src/constants/pages.ts
similarity index 100%
rename from studio/src/constants/pages.js
rename to studio/src/constants/pages.ts
diff --git a/studio/src/constants/permissions.js b/studio/src/constants/permissions.ts
similarity index 100%
rename from studio/src/constants/permissions.js
rename to studio/src/constants/permissions.ts
diff --git a/studio/src/constants/podcasts.ts b/studio/src/constants/podcasts.ts
new file mode 100644
index 000000000..5d8105c2f
--- /dev/null
+++ b/studio/src/constants/podcasts.ts
@@ -0,0 +1,9 @@
+//Actions
+export const ADD_PODCAST = 'ADD_PODCAST';
+export const ADD_PODCASTS = 'ADD_PODCASTS';
+export const ADD_PODCASTS_REQUEST = 'ADD_PODCASTS_REQUEST';
+export const RESET_PODCASTS = 'RESET_PODCASTS';
+export const SET_PODCASTS_LOADING = 'SET_PODCASTS_LOADING';
+
+//API
+export const PODCASTS_API = '/podcast';
diff --git a/studio/src/constants/policies.js b/studio/src/constants/policies.ts
similarity index 100%
rename from studio/src/constants/policies.js
rename to studio/src/constants/policies.ts
diff --git a/studio/src/constants/posts.js b/studio/src/constants/posts.js
deleted file mode 100644
index b9e738d28..000000000
--- a/studio/src/constants/posts.js
+++ /dev/null
@@ -1,11 +0,0 @@
-//Actions
-export const ADD_POST = 'ADD_POST';
-export const ADD_POSTS = 'ADD_POSTS';
-export const ADD_POSTS_REQUEST = 'ADD_POSTS_REQUEST';
-export const RESET_POSTS = 'RESET_POSTS';
-export const SET_POSTS_LOADING = 'SET_POSTS_LOADING';
-
-//API
-export const POSTS_API = '/core/posts';
-
-//Notification
diff --git a/studio/src/constants/posts.ts b/studio/src/constants/posts.ts
new file mode 100644
index 000000000..205227d3d
--- /dev/null
+++ b/studio/src/constants/posts.ts
@@ -0,0 +1,7 @@
+export const ADD_POST = 'ADD_POST';
+export const ADD_POSTS = 'ADD_POSTS';
+export const ADD_POSTS_REQUEST = 'ADD_POSTS_REQUEST';
+export const RESET_POSTS = 'RESET_POSTS';
+export const SET_POSTS_LOADING = 'SET_POSTS_LOADING';
+
+export const POSTS_API = '/core/posts';
\ No newline at end of file
diff --git a/studio/src/constants/profile.js b/studio/src/constants/profile.ts
similarity index 100%
rename from studio/src/constants/profile.js
rename to studio/src/constants/profile.ts
diff --git a/studio/src/constants/ratings.js b/studio/src/constants/ratings.ts
similarity index 100%
rename from studio/src/constants/ratings.js
rename to studio/src/constants/ratings.ts
diff --git a/studio/src/constants/sachFactChecks.js b/studio/src/constants/sachFactChecks.ts
similarity index 100%
rename from studio/src/constants/sachFactChecks.js
rename to studio/src/constants/sachFactChecks.ts
diff --git a/studio/src/constants/search.js b/studio/src/constants/search.ts
similarity index 100%
rename from studio/src/constants/search.js
rename to studio/src/constants/search.ts
diff --git a/studio/src/constants/session.js b/studio/src/constants/session.js
deleted file mode 100644
index dca9aa6bc..000000000
--- a/studio/src/constants/session.js
+++ /dev/null
@@ -1,2 +0,0 @@
-export const SET_SESSIONS_LOADING = 'SET_SESSIONS_LOADING';
-export const ADD_SESSION = 'ADD_SESSION';
diff --git a/studio/src/constants/session.ts b/studio/src/constants/session.ts
new file mode 100644
index 000000000..41d1b7db0
--- /dev/null
+++ b/studio/src/constants/session.ts
@@ -0,0 +1,2 @@
+export const SET_SESSIONS_LOADING = "SET_SESSIONS_LOADING";
+export const ADD_SESSION = "ADD_SESSION";
diff --git a/studio/src/constants/settings.js b/studio/src/constants/settings.ts
similarity index 100%
rename from studio/src/constants/settings.js
rename to studio/src/constants/settings.ts
diff --git a/studio/src/constants/sidebar.js b/studio/src/constants/sidebar.ts
similarity index 100%
rename from studio/src/constants/sidebar.js
rename to studio/src/constants/sidebar.ts
diff --git a/studio/src/constants/spacePermissions.js b/studio/src/constants/spacePermissions.ts
similarity index 100%
rename from studio/src/constants/spacePermissions.js
rename to studio/src/constants/spacePermissions.ts
diff --git a/studio/src/constants/spaceRequests.ts b/studio/src/constants/spaceRequests.ts
new file mode 100644
index 000000000..c49dc8b24
--- /dev/null
+++ b/studio/src/constants/spaceRequests.ts
@@ -0,0 +1,10 @@
+//Actions
+export const ADD_SPACE_REQUEST = 'ADD_SPACE_REQUEST';
+export const ADD_SPACE_REQUESTS = 'ADD_SPACE_REQUESTS';
+export const ADD_SPACE_REQUESTS_REQUEST = 'ADD_SPACE_REQUESTS_REQUEST';
+export const RESET_SPACE_REQUESTS = 'RESET_SPACE_REQUESTS';
+export const SET_SPACE_REQUESTS_LOADING = 'SET_SPACE_REQUESTS_LOADING';
+
+//API
+export const SPACE_REQUESTS_API = '/core/requests/spaces';
+export const SPACE_REQUESTS_CREATE_API = '/core/requests/spaces';
diff --git a/studio/src/constants/spaceSelectorPage.js b/studio/src/constants/spaceSelectorPage.ts
similarity index 100%
rename from studio/src/constants/spaceSelectorPage.js
rename to studio/src/constants/spaceSelectorPage.ts
diff --git a/studio/src/constants/spaceUsers.js b/studio/src/constants/spaceUsers.js
deleted file mode 100644
index 840cde3b6..000000000
--- a/studio/src/constants/spaceUsers.js
+++ /dev/null
@@ -1,7 +0,0 @@
-//Actions
-export const ADD_SPACE_USERS = 'ADD_SPACE_USERS';
-export const ADD_SPACE_USERS_REQUEST = 'ADD_SPACE_USERS_REQUEST';
-export const SET_SPACE_USERS_LOADING = 'SET_SPACE_USERS_LOADING';
-
-//API
-export const SPACE_USERS_API = '/core/spaces/users';
diff --git a/studio/src/constants/spaceUsers.ts b/studio/src/constants/spaceUsers.ts
new file mode 100644
index 000000000..9173d4145
--- /dev/null
+++ b/studio/src/constants/spaceUsers.ts
@@ -0,0 +1,7 @@
+//Actions
+export const ADD_SPACE_USERS = "ADD_SPACE_USERS";
+export const ADD_SPACE_USERS_REQUEST = "ADD_SPACE_USERS_REQUEST";
+export const SET_SPACE_USERS_LOADING = "SET_SPACE_USERS_LOADING";
+
+//API
+export const SPACE_USERS_API = "/core/spaces/users";
diff --git a/studio/src/constants/spaces.js b/studio/src/constants/spaces.js
deleted file mode 100644
index 7cb2d83fe..000000000
--- a/studio/src/constants/spaces.js
+++ /dev/null
@@ -1,16 +0,0 @@
-//Actions
-export const LOADING_SPACES = 'LOADING_SPACES';
-export const SET_SELECTED_SPACE = 'SET_SELECTED_SPACE';
-export const GET_SPACES_SUCCESS = 'GET_SPACES_SUCCESS';
-export const GET_SPACES_FAILURE = 'GET_SPACES_FAILURE';
-export const UPDATE_SPACE_SUCCESS = 'UPDATE_SPACE_SUCCESS';
-export const UPDATE_SPACE_FAILURE = 'UPDATE_SPACE_FAILURE';
-export const ADD_SPACE_SUCCESS = 'ADD_SPACE_SUCCESS';
-export const ADD_SPACE_FAILURE = 'ADD_SPACE_SUCCESS';
-export const DELETE_SPACE_SUCCESS = 'DELETE_SPACE_SUCCESS';
-export const DELETE_SPACE_FAILURE = 'DELETE_SPACE_SUCCESS';
-
-// tokens
-export const SET_TOKENS_LOADING = 'SET_TOKENS_LOADING';
-//API
-export const API_SPACES = '/core/spaces';
diff --git a/studio/src/constants/spaces.ts b/studio/src/constants/spaces.ts
new file mode 100644
index 000000000..9a65a04b0
--- /dev/null
+++ b/studio/src/constants/spaces.ts
@@ -0,0 +1,16 @@
+//Actions
+export const LOADING_SPACES = "LOADING_SPACES";
+export const SET_SELECTED_SPACE = "SET_SELECTED_SPACE";
+export const GET_SPACES_SUCCESS = "GET_SPACES_SUCCESS";
+export const GET_SPACES_FAILURE = "GET_SPACES_FAILURE";
+export const UPDATE_SPACE_SUCCESS = "UPDATE_SPACE_SUCCESS";
+export const UPDATE_SPACE_FAILURE = "UPDATE_SPACE_FAILURE";
+export const ADD_SPACE_SUCCESS = "ADD_SPACE_SUCCESS";
+export const ADD_SPACE_FAILURE = "ADD_SPACE_SUCCESS";
+export const DELETE_SPACE_SUCCESS = "DELETE_SPACE_SUCCESS";
+export const DELETE_SPACE_FAILURE = "DELETE_SPACE_SUCCESS";
+
+// tokens
+export const SET_TOKENS_LOADING = "SET_TOKENS_LOADING";
+//API
+export const API_SPACES = "/core/spaces";
diff --git a/studio/src/constants/tags.js b/studio/src/constants/tags.ts
similarity index 100%
rename from studio/src/constants/tags.js
rename to studio/src/constants/tags.ts
diff --git a/studio/src/constants/tokens.js b/studio/src/constants/tokens.js
deleted file mode 100644
index 76f0f32ba..000000000
--- a/studio/src/constants/tokens.js
+++ /dev/null
@@ -1,7 +0,0 @@
-//Actions
-export const ADD_SPACE_TOKENS = 'ADD_SPACE_TOKENS';
-export const ADD_SPACE_TOKENS_REQUEST = 'ADD_SPACE_TOKENS_REQUEST';
-export const SET_SPACE_TOKENS_LOADING = 'SET_SPACE_TOKENS_LOADING';
-
-//API
-export const SPACE_TOKENS_API = '/core/spaces/tokens';
diff --git a/studio/src/constants/tokens.ts b/studio/src/constants/tokens.ts
new file mode 100644
index 000000000..4cfbd573b
--- /dev/null
+++ b/studio/src/constants/tokens.ts
@@ -0,0 +1,7 @@
+//Actions
+export const ADD_SPACE_TOKENS = "ADD_SPACE_TOKENS";
+export const ADD_SPACE_TOKENS_REQUEST = "ADD_SPACE_TOKENS_REQUEST";
+export const SET_SPACE_TOKENS_LOADING = "SET_SPACE_TOKENS_LOADING";
+
+//API
+export const SPACE_TOKENS_API = "/core/spaces/tokens";
diff --git a/studio/src/constants/users.js b/studio/src/constants/users.js
deleted file mode 100644
index dce2c78c5..000000000
--- a/studio/src/constants/users.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export const ADD_USERS_REQUEST = 'ADD_USERS_REQUEST';
-export const SET_USERS_LOADING = 'SET_USERS_LOADING';
-export const ADD_USERS = 'ADD_USERS';
-
-//API
-export const USERS_API = '/core/users';
diff --git a/studio/src/constants/users.ts b/studio/src/constants/users.ts
new file mode 100644
index 000000000..a341ba32b
--- /dev/null
+++ b/studio/src/constants/users.ts
@@ -0,0 +1,6 @@
+export const ADD_USERS_REQUEST = "ADD_USERS_REQUEST";
+export const SET_USERS_LOADING = "SET_USERS_LOADING";
+export const ADD_USERS = "ADD_USERS";
+
+//API
+export const USERS_API = "/core/users";
diff --git a/studio/src/constants/webhooklogs.js b/studio/src/constants/webhooklogs.js
deleted file mode 100644
index 83341ffd1..000000000
--- a/studio/src/constants/webhooklogs.js
+++ /dev/null
@@ -1,5 +0,0 @@
-//Actions
-export const ADD_WEBHOOKLOGS = 'ADD_WEBHOOKLOGS';
-export const ADD_WEBHOOKLOGS_REQUEST = 'ADD_WEBHOOKLOGS_REQUEST';
-export const RESET_WEBHOOKLOGS = 'RESET_WEBHOOKLOGS';
-export const SET_WEBHOOKLOGS_LOADING = 'SET_WEBHOOKLOGS_LOADING';
diff --git a/studio/src/constants/webhooklogs.ts b/studio/src/constants/webhooklogs.ts
new file mode 100644
index 000000000..de7017cbe
--- /dev/null
+++ b/studio/src/constants/webhooklogs.ts
@@ -0,0 +1,6 @@
+//Actions
+export const ADD_WEBHOOKLOG = 'ADD_WEBHOOKLOG';
+export const ADD_WEBHOOKLOGS = 'ADD_WEBHOOKLOGS';
+export const ADD_WEBHOOKLOGS_REQUEST = 'ADD_WEBHOOKLOGS_REQUEST';
+export const RESET_WEBHOOKLOGS = 'RESET_WEBHOOKLOGS';
+export const SET_WEBHOOKLOGS_LOADING = 'SET_WEBHOOKLOGS_LOADING';
diff --git a/studio/src/constants/webhooks.js b/studio/src/constants/webhooks.ts
similarity index 100%
rename from studio/src/constants/webhooks.js
rename to studio/src/constants/webhooks.ts
diff --git a/studio/src/hooks/reduxHooks.ts b/studio/src/hooks/reduxHooks.ts
new file mode 100644
index 000000000..48c0f385f
--- /dev/null
+++ b/studio/src/hooks/reduxHooks.ts
@@ -0,0 +1,4 @@
+import { useDispatch } from "react-redux";
+import type { AppDispatch } from "../store";
+
+export const useAppDispatch = () => useDispatch<AppDispatch>();
diff --git a/studio/src/hooks/use-mobile.ts b/studio/src/hooks/use-mobile.ts
new file mode 100644
index 000000000..c31d59c29
--- /dev/null
+++ b/studio/src/hooks/use-mobile.ts
@@ -0,0 +1,89 @@
+import { useState, useEffect } from "react";
+
+interface WindowSize {
+  width: number;
+  height: number;
+  isMobileScreen: boolean;
+}
+
+// Original hook that returns window dimensions and mobile status
+const useWindowSize = (): WindowSize => {
+  const [windowSize, setWindowSize] = useState<WindowSize>({
+    width: typeof window !== "undefined" ? window.innerWidth : 0,
+    height: typeof window !== "undefined" ? window.innerHeight : 0,
+    isMobileScreen:
+      typeof window !== "undefined" ? window.innerWidth < 768 : false,
+  });
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+
+    const handleResize = () => {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight,
+        isMobileScreen: window.innerWidth < 768,
+      });
+    };
+
+    window.addEventListener("resize", handleResize);
+    handleResize();
+
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+
+  return windowSize;
+};
+
+// Overloaded function that accepts a media query string and returns boolean
+function useWindowSizeWithQuery(mediaQuery: string): boolean {
+  const [matches, setMatches] = useState<boolean>(
+    typeof window !== "undefined"
+      ? window.matchMedia(mediaQuery).matches
+      : false
+  );
+
+  useEffect(() => {
+    if (typeof window === "undefined") return;
+
+    const mediaQueryList = window.matchMedia(mediaQuery);
+
+    const handleChange = (event: MediaQueryListEvent) => {
+      setMatches(event.matches);
+    };
+
+    // Modern browsers
+    mediaQueryList.addEventListener("change", handleChange);
+
+    // Initial check
+    setMatches(mediaQueryList.matches);
+
+    return () => {
+      mediaQueryList.removeEventListener("change", handleChange);
+    };
+  }, [mediaQuery]);
+
+  return matches;
+}
+
+
+const MOBILE_BREAKPOINT = 768
+
+function useIsMobile() {
+  const [isMobile, setIsMobile] = useState<boolean | undefined>(undefined)
+
+  useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    }
+    mql.addEventListener("change", onChange)
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)
+    return () => mql.removeEventListener("change", onChange)
+  }, [])
+
+  return !!isMobile
+}
+// Export both versions
+export { useWindowSizeWithQuery, useIsMobile };
+export default useWindowSize;
diff --git a/studio/src/hooks/useSession.ts b/studio/src/hooks/useSession.ts
new file mode 100644
index 000000000..a34c474ca
--- /dev/null
+++ b/studio/src/hooks/useSession.ts
@@ -0,0 +1,41 @@
+import { useSelector } from "react-redux";
+import { RootState } from "@/types";
+
+/**
+ * Hook to access session information and check user permissions
+ */
+export const useSession = () => {
+  const session = useSelector((state: RootState) => state.session.details);
+  const spaceId = useSelector((state: RootState) => state.spaces.selected);
+  const userInfoRoleKey = "urn:zitadel:iam:org:project:roles";
+
+  /**
+   * Check if the current user has admin role
+   * - Either for the current space
+   * - Or as a fallback, has any admin role at all
+   */
+  const checkIsAdmin = (): boolean => {
+    // Return false if no session data exists
+    if (!session) return false;
+
+    // First check: look for admin role in the specific format
+    if (session[userInfoRoleKey]?.admin) {
+      // If spaceId is available, check for that specific space
+      if (spaceId && session[userInfoRoleKey].admin[spaceId]) {
+        return true;
+      }
+
+      // Fallback: Check if user has any admin role at all
+      return Object.keys(session[userInfoRoleKey].admin).length > 0;
+    }
+
+    return false;
+  };
+
+  return {
+    session,
+    isAdmin: checkIsAdmin(),
+    // Return the function as well in case it needs to be called with different parameters
+    checkIsAdmin,
+  };
+};
diff --git a/studio/src/index.css b/studio/src/index.css
index 0569eac1f..eba50bc78 100644
--- a/studio/src/index.css
+++ b/studio/src/index.css
@@ -1,64 +1,170 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
-    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  font-size: 1.5rem;
-}
+@import "tailwindcss";
 
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
-}
+@plugin "tailwindcss-animate";
 
-.ce-toolbar__content {
-  max-width: 1000px;
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  --background: hsl(0 0% 100%);
+  --foreground: hsl(0 0% 3.9%);
+  --card: hsl(0 0% 100%);
+  --card-foreground: hsl(0 0% 3.9%);
+  --popover: hsl(0 0% 100%);
+  --popover-foreground: hsl(0 0% 3.9%);
+  --primary: hsl(221.92 31.88% 44.9%);
+  --primary-foreground: hsl(0 0% 98%);
+  --secondary: hsl(167.37 37.25% 90%);
+  --secondary-foreground: hsl(0 0% 9%);
+  --muted: hsl(0 0% 96.1%);
+  --muted-foreground: hsl(0 0% 45.1%);
+  --accent: hsl(167.37 37.25% 90%);
+  --accent-foreground: hsl(0 0% 9%);
+  --destructive: hsl(0 84.2% 60.2%);
+  --destructive-foreground: hsl(0 0% 98%);
+  --border: hsl(0 0% 89.8%);
+  --input: hsl(0 0% 89.8%);
+  --ring: hsl(0 0% 3.9%);
+  --chart-1: hsl(12 76% 61%);
+  --chart-2: hsl(173 58% 39%);
+  --chart-3: hsl(197 37% 24%);
+  --chart-4: hsl(43 74% 66%);
+  --chart-5: hsl(27 87% 67%);
+  --radius: 0.6rem;
+  --sidebar: white;
+  --sidebar-foreground: hsl(240 5.3% 26.1%);
+  --sidebar-primary: hsl(240 5.9% 10%);
+  --sidebar-primary-foreground: hsl(0 0% 98%);
+  --sidebar-accent: #dcefeb;
+  --sidebar-accent-foreground: hsl(240 5.9% 10%);
+  --sidebar-border: hsl(220 13% 91%);
+  --sidebar-ring: hsl(217.2 91.2% 59.8%);
 }
 
-.ce-block__content {
-  max-width: 1000px;
+.dark {
+  --background: hsl(0 0% 3.9%);
+  --foreground: hsl(0 0% 98%);
+  --card: hsl(0 0% 3.9%);
+  --card-foreground: hsl(0 0% 98%);
+  --popover: hsl(0 0% 3.9%);
+  --popover-foreground: hsl(0 0% 98%);
+  --primary: hsl(0 0% 98%);
+  --primary-foreground: hsl(0 0% 9%);
+  --secondary: hsl(0 0% 14.9%);
+  --secondary-foreground: hsl(0 0% 98%);
+  --muted: hsl(0 0% 14.9%);
+  --muted-foreground: hsl(0 0% 63.9%);
+  --accent: hsl(0 0% 14.9%);
+  --accent-foreground: hsl(0 0% 98%);
+  --destructive: hsl(0 62.8% 30.6%);
+  --destructive-foreground: hsl(0 0% 98%);
+  --border: hsl(0 0% 14.9%);
+  --input: hsl(0 0% 14.9%);
+  --ring: hsl(0 0% 83.1%);
+  --chart-1: hsl(220 70% 50%);
+  --chart-2: hsl(160 60% 45%);
+  --chart-3: hsl(30 80% 55%);
+  --chart-4: hsl(280 65% 60%);
+  --chart-5: hsl(340 75% 55%);
+  --sidebar: hsl(240 5.9% 10%);
+  --sidebar-foreground: hsl(240 4.8% 95.9%);
+  --sidebar-primary: hsl(224.3 76.3% 48%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(240 3.7% 15.9%);
+  --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
+  --sidebar-border: hsl(240 3.7% 15.9%);
+  --sidebar-ring: hsl(217.2 91.2% 59.8%);
 }
 
-/* .ant-modal-content {
-  width: 800px;
-} */
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
 
-.menu-logo {
-  height: 36px;
-  width: 36px;
-}
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
 
-.edit-drawer .ant-collapse-item-active {
-  border: 0 !important;
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
 }
 
-.edit-drawer .ant-collapse-header {
-  padding: 1rem 0 !important;
-  color: #000000e0;
-  font-weight: 600 !important;
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
 }
 
-.edit-drawer .ant-collapse-item-active .ant-collapse-header {
-  color: #3473ed !important;
-  font-weight: 600 !important;
+@keyframes slideInLeft {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(0);
+  }
 }
 
-.edit-drawer .ant-collapse-content-box {
-  color: #000000e0;
-  padding-left: 0 !important;
+.animate-slide-in-left {
+  animation: slideInLeft 500ms ease-in-out;
 }
 
-.edit-drawer .collapse-icon-background {
-  border-radius: 21px;
-  background: #e8eff2;
-  width: 28px;
-  height: 28px;
-  padding: 8px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+@keyframes slideOutLeft {
+  from {
+    transform: translateX(0);
+  }
+  to {
+    transform: translateX(-100%);
+  }
 }
 
-.edit-form .ant-collapse-header {
-  font-weight: 600 !important;
+.animate-slide-out-left {
+  animation: slideOutLeft 500ms ease-in-out;
 }
diff --git a/studio/src/index.js b/studio/src/index.js
deleted file mode 100644
index 0c73b0ce3..000000000
--- a/studio/src/index.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import * as serviceWorker from './serviceWorker';
-import store from './store';
-import { Provider } from 'react-redux';
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-  <Provider store={store}>
-    <App />
-  </Provider>,
-);
-
-// If you want your app to work offline and load faster, you can change
-// unregister() to register() below. Note this comes with some pitfalls.
-// Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
diff --git a/studio/src/layouts/app-sidebar.tsx b/studio/src/layouts/app-sidebar.tsx
new file mode 100644
index 000000000..abb757f9f
--- /dev/null
+++ b/studio/src/layouts/app-sidebar.tsx
@@ -0,0 +1,378 @@
+import * as React from "react";
+import {
+  ArrowLeftToLine,
+  ArrowRightToLine,
+  ChevronDown,
+  ChevronUp,
+  LayoutDashboard,
+  ListChecksIcon as ListCheck,
+  type LucideIcon,
+  Microchip,
+  Search,
+  Settings,
+  Shield,
+} from "lucide-react";
+import degaLogoLetters from "@/assets/dega.png";
+import degaLogoShort from "@/assets/dega-short.png";
+import { cn } from "@/lib/utils";
+import {
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
+} from "@/components/ui/collapsible";
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSub,
+  useSidebar,
+} from "@/components/ui/sidebar";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Button } from "@/components/ui/button";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { Link, useLocation } from "react-router-dom";
+import { AccountMenu } from "@/components/GlobalNav/AccountMenu";
+
+interface NavSubItem {
+  title: string;
+  url: string;
+}
+
+interface NavItem {
+  title: string;
+  url: string;
+  icon: LucideIcon;
+  isActive?: boolean;
+  items?: NavSubItem[];
+  children?: NavSubItem[];
+}
+
+const navMain: NavItem[] = [
+  {
+    title: "Dashboard",
+    url: "#",
+    icon: LayoutDashboard,
+    items: [
+      {
+        title: "Home",
+        url: "/",
+      },
+      {
+        title: "Analytics",
+        url: "/analytics",
+      },
+    ],
+  },
+  {
+    title: "Search",
+    url: "/search",
+    icon: Search,
+  },
+  {
+    title: "Core",
+    icon: Microchip,
+    url: "#",
+    items: [
+      { title: "Posts", url: "/posts" },
+      { title: "Pages", url: "/pages" },
+      { title: "Categories", url: "/categories" },
+      { title: "Tags", url: "/tags" },
+      { title: "Media", url: "/media" },
+    ],
+  },
+  {
+    title: "Fact checking",
+    icon: ListCheck,
+    url: "#",
+    children: [
+      { title: "Fact-Checks", url: "/fact-checks" },
+      { title: "Claims", url: "/claims" },
+      { title: "Claimants", url: "/claimants" },
+      { title: "Ratings", url: "/ratings" },
+      { title: "Google", url: "/fact-checks/google" },
+      { title: "Sach", url: "/fact-checks/sach" },
+    ],
+  },
+  {
+    title: "Administration",
+    icon: Shield,
+    url: "#",
+    children: [
+      { title: "Spaces", url: "/admin/spaces" },
+      { title: "Organisations", url: "/organisations" },
+    ],
+  },
+  {
+    title: "Settings",
+    url: "/settings/website/general",
+    icon: Settings,
+  },
+];
+
+export default function AppSidebar(): React.ReactNode {
+  const { state, toggleSidebar } = useSidebar();
+  const isMobile = useIsMobile();
+  const location = useLocation();
+
+  const isCollapsed = state === "collapsed" && !isMobile;
+
+  const isItemActive = (path: string) => {
+    if (path === location.pathname) return true;
+    return false;
+  };
+
+  return (
+    <Sidebar className={cn("border-r bg-white")} collapsible="icon">
+      <SidebarContent
+        className={cn("p-2 md:py-6", isCollapsed ? "items-center" : "")}
+      >
+        <div
+          className={cn(
+            "flex items-center w-full md:mb-4",
+            isCollapsed ? "justify-center" : "justify-between"
+          )}
+        >
+          {!isMobile && (
+            <Link to="/" aria-label="Go to home page">
+              <img
+                src={isCollapsed ? degaLogoShort : degaLogoLetters}
+                alt="Dega"
+                className="h-8 cursor-pointer"
+              />
+            </Link>
+          )}
+          {!isCollapsed && !isMobile && (
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={toggleSidebar}
+              className="p-2 rounded-md"
+              aria-label="Collapse sidebar"
+            >
+              <ArrowLeftToLine
+                className="h-4 w-4"
+                stroke="#4E6497"
+                strokeWidth="1.5"
+              />
+            </Button>
+          )}
+        </div>
+        <SidebarMenu>
+          {navMain.map((item, index) => {
+            const hasSubmenu = !!(item.items || item.children);
+            const submenuItems = item.items || item.children || [];
+
+            return (
+              <React.Fragment key={index}>
+                {hasSubmenu ? (
+                  <CollapsibleOrPopoverMenuItem
+                    title={item.title}
+                    icon={item.icon}
+                    isActive={submenuItems.some((subItem) =>
+                      isItemActive(subItem.url)
+                    )}
+                    isItemActiveCallback={isItemActive}
+                    submenuItems={submenuItems}
+                  />
+                ) : (
+                  <SidebarMenuItem
+                    className={isCollapsed ? "flex justify-center" : ""}
+                  >
+                    <SidebarMenuButton
+                      asChild
+                      size="lg"
+                      className={cn(
+                        "flex items-center gap-3 rounded-md hover:bg-[#DCEFEB] text-md",
+                        isCollapsed
+                          ? "justify-center px-2 py-2 w-10 h-10"
+                          : "px-3 py-2",
+                        isItemActive(item.url) &&
+                          "bg-[#DCEFEB] text-[#0D1D2D] font-medium"
+                      )}
+                      tooltip={item.title}
+                    >
+                      <Link
+                        to={item.url}
+                        className="flex items-center gap-3"
+                        aria-label={item.title}
+                      >
+                        <item.icon
+                          className={isCollapsed ? "h-6 w-6" : "h-5 w-5"}
+                        />
+                        <IconModeAwareText>{item.title}</IconModeAwareText>
+                      </Link>
+                    </SidebarMenuButton>
+                  </SidebarMenuItem>
+                )}
+              </React.Fragment>
+            );
+          })}
+        </SidebarMenu>
+        <SidebarFooter
+          className={cn(
+            "flex items-center mt-auto w-full",
+            isCollapsed ? "justify-center" : "justify-between"
+          )}
+        >
+          {!isCollapsed ? (
+            <AccountMenu />
+          ) : (
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={toggleSidebar}
+              className="p-2 rounded-md"
+              aria-label="Expand sidebar"
+            >
+              <ArrowRightToLine
+                className="h-4 w-4"
+                stroke="#4E6497"
+                strokeWidth="1.5"
+              />
+            </Button>
+          )}
+        </SidebarFooter>
+      </SidebarContent>
+    </Sidebar>
+  );
+}
+
+interface IconModeAwareTextProps {
+  children: React.ReactNode;
+  className?: string;
+}
+
+function IconModeAwareText({
+  children,
+  className,
+}: IconModeAwareTextProps): React.ReactNode | null {
+  const { state } = useSidebar();
+  const isMobile = useIsMobile();
+  const isIconMode = state === "collapsed" && !isMobile;
+
+  if (isIconMode) {
+    return null;
+  }
+
+  return <span className={cn("truncate", className)}>{children}</span>;
+}
+
+interface CollapsibleOrPopoverMenuItemProps {
+  title: string;
+  icon: LucideIcon;
+  isActive: boolean;
+  isItemActiveCallback: (path: string) => boolean;
+  submenuItems: NavSubItem[];
+}
+
+function CollapsibleOrPopoverMenuItem({
+  title,
+  icon: Icon,
+  isActive,
+  isItemActiveCallback,
+  submenuItems,
+}: CollapsibleOrPopoverMenuItemProps): React.ReactNode {
+  const { state } = useSidebar();
+  const isMobile = useIsMobile();
+  const isIconMode = state === "collapsed" && !isMobile;
+  const [isOpen, setIsOpen] = React.useState(isActive);
+
+  // When using the popover in icon mode
+  if (isIconMode) {
+    return (
+      <Popover>
+        <PopoverTrigger asChild>
+          <SidebarMenuItem className="flex justify-center">
+            <SidebarMenuButton
+              className={cn(
+                "flex items-center justify-center rounded-md hover:bg-[#DCEFEB]",
+                "px-2 py-2 w-10 h-10 text-md",
+                isActive && "bg-[#DCEFEB] text-[#0D1D2D] font-medium"
+              )}
+              size="lg"
+              tooltip={title}
+            >
+              <Icon className="h-6 w-6" aria-hidden="true" />
+              <span className="sr-only">{title}</span>
+            </SidebarMenuButton>
+          </SidebarMenuItem>
+        </PopoverTrigger>
+        <PopoverContent side="right" align="start" className="p-2 w-48">
+          <div className="flex flex-col space-y-1">
+            {submenuItems.map((subItem, idx) => (
+              <Link
+                key={idx}
+                to={subItem.url}
+                className="px-3 py-2 text-sm rounded-md hover:bg-[#DCEFEB] text-[#0D1D2D] "
+              >
+                {subItem.title}
+              </Link>
+            ))}
+          </div>
+        </PopoverContent>
+      </Popover>
+    );
+  }
+
+  // Use collapsible when not in icon mode
+  return (
+    <Collapsible open={isOpen} onOpenChange={setIsOpen} className="w-full">
+      <SidebarMenuItem>
+        <CollapsibleTrigger asChild>
+          <SidebarMenuButton
+            className={cn(
+              "flex items-center justify-between gap-3 px-3 py-2 w-full rounded-md hover:bg-[#DCEFEB] text-md"
+            )}
+            size="lg"
+            aria-expanded={isOpen}
+          >
+            <div className="flex items-center gap-3">
+              <Icon className="h-5 w-5" aria-hidden="true" />
+              <span className="truncate">{title}</span>
+            </div>
+            <span className="sr-only">
+              {isOpen ? "Collapse" : "Expand"} {title} menu
+            </span>
+            {isOpen ? (
+              <ChevronUp className="h-4 w-4 flex-shrink-0" aria-hidden="true" />
+            ) : (
+              <ChevronDown
+                className="h-4 w-4 flex-shrink-0"
+                aria-hidden="true"
+              />
+            )}
+          </SidebarMenuButton>
+        </CollapsibleTrigger>
+      </SidebarMenuItem>
+      <CollapsibleContent>
+        <SidebarMenuSub className="border-none ml-0 px-0">
+          {submenuItems.map((subItem, idx) => (
+            <SidebarMenuItem key={idx}>
+              <SidebarMenuButton
+                asChild
+                size="lg"
+                className={`hover:bg-[#DCEFEB] text-[#0D1D2D] text-md  pl-9
+                  ${
+                    isItemActiveCallback(subItem.url) &&
+                    "bg-[#DCEFEB] text-[#0D1D2D] font-medium"
+                  }
+                  `}
+              >
+                <Link to={subItem.url} className="truncate">
+                  {subItem.title}
+                </Link>
+              </SidebarMenuButton>
+            </SidebarMenuItem>
+          ))}
+        </SidebarMenuSub>
+      </CollapsibleContent>
+    </Collapsible>
+  );
+}
diff --git a/studio/src/layouts/basic.css b/studio/src/layouts/basic.css
deleted file mode 100644
index 1eb8e4a13..000000000
--- a/studio/src/layouts/basic.css
+++ /dev/null
@@ -1,132 +0,0 @@
-.slider-menu {
-  height: calc(100vh - 165px);
-}
-
-.menu-header {
-  height: 64px;
-  line-height: 64px;
-}
-
-.menu-logo {
-  max-height: 48px;
-  max-width: 48px;
-  width: 100%;
-  object-fit: contain;
-}
-
-.menu-company {
-  color: #ffffff;
-  font-size: 24px;
-  padding-left: 16px;
-}
-
-.user-menu > div {
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  border-radius: 50px;
-  padding: 0.25rem;
-}
-
-.user-menu > div:hover {
-  background-color: #fff;
-}
-
-.user-menu > div > span {
-  display: flex;
-}
-
-.stats-wrapper {
-  background: #f0f2f5;
-  margin: 1rem auto;
-}
-
-.ant-menu-item-selected {
-  font-weight: 600;
-}
-
-/* .ant-btn.button-secondary {
-  color: #fff;
-  background: #15171a;
-  font-weight: 500;
-}
-
-.ant-btn.button-secondary:not([disabled]):hover {
-  text-decoration: none;
-}
-.ant-btn.button-secondary:hover,
-.ant-btn.button-secondary:focus,
-.ant-btn.button-secondary:active {
-  background: #fff;
-  color: #15171a;
-  text-decoration: none;
-}
-
-.ant-btn.button-secondary:hover,
-.ant-btn.button-secondary:focus {
-  color: #15171a;
-  background: #fff;
-  border-color: #15171a;
-} */
-
-.layout-header {
-  background-color: #ffffff;
-  padding-left: 16px;
-}
-
-.main-sidebar .slider-menu {
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-/* Add In Ant Style */
-.ant-row {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-flow: row wrap;
-  flex-flow: row wrap;
-}
-
-.ant-space {
-  width: 100%;
-}
-
-/* .ant-form {
-  max-width: 600px;
-} */
-
-/* prosemirror default styles unset for list items in antd */
-ul.ant-pagination li::before {
-  background: none;
-  background-position: initial;
-  content: normal;
-  display: inline;
-  cursor: auto;
-  width: auto;
-  height: auto;
-  position: static;
-  left: auto;
-  opacity: 1;
-  transition: none;
-}
-
-nav.ant-breadcrumb ol li::before {
-  background: none;
-  background-position: initial;
-  content: normal;
-  display: inline;
-  cursor: auto;
-  width: auto;
-  height: auto;
-  position: static;
-  left: auto;
-  opacity: 1;
-  transition: none;
-}
-
-.post-description .codex-editor {
-  font-size: 1.25rem;
-}
diff --git a/studio/src/layouts/basic.js b/studio/src/layouts/basic.js
deleted file mode 100644
index a4198772a..000000000
--- a/studio/src/layouts/basic.js
+++ /dev/null
@@ -1,245 +0,0 @@
-import { useState, useEffect } from 'react';
-import { Layout, Card, notification, FloatButton, ConfigProvider } from 'antd';
-import SpaceSelector from '../components/GlobalNav/SpaceSelector';
-import { useLocation } from 'react-router-dom';
-import { Helmet } from 'react-helmet';
-import Sidebar from '../components/GlobalNav/Sidebar';
-import { useDispatch, useSelector } from 'react-redux';
-import { getSpaces } from '../actions/spaces';
-import './basic.css';
-import Pageheader from '../components/PageHeader';
-import routes from '../config/routesConfig';
-import _ from 'lodash';
-import { setSpaceSelectorPage } from '../actions/spaceSelectorPage';
-import MobileSidebar from '../components/GlobalNav/MobileSidebar';
-import Loader from '../components/Loader';
-
-function BasicLayout(props) {
-  const dispatch = useDispatch();
-  const [isMobileScreen, setIsMobileScreen] = useState(false);
-  const location = useLocation();
-  const { Content } = Layout;
-  const { children } = props;
-  const [enteredRoute, setRoute] = useState({ menuKey: '/' });
-
-  // Paths where mobile sidebar should be hidden
-  const hiddenSidebarPaths = ['/auth/login', '/auth/registration', '/redirect', '/callback'];
-
-  // Paths that should render children regardless of loading state
-  const publicPaths = [
-    '/auth/login',
-    '/auth/registration',
-    '/auth/login/recovery',
-    '/auth/login/google',
-    '/redirect',
-    '/auth/verify',
-  ];
-
-  // Check if current path should hide mobile sidebar
-  const shouldHideMobileSidebar = hiddenSidebarPaths.some((path) =>
-    location.pathname.startsWith(path),
-  );
-
-  const {
-    permission,
-    orgs,
-    loading,
-    selected,
-    applications,
-    services,
-    org_role,
-    session,
-  } = useSelector((state) => {
-    const { selected, orgs, loading, org_role } = state.spaces;
-
-    if (selected !== '') {
-      const space = state.spaces.details[selected];
-
-      const applications = orgs.find((org) => org.spaces.includes(space.id))?.applications || [];
-
-      return {
-        applications: applications,
-        permission: space.permissions || [],
-        orgs: orgs,
-        loading: loading,
-        selected: selected,
-        services: space.services,
-        org_role: space.org_role,
-        session: state.session,
-      };
-    }
-    return {
-      orgs: orgs,
-      loading: loading,
-      permission: [],
-      selected: selected,
-      applications: [],
-      services: ['core'],
-      org_role,
-      session: state.session,
-    };
-  });
-
-  const { type, message, description, time } = useSelector((state) => {
-    return { ...state.notifications };
-  });
-
-  const spaceSelectorVisible = useSelector((state) => state.spaceSelectorPage);
-
-  useEffect(() => {
-    const pathSnippets = location.pathname.split('/').filter((i) => i);
-    if (pathSnippets.length === 0) {
-      setRoute({ menuKey: '/' });
-      return;
-    }
-    var index;
-    for (index = 0; index < pathSnippets.length; index++) {
-      const url = `/${pathSnippets.slice(0, index + 1).join('/')}`;
-      const nextTempRoute =
-        pathSnippets.length - index > 1
-          ? _.find(routes, { path: `/${pathSnippets.slice(0, index + 2).join('/')}` })
-          : null;
-      const tempRoute = _.find(routes, { path: url });
-      if (nextTempRoute) {
-        continue;
-      }
-      if (tempRoute) {
-        setRoute(tempRoute);
-        break;
-      }
-    }
-  }, [location]);
-
-  useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 460) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  useEffect(() => {
-    if (session.details && !session.loading && Object.keys(session.details).length > 0 && loading) {
-      dispatch(getSpaces());
-    }
-  }, [dispatch, selected, session, loading]);
-
-  useEffect(() => {
-    if (type && message && description && selected !== 0) {
-      notification[type]({
-        message: message,
-        description: description,
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [time, description]);
-
-  if (spaceSelectorVisible.visible) {
-    return (
-      <SpaceSelector
-        open={spaceSelectorVisible.visible}
-        onClose={() => dispatch(setSpaceSelectorPage(false))}
-      />
-    );
-  }
-
-  const hideSidebar =
-    (location.pathname.includes('posts') ||
-      location.pathname.includes('fact-checks') ||
-      location.pathname.includes('pages')) &&
-    (location.pathname.includes('edit') || location.pathname.includes('create'));
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Menu: {
-            colorItemBgSelected: '#0000000F',
-            colorItemTextSelected: '#000',
-            colorLink: '#000',
-          },
-          Table: {
-            paddingContentVerticalLG: 12,
-            colorTextHeading: '#475467',
-            fontWeightStrong: 500,
-            fontSize: 12,
-          },
-          Tabs: {
-            margin: 10,
-            colorText: '#6C6C6C',
-          },
-          Pagination: {
-            colorPrimary: '#1E1E1E',
-          },
-          Modal: {
-            colorBgMask: '#00000051',
-          },
-        },
-      }}
-    >
-      {isMobileScreen && !hideSidebar && !shouldHideMobileSidebar && (
-        <>
-          <Layout style={{ padding: '48px 28px 17px 28px', background: '#F2F5F9' }}>
-            <MobileSidebar
-              permission={permission}
-              menuKey={enteredRoute?.menuKey}
-              orgs={orgs}
-              loading={loading}
-              applications={applications}
-              services={services}
-              org_role={org_role}
-            />
-          </Layout>
-        </>
-      )}
-      <Layout hasSider={true}>
-        <Helmet titleTemplate={'%s | Dega Studio'} title={'Dega Studio'} />
-        {!isMobileScreen && !hideSidebar && !shouldHideMobileSidebar && (
-          <Sidebar
-            permission={permission}
-            menuKey={enteredRoute?.menuKey}
-            orgs={orgs}
-            loading={loading}
-            applications={applications}
-            services={services}
-            signOut={children.props.handleLogout}
-            org_role={org_role}
-          />
-        )}
-        <Layout style={{ background: '#fff' }}>
-          <Content className="layout-content">
-            {[
-              '/posts',
-              '/pages',
-              '/categories',
-              '/tags',
-              '/media',
-              '/fact-checks',
-              '/claims',
-              '/claimants',
-              '/ratings',
-              '/podcasts',
-              '/episodes',
-              '/settings',
-            ].includes(location.pathname) || <Pageheader location={location} />}
-            <Card key={selected.toString()} className="wrap-children-content">
-              {publicPaths.includes(location.pathname) || (!session.loading && !loading) ? (
-                children
-              ) : (
-                <Loader />
-              )}
-            </Card>
-          </Content>
-          <FloatButton.BackTop style={{ right: 50 }} />
-        </Layout>
-      </Layout>
-    </ConfigProvider>
-  );
-}
-
-export default BasicLayout;
diff --git a/studio/src/layouts/basic.tsx b/studio/src/layouts/basic.tsx
new file mode 100644
index 000000000..f4b8b2abc
--- /dev/null
+++ b/studio/src/layouts/basic.tsx
@@ -0,0 +1,221 @@
+import { FC, useEffect, ReactNode, useState, useRef } from "react";
+import { useLocation } from "react-router-dom";
+import { useSelector } from "react-redux";
+import Sidebar from "./app-sidebar";
+import { SidebarAlt } from "@/components/GlobalNav/SidebarAlt";
+import { RootState } from "@/types";
+import { getSpaces } from "@/actions/spaces";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { routes, Route } from "@/config/routesConfig";
+import _ from "lodash";
+import {
+  SidebarInset,
+  SidebarProvider,
+  SidebarTrigger,
+} from "@/components/ui/sidebar";
+import { useIsMobile } from "@/hooks/use-mobile";
+import degaLogoLetters from "@/assets/dega.png";
+import { cn } from "@/lib/utils";
+import Loader from "@/components/Loader";
+
+interface BasicLayoutProps {
+  children?: ReactNode;
+  formats?: any;
+  setReloadFlag?: React.Dispatch<React.SetStateAction<boolean>>;
+  reloadFlag?: boolean;
+}
+
+export const BasicLayout: FC<BasicLayoutProps> = ({ children }) => {
+  const dispatch = useAppDispatch();
+  const location = useLocation();
+  const isMobile = useIsMobile();
+  const isCollapsed = useSelector(
+    (state: RootState) => state.sidebar.collapsed
+  );
+  const [isMobileScreen, setIsMobileScreen] = useState(false);
+  const [enteredRoute, setRoute] = useState<Route | undefined>({
+    path: "/",
+    title: "Home",
+    menuKey: "/",
+  });
+  // Add local state to track if we've initiated a space fetch in this component instance
+  const [hasInitiatedFetch, setHasInitiatedFetch] = useState(false);
+
+  // Get session and spaces state from Redux
+  const session = useSelector((state: RootState) => state.session);
+  const spaces = useSelector((state: RootState) => state.spaces);
+  const { selected, loading, orgs, hasAttemptedFetch } = spaces;
+
+  // Get notification data from Redux
+  const notification = useSelector((state: RootState) => state.notifications);
+
+  // Paths where sidebar should be hidden
+  const hiddenSidebarPaths = [
+    "/auth/login",
+    "/auth/registration",
+    "/redirect",
+    "/callback",
+  ];
+
+  const isEditPath = () => {
+    // Check for paths like /posts/{id}/edit, /fact-checks/{id}/edit, etc.
+    const editPathRegex = /^\/(posts|pages|fact-checks)\/[^/]+\/edit$/;
+    return editPathRegex.test(location.pathname);
+  };
+
+  // Public paths that should render children regardless of loading state
+  const publicPaths = [
+    "/auth/login",
+    "/auth/registration",
+    "/auth/login/recovery",
+    "/auth/login/google",
+    "/redirect",
+    "/auth/verify",
+  ];
+
+  // Get space details and permissions for current space
+  const spaceDetails = useSelector((state: RootState) => {
+    if (selected !== "") {
+      const space = state.spaces.details[selected];
+      const applications =
+        orgs.find((org) => org.spaces.includes(space?.id))?.applications || [];
+
+      return {
+        applications,
+        permission: space?.permissions || [],
+        services: space?.services || ["core"],
+        org_role: space?.org_role,
+      };
+    }
+
+    return {
+      applications: [],
+      permission: [],
+      services: ["core"],
+      org_role: state.spaces.org_role,
+    };
+  });
+
+  useEffect(() => {
+    const pathSnippets = location.pathname.split("/").filter((i) => i);
+    if (pathSnippets.length === 0) {
+      setRoute({ path: "/", title: "Home", menuKey: "/" });
+      return;
+    }
+
+    for (let index = 0; index < pathSnippets.length; index++) {
+      const url = `/${pathSnippets.slice(0, index + 1).join("/")}`;
+      const nextTempRoute =
+        pathSnippets.length - index > 1
+          ? _.find(routes, {
+              path: `/${pathSnippets.slice(0, index + 2).join("/")}`,
+            })
+          : null;
+      const tempRoute = _.find(routes, { path: url });
+
+      if (nextTempRoute) {
+        continue;
+      }
+
+      if (tempRoute) {
+        setRoute(tempRoute);
+        break;
+      }
+    }
+  }, [location]);
+
+  useEffect(() => {
+    const handleResize = () => {
+      setIsMobileScreen(window.innerWidth <= 460);
+    };
+
+    window.addEventListener("resize", handleResize);
+    handleResize();
+
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+
+  // Modified space fetching logic to avoid infinite loading
+  useEffect(() => {
+    // If session is ready and we haven't initiated a fetch yet
+    if (
+      session.details &&
+      Object.keys(session.details).length > 0 &&
+      !hasInitiatedFetch
+    ) {
+      // Mark that we've initiated a fetch
+      setHasInitiatedFetch(true);
+      // Dispatch the action to get spaces
+      dispatch(getSpaces());
+    }
+  }, [dispatch, session.details, hasInitiatedFetch]);
+
+  // Creation paths where sidebar should be hidden
+  const hiddenSidebarCreationPaths = [
+    "/posts/create",
+    "/pages/create",
+    "/fact-checks/create",
+  ];
+
+  const shouldHideSidebar =
+    hiddenSidebarPaths.some((path) => location.pathname.startsWith(path)) ||
+    hiddenSidebarCreationPaths.includes(location.pathname) ||
+    isEditPath();
+
+  const isSettingsPath = location.pathname.startsWith("/settings");
+
+  const isPublicPath = publicPaths.some((path) =>
+    location.pathname.startsWith(path)
+  );
+  const shouldRenderContent =
+    isPublicPath || hasAttemptedFetch || hasInitiatedFetch;
+
+  // Add a timeout to handle cases where loading gets stuck
+  useEffect(() => {
+    // If loading persists for more than 5 seconds, force render the content
+    const timeoutId = setTimeout(() => {
+      if (!shouldRenderContent) {
+        setHasInitiatedFetch(true);
+      }
+    }, 5000);
+
+    return () => clearTimeout(timeoutId);
+  }, [shouldRenderContent]);
+
+  return (
+    <SidebarProvider>
+      {!shouldHideSidebar && (
+        <>{isSettingsPath ? <SidebarAlt /> : <Sidebar />}</>
+      )}
+      <SidebarInset>
+        {isMobile && (
+          <header className="flex h-16 w-screen shrink-0 items-center gap-2 border-b px-4">
+            <SidebarTrigger className="-ml-1" />
+            <img
+              src={degaLogoLetters}
+              alt="Dega"
+              className="h-8 cursor-pointer mx-auto"
+            />
+          </header>
+        )}
+        {shouldRenderContent ? (
+          <div
+            className={cn(
+              isMobile ? "p-4 h-[calc(100vh-4rem)]" : "p-6 h-screen",
+              isSettingsPath && !isMobile && "ml-[265px]",
+              shouldHideSidebar && !isMobile && "ml-0"
+            )}
+          >
+            {children}
+          </div>
+        ) : (
+          <div className="flex flex-col h-full relative">
+            <div className="flex-1 flex items-center justify-center">
+              <Loader className="relative inset-auto" />
+            </div>
+          </div>
+        )}
+      </SidebarInset>
+    </SidebarProvider>
+  );
+};
diff --git a/studio/src/lib/utils.ts b/studio/src/lib/utils.ts
new file mode 100644
index 000000000..bd0c391dd
--- /dev/null
+++ b/studio/src/lib/utils.ts
@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
diff --git a/studio/src/main.tsx b/studio/src/main.tsx
new file mode 100644
index 000000000..a39f9ab47
--- /dev/null
+++ b/studio/src/main.tsx
@@ -0,0 +1,11 @@
+import { createRoot } from "react-dom/client";
+import { Provider } from "react-redux";
+import "./index.css";
+import App from "./App.tsx";
+import store from "./store/index.tsx";
+
+createRoot(document.getElementById("root")!).render(
+  <Provider store={store}>
+    <App />
+  </Provider>
+);
diff --git a/studio/src/matchMedia.mock.js b/studio/src/matchMedia.mock.js
deleted file mode 100644
index 099fa5177..000000000
--- a/studio/src/matchMedia.mock.js
+++ /dev/null
@@ -1,13 +0,0 @@
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: jest.fn().mockImplementation((query) => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: jest.fn(), // deprecated
-    removeListener: jest.fn(), // deprecated
-    addEventListener: jest.fn(),
-    removeEventListener: jest.fn(),
-    dispatchEvent: jest.fn(),
-  })),
-});
diff --git a/studio/src/pages/advanced/index.js b/studio/src/pages/advanced/index.js
deleted file mode 100644
index 09172a8a3..000000000
--- a/studio/src/pages/advanced/index.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-import { Card, Row, Col } from 'antd';
-import { Link } from 'react-router-dom';
-import { Helmet } from 'react-helmet';
-
-const Advanced = (children) => {
-  const { Meta } = Card;
-
-  return (
-    <div>
-      <Helmet title={'Advanced'} />
-      <Row gutter={[16, 24]}>
-        {children.map((child) => {
-          return (
-            <Col md={12} xs={24}>
-              <Link to={`/settings${child.url}`}>
-                <Card hoverable>
-                  <Meta
-                    avatar={child.avatar()}
-                    title={child.name}
-                    description={child.description}
-                  />
-                </Card>
-              </Link>
-            </Col>
-          );
-        })}
-      </Row>
-    </div>
-  );
-};
-
-export default Advanced;
diff --git a/studio/src/pages/analytics/__snapshots__/index.test.js.snap b/studio/src/pages/analytics/__snapshots__/index.test.js.snap
deleted file mode 100644
index c44ca729e..000000000
--- a/studio/src/pages/analytics/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,831 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Analytics Component should render the component when no embed_code found 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Analytics>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Analytics"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Analytics"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Analytics"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Result
-                  title="No analytics found"
-                >
-                  <div
-                    className="ant-result ant-result-info"
-                  >
-                    <div
-                      className="ant-result-icon"
-                    >
-                      <ForwardRef(ExclamationCircleFilled)>
-                        <AntdIcon
-                          icon={
-                            Object {
-                              "icon": Object {
-                                "attrs": Object {
-                                  "focusable": "false",
-                                  "viewBox": "64 64 896 896",
-                                },
-                                "children": Array [
-                                  Object {
-                                    "attrs": Object {
-                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z",
-                                    },
-                                    "tag": "path",
-                                  },
-                                ],
-                                "tag": "svg",
-                              },
-                              "name": "exclamation-circle",
-                              "theme": "filled",
-                            }
-                          }
-                        >
-                          <span
-                            aria-label="exclamation-circle"
-                            className="anticon anticon-exclamation-circle"
-                            role="img"
-                          >
-                            <IconReact
-                              icon={
-                                Object {
-                                  "icon": Object {
-                                    "attrs": Object {
-                                      "focusable": "false",
-                                      "viewBox": "64 64 896 896",
-                                    },
-                                    "children": Array [
-                                      Object {
-                                        "attrs": Object {
-                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z",
-                                        },
-                                        "tag": "path",
-                                      },
-                                    ],
-                                    "tag": "svg",
-                                  },
-                                  "name": "exclamation-circle",
-                                  "theme": "filled",
-                                }
-                              }
-                            >
-                              <svg
-                                aria-hidden="true"
-                                data-icon="exclamation-circle"
-                                fill="currentColor"
-                                focusable="false"
-                                height="1em"
-                                key="svg-exclamation-circle"
-                                viewBox="64 64 896 896"
-                                width="1em"
-                              >
-                                <path
-                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z"
-                                  key="svg-exclamation-circle-svg-0"
-                                />
-                              </svg>
-                            </IconReact>
-                          </span>
-                        </AntdIcon>
-                      </ForwardRef(ExclamationCircleFilled)>
-                    </div>
-                    <div
-                      className="ant-result-title"
-                    >
-                      No analytics found
-                    </div>
-                  </div>
-                </Result>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Analytics>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Analytics Component should render the recordNotFound component when no space found 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Analytics>
-        <RecordNotFound
-          entity="Space"
-          link="/spaces"
-          title="No space found."
-        >
-          <Result
-            extra={
-              <ForwardRef
-                to="/spaces"
-              >
-                <ForwardRef(InternalButton)>
-                  Create 
-                  Space
-                </ForwardRef(InternalButton)>
-              </ForwardRef>
-            }
-            status="404"
-            title="No space found."
-          >
-            <div
-              className="ant-result ant-result-404"
-            >
-              <div
-                className="ant-result-icon ant-result-image"
-              >
-                <NoFound>
-                  <svg
-                    height="294"
-                    width="252"
-                  >
-                    <defs>
-                      <path
-                        d="M0 .387h251.772v251.772H0z"
-                      />
-                    </defs>
-                    <g
-                      fill="none"
-                      fillRule="evenodd"
-                    >
-                      <g
-                        transform="translate(0 .012)"
-                      >
-                        <mask
-                          fill="#fff"
-                        />
-                        <path
-                          d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                          fill="#E4EBF7"
-                          mask="url(#b)"
-                        />
-                      </g>
-                      <path
-                        d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                        stroke="#FFF"
-                        strokeWidth="2"
-                      />
-                      <path
-                        d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                        stroke="#FFF"
-                        strokeWidth="2"
-                      />
-                      <path
-                        d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                        stroke="#FFF"
-                        strokeWidth="2"
-                      />
-                      <path
-                        d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                        stroke="#FFF"
-                        strokeWidth="2"
-                      />
-                      <path
-                        d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                        fill="#1890FF"
-                      />
-                      <path
-                        d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                        fill="#FFB594"
-                      />
-                      <path
-                        d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                        fill="#FFC6A0"
-                      />
-                      <path
-                        d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                        fill="#CBD1D1"
-                      />
-                      <path
-                        d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                        fill="#2B0849"
-                      />
-                      <path
-                        d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                        fill="#A4AABA"
-                      />
-                      <path
-                        d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                        fill="#CBD1D1"
-                      />
-                      <path
-                        d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                        fill="#2B0849"
-                      />
-                      <path
-                        d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                        fill="#A4AABA"
-                      />
-                      <path
-                        d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                        fill="#7BB2F9"
-                      />
-                      <path
-                        d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                        stroke="#648BD8"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                        stroke="#648BD8"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                      />
-                      <path
-                        d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                        stroke="#648BD8"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                        fill="#192064"
-                      />
-                      <path
-                        d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                        fill="#192064"
-                      />
-                      <path
-                        d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                        stroke="#648BD8"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                        fill="#FFC6A0"
-                      />
-                      <path
-                        d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                        fill="#FFC6A0"
-                      />
-                      <path
-                        d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                        fill="#520038"
-                      />
-                      <path
-                        d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                        fill="#552950"
-                      />
-                      <path
-                        d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M110.846 74.481s1.79-.716 2.506.537"
-                        stroke="#5C2552"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M103.287 72.93s1.83 1.113 4.137.954"
-                        stroke="#5C2552"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                        stroke="#E4EBF7"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.101"
-                      />
-                      <path
-                        d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                        stroke="#E4EBF7"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M119.306 107.329s.452 4.366-2.127 32.062"
-                        stroke="#E4EBF7"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.101"
-                      />
-                      <path
-                        d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                        fill="#F2D7AD"
-                      />
-                      <path
-                        d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                        fill="#F4D19D"
-                      />
-                      <path
-                        d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                        fill="#F2D7AD"
-                      />
-                      <path
-                        d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                        fill="#CC9B6E"
-                      />
-                      <path
-                        d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                        fill="#F4D19D"
-                      />
-                      <path
-                        d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                        fill="#CC9B6E"
-                      />
-                      <path
-                        d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                        fill="#CC9B6E"
-                      />
-                      <path
-                        d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                        fill="#FFC6A0"
-                      />
-                      <path
-                        d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                        fill="#5BA02E"
-                      />
-                      <path
-                        d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                        fill="#92C110"
-                      />
-                      <path
-                        d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                        fill="#F2D7AD"
-                      />
-                      <path
-                        d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                        stroke="#E4EBF7"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.101"
-                      />
-                    </g>
-                  </svg>
-                </NoFound>
-              </div>
-              <div
-                className="ant-result-title"
-              >
-                No space found.
-              </div>
-              <div
-                className="ant-result-extra"
-              >
-                <Link
-                  to="/spaces"
-                >
-                  <LinkAnchor
-                    href="/spaces"
-                    navigate={[Function]}
-                  >
-                    <a
-                      href="/spaces"
-                      onClick={[Function]}
-                    >
-                      <Button>
-                        <Wave>
-                          <button
-                            className="ant-btn"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <LoadingIcon
-                              existIcon={false}
-                              loading={false}
-                              prefixCls="ant-btn"
-                            >
-                              <CSSMotion
-                                motionName="ant-btn-loading-icon-motion"
-                                onAppearActive={[Function]}
-                                onAppearStart={[Function]}
-                                onEnterActive={[Function]}
-                                onEnterStart={[Function]}
-                                onLeaveActive={[Function]}
-                                onLeaveStart={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </LoadingIcon>
-                            <span
-                              key=".0"
-                            >
-                              Create Space
-                            </span>
-                          </button>
-                        </Wave>
-                      </Button>
-                    </a>
-                  </LinkAnchor>
-                </Link>
-              </div>
-            </div>
-          </Result>
-        </RecordNotFound>
-      </Analytics>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Analytics Component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Analytics>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Analytics"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Analytics"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Analytics"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <div
-                  dangerouslySetInnerHTML={
-                    Object {
-                      "__html": "embed-code",
-                    }
-                  }
-                />
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Analytics>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Analytics Component snapshot testing should render the component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Analytics>
-        <Skeleton
-          avatar={false}
-          paragraph={true}
-          title={true}
-        >
-          <div
-            className="ant-skeleton"
-          >
-            <div
-              className="ant-skeleton-content"
-            >
-              <Title
-                prefixCls="ant-skeleton-title"
-                width="38%"
-              >
-                <h3
-                  className="ant-skeleton-title"
-                  style={
-                    Object {
-                      "width": "38%",
-                    }
-                  }
-                />
-              </Title>
-              <Paragraph
-                prefixCls="ant-skeleton-paragraph"
-                rows={3}
-                width="61%"
-              >
-                <ul
-                  className="ant-skeleton-paragraph"
-                >
-                  <li
-                    key="0"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="1"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="2"
-                    style={
-                      Object {
-                        "width": "61%",
-                      }
-                    }
-                  />
-                </ul>
-              </Paragraph>
-            </div>
-          </div>
-        </Skeleton>
-      </Analytics>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/analytics/index.js b/studio/src/pages/analytics/index.js
deleted file mode 100644
index f10c6f256..000000000
--- a/studio/src/pages/analytics/index.js
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import { Result, Skeleton, Space } from 'antd';
-import { useSelector } from 'react-redux';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-function Analytics() {
-  const { space, loading } = useSelector(({ spaces }) => {
-    return {
-      space: spaces.details[spaces.selected],
-      loading: spaces.loading,
-    };
-  });
-
-  if (loading) return <Skeleton />;
-  if (!space)
-    return <RecordNotFound title={'No space found.'} link="/spaces/create" entity={'Space'} />;
-
-  return (
-    <Space direction="vertical">
-      <Helmet title={'Analytics'} />
-      {space.analytics && space.analytics.plausible && space.analytics.plausible.embed_code ? (
-        <div dangerouslySetInnerHTML={{ __html: space.analytics.plausible.embed_code }} />
-      ) : (
-        <Result title="No analytics found" />
-      )}
-    </Space>
-  );
-}
-
-export default Analytics;
diff --git a/studio/src/pages/analytics/index.test.js b/studio/src/pages/analytics/index.test.js
deleted file mode 100644
index 496e48fe3..000000000
--- a/studio/src/pages/analytics/index.test.js
+++ /dev/null
@@ -1,125 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Analytics from './index';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-let state = {
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: {
-        id: 11,
-        name: 'Space 11',
-        analytics: {
-          plausible: {
-            domain: 'domain',
-            embed_code: 'embed-code',
-            server_url: 'url',
-          },
-        },
-      },
-    },
-    loading: false,
-    selected: 11,
-  },
-};
-
-describe('Analytics Component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({});
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Analytics />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component when loading', () => {
-      const state2 = { ...state };
-      state2.spaces.loading = true;
-      const store2 = mockStore(state2);
-      const tree = mount(
-        <Provider store={store2}>
-          <Router>
-            <Analytics />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-
-  it('should render the component when no embed_code found', () => {
-    const state2 = { ...state };
-    state2.spaces = {
-      orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-      details: {
-        11: {
-          id: 11,
-          name: 'Space 11',
-          analytics: {
-            plausible: {
-              domain: 'domain',
-              server_url: 'url',
-            },
-          },
-        },
-      },
-      loading: false,
-      selected: 11,
-    };
-    const store2 = mockStore(state2);
-    const tree = mount(
-      <Provider store={store2}>
-        <Router>
-          <Analytics />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render the recordNotFound component when no space found', () => {
-    const state2 = { ...state };
-    state2.spaces = {
-      orgs: [{ id: 1, organazation: 'Organization 1', spaces: [] }],
-      details: {},
-      loading: false,
-      selected: 0,
-    };
-    const store2 = mockStore(state2);
-    const tree = mount(
-      <Provider store={store2}>
-        <Router>
-          <Analytics />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-});
diff --git a/studio/src/pages/analytics/index.tsx b/studio/src/pages/analytics/index.tsx
new file mode 100644
index 000000000..4be3b9cf5
--- /dev/null
+++ b/studio/src/pages/analytics/index.tsx
@@ -0,0 +1,87 @@
+import { useSelector } from "react-redux";
+import { Helmet } from "react-helmet";
+import { Loader } from "lucide-react";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { RootState } from "./types";
+
+function Analytics(): React.ReactElement {
+  const { space, loading } = useSelector(({ spaces }: RootState) => {
+    return {
+      space: spaces.details[spaces.selected],
+      loading: spaces.loading,
+    };
+  });
+
+  const isMobile = useIsMobile();
+
+  if (loading) {
+    return (
+      <div className="flex flex-col h-full relative">
+        <Helmet title={"Analytics"} />
+        {isMobile && (
+          <MobileBreadcrumb currentPage="Analytics" parentLabel="Home" />
+        )}
+        <div className="flex-1 flex items-center justify-center">
+          <Loader className="relative inset-auto" />
+        </div>
+      </div>
+    );
+  }
+
+  if (!space) {
+    return (
+      <RecordNotFound
+        status="Info"
+        title="No space found"
+        entity="Space"
+        link="/spaces/create"
+      />
+    );
+  }
+
+  return (
+    <>
+      <Helmet title={"Analytics"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="Analytics" parentLabel="Dashboard" />
+      )}
+
+      <div className={`${isMobile ? "" : "p-6"}`}>
+        <div
+          className="container mx-auto"
+          style={{
+            maxWidth: isMobile ? "100%" : "1200px",
+          }}
+        >
+          {isMobile && (
+            <h1 className="text-xl font-semibold mb-4">Analytics</h1>
+          )}
+
+          <div className={`space-y-4 ${isMobile ? "px-4" : ""}`}>
+            {space.analytics?.plausible?.embed_code ? (
+              <div
+                className={`${isMobile ? "overflow-x-auto" : ""}`}
+                dangerouslySetInnerHTML={{
+                  __html: space.analytics.plausible.embed_code,
+                }}
+              />
+            ) : (
+              <RecordNotFound
+                status="Info"
+                title="No analytics found for this space."
+                entity="Analytics"
+                link="/settings/website/analytics"
+              />
+            )}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default Analytics;
diff --git a/studio/src/pages/analytics/types.ts b/studio/src/pages/analytics/types.ts
new file mode 100644
index 000000000..52b27a11f
--- /dev/null
+++ b/studio/src/pages/analytics/types.ts
@@ -0,0 +1,18 @@
+// Types for analytics state and props
+export interface Space {
+  analytics?: {
+    plausible?: {
+      embed_code?: string;
+    };
+  };
+}
+
+export interface SpacesState {
+  details: Record<string, Space>;
+  selected: string;
+  loading: boolean;
+}
+
+export interface RootState {
+  spaces: SpacesState;
+}
diff --git a/studio/src/pages/categories/CreateCategory.js b/studio/src/pages/categories/CreateCategory.js
deleted file mode 100644
index a3b28ec8a..000000000
--- a/studio/src/pages/categories/CreateCategory.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import CategoryCreateForm from './components/CategoryForm';
-import { useDispatch } from 'react-redux';
-import { createCategory } from '../../actions/categories';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-function CreateCategory() {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(createCategory(values)).then(() => history('/categories'));
-  };
-  return (
-    <>
-      <Helmet title={'Create Category'} />
-      <CategoryCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-
-export default CreateCategory;
diff --git a/studio/src/pages/categories/CreateCategory.test.js b/studio/src/pages/categories/CreateCategory.test.js
deleted file mode 100644
index b75523398..000000000
--- a/studio/src/pages/categories/CreateCategory.test.js
+++ /dev/null
@@ -1,95 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, render } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreateCategory from './CreateCategory';
-import * as actions from '../../actions/categories';
-import CategoryCreateForm from './components/CategoryForm';
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('@editorjs/editorjs');
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/categories', () => ({
-  getCategories: jest.fn(),
-  createCategory: jest.fn(),
-}));
-
-describe('Categories create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    categories: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [],
-      details: { 1: { site_address: '' } },
-      loading: true,
-      selected: 1,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CreateCategory />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createCategory', (done) => {
-      actions.createCategory.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreateCategory />
-          </Provider>,
-        );
-      });
-      wrapper.find(CategoryCreateForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.createCategory).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/categories');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/categories/CreateCategory.tsx b/studio/src/pages/categories/CreateCategory.tsx
new file mode 100644
index 000000000..c174f6512
--- /dev/null
+++ b/studio/src/pages/categories/CreateCategory.tsx
@@ -0,0 +1,30 @@
+import { FC } from "react";
+import CategoryForm from "./components/CategoryForm";
+import { createCategory } from "../../actions/categories";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { CategoryFormValues } from "./types";
+
+const CreateCategory: FC = () => {
+  const navigate = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onCreate = (values: CategoryFormValues) => {
+    // Use Promise.resolve to handle the dispatch result consistently
+    Promise.resolve(dispatch(createCategory(values))).then(() => {
+      navigate("/categories");
+    }).catch((error) => {
+      console.error("Error creating category:", error);
+    });
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Category"} />
+      <CategoryForm onCreate={onCreate} />
+    </>
+  );
+};
+
+export default CreateCategory;
diff --git a/studio/src/pages/categories/EditCategory.js b/studio/src/pages/categories/EditCategory.js
deleted file mode 100644
index 37a41d226..000000000
--- a/studio/src/pages/categories/EditCategory.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import CategoryEditForm from './components/CategoryForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { updateCategory, getCategory } from '../../actions/categories';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import { Skeleton } from 'antd';
-import useNavigation from '../../utils/useNavigation';
-function EditCategory() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-
-  const { category, loading } = useSelector((state) => {
-    return {
-      category: state.categories.details[id] ? state.categories.details[id] : null,
-      loading: state.categories.loading,
-    };
-  });
-  React.useEffect(() => {
-    dispatch(getCategory(id));
-  }, [dispatch, id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!category) {
-    return <RecordNotFound />;
-  }
-  const onUpdate = (values) => {
-    dispatch(updateCategory({ ...category, ...values })).then(() => {
-      history(`/categories/${id}/edit`);
-    });
-  };
-
-  return (
-    <>
-      <Helmet title={`${category?.name} - Edit Category`} />
-      <CategoryEditForm data={category} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditCategory;
diff --git a/studio/src/pages/categories/EditCategory.test.js b/studio/src/pages/categories/EditCategory.test.js
deleted file mode 100644
index 77bb1c899..000000000
--- a/studio/src/pages/categories/EditCategory.test.js
+++ /dev/null
@@ -1,301 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditCategory from './EditCategory';
-import * as actions from '../../actions/categories';
-import CategoryEditForm from './components/CategoryForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('@editorjs/editorjs');
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/categories', () => ({
-  getCategories: jest.fn(),
-  addCategory: jest.fn(),
-  getCategory: jest.fn(),
-  updateCategory: jest.fn(),
-}));
-
-describe('Categories Edit component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore({
-    categories: {
-      req: [
-        {
-          data: [1, 2],
-          query: {
-            page: 1,
-          },
-          total: 2,
-        },
-      ],
-      details: {
-        '1': {
-          id: 1,
-          created_at: '2020-07-17T10:14:44.251814Z',
-          updated_at: '2020-07-17T10:14:44.251814Z',
-          deleted_at: null,
-          name: 'category-1',
-          slug: 'category-1',
-          description: '',
-          parent_id: 0,
-          medium_id: 0,
-          space_id: 1,
-        },
-        '2': {
-          id: 2,
-          created_at: '2020-07-17T10:14:48.173442Z',
-          updated_at: '2020-07-17T10:14:48.173442Z',
-          deleted_at: null,
-          name: 'category-2',
-          slug: 'category-2',
-          description: '',
-          parent_id: 0,
-          medium_id: 0,
-          space_id: 1,
-        },
-      },
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [{ id: 1, title: 'Org 1', spaces: [10] }],
-      details: {
-        10: {
-          id: 10,
-          name: 'Space 10',
-          organisation_id: 1,
-          site_address: '',
-        },
-      },
-      loading: true,
-      selected: 10,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <EditCategory />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      store = mockStore({
-        categories: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditCategory />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    // it('should match skeleton while loading', () => {
-    //   store = mockStore({
-    //     categories: {
-    //       req: [],
-    //       details: {},
-    //       loading: true,
-    //     },
-    //   });
-    //   const tree = mount(
-    //     <Provider store={store}>
-    //       <EditCategory />
-    //     </Provider>,
-    //   );
-    //   expect(tree).toMatchSnapshot();
-    // });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        categories: {
-          req: [
-            {
-              data: [1, 2],
-              query: {
-                page: 1,
-              },
-              total: 2,
-            },
-          ],
-          details: {
-            '1': {
-              id: 1,
-              created_at: '2020-07-17T10:14:44.251814Z',
-              updated_at: '2020-07-17T10:14:44.251814Z',
-              deleted_at: null,
-              name: 'category-1',
-              slug: 'category-1',
-              description: '',
-              parent_id: 0,
-              medium_id: 0,
-              space_id: 1,
-            },
-            '2': {
-              id: 2,
-              created_at: '2020-07-17T10:14:48.173442Z',
-              updated_at: '2020-07-17T10:14:48.173442Z',
-              deleted_at: null,
-              name: 'category-2',
-              slug: 'category-2',
-              description: '',
-              parent_id: 0,
-              medium_id: 0,
-              space_id: 1,
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getCategory.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditCategory />
-          </Provider>,
-        );
-      });
-      expect(actions.getCategory).toHaveBeenCalledWith('1');
-    });
-    it('should display RecordNotFound when category not found', () => {
-      let store2 = mockStore({
-        categories: {
-          req: [
-            {
-              data: [2],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            '2': {
-              id: 2,
-              created_at: '2020-07-17T10:14:48.173442Z',
-              updated_at: '2020-07-17T10:14:48.173442Z',
-              deleted_at: null,
-              name: 'category-2',
-              slug: 'category-2',
-              description: '',
-              parent_id: 0,
-              medium_id: 0,
-              space_id: 1,
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [],
-          details: { 1: { site_address: '' } },
-          loading: true,
-          selected: 1,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      actions.getCategories.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <EditCategory />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-    });
-    it('should call updateCategory', (done) => {
-      actions.updateCategory.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditCategory />
-          </Provider>,
-        );
-      });
-      wrapper.find(CategoryEditForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.updateCategory).toHaveBeenCalledWith({
-          id: 1,
-          created_at: '2020-07-17T10:14:44.251814Z',
-          updated_at: '2020-07-17T10:14:44.251814Z',
-          deleted_at: null,
-          name: 'category-1',
-          slug: 'category-1',
-          description: '',
-          parent_id: 0,
-          medium_id: 0,
-          space_id: 1,
-          test: 'test',
-        });
-        expect(push).toHaveBeenCalledWith('/categories/1/edit');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/categories/EditCategory.tsx b/studio/src/pages/categories/EditCategory.tsx
new file mode 100644
index 000000000..8d804b812
--- /dev/null
+++ b/studio/src/pages/categories/EditCategory.tsx
@@ -0,0 +1,97 @@
+import { useEffect, useRef } from "react";
+import CategoryForm from "./components/CategoryForm";
+import { useSelector } from "react-redux";
+import { updateCategory, getCategory } from "../../actions/categories";
+import { useParams, useNavigate } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { CategoryFormValues, Category } from "./types";
+
+// Define RootState interface
+interface RootState {
+  categories: {
+    details: {
+      [id: string]: Category | null;
+    };
+    loading: boolean;
+  };
+}
+
+function EditCategory(): React.ReactElement {
+  const navigate = useNavigate();
+  const { id } = useParams<{ id: string }>();
+  const dispatch = useAppDispatch();
+  // Add a ref to track if we've already fetched this category
+  const fetchedRef = useRef<string | null>(null);
+
+  const { category, loading } = useSelector((state: RootState) => {
+    return {
+      category:
+        id && state.categories.details[id]
+          ? state.categories.details[id]
+          : null,
+      loading: state.categories.loading,
+    };
+  });
+
+  useEffect(() => {
+    // Only fetch if we have an ID and haven't already fetched this specific ID
+    if (id && fetchedRef.current !== id) {
+      dispatch(getCategory(id));
+      // Update our ref to remember we've fetched this ID
+      fetchedRef.current = id;
+    }
+  }, [id, dispatch]);
+
+  // Show loading state while fetching category data
+  if (loading && !category) {
+    return (
+      <div className="flex flex-col items-center justify-center p-6">
+        <Skeleton className="h-12 w-full" />
+        <Skeleton className="h-12 w-full mt-4" />
+        <Skeleton className="h-12 w-full mt-4" />
+      </div>
+    );
+  }
+
+  if (!category) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: CategoryFormValues) => {
+    if (id) {
+      const updatedValues = {
+        ...category,
+        ...values,
+        id: id, // Ensure we're using the string id from the URL params
+      };
+
+      const result = dispatch(updateCategory(updatedValues));
+
+      if (result && typeof result.then === "function") {
+        result
+          .then(() => {
+            // Navigate back to the categories list
+            navigate("/categories");
+          })
+          .catch((error) => {
+            console.error("Error updating category:", error);
+          });
+      } else {
+        // If it's not a Promise, navigate directly back
+        navigate("/categories");
+      }
+    }
+  };
+
+  return (
+    <>
+      <Helmet title={`${category?.name || "Edit"} - Category`} />
+      <CategoryForm data={category} onCreate={onUpdate} />
+    </>
+  );
+}
+
+export default EditCategory;
diff --git a/studio/src/pages/categories/__snapshots__/CreateCategory.test.js.snap b/studio/src/pages/categories/__snapshots__/CreateCategory.test.js.snap
deleted file mode 100644
index 76f8a1ace..000000000
--- a/studio/src/pages/categories/__snapshots__/CreateCategory.test.js.snap
+++ /dev/null
@@ -1,3313 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Categories create component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateCategory>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Category"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Category"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Category"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <CategoryForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-category",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        layout="vertical"
-        name="create-category"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-category",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-category"
-            initialValues={Object {}}
-            name="create-category"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="create-category"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <Row
-                justify="center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-row-center"
-                  style={
-                    Object {
-                      "margin": "0 auto",
-                      "maxWidth": "1200px",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="end"
-                      >
-                        <div
-                          className="ant-row ant-row-end"
-                          style={
-                            Object {
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <FormItem>
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  prefixCls="ant-form"
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  validateStatus=""
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Space>
-                                            <div
-                                              className="ant-space ant-space-horizontal ant-space-align-center"
-                                              style={Object {}}
-                                            >
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={0}
-                                                key="ant-space-item-0"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={
-                                                    Object {
-                                                      "marginRight": 8,
-                                                    }
-                                                  }
-                                                >
-                                                  <Button
-                                                    htmlType="button"
-                                                    onClick={[Function]}
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn"
-                                                        onClick={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Reset
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={1}
-                                                key="ant-space-item-1"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={Object {}}
-                                                >
-                                                  <Button
-                                                    disabled={true}
-                                                    htmlType="submit"
-                                                    type="primary"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-primary"
-                                                        disabled={true}
-                                                        onClick={[Function]}
-                                                        type="submit"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Submit
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                            </div>
-                                          </Space>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </FormItem>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-row-space-around"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginBottom": "1rem",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                              "padding": "1.25rem",
-                            }
-                          }
-                        >
-                          <Col
-                            span={12}
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <TitleInput
-                                label="Category Name"
-                                name="name"
-                                onChange={[Function]}
-                              >
-                                <FormItem
-                                  label="Category Name"
-                                  name="name"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Category Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Category Name",
-                                      }
-                                    }
-                                    name="name"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-category",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_name"
-                                      label="Category Name"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Category Name",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please enter name!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Name must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-category_name"
-                                            label="Category Name"
-                                            name="name"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="create-category_name"
-                                                  title="Category Name"
-                                                >
-                                                  Category Name
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Category Name"
-                                            name={
-                                              Array [
-                                                "name",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="create-category_name"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="create-category_name"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="create-category_name"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-category_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </TitleInput>
-                              <Row
-                                gutter={40}
-                              >
-                                <div
-                                  className="ant-row"
-                                  style={
-                                    Object {
-                                      "marginLeft": -20,
-                                      "marginRight": -20,
-                                    }
-                                  }
-                                >
-                                  <Col
-                                    md={
-                                      Object {
-                                        "span": 16,
-                                      }
-                                    }
-                                  >
-                                    <div
-                                      className="ant-col ant-col-md-16"
-                                      style={
-                                        Object {
-                                          "paddingLeft": 20,
-                                          "paddingRight": 20,
-                                        }
-                                      }
-                                    >
-                                      <FormItem
-                                        label="Parent Category"
-                                        name="parent_id"
-                                      >
-                                        <WrapperField
-                                          label="Parent Category"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Parent Category",
-                                            }
-                                          }
-                                          name="parent_id"
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                        >
-                                          <Field
-                                            fieldContext={
-                                              Object {
-                                                "__INTERNAL__": Object {
-                                                  "itemRef": [Function],
-                                                  "name": "create-category",
-                                                },
-                                                "getFieldError": [Function],
-                                                "getFieldInstance": [Function],
-                                                "getFieldValue": [Function],
-                                                "getFieldsError": [Function],
-                                                "getFieldsValue": [Function],
-                                                "getInternalHooks": [Function],
-                                                "isFieldTouched": [Function],
-                                                "isFieldValidating": [Function],
-                                                "isFieldsTouched": [Function],
-                                                "isFieldsValidating": [Function],
-                                                "resetFields": [Function],
-                                                "scrollToField": [Function],
-                                                "setFields": [Function],
-                                                "setFieldsValue": [Function],
-                                                "submit": [Function],
-                                                "validateFields": [Function],
-                                                "validateTrigger": "onChange",
-                                              }
-                                            }
-                                            key="_parent_id"
-                                            label="Parent Category"
-                                            messageVariables={
-                                              Object {
-                                                "label": "Parent Category",
-                                              }
-                                            }
-                                            name={
-                                              Array [
-                                                "parent_id",
-                                              ]
-                                            }
-                                            onReset={[Function]}
-                                            trigger="onChange"
-                                            validateTrigger="onChange"
-                                            valuePropName="value"
-                                          >
-                                            <Row
-                                              className="ant-form-item"
-                                              key="row"
-                                            >
-                                              <div
-                                                className="ant-row ant-form-item"
-                                                style={Object {}}
-                                              >
-                                                <FormItemLabel
-                                                  htmlFor="create-category_parent_id"
-                                                  label="Parent Category"
-                                                  name="parent_id"
-                                                  prefixCls="ant-form"
-                                                  required={false}
-                                                  requiredMark={true}
-                                                >
-                                                  <Col
-                                                    className="ant-form-item-label"
-                                                  >
-                                                    <div
-                                                      className="ant-col ant-form-item-label"
-                                                      style={Object {}}
-                                                    >
-                                                      <label
-                                                        className=""
-                                                        htmlFor="create-category_parent_id"
-                                                        title="Parent Category"
-                                                      >
-                                                        Parent Category
-                                                      </label>
-                                                    </div>
-                                                  </Col>
-                                                </FormItemLabel>
-                                                <FormItemInput
-                                                  errors={Array []}
-                                                  label="Parent Category"
-                                                  name={
-                                                    Array [
-                                                      "parent_id",
-                                                    ]
-                                                  }
-                                                  onDomErrorVisibleChange={[Function]}
-                                                  prefixCls="ant-form"
-                                                  status=""
-                                                  touched={false}
-                                                  validateStatus=""
-                                                  validating={false}
-                                                >
-                                                  <Col
-                                                    className="ant-form-item-control"
-                                                  >
-                                                    <div
-                                                      className="ant-col ant-form-item-control"
-                                                      style={Object {}}
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input"
-                                                      >
-                                                        <div
-                                                          className="ant-form-item-control-input-content"
-                                                        >
-                                                          <Component
-                                                            update={1}
-                                                          >
-                                                            <Selector
-                                                              action="Categories"
-                                                              id="create-category_parent_id"
-                                                              invalidOptions={
-                                                                Array [
-                                                                  undefined,
-                                                                ]
-                                                              }
-                                                              onChange={[Function]}
-                                                              setLoading={true}
-                                                            >
-                                                              <ForwardRef(InternalSelect)
-                                                                allowClear={true}
-                                                                autoClearSearchValue={true}
-                                                                bordered={true}
-                                                                defaultValue={
-                                                                  Array [
-                                                                    Array [],
-                                                                  ]
-                                                                }
-                                                                filterOption={[Function]}
-                                                                getPopupContainer={[Function]}
-                                                                listHeight={128}
-                                                                loading={true}
-                                                                notFoundContent={null}
-                                                                onChange={[Function]}
-                                                                onPopupScroll={[Function]}
-                                                                onSearch={[Function]}
-                                                                placeholder="Select categories"
-                                                                searchValue=""
-                                                                value={
-                                                                  Array [
-                                                                    Array [],
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Select
-                                                                  allowClear={true}
-                                                                  autoClearSearchValue={true}
-                                                                  className=""
-                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                  defaultValue={
-                                                                    Array [
-                                                                      Array [],
-                                                                    ]
-                                                                  }
-                                                                  dropdownClassName=""
-                                                                  filterOption={[Function]}
-                                                                  getPopupContainer={[Function]}
-                                                                  inputIcon={
-                                                                    <ForwardRef(LoadingOutlined)
-                                                                      spin={true}
-                                                                    />
-                                                                  }
-                                                                  listHeight={128}
-                                                                  listItemHeight={24}
-                                                                  loading={true}
-                                                                  menuItemSelectedIcon={null}
-                                                                  notFoundContent={null}
-                                                                  onChange={[Function]}
-                                                                  onPopupScroll={[Function]}
-                                                                  onSearch={[Function]}
-                                                                  placeholder="Select categories"
-                                                                  prefixCls="ant-select"
-                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                  searchValue=""
-                                                                  transitionName="ant-slide-up"
-                                                                  value={
-                                                                    Array [
-                                                                      Array [],
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <ForwardRef(Select)
-                                                                    allowClear={true}
-                                                                    autoClearSearchValue={true}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue={
-                                                                      Array [
-                                                                        Array [],
-                                                                      ]
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    filterOption={[Function]}
-                                                                    getPopupContainer={[Function]}
-                                                                    inputIcon={
-                                                                      <ForwardRef(LoadingOutlined)
-                                                                        spin={true}
-                                                                      />
-                                                                    }
-                                                                    listHeight={128}
-                                                                    listItemHeight={24}
-                                                                    loading={true}
-                                                                    menuItemSelectedIcon={null}
-                                                                    notFoundContent={null}
-                                                                    onChange={[Function]}
-                                                                    onPopupScroll={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    placeholder="Select categories"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    transitionName="ant-slide-up"
-                                                                    value={
-                                                                      Array [
-                                                                        Array [],
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow ant-select-loading"
-                                                                      onBlur={[Function]}
-                                                                      onFocus={[Function]}
-                                                                      onKeyDown={[Function]}
-                                                                      onKeyUp={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SelectTrigger
-                                                                        containerWidth={null}
-                                                                        dropdownClassName=""
-                                                                        empty={true}
-                                                                        getPopupContainer={[Function]}
-                                                                        getTriggerDOMNode={[Function]}
-                                                                        popupElement={
-                                                                          <ForwardRef(OptionList)
-                                                                            childrenAsData={true}
-                                                                            defaultActiveFirstOption={true}
-                                                                            flattenOptions={Array []}
-                                                                            height={128}
-                                                                            id="rc_select_TEST_OR_SSR"
-                                                                            itemHeight={24}
-                                                                            menuItemSelectedIcon={null}
-                                                                            multiple={false}
-                                                                            notFoundContent={null}
-                                                                            onActiveValue={[Function]}
-                                                                            onMouseEnter={[Function]}
-                                                                            onScroll={[Function]}
-                                                                            onSelect={[Function]}
-                                                                            onToggleOpen={[Function]}
-                                                                            options={Array []}
-                                                                            prefixCls="ant-select"
-                                                                            searchValue=""
-                                                                            values={
-                                                                              Set {
-                                                                                Array [],
-                                                                              }
-                                                                            }
-                                                                            virtual={true}
-                                                                          />
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        transitionName="ant-slide-up"
-                                                                        visible={false}
-                                                                      >
-                                                                        <Trigger
-                                                                          action={Array []}
-                                                                          afterPopupVisibleChange={[Function]}
-                                                                          autoDestroy={false}
-                                                                          blurDelay={0.15}
-                                                                          builtinPlacements={
-                                                                            Object {
-                                                                              "bottomLeft": Object {
-                                                                                "offset": Array [
-                                                                                  0,
-                                                                                  4,
-                                                                                ],
-                                                                                "overflow": Object {
-                                                                                  "adjustX": 0,
-                                                                                  "adjustY": 1,
-                                                                                },
-                                                                                "points": Array [
-                                                                                  "tl",
-                                                                                  "bl",
-                                                                                ],
-                                                                              },
-                                                                              "bottomRight": Object {
-                                                                                "offset": Array [
-                                                                                  0,
-                                                                                  4,
-                                                                                ],
-                                                                                "overflow": Object {
-                                                                                  "adjustX": 0,
-                                                                                  "adjustY": 1,
-                                                                                },
-                                                                                "points": Array [
-                                                                                  "tr",
-                                                                                  "br",
-                                                                                ],
-                                                                              },
-                                                                              "topLeft": Object {
-                                                                                "offset": Array [
-                                                                                  0,
-                                                                                  -4,
-                                                                                ],
-                                                                                "overflow": Object {
-                                                                                  "adjustX": 0,
-                                                                                  "adjustY": 1,
-                                                                                },
-                                                                                "points": Array [
-                                                                                  "bl",
-                                                                                  "tl",
-                                                                                ],
-                                                                              },
-                                                                              "topRight": Object {
-                                                                                "offset": Array [
-                                                                                  0,
-                                                                                  -4,
-                                                                                ],
-                                                                                "overflow": Object {
-                                                                                  "adjustX": 0,
-                                                                                  "adjustY": 1,
-                                                                                },
-                                                                                "points": Array [
-                                                                                  "br",
-                                                                                  "tr",
-                                                                                ],
-                                                                              },
-                                                                            }
-                                                                          }
-                                                                          defaultPopupVisible={false}
-                                                                          destroyPopupOnHide={false}
-                                                                          focusDelay={0}
-                                                                          getDocument={[Function]}
-                                                                          getPopupClassNameFromAlign={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          getTriggerDOMNode={[Function]}
-                                                                          hideAction={Array []}
-                                                                          mask={false}
-                                                                          maskClosable={true}
-                                                                          mouseEnterDelay={0}
-                                                                          mouseLeaveDelay={0.1}
-                                                                          onPopupAlign={[Function]}
-                                                                          onPopupVisibleChange={[Function]}
-                                                                          popup={
-                                                                            <div>
-                                                                              <ForwardRef(OptionList)
-                                                                                childrenAsData={true}
-                                                                                defaultActiveFirstOption={true}
-                                                                                flattenOptions={Array []}
-                                                                                height={128}
-                                                                                id="rc_select_TEST_OR_SSR"
-                                                                                itemHeight={24}
-                                                                                menuItemSelectedIcon={null}
-                                                                                multiple={false}
-                                                                                notFoundContent={null}
-                                                                                onActiveValue={[Function]}
-                                                                                onMouseEnter={[Function]}
-                                                                                onScroll={[Function]}
-                                                                                onSelect={[Function]}
-                                                                                onToggleOpen={[Function]}
-                                                                                options={Array []}
-                                                                                prefixCls="ant-select"
-                                                                                searchValue=""
-                                                                                values={
-                                                                                  Set {
-                                                                                    Array [],
-                                                                                  }
-                                                                                }
-                                                                                virtual={true}
-                                                                              />
-                                                                            </div>
-                                                                          }
-                                                                          popupAlign={Object {}}
-                                                                          popupClassName="ant-select-dropdown-empty"
-                                                                          popupPlacement="bottomLeft"
-                                                                          popupStyle={
-                                                                            Object {
-                                                                              "minWidth": null,
-                                                                              "width": null,
-                                                                            }
-                                                                          }
-                                                                          popupTransitionName="ant-slide-up"
-                                                                          popupVisible={false}
-                                                                          prefixCls="ant-select-dropdown"
-                                                                          showAction={Array []}
-                                                                        >
-                                                                          <Selector
-                                                                            accessibilityIndex={0}
-                                                                            activeValue={null}
-                                                                            allowClear={true}
-                                                                            autoClearSearchValue={true}
-                                                                            className=""
-                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                            defaultValue={
-                                                                              Array [
-                                                                                Array [],
-                                                                              ]
-                                                                            }
-                                                                            domRef={
-                                                                              Object {
-                                                                                "current": <div
-                                                                                  class="ant-select-selector"
-                                                                                >
-                                                                                  <span
-                                                                                    class="ant-select-selection-search"
-                                                                                  >
-                                                                                    <input
-                                                                                      aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                      aria-autocomplete="list"
-                                                                                      aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                      aria-haspopup="listbox"
-                                                                                      aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                      autocomplete="off"
-                                                                                      class="ant-select-selection-search-input"
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      readonly=""
-                                                                                      role="combobox"
-                                                                                      style="opacity: 0;"
-                                                                                      type="search"
-                                                                                      unselectable="on"
-                                                                                      value=""
-                                                                                    />
-                                                                                  </span>
-                                                                                  <span
-                                                                                    class="ant-select-selection-item"
-                                                                                  />
-                                                                                </div>,
-                                                                              }
-                                                                            }
-                                                                            dropdownClassName=""
-                                                                            filterOption={[Function]}
-                                                                            getPopupContainer={[Function]}
-                                                                            id="rc_select_TEST_OR_SSR"
-                                                                            inputElement={null}
-                                                                            inputIcon={
-                                                                              <ForwardRef(LoadingOutlined)
-                                                                                spin={true}
-                                                                              />
-                                                                            }
-                                                                            key="trigger"
-                                                                            listHeight={128}
-                                                                            listItemHeight={24}
-                                                                            loading={true}
-                                                                            menuItemSelectedIcon={null}
-                                                                            multiple={false}
-                                                                            notFoundContent={null}
-                                                                            onChange={[Function]}
-                                                                            onPopupScroll={[Function]}
-                                                                            onSearch={[Function]}
-                                                                            onSearchSubmit={[Function]}
-                                                                            onSelect={[Function]}
-                                                                            onToggleOpen={[Function]}
-                                                                            placeholder="Select categories"
-                                                                            prefixCls="ant-select"
-                                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                            searchValue=""
-                                                                            showSearch={false}
-                                                                            tokenWithEnter={false}
-                                                                            transitionName="ant-slide-up"
-                                                                            value={
-                                                                              Array [
-                                                                                Array [],
-                                                                              ]
-                                                                            }
-                                                                            values={
-                                                                              Array [
-                                                                                Object {
-                                                                                  "disabled": undefined,
-                                                                                  "isCacheable": true,
-                                                                                  "key": Array [],
-                                                                                  "label": Array [],
-                                                                                  "value": Array [],
-                                                                                },
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <div
-                                                                              className="ant-select-selector"
-                                                                              onClick={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                            >
-                                                                              <SingleSelector
-                                                                                accessibilityIndex={0}
-                                                                                activeValue={null}
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    Array [],
-                                                                                  ]
-                                                                                }
-                                                                                domRef={
-                                                                                  Object {
-                                                                                    "current": <div
-                                                                                      class="ant-select-selector"
-                                                                                    >
-                                                                                      <span
-                                                                                        class="ant-select-selection-search"
-                                                                                      >
-                                                                                        <input
-                                                                                          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                          aria-autocomplete="list"
-                                                                                          aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                          aria-haspopup="listbox"
-                                                                                          aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                          autocomplete="off"
-                                                                                          class="ant-select-selection-search-input"
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          readonly=""
-                                                                                          role="combobox"
-                                                                                          style="opacity: 0;"
-                                                                                          type="search"
-                                                                                          unselectable="on"
-                                                                                          value=""
-                                                                                        />
-                                                                                      </span>
-                                                                                      <span
-                                                                                        class="ant-select-selection-item"
-                                                                                      />
-                                                                                    </div>,
-                                                                                  }
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                id="rc_select_TEST_OR_SSR"
-                                                                                inputElement={null}
-                                                                                inputIcon={
-                                                                                  <ForwardRef(LoadingOutlined)
-                                                                                    spin={true}
-                                                                                  />
-                                                                                }
-                                                                                inputRef={
-                                                                                  Object {
-                                                                                    "current": <input
-                                                                                      aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                      aria-autocomplete="list"
-                                                                                      aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                      aria-haspopup="listbox"
-                                                                                      aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                      autocomplete="off"
-                                                                                      class="ant-select-selection-search-input"
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      readonly=""
-                                                                                      role="combobox"
-                                                                                      style="opacity: 0;"
-                                                                                      type="search"
-                                                                                      unselectable="on"
-                                                                                      value=""
-                                                                                    />,
-                                                                                  }
-                                                                                }
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={true}
-                                                                                menuItemSelectedIcon={null}
-                                                                                multiple={false}
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onInputChange={[Function]}
-                                                                                onInputCompositionEnd={[Function]}
-                                                                                onInputCompositionStart={[Function]}
-                                                                                onInputKeyDown={[Function]}
-                                                                                onInputMouseDown={[Function]}
-                                                                                onInputPaste={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                onSearchSubmit={[Function]}
-                                                                                onSelect={[Function]}
-                                                                                onToggleOpen={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                showSearch={false}
-                                                                                tokenWithEnter={false}
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    Array [],
-                                                                                  ]
-                                                                                }
-                                                                                values={
-                                                                                  Array [
-                                                                                    Object {
-                                                                                      "disabled": undefined,
-                                                                                      "isCacheable": true,
-                                                                                      "key": Array [],
-                                                                                      "label": Array [],
-                                                                                      "value": Array [],
-                                                                                    },
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  className="ant-select-selection-search"
-                                                                                >
-                                                                                  <Input
-                                                                                    accessibilityIndex={0}
-                                                                                    attrs={Object {}}
-                                                                                    editable={false}
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    inputElement={null}
-                                                                                    onChange={[Function]}
-                                                                                    onCompositionEnd={[Function]}
-                                                                                    onCompositionStart={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                    onPaste={[Function]}
-                                                                                    prefixCls="ant-select"
-                                                                                    value=""
-                                                                                  >
-                                                                                    <input
-                                                                                      aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                      aria-autocomplete="list"
-                                                                                      aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                      aria-haspopup="listbox"
-                                                                                      aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                      autoComplete="off"
-                                                                                      className="ant-select-selection-search-input"
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                      onPaste={[Function]}
-                                                                                      readOnly={true}
-                                                                                      role="combobox"
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "opacity": 0,
-                                                                                        }
-                                                                                      }
-                                                                                      type="search"
-                                                                                      unselectable="on"
-                                                                                      value=""
-                                                                                    />
-                                                                                  </Input>
-                                                                                </span>
-                                                                                <span
-                                                                                  className="ant-select-selection-item"
-                                                                                />
-                                                                              </SingleSelector>
-                                                                            </div>
-                                                                          </Selector>
-                                                                        </Trigger>
-                                                                      </SelectTrigger>
-                                                                      <TransBtn
-                                                                        className="ant-select-arrow ant-select-arrow-loading"
-                                                                        customizeIcon={
-                                                                          <ForwardRef(LoadingOutlined)
-                                                                            spin={true}
-                                                                          />
-                                                                        }
-                                                                        customizeIconProps={
-                                                                          Object {
-                                                                            "focused": false,
-                                                                            "loading": true,
-                                                                            "open": undefined,
-                                                                            "searchValue": "",
-                                                                            "showSearch": false,
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          aria-hidden={true}
-                                                                          className="ant-select-arrow ant-select-arrow-loading"
-                                                                          onMouseDown={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "WebkitUserSelect": "none",
-                                                                              "userSelect": "none",
-                                                                            }
-                                                                          }
-                                                                          unselectable="on"
-                                                                        >
-                                                                          <ForwardRef(LoadingOutlined)
-                                                                            spin={true}
-                                                                          >
-                                                                            <AntdIcon
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "0 0 1024 1024",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "loading",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                              spin={true}
-                                                                            >
-                                                                              <span
-                                                                                aria-label="loading"
-                                                                                className="anticon anticon-loading anticon-spin"
-                                                                                role="img"
-                                                                              >
-                                                                                <IconReact
-                                                                                  icon={
-                                                                                    Object {
-                                                                                      "icon": Object {
-                                                                                        "attrs": Object {
-                                                                                          "focusable": "false",
-                                                                                          "viewBox": "0 0 1024 1024",
-                                                                                        },
-                                                                                        "children": Array [
-                                                                                          Object {
-                                                                                            "attrs": Object {
-                                                                                              "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                            },
-                                                                                            "tag": "path",
-                                                                                          },
-                                                                                        ],
-                                                                                        "tag": "svg",
-                                                                                      },
-                                                                                      "name": "loading",
-                                                                                      "theme": "outlined",
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <svg
-                                                                                    aria-hidden="true"
-                                                                                    data-icon="loading"
-                                                                                    fill="currentColor"
-                                                                                    focusable="false"
-                                                                                    height="1em"
-                                                                                    key="svg-loading"
-                                                                                    viewBox="0 0 1024 1024"
-                                                                                    width="1em"
-                                                                                  >
-                                                                                    <path
-                                                                                      d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                                                                                      key="svg-loading-svg-0"
-                                                                                    />
-                                                                                  </svg>
-                                                                                </IconReact>
-                                                                              </span>
-                                                                            </AntdIcon>
-                                                                          </ForwardRef(LoadingOutlined)>
-                                                                        </span>
-                                                                      </TransBtn>
-                                                                      <TransBtn
-                                                                        className="ant-select-clear"
-                                                                        customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        onMouseDown={[Function]}
-                                                                      >
-                                                                        <span
-                                                                          aria-hidden={true}
-                                                                          className="ant-select-clear"
-                                                                          onMouseDown={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "WebkitUserSelect": "none",
-                                                                              "userSelect": "none",
-                                                                            }
-                                                                          }
-                                                                          unselectable="on"
-                                                                        >
-                                                                          <ForwardRef(CloseCircleFilled)>
-                                                                            <AntdIcon
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "close-circle",
-                                                                                  "theme": "filled",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <span
-                                                                                aria-label="close-circle"
-                                                                                className="anticon anticon-close-circle"
-                                                                                role="img"
-                                                                              >
-                                                                                <IconReact
-                                                                                  icon={
-                                                                                    Object {
-                                                                                      "icon": Object {
-                                                                                        "attrs": Object {
-                                                                                          "focusable": "false",
-                                                                                          "viewBox": "64 64 896 896",
-                                                                                        },
-                                                                                        "children": Array [
-                                                                                          Object {
-                                                                                            "attrs": Object {
-                                                                                              "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                            },
-                                                                                            "tag": "path",
-                                                                                          },
-                                                                                        ],
-                                                                                        "tag": "svg",
-                                                                                      },
-                                                                                      "name": "close-circle",
-                                                                                      "theme": "filled",
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <svg
-                                                                                    aria-hidden="true"
-                                                                                    data-icon="close-circle"
-                                                                                    fill="currentColor"
-                                                                                    focusable="false"
-                                                                                    height="1em"
-                                                                                    key="svg-close-circle"
-                                                                                    viewBox="64 64 896 896"
-                                                                                    width="1em"
-                                                                                  >
-                                                                                    <path
-                                                                                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                      key="svg-close-circle-svg-0"
-                                                                                    />
-                                                                                  </svg>
-                                                                                </IconReact>
-                                                                              </span>
-                                                                            </AntdIcon>
-                                                                          </ForwardRef(CloseCircleFilled)>
-                                                                        </span>
-                                                                      </TransBtn>
-                                                                    </div>
-                                                                  </ForwardRef(Select)>
-                                                                </Select>
-                                                              </ForwardRef(InternalSelect)>
-                                                            </Selector>
-                                                          </Component>
-                                                        </div>
-                                                      </div>
-                                                      <ErrorList
-                                                        errors={Array []}
-                                                        onDomErrorVisibleChange={[Function]}
-                                                      >
-                                                        <CSSMotion
-                                                          motionAppear={true}
-                                                          motionDeadline={500}
-                                                          motionName="ant-show-help"
-                                                          onLeaveEnd={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </ErrorList>
-                                                    </div>
-                                                  </Col>
-                                                </FormItemInput>
-                                              </div>
-                                            </Row>
-                                          </Field>
-                                        </WrapperField>
-                                      </FormItem>
-                                    </div>
-                                  </Col>
-                                  <Col
-                                    md={
-                                      Object {
-                                        "span": 5,
-                                      }
-                                    }
-                                  >
-                                    <div
-                                      className="ant-col ant-col-md-5"
-                                      style={
-                                        Object {
-                                          "paddingLeft": 20,
-                                          "paddingRight": 20,
-                                        }
-                                      }
-                                    >
-                                      <FormItem
-                                        label="Featured"
-                                        name="is_featured"
-                                        valuePropName="checked"
-                                      >
-                                        <WrapperField
-                                          label="Featured"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Featured",
-                                            }
-                                          }
-                                          name="is_featured"
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="checked"
-                                        >
-                                          <Field
-                                            fieldContext={
-                                              Object {
-                                                "__INTERNAL__": Object {
-                                                  "itemRef": [Function],
-                                                  "name": "create-category",
-                                                },
-                                                "getFieldError": [Function],
-                                                "getFieldInstance": [Function],
-                                                "getFieldValue": [Function],
-                                                "getFieldsError": [Function],
-                                                "getFieldsValue": [Function],
-                                                "getInternalHooks": [Function],
-                                                "isFieldTouched": [Function],
-                                                "isFieldValidating": [Function],
-                                                "isFieldsTouched": [Function],
-                                                "isFieldsValidating": [Function],
-                                                "resetFields": [Function],
-                                                "scrollToField": [Function],
-                                                "setFields": [Function],
-                                                "setFieldsValue": [Function],
-                                                "submit": [Function],
-                                                "validateFields": [Function],
-                                                "validateTrigger": "onChange",
-                                              }
-                                            }
-                                            key="_is_featured"
-                                            label="Featured"
-                                            messageVariables={
-                                              Object {
-                                                "label": "Featured",
-                                              }
-                                            }
-                                            name={
-                                              Array [
-                                                "is_featured",
-                                              ]
-                                            }
-                                            onReset={[Function]}
-                                            trigger="onChange"
-                                            validateTrigger="onChange"
-                                            valuePropName="checked"
-                                          >
-                                            <Row
-                                              className="ant-form-item"
-                                              key="row"
-                                            >
-                                              <div
-                                                className="ant-row ant-form-item"
-                                                style={Object {}}
-                                              >
-                                                <FormItemLabel
-                                                  htmlFor="create-category_is_featured"
-                                                  label="Featured"
-                                                  name="is_featured"
-                                                  prefixCls="ant-form"
-                                                  required={false}
-                                                  requiredMark={true}
-                                                  valuePropName="checked"
-                                                >
-                                                  <Col
-                                                    className="ant-form-item-label"
-                                                  >
-                                                    <div
-                                                      className="ant-col ant-form-item-label"
-                                                      style={Object {}}
-                                                    >
-                                                      <label
-                                                        className=""
-                                                        htmlFor="create-category_is_featured"
-                                                        title="Featured"
-                                                      >
-                                                        Featured
-                                                      </label>
-                                                    </div>
-                                                  </Col>
-                                                </FormItemLabel>
-                                                <FormItemInput
-                                                  errors={Array []}
-                                                  label="Featured"
-                                                  name={
-                                                    Array [
-                                                      "is_featured",
-                                                    ]
-                                                  }
-                                                  onDomErrorVisibleChange={[Function]}
-                                                  prefixCls="ant-form"
-                                                  status=""
-                                                  touched={false}
-                                                  validateStatus=""
-                                                  validating={false}
-                                                  valuePropName="checked"
-                                                >
-                                                  <Col
-                                                    className="ant-form-item-control"
-                                                  >
-                                                    <div
-                                                      className="ant-col ant-form-item-control"
-                                                      style={Object {}}
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input"
-                                                      >
-                                                        <div
-                                                          className="ant-form-item-control-input-content"
-                                                        >
-                                                          <Component
-                                                            update={1}
-                                                          >
-                                                            <Switch
-                                                              id="create-category_is_featured"
-                                                              onChange={[Function]}
-                                                            >
-                                                              <Wave
-                                                                insertExtraNode={true}
-                                                              >
-                                                                <Switch
-                                                                  className=""
-                                                                  id="create-category_is_featured"
-                                                                  loadingIcon={
-                                                                    <div
-                                                                      className="ant-switch-handle"
-                                                                    />
-                                                                  }
-                                                                  onChange={[Function]}
-                                                                  prefixCls="ant-switch"
-                                                                >
-                                                                  <button
-                                                                    aria-checked={false}
-                                                                    className="ant-switch"
-                                                                    id="create-category_is_featured"
-                                                                    onClick={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    role="switch"
-                                                                    type="button"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-switch-handle"
-                                                                    />
-                                                                    <span
-                                                                      className="ant-switch-inner"
-                                                                    />
-                                                                  </button>
-                                                                </Switch>
-                                                              </Wave>
-                                                            </Switch>
-                                                          </Component>
-                                                        </div>
-                                                      </div>
-                                                      <ErrorList
-                                                        errors={Array []}
-                                                        onDomErrorVisibleChange={[Function]}
-                                                      >
-                                                        <CSSMotion
-                                                          motionAppear={true}
-                                                          motionDeadline={500}
-                                                          motionName="ant-show-help"
-                                                          onLeaveEnd={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </ErrorList>
-                                                    </div>
-                                                  </Col>
-                                                </FormItemInput>
-                                              </div>
-                                            </Row>
-                                          </Field>
-                                        </WrapperField>
-                                      </FormItem>
-                                    </div>
-                                  </Col>
-                                </div>
-                              </Row>
-                              <FormItem
-                                label="Colour"
-                                name="background_colour"
-                              >
-                                <WrapperField
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name="background_colour"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_background_colour"
-                                    label="Colour"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Colour",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "background_colour",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_background_colour"
-                                          label="Colour"
-                                          name="background_colour"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-category_background_colour"
-                                                title="Colour"
-                                              >
-                                                Colour
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Colour"
-                                          name={
-                                            Array [
-                                              "background_colour",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <div
-                                                      id="create-category_background_colour"
-                                                      onChange={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "position": "relative",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "borderRadius": "1px",
-                                                            "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                            "cursor": "pointer",
-                                                            "display": "inline-block",
-                                                            "padding": "5px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "null",
-                                                              "borderRadius": "2px",
-                                                              "height": "24px",
-                                                              "width": "100px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </div>
-                                                    </div>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <SlugInput
-                                onChange={[Function]}
-                              >
-                                <FormItem
-                                  label="Slug"
-                                  name="slug"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name="slug"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-category",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_slug"
-                                      label="Slug"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Slug",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "slug",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the slug!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Please enter valid slug!",
-                                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-category_slug"
-                                            label="Slug"
-                                            name="slug"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="create-category_slug"
-                                                  title="Slug"
-                                                >
-                                                  Slug
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Slug"
-                                            name={
-                                              Array [
-                                                "slug",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="create-category_slug"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="create-category_slug"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="create-category_slug"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-category_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </SlugInput>
-                            </div>
-                          </Col>
-                          <Col
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Featured Image"
-                                name="medium_id"
-                              >
-                                <WrapperField
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name="medium_id"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_medium_id"
-                                    label="Featured Image"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured Image",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "medium_id",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_medium_id"
-                                          label="Featured Image"
-                                          name="medium_id"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-category_medium_id"
-                                                title="Featured Image"
-                                              >
-                                                Featured Image
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured Image"
-                                          name={
-                                            Array [
-                                              "medium_id",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <MediaSelector
-                                                      containerStyles={
-                                                        Object {
-                                                          "justifyContent": "start",
-                                                        }
-                                                      }
-                                                      id="create-category_medium_id"
-                                                      maxWidth="350px"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Modal
-                                                        closable={false}
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        visible={false}
-                                                        width="800px"
-                                                      >
-                                                        <Dialog
-                                                          closable={false}
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Cancel
-                                                              </ForwardRef(InternalButton)>,
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                                type="primary"
-                                                              >
-                                                                Ok
-                                                              </ForwardRef(InternalButton)>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width="800px"
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                      <Space
-                                                        direction="vertical"
-                                                      >
-                                                        <div
-                                                          className="ant-space ant-space-vertical"
-                                                          style={Object {}}
-                                                        >
-                                                          <Item
-                                                            className="ant-space-item"
-                                                            direction="vertical"
-                                                            index={0}
-                                                            key="ant-space-item-0"
-                                                            marginDirection="marginRight"
-                                                            wrap={false}
-                                                          >
-                                                            <div
-                                                              className="ant-space-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "start",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "position": "relative",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Button
-                                                                    onClick={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "background": "transparent",
-                                                                        "borderStyle": "dashed",
-                                                                        "display": "block",
-                                                                        "height": "auto",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Wave>
-                                                                      <button
-                                                                        className="ant-btn"
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "background": "transparent",
-                                                                            "borderStyle": "dashed",
-                                                                            "display": "block",
-                                                                            "height": "auto",
-                                                                          }
-                                                                        }
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <PlaceholderImage
-                                                                          height="auto"
-                                                                          key=".0"
-                                                                          maxWidth="350px"
-                                                                          width="100%"
-                                                                        >
-                                                                          <img
-                                                                            alt=""
-                                                                            height="auto"
-                                                                            src="placeholderImage.svg"
-                                                                            style={
-                                                                              Object {
-                                                                                "maxWidth": "350px",
-                                                                                "objectFit": "contain",
-                                                                                "padding": "1rem",
-                                                                              }
-                                                                            }
-                                                                            width="100%"
-                                                                          />
-                                                                        </PlaceholderImage>
-                                                                      </button>
-                                                                    </Wave>
-                                                                  </Button>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </Item>
-                                                        </div>
-                                                      </Space>
-                                                    </MediaSelector>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={12}
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "marginLeft": "20px",
-                                  "marginRight": "auto",
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <DescriptionInput
-                                inputProps={
-                                  Object {
-                                    "basic": true,
-                                    "placeholder": "Enter Description...",
-                                    "style": Object {
-                                      "background": "#fff",
-                                      "padding": "0.5rem 0.75rem",
-                                      "width": "600px",
-                                    },
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Description"
-                                  name="description"
-                                >
-                                  <WrapperField
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name="description"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-category",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_description"
-                                      label="Description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Description",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "description",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-category_description"
-                                            label="Description"
-                                            name="description"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="create-category_description"
-                                                  title="Description"
-                                                >
-                                                  Description
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Description"
-                                            name={
-                                              Array [
-                                                "description",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Editor
-                                                        basic={true}
-                                                        id="create-category_description"
-                                                        onChange={[Function]}
-                                                        placeholder="Enter Description..."
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "#fff",
-                                                              "padding": "0.5rem 0.75rem",
-                                                              "width": "600px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </Editor>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </DescriptionInput>
-                            </div>
-                          </Col>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <MetaForm
-                            form={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "create-category",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                              }
-                            }
-                            formData={Object {}}
-                          >
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Data"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Data"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Data
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Code Injection"
-                                    isActive={false}
-                                    key="1"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Code Injection"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="1"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Code Injection
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Fields"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Fields"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Fields
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                          </MetaForm>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </CategoryForm>
-  </CreateCategory>
-</Provider>
-`;
diff --git a/studio/src/pages/categories/__snapshots__/EditCategory.test.js.snap b/studio/src/pages/categories/__snapshots__/EditCategory.test.js.snap
deleted file mode 100644
index 20cec94fb..000000000
--- a/studio/src/pages/categories/__snapshots__/EditCategory.test.js.snap
+++ /dev/null
@@ -1,419 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Categories Edit component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditCategory>
-    <RecordNotFound>
-      <Result
-        extra={null}
-        status="404"
-        title="Sorry, could not find what you are looking for."
-      >
-        <div
-          className="ant-result ant-result-404"
-        >
-          <div
-            className="ant-result-icon ant-result-image"
-          >
-            <NoFound>
-              <svg
-                height="294"
-                width="252"
-              >
-                <defs>
-                  <path
-                    d="M0 .387h251.772v251.772H0z"
-                  />
-                </defs>
-                <g
-                  fill="none"
-                  fillRule="evenodd"
-                >
-                  <g
-                    transform="translate(0 .012)"
-                  >
-                    <mask
-                      fill="#fff"
-                    />
-                    <path
-                      d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                      fill="#E4EBF7"
-                      mask="url(#b)"
-                    />
-                  </g>
-                  <path
-                    d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                    fill="#1890FF"
-                  />
-                  <path
-                    d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                    fill="#FFB594"
-                  />
-                  <path
-                    d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                    fill="#7BB2F9"
-                  />
-                  <path
-                    d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                  <path
-                    d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                    fill="#520038"
-                  />
-                  <path
-                    d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                    fill="#552950"
-                  />
-                  <path
-                    d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M110.846 74.481s1.79-.716 2.506.537"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.287 72.93s1.83 1.113 4.137.954"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M119.306 107.329s.452 4.366-2.127 32.062"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#5BA02E"
-                  />
-                  <path
-                    d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#92C110"
-                  />
-                  <path
-                    d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                </g>
-              </svg>
-            </NoFound>
-          </div>
-          <div
-            className="ant-result-title"
-          >
-            Sorry, could not find what you are looking for.
-          </div>
-        </div>
-      </Result>
-    </RecordNotFound>
-  </EditCategory>
-</Provider>
-`;
-
-exports[`Categories Edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditCategory>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditCategory>
-</Provider>
-`;
diff --git a/studio/src/pages/categories/__snapshots__/index.test.js.snap b/studio/src/pages/categories/__snapshots__/index.test.js.snap
deleted file mode 100644
index 08c47d49a..000000000
--- a/studio/src/pages/categories/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,10753 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Categories component snapshot testing should render loader component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Categories
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Loader>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-                "height": "100vh",
-                "justifyContent": "center",
-                "padding": "2rem",
-                "position": "absolute",
-                "width": "100%",
-              }
-            }
-          >
-            <Spin
-              size="large"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin ant-spin-lg ant-spin-spinning"
-              >
-                <span
-                  className="ant-spin-dot ant-spin-dot-spin"
-                >
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                </span>
-              </div>
-            </Spin>
-          </div>
-        </Loader>
-      </Categories>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Categories component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Categories
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Categories"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Categories"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Categories"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search categories"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search categories"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search categories"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search categories"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  key="1"
-                                  to="/categories/create"
-                                >
-                                  <LinkAnchor
-                                    href="/categories/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/categories/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Category
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <CategoryList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "categories": Array [],
-                      "loading": false,
-                      "total": 0,
-                    }
-                  }
-                  fetchCategories={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": Array [
-                                    "parent_category",
-                                    "name",
-                                  ],
-                                  "key": "parent_id",
-                                  "title": "Parent Category",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          Object {
-                                            "dataIndex": Array [
-                                              "parent_category",
-                                              "name",
-                                            ],
-                                            "key": "parent_id",
-                                            "title": "Parent Category",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Slug
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Parent Category
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="4"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ],
-                                                  "key": "parent_id",
-                                                  "title": "Parent Category",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Parent Category
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="4"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "fixed": undefined,
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={4}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "fixed": undefined,
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Slug",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            },
-                                                            "key": "slug",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Parent Category",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": Array [
-                                                                "parent_category",
-                                                                "name",
-                                                              ],
-                                                              "key": "parent_id",
-                                                              "title": "Parent Category",
-                                                            },
-                                                            "key": "parent_id",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "slug",
-                                                            "fixed": undefined,
-                                                            "key": "slug",
-                                                            "title": "Slug",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": Array [
-                                                              "parent_category",
-                                                              "name",
-                                                            ],
-                                                            "fixed": undefined,
-                                                            "key": "parent_id",
-                                                            "title": "Parent Category",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": Array [
-                                                                "parent_category",
-                                                                "name",
-                                                              ],
-                                                              "key": "parent_id",
-                                                              "title": "Parent Category",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="parent_id"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Parent Category
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={4}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={4}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={4}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </CategoryList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Categories>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Categories component snapshot testing should render the component with cached query data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Categories
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Categories"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Categories"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Categories"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search categories"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search categories"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search categories"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search categories"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  key="1"
-                                  to="/categories/create"
-                                >
-                                  <LinkAnchor
-                                    href="/categories/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/categories/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Category
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <CategoryList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "categories": Array [
-                        Object {
-                          "id": 4,
-                          "name": "election",
-                          "slug": "election",
-                        },
-                        Object {
-                          "id": 3,
-                          "name": "sports",
-                          "slug": "sports",
-                        },
-                        Object {
-                          "id": 1,
-                          "name": "crime",
-                          "slug": "crime",
-                        },
-                      ],
-                      "loading": false,
-                      "total": 3,
-                    }
-                  }
-                  fetchCategories={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": Array [
-                                    "parent_category",
-                                    "name",
-                                  ],
-                                  "key": "parent_id",
-                                  "title": "Parent Category",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "id": 4,
-                                  "name": "election",
-                                  "slug": "election",
-                                },
-                                Object {
-                                  "id": 3,
-                                  "name": "sports",
-                                  "slug": "sports",
-                                },
-                                Object {
-                                  "id": 1,
-                                  "name": "crime",
-                                  "slug": "crime",
-                                },
-                              ]
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 3,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          Object {
-                                            "dataIndex": Array [
-                                              "parent_category",
-                                              "name",
-                                            ],
-                                            "key": "parent_id",
-                                            "title": "Parent Category",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={
-                                        Array [
-                                          Object {
-                                            "id": 4,
-                                            "name": "election",
-                                            "slug": "election",
-                                          },
-                                          Object {
-                                            "id": 3,
-                                            "name": "sports",
-                                            "slug": "sports",
-                                          },
-                                          Object {
-                                            "id": 1,
-                                            "name": "crime",
-                                            "slug": "crime",
-                                          },
-                                        ]
-                                      }
-                                      dataSource={
-                                        Array [
-                                          Object {
-                                            "id": 4,
-                                            "name": "election",
-                                            "slug": "election",
-                                          },
-                                          Object {
-                                            "id": 3,
-                                            "name": "sports",
-                                            "slug": "sports",
-                                          },
-                                          Object {
-                                            "id": 1,
-                                            "name": "crime",
-                                            "slug": "crime",
-                                          },
-                                        ]
-                                      }
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Slug
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Parent Category
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="4"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/categories/4/edit"
-                                                        style="margin-right: 8px;"
-                                                      >
-                                                        election
-                                                      </a>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      election
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    />
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="3"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/categories/3/edit"
-                                                        style="margin-right: 8px;"
-                                                      >
-                                                        sports
-                                                      </a>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      sports
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    />
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="1"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/categories/1/edit"
-                                                        style="margin-right: 8px;"
-                                                      >
-                                                        crime
-                                                      </a>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      crime
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    />
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 3,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ],
-                                                  "key": "parent_id",
-                                                  "title": "Parent Category",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [
-                                                Object {
-                                                  "id": 4,
-                                                  "name": "election",
-                                                  "slug": "election",
-                                                },
-                                                Object {
-                                                  "id": 3,
-                                                  "name": "sports",
-                                                  "slug": "sports",
-                                                },
-                                                Object {
-                                                  "id": 1,
-                                                  "name": "crime",
-                                                  "slug": "crime",
-                                                },
-                                              ],
-                                              "dataSource": Array [
-                                                Object {
-                                                  "id": 4,
-                                                  "name": "election",
-                                                  "slug": "election",
-                                                },
-                                                Object {
-                                                  "id": 3,
-                                                  "name": "sports",
-                                                  "slug": "sports",
-                                                },
-                                                Object {
-                                                  "id": 1,
-                                                  "name": "crime",
-                                                  "slug": "crime",
-                                                },
-                                              ],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Parent Category
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="4"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/categories/4/edit"
-                                                              style="margin-right: 8px;"
-                                                            >
-                                                              election
-                                                            </a>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            election
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          />
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="3"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/categories/3/edit"
-                                                              style="margin-right: 8px;"
-                                                            >
-                                                              sports
-                                                            </a>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            sports
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          />
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="1"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/categories/1/edit"
-                                                              style="margin-right: 8px;"
-                                                            >
-                                                              crime
-                                                            </a>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            crime
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          />
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 3,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "fixed": undefined,
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={4}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "fixed": undefined,
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Slug",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            },
-                                                            "key": "slug",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Parent Category",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": Array [
-                                                                "parent_category",
-                                                                "name",
-                                                              ],
-                                                              "key": "parent_id",
-                                                              "title": "Parent Category",
-                                                            },
-                                                            "key": "parent_id",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "slug",
-                                                            "fixed": undefined,
-                                                            "key": "slug",
-                                                            "title": "Slug",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": Array [
-                                                              "parent_category",
-                                                              "name",
-                                                            ],
-                                                            "fixed": undefined,
-                                                            "key": "parent_id",
-                                                            "title": "Parent Category",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": Array [
-                                                                "parent_category",
-                                                                "name",
-                                                              ],
-                                                              "key": "parent_id",
-                                                              "title": "Parent Category",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="parent_id"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Parent Category
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={
-                                                    Array [
-                                                      Object {
-                                                        "id": 4,
-                                                        "name": "election",
-                                                        "slug": "election",
-                                                      },
-                                                      Object {
-                                                        "id": 3,
-                                                        "name": "sports",
-                                                        "slug": "sports",
-                                                      },
-                                                      Object {
-                                                        "id": 1,
-                                                        "name": "crime",
-                                                        "slug": "crime",
-                                                      },
-                                                    ]
-                                                  }
-                                                  emptyNode={null}
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={0}
-                                                      key="4"
-                                                      record={
-                                                        Object {
-                                                          "id": 4,
-                                                          "name": "election",
-                                                          "slug": "election",
-                                                        }
-                                                      }
-                                                      recordKey={4}
-                                                      rowComponent="tr"
-                                                      rowKey={4}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={4}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="name"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 4,
-                                                              "name": "election",
-                                                              "slug": "election",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/categories/4/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/categories/4/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/categories/4/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  election
-                                                                </a>
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="slug"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 4,
-                                                              "name": "election",
-                                                              "slug": "election",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            election
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex={
-                                                            Array [
-                                                              "parent_category",
-                                                              "name",
-                                                            ]
-                                                          }
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="parent_id"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 4,
-                                                              "name": "election",
-                                                              "slug": "election",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          />
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 4,
-                                                              "name": "election",
-                                                              "slug": "election",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={1}
-                                                      key="3"
-                                                      record={
-                                                        Object {
-                                                          "id": 3,
-                                                          "name": "sports",
-                                                          "slug": "sports",
-                                                        }
-                                                      }
-                                                      recordKey={3}
-                                                      rowComponent="tr"
-                                                      rowKey={3}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={3}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="name"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 3,
-                                                              "name": "sports",
-                                                              "slug": "sports",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/categories/3/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/categories/3/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/categories/3/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  sports
-                                                                </a>
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="slug"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 3,
-                                                              "name": "sports",
-                                                              "slug": "sports",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            sports
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex={
-                                                            Array [
-                                                              "parent_category",
-                                                              "name",
-                                                            ]
-                                                          }
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="parent_id"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 3,
-                                                              "name": "sports",
-                                                              "slug": "sports",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          />
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={1}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 3,
-                                                              "name": "sports",
-                                                              "slug": "sports",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={2}
-                                                      key="1"
-                                                      record={
-                                                        Object {
-                                                          "id": 1,
-                                                          "name": "crime",
-                                                          "slug": "crime",
-                                                        }
-                                                      }
-                                                      recordKey={1}
-                                                      rowComponent="tr"
-                                                      rowKey={1}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={1}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="name"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={2}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 1,
-                                                              "name": "crime",
-                                                              "slug": "crime",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/categories/1/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/categories/1/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/categories/1/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  crime
-                                                                </a>
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="slug"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={2}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 1,
-                                                              "name": "crime",
-                                                              "slug": "crime",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            crime
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex={
-                                                            Array [
-                                                              "parent_category",
-                                                              "name",
-                                                            ]
-                                                          }
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={2}
-                                                          key="parent_id"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 1,
-                                                              "name": "crime",
-                                                              "slug": "crime",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          />
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={2}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "id": 1,
-                                                              "name": "crime",
-                                                              "slug": "crime",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                    <Pagination
-                                      className="ant-table-pagination ant-table-pagination-right"
-                                      current={1}
-                                      onChange={[Function]}
-                                      pageSize={10}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      showTotal={[Function]}
-                                      total={3}
-                                    >
-                                      <LocaleReceiver
-                                        componentName="Pagination"
-                                        defaultLocale={
-                                          Object {
-                                            "items_per_page": "/ page",
-                                            "jump_to": "Go to",
-                                            "jump_to_confirm": "confirm",
-                                            "next_3": "Next 3 Pages",
-                                            "next_5": "Next 5 Pages",
-                                            "next_page": "Next Page",
-                                            "page": "",
-                                            "prev_3": "Previous 3 Pages",
-                                            "prev_5": "Previous 5 Pages",
-                                            "prev_page": "Previous Page",
-                                          }
-                                        }
-                                      >
-                                        <Pagination
-                                          className="ant-table-pagination ant-table-pagination-right"
-                                          current={1}
-                                          defaultCurrent={1}
-                                          defaultPageSize={10}
-                                          hideOnSinglePage={false}
-                                          itemRender={[Function]}
-                                          jumpNextIcon={
-                                            <a
-                                              className="ant-pagination-item-link"
-                                            >
-                                              <div
-                                                className="ant-pagination-item-container"
-                                              >
-                                                <ForwardRef(DoubleRightOutlined)
-                                                  className="ant-pagination-item-link-icon"
-                                                />
-                                                <span
-                                                  className="ant-pagination-item-ellipsis"
-                                                >
-                                                  •••
-                                                </span>
-                                              </div>
-                                            </a>
-                                          }
-                                          jumpPrevIcon={
-                                            <a
-                                              className="ant-pagination-item-link"
-                                            >
-                                              <div
-                                                className="ant-pagination-item-container"
-                                              >
-                                                <ForwardRef(DoubleLeftOutlined)
-                                                  className="ant-pagination-item-link-icon"
-                                                />
-                                                <span
-                                                  className="ant-pagination-item-ellipsis"
-                                                >
-                                                  •••
-                                                </span>
-                                              </div>
-                                            </a>
-                                          }
-                                          locale={
-                                            Object {
-                                              "items_per_page": "/ page",
-                                              "jump_to": "Go to",
-                                              "jump_to_confirm": "confirm",
-                                              "next_3": "Next 3 Pages",
-                                              "next_5": "Next 5 Pages",
-                                              "next_page": "Next Page",
-                                              "page": "",
-                                              "prev_3": "Previous 3 Pages",
-                                              "prev_5": "Previous 5 Pages",
-                                              "prev_page": "Previous Page",
-                                            }
-                                          }
-                                          nextIcon={
-                                            <button
-                                              className="ant-pagination-item-link"
-                                              tabIndex={-1}
-                                              type="button"
-                                            >
-                                              <ForwardRef(RightOutlined) />
-                                            </button>
-                                          }
-                                          onChange={[Function]}
-                                          onShowSizeChange={[Function]}
-                                          pageSize={10}
-                                          pageSizeOptions={
-                                            Array [
-                                              "10",
-                                              "15",
-                                              "20",
-                                            ]
-                                          }
-                                          prefixCls="ant-pagination"
-                                          prevIcon={
-                                            <button
-                                              className="ant-pagination-item-link"
-                                              tabIndex={-1}
-                                              type="button"
-                                            >
-                                              <ForwardRef(LeftOutlined) />
-                                            </button>
-                                          }
-                                          selectComponentClass={
-                                            Object {
-                                              "$$typeof": Symbol(react.forward_ref),
-                                              "OptGroup": [Function],
-                                              "Option": [Function],
-                                              "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                              "render": [Function],
-                                            }
-                                          }
-                                          selectPrefixCls="ant-select"
-                                          showLessItems={false}
-                                          showPrevNextJumpers={true}
-                                          showQuickJumper={false}
-                                          showTitle={true}
-                                          showTotal={[Function]}
-                                          style={Object {}}
-                                          total={3}
-                                          totalBoundaryShowSizeChanger={50}
-                                        >
-                                          <ul
-                                            className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                            style={Object {}}
-                                            unselectable="unselectable"
-                                          >
-                                            <li
-                                              className="ant-pagination-total-text"
-                                            >
-                                              1-3 of 3 results
-                                            </li>
-                                            <li
-                                              aria-disabled={true}
-                                              className="ant-pagination-prev ant-pagination-disabled"
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              tabIndex={null}
-                                              title="Previous Page"
-                                            >
-                                              <button
-                                                className="ant-pagination-item-link"
-                                                disabled={true}
-                                                tabIndex={-1}
-                                                type="button"
-                                              >
-                                                <ForwardRef(LeftOutlined)>
-                                                  <AntdIcon
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "left",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-label="left"
-                                                      className="anticon anticon-left"
-                                                      role="img"
-                                                    >
-                                                      <IconReact
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "left",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="left"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          key="svg-left"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                            key="svg-left-svg-0"
-                                                          />
-                                                        </svg>
-                                                      </IconReact>
-                                                    </span>
-                                                  </AntdIcon>
-                                                </ForwardRef(LeftOutlined)>
-                                              </button>
-                                            </li>
-                                            <Pager
-                                              active={true}
-                                              itemRender={[Function]}
-                                              key="1"
-                                              locale={
-                                                Object {
-                                                  "items_per_page": "/ page",
-                                                  "jump_to": "Go to",
-                                                  "jump_to_confirm": "confirm",
-                                                  "next_3": "Next 3 Pages",
-                                                  "next_5": "Next 5 Pages",
-                                                  "next_page": "Next Page",
-                                                  "page": "",
-                                                  "prev_3": "Previous 3 Pages",
-                                                  "prev_5": "Previous 5 Pages",
-                                                  "prev_page": "Previous Page",
-                                                }
-                                              }
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              page={1}
-                                              rootPrefixCls="ant-pagination"
-                                              showTitle={true}
-                                            >
-                                              <li
-                                                className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                                onClick={[Function]}
-                                                onKeyPress={[Function]}
-                                                tabIndex="0"
-                                                title={1}
-                                              >
-                                                <a
-                                                  rel="nofollow"
-                                                >
-                                                  1
-                                                </a>
-                                              </li>
-                                            </Pager>
-                                            <li
-                                              aria-disabled={true}
-                                              className="ant-pagination-next ant-pagination-disabled"
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              tabIndex={null}
-                                              title="Next Page"
-                                            >
-                                              <button
-                                                className="ant-pagination-item-link"
-                                                disabled={true}
-                                                tabIndex={-1}
-                                                type="button"
-                                              >
-                                                <ForwardRef(RightOutlined)>
-                                                  <AntdIcon
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "right",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-label="right"
-                                                      className="anticon anticon-right"
-                                                      role="img"
-                                                    >
-                                                      <IconReact
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "right",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="right"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          key="svg-right"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                            key="svg-right-svg-0"
-                                                          />
-                                                        </svg>
-                                                      </IconReact>
-                                                    </span>
-                                                  </AntdIcon>
-                                                </ForwardRef(RightOutlined)>
-                                              </button>
-                                            </li>
-                                            <Options
-                                              changeSize={null}
-                                              current={1}
-                                              goButton={false}
-                                              locale={
-                                                Object {
-                                                  "items_per_page": "/ page",
-                                                  "jump_to": "Go to",
-                                                  "jump_to_confirm": "confirm",
-                                                  "next_3": "Next 3 Pages",
-                                                  "next_5": "Next 5 Pages",
-                                                  "next_page": "Next Page",
-                                                  "page": "",
-                                                  "prev_3": "Previous 3 Pages",
-                                                  "prev_5": "Previous 5 Pages",
-                                                  "prev_page": "Previous Page",
-                                                }
-                                              }
-                                              pageSize={10}
-                                              pageSizeOptions={
-                                                Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ]
-                                              }
-                                              quickGo={null}
-                                              rootPrefixCls="ant-pagination"
-                                              selectComponentClass={
-                                                Object {
-                                                  "$$typeof": Symbol(react.forward_ref),
-                                                  "OptGroup": [Function],
-                                                  "Option": [Function],
-                                                  "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                                  "render": [Function],
-                                                }
-                                              }
-                                              selectPrefixCls="ant-select"
-                                            />
-                                          </ul>
-                                        </Pagination>
-                                      </LocaleReceiver>
-                                    </Pagination>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </CategoryList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Categories>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Categories component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Categories
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Categories"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Categories"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Categories"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search categories"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search categories"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search categories"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search categories"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  key="1"
-                                  to="/categories/create"
-                                >
-                                  <LinkAnchor
-                                    href="/categories/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/categories/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Category
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <CategoryList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "categories": Array [],
-                      "loading": false,
-                      "total": 0,
-                    }
-                  }
-                  fetchCategories={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": Array [
-                                    "parent_category",
-                                    "name",
-                                  ],
-                                  "key": "parent_id",
-                                  "title": "Parent Category",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          Object {
-                                            "dataIndex": Array [
-                                              "parent_category",
-                                              "name",
-                                            ],
-                                            "key": "parent_id",
-                                            "title": "Parent Category",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Slug
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Parent Category
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="4"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ],
-                                                  "key": "parent_id",
-                                                  "title": "Parent Category",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Parent Category
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="4"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "fixed": undefined,
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={4}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": Array [
-                                                          "parent_category",
-                                                          "name",
-                                                        ],
-                                                        "fixed": undefined,
-                                                        "key": "parent_id",
-                                                        "title": "Parent Category",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Slug",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            },
-                                                            "key": "slug",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Parent Category",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": Array [
-                                                                "parent_category",
-                                                                "name",
-                                                              ],
-                                                              "key": "parent_id",
-                                                              "title": "Parent Category",
-                                                            },
-                                                            "key": "parent_id",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "slug",
-                                                            "fixed": undefined,
-                                                            "key": "slug",
-                                                            "title": "Slug",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": Array [
-                                                              "parent_category",
-                                                              "name",
-                                                            ],
-                                                            "fixed": undefined,
-                                                            "key": "parent_id",
-                                                            "title": "Parent Category",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": Array [
-                                                                "parent_category",
-                                                                "name",
-                                                              ],
-                                                              "key": "parent_id",
-                                                              "title": "Parent Category",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="parent_id"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Parent Category
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={4}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={4}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={4}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </CategoryList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Categories>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/categories/components/CategoryForm.js b/studio/src/pages/categories/components/CategoryForm.js
deleted file mode 100644
index f0ce19ed3..000000000
--- a/studio/src/pages/categories/components/CategoryForm.js
+++ /dev/null
@@ -1,257 +0,0 @@
-import React, { useState } from 'react';
-import { Row, Col, Button, Form, Space, Switch, Collapse, ConfigProvider } from 'antd';
-import { maker } from '../../../utils/sluger';
-import MediaSelector from '../../../components/MediaSelector';
-import { SketchPicker } from 'react-color';
-import Selector from '../../../components/Selector';
-import getJsonValue from '../../../utils/getJsonValue';
-
-import { DescriptionInput, MetaForm, SlugInput, TitleInput } from '../../../components/FormItems';
-
-const CategoryForm = ({ onCreate, data = {} }) => {
-  const setLoading = data.id ? false : true;
-
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [formData, setFormData] = useState(data);
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-  const [backgroundColour, setBackgroundColour] = useState(
-    data.background_colour ? data.background_colour : null,
-  );
-  const [displayBgColorPicker, setDisplayBgColorPicker] = useState(false);
-  const handleBgClick = () => {
-    setDisplayBgColorPicker((prev) => !prev);
-    setValueChange(true);
-  };
-  const handleBgClose = () => {
-    setDisplayBgColorPicker(false);
-  };
-  const onReset = () => {
-    form.resetFields();
-  };
-
-  const onTitleChange = (title) => {
-    const slug = maker(title);
-    const values = {
-      slug: slug,
-      meta: {
-        canonical_URL: slug,
-        facebook: {
-          title: title,
-          canonical_URL: slug,
-        },
-        twitter: {
-          title: title,
-          canonical_URL: slug,
-        },
-        google: {
-          title: title,
-          canonical_URL: slug,
-        },
-      },
-    };
-    form.setFieldsValue(values);
-    setFormData(form.getFieldValue());
-  };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Form
-        form={form}
-        initialValues={{ ...formData }}
-        style={{ padding: '0 1rem' }}
-        name="create-category"
-        layout="vertical"
-        className="edit-form"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          values.background_colour = backgroundColour;
-          onCreate(values);
-          onReset();
-        }}
-        onValuesChange={(changedFields, allFields) => {
-          setValueChange(true);
-          setFormData(allFields);
-        }}
-      >
-        <Row
-          justify="center"
-          gutter={[0, 16]}
-          style={{ maxWidth: '1200px', width: '100%', margin: '0 auto' }}
-        >
-          <Col span={24}>
-            <Row justify="end" gutter={40}>
-              <Form.Item>
-                <Space>
-                  <Button disabled={!valueChange} type="primary" htmlType="submit">
-                    {data && data.id ? 'Update' : 'Save'}
-                  </Button>
-                </Space>
-              </Form.Item>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <Collapse
-                expandIconPosition="right"
-                expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-                style={{ width: '100%', background: '#f0f2f5', border: 0 }}
-              >
-                <Collapse.Panel header="General">
-                  <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '3rem' }}>
-                    <Col xs={24} md={10}>
-                      <TitleInput
-                        name="name"
-                        label="Category Name"
-                        onChange={(e) => onTitleChange(e.target.value)}
-                      />
-                      <Col>
-                        <Form.Item name="parent_id" label="Parent Category">
-                          <Selector
-                            action="Categories"
-                            setLoading={setLoading}
-                            invalidOptions={data?.id ? [data.id] : []}
-                          />
-                        </Form.Item>
-                      </Col>
-                      <Col>
-                        <Form.Item name="is_featured" valuePropName="checked">
-                          <Row justify="space-between">
-                            <Col> Featured </Col>
-                            <Col>
-                              <Switch
-                                onChange={(checked) =>
-                                  form.setFieldsValue({ is_featured: checked })
-                                }
-                                defaultChecked={data.is_featured}
-                              />
-                            </Col>
-                          </Row>
-                        </Form.Item>
-                      </Col>
-                      <Col>
-                        <Form.Item name="background_colour" label="Colour">
-                          <div style={{ position: 'relative', width: '100%' }}>
-                            <div
-                              style={{
-                                padding: '5px',
-                                width: '100%',
-                                background: '#fff',
-                                borderRadius: '1px',
-                                boxShadow: '0 0 0 1px rgba(0,0,0,.1)',
-                                display: 'inline-block',
-                                cursor: 'pointer',
-                              }}
-                              onClick={() => handleBgClick()}
-                            >
-                              <div
-                                style={{
-                                  width: '100%',
-                                  height: '24px',
-                                  borderRadius: '2px',
-                                  background: `${backgroundColour && backgroundColour.hex}`,
-                                }}
-                              />
-                            </div>
-                            {displayBgColorPicker ? (
-                              <div
-                                style={{ position: 'absolute', zIndex: '2', top: 0, left: '100%' }}
-                              >
-                                <div
-                                  style={{
-                                    position: 'fixed',
-                                    top: '0px',
-                                    right: '0px',
-                                    bottom: '0px',
-                                    left: '0px',
-                                  }}
-                                  onClick={() => handleBgClose()}
-                                />
-                                <SketchPicker
-                                  color={backgroundColour !== null && backgroundColour.hex}
-                                  onChange={(e) => setBackgroundColour(e)}
-                                  disableAlpha
-                                />
-                              </div>
-                            ) : null}
-                          </div>
-                        </Form.Item>
-                      </Col>
-                      <SlugInput
-                        onChange={(e) =>
-                          form.setFieldsValue({
-                            meta: {
-                              canonical_URL: e.target.value,
-                              facebook: {
-                                canonical_URL: e.target.value,
-                              },
-                              google: {
-                                canonical_URL: e.target.value,
-                              },
-                              twitter: {
-                                canonical_URL: e.target.value,
-                              },
-                            },
-                          })
-                        }
-                      />
-                      <DescriptionInput
-                        inputProps={{
-                          style: {
-                            minHeight: '92px',
-                            background: '#F9FAFB',
-                            padding: '0.25rem 0.5rem',
-                            borderRadius: '0.25rem',
-                            border: '1px solid rgba(0, 0, 0, 0.15)',
-                          },
-                          placeholder: 'Enter Description...',
-                          basic: true,
-                        }}
-                        rows={5}
-                        initialValue={formData.description_html}
-                      />
-                    </Col>
-                    <Col xs={24} md={6}>
-                      <Form.Item label="Featured Image" name="medium_id">
-                        <MediaSelector
-                          maxWidth={'350px'}
-                          containerStyles={{ justifyContent: 'start' }}
-                        />
-                      </Form.Item>
-                    </Col>
-                  </Row>
-                </Collapse.Panel>
-              </Collapse>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <MetaForm
-                form={form}
-                formData={formData}
-                style={{ marginBottom: 16, background: '#f0f2f5', border: 0 }}
-              />
-            </Row>
-          </Col>
-        </Row>
-      </Form>
-    </ConfigProvider>
-  );
-};
-
-export default CategoryForm;
diff --git a/studio/src/pages/categories/components/CategoryForm.test.js b/studio/src/pages/categories/components/CategoryForm.test.js
deleted file mode 100644
index 79df7650b..000000000
--- a/studio/src/pages/categories/components/CategoryForm.test.js
+++ /dev/null
@@ -1,373 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-import { Collapse } from 'antd';
-
-import '../../../matchMedia.mock';
-import CategoryCreateForm from './CategoryForm';
-import { SketchPicker } from 'react-color';
-import { SlugInput } from '../../../components/FormItems';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('../../../actions/categories', () => ({
-  getCategories: jest.fn(),
-  deleteCategory: jest.fn(),
-}));
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-let onCreate, store;
-const data = {
-  name: 'Name',
-  description: {
-    time: 1613559903378,
-    blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-    version: '2.19.0',
-  },
-  medium_id: 2,
-};
-
-describe('Categories Create Form component', () => {
-  store = mockStore({
-    categories: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn());
-  useSelector.mockImplementation((state) => ({ details: [], total: 0, loading: false }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn().mockName('onCreate');
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CategoryCreateForm onCreate={onCreate} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CategoryCreateForm onCreate={onCreate} data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CategoryCreateForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: {
-          name: 'Name',
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          slug: 'slug',
-          is_featured: false,
-          medium_id: 2,
-          meta_fields: {
-            sample: 'testing',
-          },
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CategoryCreateForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CategoryCreateForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          background_colour: null,
-          name: 'Name',
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          slug: 'slug',
-          is_featured: false,
-          medium_id: 2,
-          parent_id: undefined,
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with new title', (done) => {
-      const data2 = {
-        id: 1,
-        name: 'Name',
-        description: {
-          time: 1613559903378,
-          blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-          version: '2.19.0',
-        },
-        slug: 'slug',
-        is_featured: false,
-        medium_id: 2,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CategoryCreateForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const input = wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-
-        input.simulate('change', { target: { value: 'new name' } });
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          background_colour: null,
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          slug: 'new-name',
-          is_featured: false,
-          parent_id: undefined,
-          medium_id: 2,
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      const data3 = {
-        id: 1,
-        name: 'Name',
-        description: {
-          time: 1613559903378,
-          blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-          version: '2.19.0',
-        },
-        slug: 'slug',
-        is_featured: false,
-        medium_id: 2,
-      };
-      data3.background_colour = {
-        hex: '#e0f0fa',
-        hsl: { h: 240, s: 0.094517011520825, l: 0.979237, a: 1 },
-        hsv: { h: 240, s: 0.00399999999999994, v: 0.9812, a: 1 },
-        oldHue: 240,
-        rgb: { r: 240, g: 240, b: 250, a: 1 },
-        source: 'hsv',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CategoryCreateForm onCreate={props.onCreate} data={data3} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(Collapse).at(0).find('Button').at(0).simulate('click');
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-        wrapper.find('FormItem').at(4).find('div').at(6).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('DescriptionInput')
-          .find('Editor')
-          .props()
-          .onChange({
-            target: {
-              value: {
-                time: 1613559903378,
-                blocks: [{ type: 'paragraph', data: { text: 'New Description' } }],
-                version: '2.19.0',
-              },
-            },
-          });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find(SketchPicker)
-          .at(0)
-          .props()
-          .onChange({
-            hex: '#f0f0fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find(SketchPicker)
-          .at(0)
-          .props()
-          .onChange({
-            hex: '#f0f0fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          });
-
-        wrapper
-          .find(SlugInput)
-          .at(0)
-          .props()
-          .onChange({ target: { value: 'new-name' } });
-
-        wrapper
-          .find('FormItem')
-          .at(11)
-          .find('MonacoEditor')
-          .props()
-          .onChange({
-            target: { value: '{"sample":"testing"}' },
-          });
-        const input = wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          background_colour: {
-            hex: '#f0f0fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          },
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'New Description' } }],
-            version: '2.19.0',
-          },
-          slug: 'new-name',
-          is_featured: false,
-          medium_id: 2,
-          meta: {
-            canonical_URL: 'new-name',
-            description: undefined,
-            title: undefined,
-          },
-          meta_fields: {
-            sample: 'testing',
-          },
-          parent_id: undefined,
-        });
-        done();
-      }, 0);
-    });
-    it('should handle open and close SketchPicker', () => {
-      act(() => {
-        wrapper.find('FormItem').at(4).find('div').at(6).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find(SketchPicker).length).toBe(1);
-      act(() => {
-        wrapper.find('FormItem').at(4).find('div').at(9).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find(SketchPicker).length).toBe(0);
-    });
-    it('should handle collapse open and close', () => {
-      act(() => {
-        wrapper.find(Collapse).at(0).find('Button').at(0).simulate('click');
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find(Collapse).at(0).find('Button').at(0).text()).toBe('Close');
-      expect(wrapper.find(Collapse).at(1).find('Button').at(0).text()).toBe('Close');
-    });
-  });
-});
diff --git a/studio/src/pages/categories/components/CategoryForm.tsx b/studio/src/pages/categories/components/CategoryForm.tsx
new file mode 100644
index 000000000..9f8130461
--- /dev/null
+++ b/studio/src/pages/categories/components/CategoryForm.tsx
@@ -0,0 +1,347 @@
+import React, { useState, useEffect } from "react";
+import { maker } from "../../../utils/sluger";
+import MediaSelector from "../../../components/MediaSelector";
+import { SketchPicker } from "react-color";
+import Selector from "../../../components/Selector";
+import getJsonValue from "../../../utils/getJsonValue";
+import {
+  MetaForm,
+  SlugInput,
+  TitleInput,
+  DescriptionInput,
+} from "../../../components/FormItems";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { Form, FormField, FormItem, FormLabel } from "@/components/ui/form";
+import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router-dom";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { CategoryFormProps, CategoryFormValues } from "../types";
+
+interface ColorResult {
+  hex: string;
+  rgb: { r: number; g: number; b: number; a?: number };
+  hsl: { h: number; s: number; l: number; a?: number };
+}
+
+const CategoryForm: React.FC<CategoryFormProps> = ({ onCreate, data = {} }) => {
+  const isMobile = useIsMobile();
+  const [valueChange, setValueChange] = useState<boolean>(false);
+  const [activeKeys, setActiveKeys] = useState<string[]>(["general"]);
+  const [backgroundColour, setBackgroundColour] = useState<ColorResult | null>(
+    data.background_colour ? data.background_colour : null
+  );
+  const [displayBgColorPicker, setDisplayBgColorPicker] =
+    useState<boolean>(false);
+  const navigate = useNavigate();
+
+  // Handle meta_fields conversion
+  const initialData = { ...data };
+  if (initialData.meta_fields && typeof initialData.meta_fields !== "string") {
+    initialData.meta_fields = JSON.stringify(initialData.meta_fields);
+  }
+
+  const form = useForm<CategoryFormValues>({
+    defaultValues: initialData,
+  });
+
+  // Reset the form when data changes (important for edit mode)
+  useEffect(() => {
+    if (data && Object.keys(data).length > 0) {
+      form.reset(initialData);
+      setBackgroundColour(data.background_colour || null);
+    }
+  }, [data, form]);
+
+  const handleCancel = () => {
+    navigate(-1);
+  };
+
+  const handleBgClick = () => {
+    setDisplayBgColorPicker((prev) => !prev);
+    setValueChange(true);
+  };
+
+  const handleBgClose = () => {
+    setDisplayBgColorPicker(false);
+  };
+
+  const onTitleChange = (title: string) => {
+    const slug = maker(title);
+    form.setValue("slug", slug);
+
+    // Update meta fields if they exist
+    if (form.getValues("meta")) {
+      form.setValue("meta.canonical_URL", slug);
+      form.setValue("meta.facebook.canonical_URL", slug);
+      form.setValue("meta.google.canonical_URL", slug);
+      form.setValue("meta.twitter.canonical_URL", slug);
+
+      form.setValue("meta.facebook.title", title);
+      form.setValue("meta.google.title", title);
+      form.setValue("meta.twitter.title", title);
+    }
+
+    setValueChange(true);
+  };
+
+  const onSubmit = (values: CategoryFormValues) => {
+    // Create a new object to avoid modifying the form values directly
+    const submissionValues = { ...values };
+
+    // Always preserve the original ID format from the data
+    if (data.id !== undefined) {
+      submissionValues.id = data.id;
+    }
+
+    // Process meta_fields
+    if (submissionValues.meta_fields) {
+      submissionValues.meta_fields = getJsonValue(
+        submissionValues.meta_fields as string
+      );
+    }
+
+    // Add background color
+    submissionValues.background_colour = backgroundColour;
+
+    // Call the onCreate prop function
+    onCreate(submissionValues);
+  };
+
+  return (
+    <div className="w-full flex justify-center">
+      <div className="max-w-3xl w-full px-4">
+        <div className="text-start mb-4">
+          <h1 className="text-xl font-semibold mb-2">
+            {data && data.id ? "Edit Category" : "Create Category"}
+          </h1>
+          <p className="text-[#666] text-[13px]">
+            Set up a category to help organize by utilizing the advanced options
+            provided below.
+          </p>
+        </div>
+
+        <Form {...form}>
+          <form
+            className="space-y-4 border-t pt-4"
+            onSubmit={form.handleSubmit(onSubmit)}
+            onKeyDown={(e) => {
+              if (
+                e.key === "Enter" &&
+                e.target instanceof HTMLTextAreaElement === false
+              ) {
+                e.preventDefault();
+              }
+            }}
+          >
+            <Accordion
+              type="multiple"
+              value={activeKeys}
+              onValueChange={setActiveKeys}
+              className="w-full"
+            >
+              <AccordionItem
+                value="general"
+                className="rounded-md overflow-hidden mb-4"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">General</span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent className="px-4 pt-4 pb-4">
+                  <div className="grid gap-4">
+                    <FormField
+                      control={form.control}
+                      name="name"
+                      rules={{
+                        required: "Please input the Category name!",
+                        maxLength: {
+                          value: 100,
+                          message: "Name must be maximum 100 characters.",
+                        },
+                      }}
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
+                            Name
+                          </FormLabel>
+                          <TitleInput
+                            {...field}
+                            placeholder="Category name"
+                            onChange={(e) => {
+                              field.onChange(e);
+                              onTitleChange(e.target.value);
+                            }}
+                          />
+                        </FormItem>
+                      )}
+                    />
+
+                    <SlugInput form={form} required={true} />
+
+                    <FormField
+                      control={form.control}
+                      name="parent_id"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Parent Category</FormLabel>
+                          <Selector
+                            action="Categories"
+                            invalidOptions={data?.id ? [String(data.id)] : []}
+                            value={field.value}
+                            onChange={(value) => {
+                              field.onChange(value);
+                              setValueChange(true);
+                            }}
+                          />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name="is_featured"
+                      render={({ field }) => (
+                        <FormItem className="flex flex-row items-center justify-between">
+                          <FormLabel>Featured</FormLabel>
+                          <Switch
+                            checked={field.value}
+                            onCheckedChange={(value) => {
+                              field.onChange(value);
+                              setValueChange(true);
+                            }}
+                          />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name="background_colour"
+                      render={() => (
+                        <FormItem>
+                          <FormLabel>Colour</FormLabel>
+                          <div className="relative w-full">
+                            <div
+                              className="border border-input rounded-md h-9 w-full flex items-center px-3 bg-white shadow-xs cursor-pointer"
+                              onClick={handleBgClick}
+                            >
+                              <div className="flex w-full items-center">
+                                {backgroundColour?.hex ? (
+                                  <div className="flex items-center gap-2 w-full">
+                                    <div
+                                      className="w-5 h-5 rounded-sm"
+                                      style={{
+                                        background: `${backgroundColour?.hex}`,
+                                      }}
+                                    />
+                                    <span className="text-sm">
+                                      {backgroundColour.hex}
+                                    </span>
+                                  </div>
+                                ) : (
+                                  <span className="text-muted-foreground text-sm">
+                                    Select a colour
+                                  </span>
+                                )}
+                              </div>
+                            </div>
+                            {displayBgColorPicker ? (
+                              <div className="absolute z-50 mt-1">
+                                <div
+                                  className="fixed top-0 right-0 bottom-0 left-0"
+                                  onClick={handleBgClose}
+                                />
+                                <SketchPicker
+                                  color={backgroundColour?.hex || "#fff"}
+                                  onChange={(color: ColorResult) => {
+                                    setBackgroundColour(color);
+                                    setValueChange(true);
+                                  }}
+                                />
+                              </div>
+                            ) : null}
+                          </div>
+                        </FormItem>
+                      )}
+                    />
+                    <FormField
+                      control={form.control}
+                      name="description_html"
+                      render={({ field }) => (
+                        <div className="mb-4 sm:mb-6">
+                          <FormLabel className="text-base block mb-2">
+                            Description
+                          </FormLabel>
+                          <DescriptionInput
+                            initialValue={field.value}
+                            onChange={(value) => {
+                              field.onChange(value);
+                              setValueChange(true);
+                            }}
+                            noLabel={true}
+                            rows={5}
+                            inputProps={{
+                              placeholder: "Enter Description...",
+                              style: {
+                                minHeight: "92px",
+                                borderRadius: "0.25rem",
+                                border: "1px solid rgba(0, 0, 0, 0.15)",
+                              },
+                            }}
+                          />
+                        </div>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name="medium_id"
+                      render={({ field }) => (
+                        <FormItem className="mt-4">
+                          <FormLabel>Featured Image</FormLabel>
+                          <MediaSelector
+                            value={field.value}
+                            onChange={(value) => {
+                              field.onChange(value);
+                              setValueChange(true);
+                            }}
+                            containerStyles={{
+                              justifyContent: "center",
+                              width: "100%",
+                              height: isMobile ? "160px" : "220px",
+                            }}
+                          />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+
+            <MetaForm onChange={() => setValueChange(true)} />
+
+            <div className="flex justify-start space-x-4 pt-2">
+              <Button type="button" variant="outline" onClick={handleCancel}>
+                Cancel
+              </Button>
+              <Button disabled={!valueChange} type="submit">
+                {data && data.id ? "Update" : "Create Category"}
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </div>
+    </div>
+  );
+};
+
+export default CategoryForm;
diff --git a/studio/src/pages/categories/components/CategoryList.js b/studio/src/pages/categories/components/CategoryList.js
deleted file mode 100644
index 2522afd10..000000000
--- a/studio/src/pages/categories/components/CategoryList.js
+++ /dev/null
@@ -1,201 +0,0 @@
-import React from 'react';
-import { Button, Table, Space, Typography, Modal, ConfigProvider } from 'antd';
-import { useDispatch } from 'react-redux';
-import { deleteCategory } from '../../../actions/categories';
-import { Link } from 'react-router-dom';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function CategoryList({ actions, data, filters, setFilters, fetchCategories }) {
-  const dispatch = useDispatch();
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemID, setDeleteItemID] = React.useState(null);
-  const history = useNavigation();
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      width: 400,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/categories/${record.id}/edit`}
-          >
-            <Typography.Text style={{ fontSize: '1rem' }} strong>
-              {record.name}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Slug',
-      dataIndex: 'slug',
-      key: 'slug',
-      width: 400,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/categories/${record.id}/edit`}
-          >
-            <Typography.Text style={{ fontSize: '1rem' }} strong>
-              {record.slug}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Parent Category',
-      dataIndex: ['parent_category'],
-      key: 'parent_id',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '150px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/categories/${record.id}/edit`}
-          >
-            <Typography.Text style={{ fontSize: '1rem', color: '#101828' }} strong>
-              {record.parent_category?.name}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      width: 150,
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            <Button
-              size="large"
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemID(record.id);
-              }}
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <Space direction="vertical">
-      <ConfigProvider
-        theme={{
-          components: {
-            Typography: {
-              colorText: '#101828',
-            },
-          },
-        }}
-      >
-        <Table
-          columns={columns}
-          dataSource={data.categories}
-          loading={data.loading}
-          onRow={(record, rowIndex) => {
-            return {
-              onClick: (event) => {
-                history(`/categories/${record.id}/edit`);
-              },
-              onMouseEnter: (event) => {
-                document.body.style.cursor = 'pointer';
-              },
-              onMouseLeave: (event) => {
-                document.body.style.cursor = 'default';
-              },
-            };
-          }}
-          rowKey={'id'}
-          scroll={{
-            x: '1000',
-          }}
-          pagination={{
-            showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-            total: data.total,
-            current: filters.page,
-            pageSize: filters.limit,
-            onChange: (pageNumber, pageSize) =>
-              setFilters({ ...filters, page: pageNumber, limit: pageSize }),
-            pageSizeOptions: ['10', '15', '20'],
-          }}
-        />
-        <Modal
-          open={modalOpen}
-          closable={false}
-          centered
-          width={311}
-          className="delete-modal-container"
-          style={{
-            borderRadius: '18px',
-          }}
-          onOk={(e) => {
-            e.stopPropagation();
-            dispatch(deleteCategory(deleteItemID)).then(() => fetchCategories());
-            setDeleteItemID(null);
-            setModalOpen(false);
-          }}
-          cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-          onCancel={(e) => {
-            e.stopPropagation();
-            setDeleteItemID(null);
-            setModalOpen(false);
-          }}
-        >
-          <Typography.Text strong>Are you sure you want to delete this ?</Typography.Text>
-        </Modal>
-      </ConfigProvider>
-    </Space>
-  );
-}
-
-export default CategoryList;
diff --git a/studio/src/pages/categories/components/CategoryList.test.js b/studio/src/pages/categories/components/CategoryList.test.js
deleted file mode 100644
index 57aa1bd84..000000000
--- a/studio/src/pages/categories/components/CategoryList.test.js
+++ /dev/null
@@ -1,282 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { Popconfirm, Button, Table } from 'antd';
-
-import '../../../matchMedia.mock';
-import CategoriesList from './CategoryList';
-import { deleteCategory } from '../../../actions/categories';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-
-const info = {
-  total: 2,
-  loading: false,
-  categories: [
-    {
-      id: 1,
-      created_at: '2020-09-09T06:49:36.566567Z',
-      updated_at: '2020-09-09T06:49:36.566567Z',
-      deleted_at: null,
-      name: 'Andhra Pradesh',
-      slug: 'andhra-pradesh',
-      description: '',
-      parent_id: 0,
-      medium_id: 0,
-      space_id: 1,
-      posts: null,
-    },
-    {
-      id: 2,
-      created_at: '2020-09-09T06:49:54.027402Z',
-      updated_at: '2020-09-09T06:49:54.027402Z',
-      deleted_at: null,
-      name: 'Telangana',
-      slug: 'telangana',
-      description: '',
-      parent_id: 0,
-      medium_id: 0,
-      space_id: 1,
-      posts: null,
-    },
-  ],
-};
-const filters = {
-  page: 1,
-  limit: 20,
-};
-const setFilters = jest.fn();
-const fetchCategories = jest.fn();
-let state = {
-  categories: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:49:36.566567Z',
-        updated_at: '2020-09-09T06:49:36.566567Z',
-        deleted_at: null,
-        name: 'Andhra Pradesh',
-        slug: 'andhra-pradesh',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 1,
-        posts: null,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-09T06:49:54.027402Z',
-        updated_at: '2020-09-09T06:49:54.027402Z',
-        deleted_at: null,
-        name: 'Telangana',
-        slug: 'telangana',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 1,
-        posts: null,
-      },
-    },
-    loading: false,
-  },
-};
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/categories', () => ({
-  getCategories: jest.fn(),
-  deleteCategory: jest.fn(),
-}));
-
-describe('Categories List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <CategoriesList
-              actions={['update', 'delete']}
-              data={{ categories: [], loading: false, total: 0 }}
-              filters={filters}
-              setFilters={setFilters}
-              fetchCategories={fetchCategories}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.categories.loading = true;
-      store = mockStore(state);
-      const info2 = { ...info };
-      info2.loading = true;
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <CategoriesList
-              actions={['update', 'delete']}
-              data={info2}
-              filters={filters}
-              setFilters={setFilters}
-              fetchCategories={fetchCategories}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with categories', () => {
-      state.categories.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <CategoriesList
-              actions={['update', 'delete']}
-              data={info}
-              filters={filters}
-              setFilters={setFilters}
-              fetchCategories={fetchCategories}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CategoriesList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchCategories={fetchCategories}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete category', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CategoriesList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchCategories={fetchCategories}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-      expect(deleteCategory).toHaveBeenCalled();
-      expect(deleteCategory).toHaveBeenCalledWith(1);
-    });
-    it('should edit category', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CategoriesList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchCategories={fetchCategories}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('Andhra Pradesh');
-      expect(link.prop('to')).toEqual('/categories/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        categories: {
-          req: [],
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CategoriesList
-                actions={['update', 'delete']}
-                data={{ categories: [], loading: false, total: 0 }}
-                filters={filters}
-                setFilters={setFilters}
-                fetchCategories={fetchCategories}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/categories/components/CategoryList.tsx b/studio/src/pages/categories/components/CategoryList.tsx
new file mode 100644
index 000000000..58a2ee6db
--- /dev/null
+++ b/studio/src/pages/categories/components/CategoryList.tsx
@@ -0,0 +1,228 @@
+// components/CategoryList.tsx
+import { useState } from "react";
+import { Link, useNavigate } from "react-router-dom";
+import { Trash2, Pencil, Ellipsis } from "lucide-react";
+import { deleteCategory } from "../../../actions/categories";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import EmptyState from "@/components/EmptyState";
+import { Skeleton } from "@/components/ui/skeleton";
+import { CategoryListProps } from "../types";
+
+function CategoryList({
+  data,
+  fetchCategories,
+  isMobile = false,
+}: CategoryListProps) {
+  const dispatch = useAppDispatch();
+  const [modalOpen, setModalOpen] = useState<boolean>(false);
+  const [deleteItemId, setDeleteItemId] = useState<string | null>(null);
+  const navigate = useNavigate();
+
+  const handleDelete = async (e: React.MouseEvent) => {
+    e.stopPropagation();
+    if (deleteItemId) {
+      await dispatch(deleteCategory(deleteItemId));
+      fetchCategories();
+      setModalOpen(false);
+      setDeleteItemId(null);
+    }
+  };
+
+  const handleRowClick = (id: string) => {
+    navigate(`/categories/${id}/edit`);
+  };
+
+  // Get parent category name helper
+  const getParentCategoryName = (category: any): string => {
+    if (category.parent_category?.name) {
+      return category.parent_category.name;
+    }
+    return "---";
+  };
+
+  // Check if there are any categories to display
+  const hasCategoriesData = data.categories && data.categories.length > 0;
+
+  return (
+    <div className="pb-4 overflow-scroll">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-[40%] text-[13px]">Name</TableHead>
+                <TableHead className="w-[25%] text-[13px]">Slug</TableHead>
+                <TableHead className="w-[25%] text-[13px]">
+                  Parent Category
+                </TableHead>
+                <TableHead className="w-[10%] text-[13px] text-center">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasCategoriesData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-[40%] text-[13px]">Name</TableHead>
+                <TableHead className="w-[25%] text-[13px]">Slug</TableHead>
+                <TableHead className="w-[25%] text-[13px]">
+                  Parent Category
+                </TableHead>
+                <TableHead className="w-[10%] text-[13px] text-center">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.categories.map((category) => (
+                <TableRow
+                  key={category.id}
+                  onClick={() => handleRowClick(category.id.toString())}
+                  className="cursor-pointer"
+                >
+                  <TableCell>
+                    <Link
+                      to={`/categories/${category.id}/edit`}
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      {category.name || "Unnamed Category"}
+                    </Link>
+                  </TableCell>
+                  <TableCell>
+                    <span className="line-clamp-2">{category.slug || "—"}</span>
+                  </TableCell>
+                  <TableCell>
+                    <span className="line-clamp-2">
+                      {getParentCategoryName(category)}
+                    </span>
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            navigate(`/categories/${category.id}/edit`);
+                          }}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            setModalOpen(true);
+                            setDeleteItemId(category.id.toString());
+                          }}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="categories"
+          title="No categories found"
+          description="Your categories list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={modalOpen} onOpenChange={setModalOpen}>
+        <DialogContent className="max-w-sm p-4">
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Category</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this category?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={(e) => {
+                e.stopPropagation();
+                setModalOpen(false);
+                setDeleteItemId(null);
+              }}
+            >
+              Cancel
+            </Button>
+            <Button size="sm" variant="destructive" onClick={handleDelete}>
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+
+export default CategoryList;
diff --git a/studio/src/pages/categories/components/FiltersPopover.tsx b/studio/src/pages/categories/components/FiltersPopover.tsx
new file mode 100644
index 000000000..9684241f0
--- /dev/null
+++ b/studio/src/pages/categories/components/FiltersPopover.tsx
@@ -0,0 +1,49 @@
+// components/FiltersPopover.tsx
+import { Filter } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Form, FormField, FormItem, FormLabel } from "@/components/ui/form";
+import { FiltersPopoverProps } from "../types";
+
+const FiltersPopover = ({
+  form,
+  onSave,
+  hasActiveFilters,
+  isOpen,
+  setIsOpen,
+}: FiltersPopoverProps) => {
+  return (
+    <Form {...form}>
+      <Popover open={isOpen} onOpenChange={setIsOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant={hasActiveFilters ? "default" : "outline"}
+            className="flex items-center gap-2 bg-[#F0F5FF] text-[#0D1D2D] font-normal"
+          >
+            <Filter className="h-4 w-4" />
+            Filters
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="w-80 p-4">
+          <div className="space-y-4">
+            <h3 className="font-medium text-sm">Filters</h3>
+            <div className="space-y-4">
+              {/* Add filter fields here as needed */}
+            </div>
+            <div className="flex justify-end pt-2">
+              <Button type="button" onClick={form.handleSubmit(onSave)}>
+                Apply Filters
+              </Button>
+            </div>
+          </div>
+        </PopoverContent>
+      </Popover>
+    </Form>
+  );
+};
+
+export default FiltersPopover;
diff --git a/studio/src/pages/categories/components/__snapshots__/CategoryForm.test.js.snap b/studio/src/pages/categories/components/__snapshots__/CategoryForm.test.js.snap
deleted file mode 100644
index ea8fe1b55..000000000
--- a/studio/src/pages/categories/components/__snapshots__/CategoryForm.test.js.snap
+++ /dev/null
@@ -1,10235 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Categories Create Form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CategoryForm
-    data={
-      Object {
-        "description": Object {
-          "blocks": Array [
-            Object {
-              "data": Object {
-                "text": "Description",
-              },
-              "type": "paragraph",
-            },
-          ],
-          "time": 1613559903378,
-          "version": "2.19.0",
-        },
-        "medium_id": 2,
-        "name": "Name",
-      }
-    }
-    onCreate={[MockFunction onCreate]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-category",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "description": Object {
-            "blocks": Array [
-              Object {
-                "data": Object {
-                  "text": "Description",
-                },
-                "type": "paragraph",
-              },
-            ],
-            "time": 1613559903378,
-            "version": "2.19.0",
-          },
-          "medium_id": 2,
-          "name": "Name",
-        }
-      }
-      layout="vertical"
-      name="create-category"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-category",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-category"
-          initialValues={
-            Object {
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "text": "Description",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1613559903378,
-                "version": "2.19.0",
-              },
-              "medium_id": 2,
-              "name": "Name",
-            }
-          }
-          name="create-category"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-category"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Category Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Category Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Category Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Category Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Category Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Category Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_name"
-                                          label="Category Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-category_name"
-                                                title="Category Name"
-                                              >
-                                                Category Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Category Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value="Name"
-                                                  >
-                                                    <Input
-                                                      id="create-category_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="Name"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-category_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="Name"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-category_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="Name"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-category_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="Name"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <Row
-                              gutter={40}
-                            >
-                              <div
-                                className="ant-row"
-                                style={
-                                  Object {
-                                    "marginLeft": -20,
-                                    "marginRight": -20,
-                                  }
-                                }
-                              >
-                                <Col
-                                  md={
-                                    Object {
-                                      "span": 16,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-col ant-col-md-16"
-                                    style={
-                                      Object {
-                                        "paddingLeft": 20,
-                                        "paddingRight": 20,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      label="Parent Category"
-                                      name="parent_id"
-                                    >
-                                      <WrapperField
-                                        label="Parent Category"
-                                        messageVariables={
-                                          Object {
-                                            "label": "Parent Category",
-                                          }
-                                        }
-                                        name="parent_id"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": "create-category",
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_parent_id"
-                                          label="Parent Category"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Parent Category",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "parent_id",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="value"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="create-category_parent_id"
-                                                label="Parent Category"
-                                                name="parent_id"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-label"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-label"
-                                                    style={Object {}}
-                                                  >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="create-category_parent_id"
-                                                      title="Parent Category"
-                                                    >
-                                                      Parent Category
-                                                    </label>
-                                                  </div>
-                                                </Col>
-                                              </FormItemLabel>
-                                              <FormItemInput
-                                                errors={Array []}
-                                                label="Parent Category"
-                                                name={
-                                                  Array [
-                                                    "parent_id",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Selector
-                                                            action="Categories"
-                                                            id="create-category_parent_id"
-                                                            invalidOptions={
-                                                              Array [
-                                                                undefined,
-                                                              ]
-                                                            }
-                                                            onChange={[Function]}
-                                                            setLoading={false}
-                                                          >
-                                                            <ForwardRef(InternalSelect)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              bordered={true}
-                                                              defaultValue={
-                                                                Array [
-                                                                  Array [],
-                                                                ]
-                                                              }
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              listHeight={128}
-                                                              loading={false}
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select categories"
-                                                              searchValue=""
-                                                              value={
-                                                                Array [
-                                                                  Array [],
-                                                                ]
-                                                              }
-                                                            >
-                                                              <Select
-                                                                allowClear={true}
-                                                                autoClearSearchValue={true}
-                                                                className=""
-                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                defaultValue={
-                                                                  Array [
-                                                                    Array [],
-                                                                  ]
-                                                                }
-                                                                dropdownClassName=""
-                                                                filterOption={[Function]}
-                                                                getPopupContainer={[Function]}
-                                                                inputIcon={[Function]}
-                                                                listHeight={128}
-                                                                listItemHeight={24}
-                                                                loading={false}
-                                                                menuItemSelectedIcon={null}
-                                                                notFoundContent={null}
-                                                                onChange={[Function]}
-                                                                onPopupScroll={[Function]}
-                                                                onSearch={[Function]}
-                                                                placeholder="Select categories"
-                                                                prefixCls="ant-select"
-                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                searchValue=""
-                                                                transitionName="ant-slide-up"
-                                                                value={
-                                                                  Array [
-                                                                    Array [],
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <ForwardRef(Select)
-                                                                  allowClear={true}
-                                                                  autoClearSearchValue={true}
-                                                                  className=""
-                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                  defaultValue={
-                                                                    Array [
-                                                                      Array [],
-                                                                    ]
-                                                                  }
-                                                                  dropdownClassName=""
-                                                                  filterOption={[Function]}
-                                                                  getPopupContainer={[Function]}
-                                                                  inputIcon={[Function]}
-                                                                  listHeight={128}
-                                                                  listItemHeight={24}
-                                                                  loading={false}
-                                                                  menuItemSelectedIcon={null}
-                                                                  notFoundContent={null}
-                                                                  onChange={[Function]}
-                                                                  onPopupScroll={[Function]}
-                                                                  onSearch={[Function]}
-                                                                  placeholder="Select categories"
-                                                                  prefixCls="ant-select"
-                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                  searchValue=""
-                                                                  transitionName="ant-slide-up"
-                                                                  value={
-                                                                    Array [
-                                                                      Array [],
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <div
-                                                                    className="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
-                                                                    onBlur={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    onKeyUp={[Function]}
-                                                                    onMouseDown={[Function]}
-                                                                  >
-                                                                    <SelectTrigger
-                                                                      containerWidth={null}
-                                                                      dropdownClassName=""
-                                                                      empty={true}
-                                                                      getPopupContainer={[Function]}
-                                                                      getTriggerDOMNode={[Function]}
-                                                                      popupElement={
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={null}
-                                                                          multiple={false}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={
-                                                                            Set {
-                                                                              Array [],
-                                                                            }
-                                                                          }
-                                                                          virtual={true}
-                                                                        />
-                                                                      }
-                                                                      prefixCls="ant-select"
-                                                                      transitionName="ant-slide-up"
-                                                                      visible={false}
-                                                                    >
-                                                                      <Trigger
-                                                                        action={Array []}
-                                                                        afterPopupVisibleChange={[Function]}
-                                                                        autoDestroy={false}
-                                                                        blurDelay={0.15}
-                                                                        builtinPlacements={
-                                                                          Object {
-                                                                            "bottomLeft": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "tl",
-                                                                                "bl",
-                                                                              ],
-                                                                            },
-                                                                            "bottomRight": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "tr",
-                                                                                "br",
-                                                                              ],
-                                                                            },
-                                                                            "topLeft": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                -4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "bl",
-                                                                                "tl",
-                                                                              ],
-                                                                            },
-                                                                            "topRight": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                -4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "br",
-                                                                                "tr",
-                                                                              ],
-                                                                            },
-                                                                          }
-                                                                        }
-                                                                        defaultPopupVisible={false}
-                                                                        destroyPopupOnHide={false}
-                                                                        focusDelay={0}
-                                                                        getDocument={[Function]}
-                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                        getPopupContainer={[Function]}
-                                                                        getTriggerDOMNode={[Function]}
-                                                                        hideAction={Array []}
-                                                                        mask={false}
-                                                                        maskClosable={true}
-                                                                        mouseEnterDelay={0}
-                                                                        mouseLeaveDelay={0.1}
-                                                                        onPopupAlign={[Function]}
-                                                                        onPopupVisibleChange={[Function]}
-                                                                        popup={
-                                                                          <div>
-                                                                            <ForwardRef(OptionList)
-                                                                              childrenAsData={true}
-                                                                              defaultActiveFirstOption={true}
-                                                                              flattenOptions={Array []}
-                                                                              height={128}
-                                                                              id="rc_select_TEST_OR_SSR"
-                                                                              itemHeight={24}
-                                                                              menuItemSelectedIcon={null}
-                                                                              multiple={false}
-                                                                              notFoundContent={null}
-                                                                              onActiveValue={[Function]}
-                                                                              onMouseEnter={[Function]}
-                                                                              onScroll={[Function]}
-                                                                              onSelect={[Function]}
-                                                                              onToggleOpen={[Function]}
-                                                                              options={Array []}
-                                                                              prefixCls="ant-select"
-                                                                              searchValue=""
-                                                                              values={
-                                                                                Set {
-                                                                                  Array [],
-                                                                                }
-                                                                              }
-                                                                              virtual={true}
-                                                                            />
-                                                                          </div>
-                                                                        }
-                                                                        popupAlign={Object {}}
-                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                        popupPlacement="bottomLeft"
-                                                                        popupStyle={
-                                                                          Object {
-                                                                            "minWidth": null,
-                                                                            "width": null,
-                                                                          }
-                                                                        }
-                                                                        popupTransitionName="ant-slide-up"
-                                                                        popupVisible={false}
-                                                                        prefixCls="ant-select-dropdown"
-                                                                        showAction={Array []}
-                                                                      >
-                                                                        <Selector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={
-                                                                            Array [
-                                                                              Array [],
-                                                                            ]
-                                                                          }
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <span
-                                                                                  class="ant-select-selection-search"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                </span>
-                                                                                <span
-                                                                                  class="ant-select-selection-item"
-                                                                                />
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={[Function]}
-                                                                          key="trigger"
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={false}
-                                                                          menuItemSelectedIcon={null}
-                                                                          multiple={false}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select categories"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={false}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={
-                                                                            Array [
-                                                                              Array [],
-                                                                            ]
-                                                                          }
-                                                                          values={
-                                                                            Array [
-                                                                              Object {
-                                                                                "disabled": undefined,
-                                                                                "isCacheable": true,
-                                                                                "key": Array [],
-                                                                                "label": Array [],
-                                                                                "value": Array [],
-                                                                              },
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <div
-                                                                            className="ant-select-selector"
-                                                                            onClick={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                          >
-                                                                            <SingleSelector
-                                                                              accessibilityIndex={0}
-                                                                              activeValue={null}
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              className=""
-                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  Array [],
-                                                                                ]
-                                                                              }
-                                                                              domRef={
-                                                                                Object {
-                                                                                  "current": <div
-                                                                                    class="ant-select-selector"
-                                                                                  >
-                                                                                    <span
-                                                                                      class="ant-select-selection-search"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </span>
-                                                                                    <span
-                                                                                      class="ant-select-selection-item"
-                                                                                    />
-                                                                                  </div>,
-                                                                                }
-                                                                              }
-                                                                              dropdownClassName=""
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              id="rc_select_TEST_OR_SSR"
-                                                                              inputElement={null}
-                                                                              inputIcon={[Function]}
-                                                                              inputRef={
-                                                                                Object {
-                                                                                  "current": <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />,
-                                                                                }
-                                                                              }
-                                                                              listHeight={128}
-                                                                              listItemHeight={24}
-                                                                              loading={false}
-                                                                              menuItemSelectedIcon={null}
-                                                                              multiple={false}
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onInputChange={[Function]}
-                                                                              onInputCompositionEnd={[Function]}
-                                                                              onInputCompositionStart={[Function]}
-                                                                              onInputKeyDown={[Function]}
-                                                                              onInputMouseDown={[Function]}
-                                                                              onInputPaste={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              onSearchSubmit={[Function]}
-                                                                              onSelect={[Function]}
-                                                                              onToggleOpen={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              prefixCls="ant-select"
-                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                              searchValue=""
-                                                                              showSearch={false}
-                                                                              tokenWithEnter={false}
-                                                                              transitionName="ant-slide-up"
-                                                                              value={
-                                                                                Array [
-                                                                                  Array [],
-                                                                                ]
-                                                                              }
-                                                                              values={
-                                                                                Array [
-                                                                                  Object {
-                                                                                    "disabled": undefined,
-                                                                                    "isCacheable": true,
-                                                                                    "key": Array [],
-                                                                                    "label": Array [],
-                                                                                    "value": Array [],
-                                                                                  },
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <span
-                                                                                className="ant-select-selection-search"
-                                                                              >
-                                                                                <Input
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autoComplete="off"
-                                                                                    className="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    onChange={[Function]}
-                                                                                    onCompositionEnd={[Function]}
-                                                                                    onCompositionStart={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                    onPaste={[Function]}
-                                                                                    readOnly={true}
-                                                                                    role="combobox"
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "opacity": 0,
-                                                                                      }
-                                                                                    }
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                </Input>
-                                                                              </span>
-                                                                              <span
-                                                                                className="ant-select-selection-item"
-                                                                              />
-                                                                            </SingleSelector>
-                                                                          </div>
-                                                                        </Selector>
-                                                                      </Trigger>
-                                                                    </SelectTrigger>
-                                                                    <TransBtn
-                                                                      className="ant-select-arrow"
-                                                                      customizeIcon={[Function]}
-                                                                      customizeIconProps={
-                                                                        Object {
-                                                                          "focused": false,
-                                                                          "loading": false,
-                                                                          "open": undefined,
-                                                                          "searchValue": "",
-                                                                          "showSearch": false,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-arrow"
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(DownOutlined)
-                                                                          className="ant-select-suffix"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            className="ant-select-suffix"
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "down",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="down"
-                                                                              className="anticon anticon-down ant-select-suffix"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "down",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="down"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-down"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                                    key="svg-down-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(DownOutlined)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                    <TransBtn
-                                                                      className="ant-select-clear"
-                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-clear"
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "close-circle",
-                                                                                "theme": "filled",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="close-circle"
-                                                                              className="anticon anticon-close-circle"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "close-circle",
-                                                                                    "theme": "filled",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="close-circle"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-close-circle"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                    key="svg-close-circle-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                  </div>
-                                                                </ForwardRef(Select)>
-                                                              </Select>
-                                                            </ForwardRef(InternalSelect)>
-                                                          </Selector>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Col>
-                                <Col
-                                  md={
-                                    Object {
-                                      "span": 5,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-col ant-col-md-5"
-                                    style={
-                                      Object {
-                                        "paddingLeft": 20,
-                                        "paddingRight": 20,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      label="Featured"
-                                      name="is_featured"
-                                      valuePropName="checked"
-                                    >
-                                      <WrapperField
-                                        label="Featured"
-                                        messageVariables={
-                                          Object {
-                                            "label": "Featured",
-                                          }
-                                        }
-                                        name="is_featured"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="checked"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": "create-category",
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_is_featured"
-                                          label="Featured"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Featured",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "is_featured",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="checked"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="create-category_is_featured"
-                                                label="Featured"
-                                                name="is_featured"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                                valuePropName="checked"
-                                              >
-                                                <Col
-                                                  className="ant-form-item-label"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-label"
-                                                    style={Object {}}
-                                                  >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="create-category_is_featured"
-                                                      title="Featured"
-                                                    >
-                                                      Featured
-                                                    </label>
-                                                  </div>
-                                                </Col>
-                                              </FormItemLabel>
-                                              <FormItemInput
-                                                errors={Array []}
-                                                label="Featured"
-                                                name={
-                                                  Array [
-                                                    "is_featured",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                                valuePropName="checked"
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Switch
-                                                            id="create-category_is_featured"
-                                                            onChange={[Function]}
-                                                          >
-                                                            <Wave
-                                                              insertExtraNode={true}
-                                                            >
-                                                              <Switch
-                                                                className=""
-                                                                id="create-category_is_featured"
-                                                                loadingIcon={
-                                                                  <div
-                                                                    className="ant-switch-handle"
-                                                                  />
-                                                                }
-                                                                onChange={[Function]}
-                                                                prefixCls="ant-switch"
-                                                              >
-                                                                <button
-                                                                  aria-checked={false}
-                                                                  className="ant-switch"
-                                                                  id="create-category_is_featured"
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  role="switch"
-                                                                  type="button"
-                                                                >
-                                                                  <div
-                                                                    className="ant-switch-handle"
-                                                                  />
-                                                                  <span
-                                                                    className="ant-switch-inner"
-                                                                  />
-                                                                </button>
-                                                              </Switch>
-                                                            </Wave>
-                                                          </Switch>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Col>
-                              </div>
-                            </Row>
-                            <FormItem
-                              label="Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-category",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-category_background_colour"
-                                        label="Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-category_background_colour"
-                                              title="Colour"
-                                            >
-                                              Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="create-category_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <SlugInput
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-category_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-category_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-category_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-category_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-category_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-category",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-category_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-category_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value={2}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-category_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                    value={2}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-category_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value={
-                                                      Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "Description",
-                                                            },
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1613559903378,
-                                                        "version": "2.19.0",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="create-category_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                      value={
-                                                        Object {
-                                                          "blocks": Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "text": "Description",
-                                                              },
-                                                              "type": "paragraph",
-                                                            },
-                                                          ],
-                                                          "time": 1613559903378,
-                                                          "version": "2.19.0",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm
-                          form={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "create-category",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                            }
-                          }
-                          formData={
-                            Object {
-                              "description": Object {
-                                "blocks": Array [
-                                  Object {
-                                    "data": Object {
-                                      "text": "Description",
-                                    },
-                                    "type": "paragraph",
-                                  },
-                                ],
-                                "time": 1613559903378,
-                                "version": "2.19.0",
-                              },
-                              "medium_id": 2,
-                              "name": "Name",
-                            }
-                          }
-                        >
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </CategoryForm>
-</Provider>
-`;
-
-exports[`Categories Create Form component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CategoryForm
-    data={Array []}
-    onCreate={[MockFunction onCreate]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-category",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="create-category"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-category",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-category"
-          initialValues={Object {}}
-          name="create-category"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-category"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Category Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Category Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Category Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Category Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Category Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Category Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_name"
-                                          label="Category Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-category_name"
-                                                title="Category Name"
-                                              >
-                                                Category Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Category Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-category_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-category_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-category_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-category_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <Row
-                              gutter={40}
-                            >
-                              <div
-                                className="ant-row"
-                                style={
-                                  Object {
-                                    "marginLeft": -20,
-                                    "marginRight": -20,
-                                  }
-                                }
-                              >
-                                <Col
-                                  md={
-                                    Object {
-                                      "span": 16,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-col ant-col-md-16"
-                                    style={
-                                      Object {
-                                        "paddingLeft": 20,
-                                        "paddingRight": 20,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      label="Parent Category"
-                                      name="parent_id"
-                                    >
-                                      <WrapperField
-                                        label="Parent Category"
-                                        messageVariables={
-                                          Object {
-                                            "label": "Parent Category",
-                                          }
-                                        }
-                                        name="parent_id"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": "create-category",
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_parent_id"
-                                          label="Parent Category"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Parent Category",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "parent_id",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="value"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="create-category_parent_id"
-                                                label="Parent Category"
-                                                name="parent_id"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-label"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-label"
-                                                    style={Object {}}
-                                                  >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="create-category_parent_id"
-                                                      title="Parent Category"
-                                                    >
-                                                      Parent Category
-                                                    </label>
-                                                  </div>
-                                                </Col>
-                                              </FormItemLabel>
-                                              <FormItemInput
-                                                errors={Array []}
-                                                label="Parent Category"
-                                                name={
-                                                  Array [
-                                                    "parent_id",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Selector
-                                                            action="Categories"
-                                                            id="create-category_parent_id"
-                                                            invalidOptions={
-                                                              Array [
-                                                                undefined,
-                                                              ]
-                                                            }
-                                                            onChange={[Function]}
-                                                            setLoading={false}
-                                                          >
-                                                            <ForwardRef(InternalSelect)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              bordered={true}
-                                                              defaultValue={
-                                                                Array [
-                                                                  Array [],
-                                                                ]
-                                                              }
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              listHeight={128}
-                                                              loading={false}
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select categories"
-                                                              searchValue=""
-                                                              value={
-                                                                Array [
-                                                                  Array [],
-                                                                ]
-                                                              }
-                                                            >
-                                                              <Select
-                                                                allowClear={true}
-                                                                autoClearSearchValue={true}
-                                                                className=""
-                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                defaultValue={
-                                                                  Array [
-                                                                    Array [],
-                                                                  ]
-                                                                }
-                                                                dropdownClassName=""
-                                                                filterOption={[Function]}
-                                                                getPopupContainer={[Function]}
-                                                                inputIcon={[Function]}
-                                                                listHeight={128}
-                                                                listItemHeight={24}
-                                                                loading={false}
-                                                                menuItemSelectedIcon={null}
-                                                                notFoundContent={null}
-                                                                onChange={[Function]}
-                                                                onPopupScroll={[Function]}
-                                                                onSearch={[Function]}
-                                                                placeholder="Select categories"
-                                                                prefixCls="ant-select"
-                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                searchValue=""
-                                                                transitionName="ant-slide-up"
-                                                                value={
-                                                                  Array [
-                                                                    Array [],
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <ForwardRef(Select)
-                                                                  allowClear={true}
-                                                                  autoClearSearchValue={true}
-                                                                  className=""
-                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                  defaultValue={
-                                                                    Array [
-                                                                      Array [],
-                                                                    ]
-                                                                  }
-                                                                  dropdownClassName=""
-                                                                  filterOption={[Function]}
-                                                                  getPopupContainer={[Function]}
-                                                                  inputIcon={[Function]}
-                                                                  listHeight={128}
-                                                                  listItemHeight={24}
-                                                                  loading={false}
-                                                                  menuItemSelectedIcon={null}
-                                                                  notFoundContent={null}
-                                                                  onChange={[Function]}
-                                                                  onPopupScroll={[Function]}
-                                                                  onSearch={[Function]}
-                                                                  placeholder="Select categories"
-                                                                  prefixCls="ant-select"
-                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                  searchValue=""
-                                                                  transitionName="ant-slide-up"
-                                                                  value={
-                                                                    Array [
-                                                                      Array [],
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <div
-                                                                    className="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
-                                                                    onBlur={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    onKeyUp={[Function]}
-                                                                    onMouseDown={[Function]}
-                                                                  >
-                                                                    <SelectTrigger
-                                                                      containerWidth={null}
-                                                                      dropdownClassName=""
-                                                                      empty={true}
-                                                                      getPopupContainer={[Function]}
-                                                                      getTriggerDOMNode={[Function]}
-                                                                      popupElement={
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={null}
-                                                                          multiple={false}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={
-                                                                            Set {
-                                                                              Array [],
-                                                                            }
-                                                                          }
-                                                                          virtual={true}
-                                                                        />
-                                                                      }
-                                                                      prefixCls="ant-select"
-                                                                      transitionName="ant-slide-up"
-                                                                      visible={false}
-                                                                    >
-                                                                      <Trigger
-                                                                        action={Array []}
-                                                                        afterPopupVisibleChange={[Function]}
-                                                                        autoDestroy={false}
-                                                                        blurDelay={0.15}
-                                                                        builtinPlacements={
-                                                                          Object {
-                                                                            "bottomLeft": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "tl",
-                                                                                "bl",
-                                                                              ],
-                                                                            },
-                                                                            "bottomRight": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "tr",
-                                                                                "br",
-                                                                              ],
-                                                                            },
-                                                                            "topLeft": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                -4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "bl",
-                                                                                "tl",
-                                                                              ],
-                                                                            },
-                                                                            "topRight": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                -4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "br",
-                                                                                "tr",
-                                                                              ],
-                                                                            },
-                                                                          }
-                                                                        }
-                                                                        defaultPopupVisible={false}
-                                                                        destroyPopupOnHide={false}
-                                                                        focusDelay={0}
-                                                                        getDocument={[Function]}
-                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                        getPopupContainer={[Function]}
-                                                                        getTriggerDOMNode={[Function]}
-                                                                        hideAction={Array []}
-                                                                        mask={false}
-                                                                        maskClosable={true}
-                                                                        mouseEnterDelay={0}
-                                                                        mouseLeaveDelay={0.1}
-                                                                        onPopupAlign={[Function]}
-                                                                        onPopupVisibleChange={[Function]}
-                                                                        popup={
-                                                                          <div>
-                                                                            <ForwardRef(OptionList)
-                                                                              childrenAsData={true}
-                                                                              defaultActiveFirstOption={true}
-                                                                              flattenOptions={Array []}
-                                                                              height={128}
-                                                                              id="rc_select_TEST_OR_SSR"
-                                                                              itemHeight={24}
-                                                                              menuItemSelectedIcon={null}
-                                                                              multiple={false}
-                                                                              notFoundContent={null}
-                                                                              onActiveValue={[Function]}
-                                                                              onMouseEnter={[Function]}
-                                                                              onScroll={[Function]}
-                                                                              onSelect={[Function]}
-                                                                              onToggleOpen={[Function]}
-                                                                              options={Array []}
-                                                                              prefixCls="ant-select"
-                                                                              searchValue=""
-                                                                              values={
-                                                                                Set {
-                                                                                  Array [],
-                                                                                }
-                                                                              }
-                                                                              virtual={true}
-                                                                            />
-                                                                          </div>
-                                                                        }
-                                                                        popupAlign={Object {}}
-                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                        popupPlacement="bottomLeft"
-                                                                        popupStyle={
-                                                                          Object {
-                                                                            "minWidth": null,
-                                                                            "width": null,
-                                                                          }
-                                                                        }
-                                                                        popupTransitionName="ant-slide-up"
-                                                                        popupVisible={false}
-                                                                        prefixCls="ant-select-dropdown"
-                                                                        showAction={Array []}
-                                                                      >
-                                                                        <Selector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={
-                                                                            Array [
-                                                                              Array [],
-                                                                            ]
-                                                                          }
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <span
-                                                                                  class="ant-select-selection-search"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                </span>
-                                                                                <span
-                                                                                  class="ant-select-selection-item"
-                                                                                />
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={[Function]}
-                                                                          key="trigger"
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={false}
-                                                                          menuItemSelectedIcon={null}
-                                                                          multiple={false}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select categories"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={false}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={
-                                                                            Array [
-                                                                              Array [],
-                                                                            ]
-                                                                          }
-                                                                          values={
-                                                                            Array [
-                                                                              Object {
-                                                                                "disabled": undefined,
-                                                                                "isCacheable": true,
-                                                                                "key": Array [],
-                                                                                "label": Array [],
-                                                                                "value": Array [],
-                                                                              },
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <div
-                                                                            className="ant-select-selector"
-                                                                            onClick={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                          >
-                                                                            <SingleSelector
-                                                                              accessibilityIndex={0}
-                                                                              activeValue={null}
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              className=""
-                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  Array [],
-                                                                                ]
-                                                                              }
-                                                                              domRef={
-                                                                                Object {
-                                                                                  "current": <div
-                                                                                    class="ant-select-selector"
-                                                                                  >
-                                                                                    <span
-                                                                                      class="ant-select-selection-search"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </span>
-                                                                                    <span
-                                                                                      class="ant-select-selection-item"
-                                                                                    />
-                                                                                  </div>,
-                                                                                }
-                                                                              }
-                                                                              dropdownClassName=""
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              id="rc_select_TEST_OR_SSR"
-                                                                              inputElement={null}
-                                                                              inputIcon={[Function]}
-                                                                              inputRef={
-                                                                                Object {
-                                                                                  "current": <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />,
-                                                                                }
-                                                                              }
-                                                                              listHeight={128}
-                                                                              listItemHeight={24}
-                                                                              loading={false}
-                                                                              menuItemSelectedIcon={null}
-                                                                              multiple={false}
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onInputChange={[Function]}
-                                                                              onInputCompositionEnd={[Function]}
-                                                                              onInputCompositionStart={[Function]}
-                                                                              onInputKeyDown={[Function]}
-                                                                              onInputMouseDown={[Function]}
-                                                                              onInputPaste={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              onSearchSubmit={[Function]}
-                                                                              onSelect={[Function]}
-                                                                              onToggleOpen={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              prefixCls="ant-select"
-                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                              searchValue=""
-                                                                              showSearch={false}
-                                                                              tokenWithEnter={false}
-                                                                              transitionName="ant-slide-up"
-                                                                              value={
-                                                                                Array [
-                                                                                  Array [],
-                                                                                ]
-                                                                              }
-                                                                              values={
-                                                                                Array [
-                                                                                  Object {
-                                                                                    "disabled": undefined,
-                                                                                    "isCacheable": true,
-                                                                                    "key": Array [],
-                                                                                    "label": Array [],
-                                                                                    "value": Array [],
-                                                                                  },
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <span
-                                                                                className="ant-select-selection-search"
-                                                                              >
-                                                                                <Input
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autoComplete="off"
-                                                                                    className="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    onChange={[Function]}
-                                                                                    onCompositionEnd={[Function]}
-                                                                                    onCompositionStart={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                    onPaste={[Function]}
-                                                                                    readOnly={true}
-                                                                                    role="combobox"
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "opacity": 0,
-                                                                                      }
-                                                                                    }
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                </Input>
-                                                                              </span>
-                                                                              <span
-                                                                                className="ant-select-selection-item"
-                                                                              />
-                                                                            </SingleSelector>
-                                                                          </div>
-                                                                        </Selector>
-                                                                      </Trigger>
-                                                                    </SelectTrigger>
-                                                                    <TransBtn
-                                                                      className="ant-select-arrow"
-                                                                      customizeIcon={[Function]}
-                                                                      customizeIconProps={
-                                                                        Object {
-                                                                          "focused": false,
-                                                                          "loading": false,
-                                                                          "open": undefined,
-                                                                          "searchValue": "",
-                                                                          "showSearch": false,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-arrow"
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(DownOutlined)
-                                                                          className="ant-select-suffix"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            className="ant-select-suffix"
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "down",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="down"
-                                                                              className="anticon anticon-down ant-select-suffix"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "down",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="down"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-down"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                                    key="svg-down-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(DownOutlined)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                    <TransBtn
-                                                                      className="ant-select-clear"
-                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-clear"
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "close-circle",
-                                                                                "theme": "filled",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="close-circle"
-                                                                              className="anticon anticon-close-circle"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "close-circle",
-                                                                                    "theme": "filled",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="close-circle"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-close-circle"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                    key="svg-close-circle-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                  </div>
-                                                                </ForwardRef(Select)>
-                                                              </Select>
-                                                            </ForwardRef(InternalSelect)>
-                                                          </Selector>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Col>
-                                <Col
-                                  md={
-                                    Object {
-                                      "span": 5,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-col ant-col-md-5"
-                                    style={
-                                      Object {
-                                        "paddingLeft": 20,
-                                        "paddingRight": 20,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      label="Featured"
-                                      name="is_featured"
-                                      valuePropName="checked"
-                                    >
-                                      <WrapperField
-                                        label="Featured"
-                                        messageVariables={
-                                          Object {
-                                            "label": "Featured",
-                                          }
-                                        }
-                                        name="is_featured"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="checked"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": "create-category",
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_is_featured"
-                                          label="Featured"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Featured",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "is_featured",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="checked"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="create-category_is_featured"
-                                                label="Featured"
-                                                name="is_featured"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                                valuePropName="checked"
-                                              >
-                                                <Col
-                                                  className="ant-form-item-label"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-label"
-                                                    style={Object {}}
-                                                  >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="create-category_is_featured"
-                                                      title="Featured"
-                                                    >
-                                                      Featured
-                                                    </label>
-                                                  </div>
-                                                </Col>
-                                              </FormItemLabel>
-                                              <FormItemInput
-                                                errors={Array []}
-                                                label="Featured"
-                                                name={
-                                                  Array [
-                                                    "is_featured",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                                valuePropName="checked"
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Switch
-                                                            id="create-category_is_featured"
-                                                            onChange={[Function]}
-                                                          >
-                                                            <Wave
-                                                              insertExtraNode={true}
-                                                            >
-                                                              <Switch
-                                                                className=""
-                                                                id="create-category_is_featured"
-                                                                loadingIcon={
-                                                                  <div
-                                                                    className="ant-switch-handle"
-                                                                  />
-                                                                }
-                                                                onChange={[Function]}
-                                                                prefixCls="ant-switch"
-                                                              >
-                                                                <button
-                                                                  aria-checked={false}
-                                                                  className="ant-switch"
-                                                                  id="create-category_is_featured"
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  role="switch"
-                                                                  type="button"
-                                                                >
-                                                                  <div
-                                                                    className="ant-switch-handle"
-                                                                  />
-                                                                  <span
-                                                                    className="ant-switch-inner"
-                                                                  />
-                                                                </button>
-                                                              </Switch>
-                                                            </Wave>
-                                                          </Switch>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Col>
-                              </div>
-                            </Row>
-                            <FormItem
-                              label="Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-category",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-category_background_colour"
-                                        label="Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-category_background_colour"
-                                              title="Colour"
-                                            >
-                                              Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="create-category_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <SlugInput
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-category_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-category_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-category_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-category_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-category_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-category",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-category_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-category_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-category_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-category_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="create-category_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm
-                          form={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "create-category",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                            }
-                          }
-                          formData={Array []}
-                        >
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </CategoryForm>
-</Provider>
-`;
-
-exports[`Categories Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CategoryForm
-    onCreate={[MockFunction onCreate]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-category",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="create-category"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-category",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-category"
-          initialValues={Object {}}
-          name="create-category"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-category"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Category Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Category Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Category Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Category Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Category Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Category Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_name"
-                                          label="Category Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-category_name"
-                                                title="Category Name"
-                                              >
-                                                Category Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Category Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-category_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-category_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-category_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-category_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <Row
-                              gutter={40}
-                            >
-                              <div
-                                className="ant-row"
-                                style={
-                                  Object {
-                                    "marginLeft": -20,
-                                    "marginRight": -20,
-                                  }
-                                }
-                              >
-                                <Col
-                                  md={
-                                    Object {
-                                      "span": 16,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-col ant-col-md-16"
-                                    style={
-                                      Object {
-                                        "paddingLeft": 20,
-                                        "paddingRight": 20,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      label="Parent Category"
-                                      name="parent_id"
-                                    >
-                                      <WrapperField
-                                        label="Parent Category"
-                                        messageVariables={
-                                          Object {
-                                            "label": "Parent Category",
-                                          }
-                                        }
-                                        name="parent_id"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": "create-category",
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_parent_id"
-                                          label="Parent Category"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Parent Category",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "parent_id",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="value"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="create-category_parent_id"
-                                                label="Parent Category"
-                                                name="parent_id"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-label"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-label"
-                                                    style={Object {}}
-                                                  >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="create-category_parent_id"
-                                                      title="Parent Category"
-                                                    >
-                                                      Parent Category
-                                                    </label>
-                                                  </div>
-                                                </Col>
-                                              </FormItemLabel>
-                                              <FormItemInput
-                                                errors={Array []}
-                                                label="Parent Category"
-                                                name={
-                                                  Array [
-                                                    "parent_id",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Selector
-                                                            action="Categories"
-                                                            id="create-category_parent_id"
-                                                            invalidOptions={
-                                                              Array [
-                                                                undefined,
-                                                              ]
-                                                            }
-                                                            onChange={[Function]}
-                                                            setLoading={false}
-                                                          >
-                                                            <ForwardRef(InternalSelect)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              bordered={true}
-                                                              defaultValue={
-                                                                Array [
-                                                                  Array [],
-                                                                ]
-                                                              }
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              listHeight={128}
-                                                              loading={false}
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select categories"
-                                                              searchValue=""
-                                                              value={
-                                                                Array [
-                                                                  Array [],
-                                                                ]
-                                                              }
-                                                            >
-                                                              <Select
-                                                                allowClear={true}
-                                                                autoClearSearchValue={true}
-                                                                className=""
-                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                defaultValue={
-                                                                  Array [
-                                                                    Array [],
-                                                                  ]
-                                                                }
-                                                                dropdownClassName=""
-                                                                filterOption={[Function]}
-                                                                getPopupContainer={[Function]}
-                                                                inputIcon={[Function]}
-                                                                listHeight={128}
-                                                                listItemHeight={24}
-                                                                loading={false}
-                                                                menuItemSelectedIcon={null}
-                                                                notFoundContent={null}
-                                                                onChange={[Function]}
-                                                                onPopupScroll={[Function]}
-                                                                onSearch={[Function]}
-                                                                placeholder="Select categories"
-                                                                prefixCls="ant-select"
-                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                searchValue=""
-                                                                transitionName="ant-slide-up"
-                                                                value={
-                                                                  Array [
-                                                                    Array [],
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <ForwardRef(Select)
-                                                                  allowClear={true}
-                                                                  autoClearSearchValue={true}
-                                                                  className=""
-                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                  defaultValue={
-                                                                    Array [
-                                                                      Array [],
-                                                                    ]
-                                                                  }
-                                                                  dropdownClassName=""
-                                                                  filterOption={[Function]}
-                                                                  getPopupContainer={[Function]}
-                                                                  inputIcon={[Function]}
-                                                                  listHeight={128}
-                                                                  listItemHeight={24}
-                                                                  loading={false}
-                                                                  menuItemSelectedIcon={null}
-                                                                  notFoundContent={null}
-                                                                  onChange={[Function]}
-                                                                  onPopupScroll={[Function]}
-                                                                  onSearch={[Function]}
-                                                                  placeholder="Select categories"
-                                                                  prefixCls="ant-select"
-                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                  searchValue=""
-                                                                  transitionName="ant-slide-up"
-                                                                  value={
-                                                                    Array [
-                                                                      Array [],
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <div
-                                                                    className="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
-                                                                    onBlur={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    onKeyUp={[Function]}
-                                                                    onMouseDown={[Function]}
-                                                                  >
-                                                                    <SelectTrigger
-                                                                      containerWidth={null}
-                                                                      dropdownClassName=""
-                                                                      empty={true}
-                                                                      getPopupContainer={[Function]}
-                                                                      getTriggerDOMNode={[Function]}
-                                                                      popupElement={
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={null}
-                                                                          multiple={false}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={
-                                                                            Set {
-                                                                              Array [],
-                                                                            }
-                                                                          }
-                                                                          virtual={true}
-                                                                        />
-                                                                      }
-                                                                      prefixCls="ant-select"
-                                                                      transitionName="ant-slide-up"
-                                                                      visible={false}
-                                                                    >
-                                                                      <Trigger
-                                                                        action={Array []}
-                                                                        afterPopupVisibleChange={[Function]}
-                                                                        autoDestroy={false}
-                                                                        blurDelay={0.15}
-                                                                        builtinPlacements={
-                                                                          Object {
-                                                                            "bottomLeft": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "tl",
-                                                                                "bl",
-                                                                              ],
-                                                                            },
-                                                                            "bottomRight": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "tr",
-                                                                                "br",
-                                                                              ],
-                                                                            },
-                                                                            "topLeft": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                -4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "bl",
-                                                                                "tl",
-                                                                              ],
-                                                                            },
-                                                                            "topRight": Object {
-                                                                              "offset": Array [
-                                                                                0,
-                                                                                -4,
-                                                                              ],
-                                                                              "overflow": Object {
-                                                                                "adjustX": 0,
-                                                                                "adjustY": 1,
-                                                                              },
-                                                                              "points": Array [
-                                                                                "br",
-                                                                                "tr",
-                                                                              ],
-                                                                            },
-                                                                          }
-                                                                        }
-                                                                        defaultPopupVisible={false}
-                                                                        destroyPopupOnHide={false}
-                                                                        focusDelay={0}
-                                                                        getDocument={[Function]}
-                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                        getPopupContainer={[Function]}
-                                                                        getTriggerDOMNode={[Function]}
-                                                                        hideAction={Array []}
-                                                                        mask={false}
-                                                                        maskClosable={true}
-                                                                        mouseEnterDelay={0}
-                                                                        mouseLeaveDelay={0.1}
-                                                                        onPopupAlign={[Function]}
-                                                                        onPopupVisibleChange={[Function]}
-                                                                        popup={
-                                                                          <div>
-                                                                            <ForwardRef(OptionList)
-                                                                              childrenAsData={true}
-                                                                              defaultActiveFirstOption={true}
-                                                                              flattenOptions={Array []}
-                                                                              height={128}
-                                                                              id="rc_select_TEST_OR_SSR"
-                                                                              itemHeight={24}
-                                                                              menuItemSelectedIcon={null}
-                                                                              multiple={false}
-                                                                              notFoundContent={null}
-                                                                              onActiveValue={[Function]}
-                                                                              onMouseEnter={[Function]}
-                                                                              onScroll={[Function]}
-                                                                              onSelect={[Function]}
-                                                                              onToggleOpen={[Function]}
-                                                                              options={Array []}
-                                                                              prefixCls="ant-select"
-                                                                              searchValue=""
-                                                                              values={
-                                                                                Set {
-                                                                                  Array [],
-                                                                                }
-                                                                              }
-                                                                              virtual={true}
-                                                                            />
-                                                                          </div>
-                                                                        }
-                                                                        popupAlign={Object {}}
-                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                        popupPlacement="bottomLeft"
-                                                                        popupStyle={
-                                                                          Object {
-                                                                            "minWidth": null,
-                                                                            "width": null,
-                                                                          }
-                                                                        }
-                                                                        popupTransitionName="ant-slide-up"
-                                                                        popupVisible={false}
-                                                                        prefixCls="ant-select-dropdown"
-                                                                        showAction={Array []}
-                                                                      >
-                                                                        <Selector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={
-                                                                            Array [
-                                                                              Array [],
-                                                                            ]
-                                                                          }
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <span
-                                                                                  class="ant-select-selection-search"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                </span>
-                                                                                <span
-                                                                                  class="ant-select-selection-item"
-                                                                                />
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={[Function]}
-                                                                          key="trigger"
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={false}
-                                                                          menuItemSelectedIcon={null}
-                                                                          multiple={false}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select categories"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={false}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={
-                                                                            Array [
-                                                                              Array [],
-                                                                            ]
-                                                                          }
-                                                                          values={
-                                                                            Array [
-                                                                              Object {
-                                                                                "disabled": undefined,
-                                                                                "isCacheable": true,
-                                                                                "key": Array [],
-                                                                                "label": Array [],
-                                                                                "value": Array [],
-                                                                              },
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <div
-                                                                            className="ant-select-selector"
-                                                                            onClick={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                          >
-                                                                            <SingleSelector
-                                                                              accessibilityIndex={0}
-                                                                              activeValue={null}
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              className=""
-                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  Array [],
-                                                                                ]
-                                                                              }
-                                                                              domRef={
-                                                                                Object {
-                                                                                  "current": <div
-                                                                                    class="ant-select-selector"
-                                                                                  >
-                                                                                    <span
-                                                                                      class="ant-select-selection-search"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </span>
-                                                                                    <span
-                                                                                      class="ant-select-selection-item"
-                                                                                    />
-                                                                                  </div>,
-                                                                                }
-                                                                              }
-                                                                              dropdownClassName=""
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              id="rc_select_TEST_OR_SSR"
-                                                                              inputElement={null}
-                                                                              inputIcon={[Function]}
-                                                                              inputRef={
-                                                                                Object {
-                                                                                  "current": <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />,
-                                                                                }
-                                                                              }
-                                                                              listHeight={128}
-                                                                              listItemHeight={24}
-                                                                              loading={false}
-                                                                              menuItemSelectedIcon={null}
-                                                                              multiple={false}
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onInputChange={[Function]}
-                                                                              onInputCompositionEnd={[Function]}
-                                                                              onInputCompositionStart={[Function]}
-                                                                              onInputKeyDown={[Function]}
-                                                                              onInputMouseDown={[Function]}
-                                                                              onInputPaste={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              onSearchSubmit={[Function]}
-                                                                              onSelect={[Function]}
-                                                                              onToggleOpen={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              prefixCls="ant-select"
-                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                              searchValue=""
-                                                                              showSearch={false}
-                                                                              tokenWithEnter={false}
-                                                                              transitionName="ant-slide-up"
-                                                                              value={
-                                                                                Array [
-                                                                                  Array [],
-                                                                                ]
-                                                                              }
-                                                                              values={
-                                                                                Array [
-                                                                                  Object {
-                                                                                    "disabled": undefined,
-                                                                                    "isCacheable": true,
-                                                                                    "key": Array [],
-                                                                                    "label": Array [],
-                                                                                    "value": Array [],
-                                                                                  },
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <span
-                                                                                className="ant-select-selection-search"
-                                                                              >
-                                                                                <Input
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autoComplete="off"
-                                                                                    className="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    onChange={[Function]}
-                                                                                    onCompositionEnd={[Function]}
-                                                                                    onCompositionStart={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                    onPaste={[Function]}
-                                                                                    readOnly={true}
-                                                                                    role="combobox"
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "opacity": 0,
-                                                                                      }
-                                                                                    }
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                </Input>
-                                                                              </span>
-                                                                              <span
-                                                                                className="ant-select-selection-item"
-                                                                              />
-                                                                            </SingleSelector>
-                                                                          </div>
-                                                                        </Selector>
-                                                                      </Trigger>
-                                                                    </SelectTrigger>
-                                                                    <TransBtn
-                                                                      className="ant-select-arrow"
-                                                                      customizeIcon={[Function]}
-                                                                      customizeIconProps={
-                                                                        Object {
-                                                                          "focused": false,
-                                                                          "loading": false,
-                                                                          "open": undefined,
-                                                                          "searchValue": "",
-                                                                          "showSearch": false,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-arrow"
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(DownOutlined)
-                                                                          className="ant-select-suffix"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            className="ant-select-suffix"
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "down",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="down"
-                                                                              className="anticon anticon-down ant-select-suffix"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "down",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="down"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-down"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                                    key="svg-down-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(DownOutlined)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                    <TransBtn
-                                                                      className="ant-select-clear"
-                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-clear"
-                                                                        onMouseDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitUserSelect": "none",
-                                                                            "userSelect": "none",
-                                                                          }
-                                                                        }
-                                                                        unselectable="on"
-                                                                      >
-                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "close-circle",
-                                                                                "theme": "filled",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="close-circle"
-                                                                              className="anticon anticon-close-circle"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "close-circle",
-                                                                                    "theme": "filled",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="close-circle"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-close-circle"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                    key="svg-close-circle-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                      </span>
-                                                                    </TransBtn>
-                                                                  </div>
-                                                                </ForwardRef(Select)>
-                                                              </Select>
-                                                            </ForwardRef(InternalSelect)>
-                                                          </Selector>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Col>
-                                <Col
-                                  md={
-                                    Object {
-                                      "span": 5,
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-col ant-col-md-5"
-                                    style={
-                                      Object {
-                                        "paddingLeft": 20,
-                                        "paddingRight": 20,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      label="Featured"
-                                      name="is_featured"
-                                      valuePropName="checked"
-                                    >
-                                      <WrapperField
-                                        label="Featured"
-                                        messageVariables={
-                                          Object {
-                                            "label": "Featured",
-                                          }
-                                        }
-                                        name="is_featured"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="checked"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": "create-category",
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_is_featured"
-                                          label="Featured"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Featured",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "is_featured",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="checked"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="create-category_is_featured"
-                                                label="Featured"
-                                                name="is_featured"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                                valuePropName="checked"
-                                              >
-                                                <Col
-                                                  className="ant-form-item-label"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-label"
-                                                    style={Object {}}
-                                                  >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="create-category_is_featured"
-                                                      title="Featured"
-                                                    >
-                                                      Featured
-                                                    </label>
-                                                  </div>
-                                                </Col>
-                                              </FormItemLabel>
-                                              <FormItemInput
-                                                errors={Array []}
-                                                label="Featured"
-                                                name={
-                                                  Array [
-                                                    "is_featured",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                                valuePropName="checked"
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Switch
-                                                            id="create-category_is_featured"
-                                                            onChange={[Function]}
-                                                          >
-                                                            <Wave
-                                                              insertExtraNode={true}
-                                                            >
-                                                              <Switch
-                                                                className=""
-                                                                id="create-category_is_featured"
-                                                                loadingIcon={
-                                                                  <div
-                                                                    className="ant-switch-handle"
-                                                                  />
-                                                                }
-                                                                onChange={[Function]}
-                                                                prefixCls="ant-switch"
-                                                              >
-                                                                <button
-                                                                  aria-checked={false}
-                                                                  className="ant-switch"
-                                                                  id="create-category_is_featured"
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  role="switch"
-                                                                  type="button"
-                                                                >
-                                                                  <div
-                                                                    className="ant-switch-handle"
-                                                                  />
-                                                                  <span
-                                                                    className="ant-switch-inner"
-                                                                  />
-                                                                </button>
-                                                              </Switch>
-                                                            </Wave>
-                                                          </Switch>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Col>
-                              </div>
-                            </Row>
-                            <FormItem
-                              label="Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-category",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-category_background_colour"
-                                        label="Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-category_background_colour"
-                                              title="Colour"
-                                            >
-                                              Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="create-category_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <SlugInput
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-category_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-category_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-category_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-category_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-category_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-category",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-category_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-category_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-category_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-category",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-category_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-category_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="create-category_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm
-                          form={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "create-category",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                            }
-                          }
-                          formData={Object {}}
-                        >
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </CategoryForm>
-</Provider>
-`;
diff --git a/studio/src/pages/categories/components/__snapshots__/CategoryList.test.js.snap b/studio/src/pages/categories/components/__snapshots__/CategoryList.test.js.snap
deleted file mode 100644
index 092345cad..000000000
--- a/studio/src/pages/categories/components/__snapshots__/CategoryList.test.js.snap
+++ /dev/null
@@ -1,8210 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Categories List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <CategoryList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Array [
-              Object {
-                "created_at": "2020-09-09T06:49:36.566567Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "medium_id": 0,
-                "name": "Andhra Pradesh",
-                "parent_id": 0,
-                "posts": null,
-                "slug": "andhra-pradesh",
-                "space_id": 1,
-                "updated_at": "2020-09-09T06:49:36.566567Z",
-              },
-              Object {
-                "created_at": "2020-09-09T06:49:54.027402Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "medium_id": 0,
-                "name": "Telangana",
-                "parent_id": 0,
-                "posts": null,
-                "slug": "telangana",
-                "space_id": 1,
-                "updated_at": "2020-09-09T06:49:54.027402Z",
-              },
-            ],
-            "loading": true,
-            "total": 2,
-          }
-        }
-        fetchCategories={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "dataIndex": "slug",
-                        "key": "slug",
-                        "title": "Slug",
-                      },
-                      Object {
-                        "dataIndex": Array [
-                          "parent_category",
-                          "name",
-                        ],
-                        "key": "parent_id",
-                        "title": "Parent Category",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "created_at": "2020-09-09T06:49:36.566567Z",
-                        "deleted_at": null,
-                        "description": "",
-                        "id": 1,
-                        "medium_id": 0,
-                        "name": "Andhra Pradesh",
-                        "parent_id": 0,
-                        "posts": null,
-                        "slug": "andhra-pradesh",
-                        "space_id": 1,
-                        "updated_at": "2020-09-09T06:49:36.566567Z",
-                      },
-                      Object {
-                        "created_at": "2020-09-09T06:49:54.027402Z",
-                        "deleted_at": null,
-                        "description": "",
-                        "id": 2,
-                        "medium_id": 0,
-                        "name": "Telangana",
-                        "parent_id": 0,
-                        "posts": null,
-                        "slug": "telangana",
-                        "space_id": 1,
-                        "updated_at": "2020-09-09T06:49:54.027402Z",
-                      },
-                    ]
-                  }
-                  loading={true}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={true}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          key="loading"
-                        >
-                          <div
-                            className="ant-spin ant-spin-spinning"
-                          >
-                            <span
-                              className="ant-spin-dot ant-spin-dot-spin"
-                            >
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          className="ant-spin-container ant-spin-blur"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": Array [
-                                    "parent_category",
-                                    "name",
-                                  ],
-                                  "key": "parent_id",
-                                  "title": "Parent Category",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:49:36.566567Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Andhra Pradesh",
-                                  "parent_id": 0,
-                                  "posts": null,
-                                  "slug": "andhra-pradesh",
-                                  "space_id": 1,
-                                  "updated_at": "2020-09-09T06:49:36.566567Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:49:54.027402Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Telangana",
-                                  "parent_id": 0,
-                                  "posts": null,
-                                  "slug": "telangana",
-                                  "space_id": 1,
-                                  "updated_at": "2020-09-09T06:49:54.027402Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:49:36.566567Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Andhra Pradesh",
-                                  "parent_id": 0,
-                                  "posts": null,
-                                  "slug": "andhra-pradesh",
-                                  "space_id": 1,
-                                  "updated_at": "2020-09-09T06:49:36.566567Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:49:54.027402Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Telangana",
-                                  "parent_id": 0,
-                                  "posts": null,
-                                  "slug": "telangana",
-                                  "space_id": 1,
-                                  "updated_at": "2020-09-09T06:49:54.027402Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Slug
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Parent Category
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/categories/1/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Andhra Pradesh
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            andhra-pradesh
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/categories/2/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Telangana
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            telangana
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={true}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "dataIndex": "slug",
-                                        "key": "slug",
-                                        "title": "Slug",
-                                      },
-                                      Object {
-                                        "dataIndex": Array [
-                                          "parent_category",
-                                          "name",
-                                        ],
-                                        "key": "parent_id",
-                                        "title": "Parent Category",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "created_at": "2020-09-09T06:49:36.566567Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "Andhra Pradesh",
-                                        "parent_id": 0,
-                                        "posts": null,
-                                        "slug": "andhra-pradesh",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-09T06:49:36.566567Z",
-                                      },
-                                      Object {
-                                        "created_at": "2020-09-09T06:49:54.027402Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "Telangana",
-                                        "parent_id": 0,
-                                        "posts": null,
-                                        "slug": "telangana",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-09T06:49:54.027402Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "created_at": "2020-09-09T06:49:36.566567Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "Andhra Pradesh",
-                                        "parent_id": 0,
-                                        "posts": null,
-                                        "slug": "andhra-pradesh",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-09T06:49:36.566567Z",
-                                      },
-                                      Object {
-                                        "created_at": "2020-09-09T06:49:54.027402Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "Telangana",
-                                        "parent_id": 0,
-                                        "posts": null,
-                                        "slug": "telangana",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-09T06:49:54.027402Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Slug
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Parent Category
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/categories/1/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Andhra Pradesh
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  andhra-pradesh
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/categories/2/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Telangana
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  telangana
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": true,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 2,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "fixed": undefined,
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={4}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "fixed": undefined,
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Slug",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  "key": "slug",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Parent Category",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": Array [
-                                                      "parent_category",
-                                                      "name",
-                                                    ],
-                                                    "key": "parent_id",
-                                                    "title": "Parent Category",
-                                                  },
-                                                  "key": "parent_id",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "fixed": undefined,
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ],
-                                                  "fixed": undefined,
-                                                  "key": "parent_id",
-                                                  "title": "Parent Category",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Slug
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": Array [
-                                                      "parent_category",
-                                                      "name",
-                                                    ],
-                                                    "key": "parent_id",
-                                                    "title": "Parent Category",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="parent_id"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Parent Category
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "created_at": "2020-09-09T06:49:36.566567Z",
-                                              "deleted_at": null,
-                                              "description": "",
-                                              "id": 1,
-                                              "medium_id": 0,
-                                              "name": "Andhra Pradesh",
-                                              "parent_id": 0,
-                                              "posts": null,
-                                              "slug": "andhra-pradesh",
-                                              "space_id": 1,
-                                              "updated_at": "2020-09-09T06:49:36.566567Z",
-                                            },
-                                            Object {
-                                              "created_at": "2020-09-09T06:49:54.027402Z",
-                                              "deleted_at": null,
-                                              "description": "",
-                                              "id": 2,
-                                              "medium_id": 0,
-                                              "name": "Telangana",
-                                              "parent_id": 0,
-                                              "posts": null,
-                                              "slug": "telangana",
-                                              "space_id": 1,
-                                              "updated_at": "2020-09-09T06:49:54.027402Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "created_at": "2020-09-09T06:49:36.566567Z",
-                                                "deleted_at": null,
-                                                "description": "",
-                                                "id": 1,
-                                                "medium_id": 0,
-                                                "name": "Andhra Pradesh",
-                                                "parent_id": 0,
-                                                "posts": null,
-                                                "slug": "andhra-pradesh",
-                                                "space_id": 1,
-                                                "updated_at": "2020-09-09T06:49:36.566567Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:36.566567Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Andhra Pradesh",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "andhra-pradesh",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:36.566567Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/categories/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/categories/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/categories/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Andhra Pradesh
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="slug"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:36.566567Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Andhra Pradesh",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "andhra-pradesh",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:36.566567Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  andhra-pradesh
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex={
-                                                  Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ]
-                                                }
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="parent_id"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:36.566567Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Andhra Pradesh",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "andhra-pradesh",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:36.566567Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:36.566567Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Andhra Pradesh",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "andhra-pradesh",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:36.566567Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "created_at": "2020-09-09T06:49:54.027402Z",
-                                                "deleted_at": null,
-                                                "description": "",
-                                                "id": 2,
-                                                "medium_id": 0,
-                                                "name": "Telangana",
-                                                "parent_id": 0,
-                                                "posts": null,
-                                                "slug": "telangana",
-                                                "space_id": 1,
-                                                "updated_at": "2020-09-09T06:49:54.027402Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:54.027402Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Telangana",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "telangana",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:54.027402Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/categories/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/categories/2/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/categories/2/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Telangana
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="slug"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:54.027402Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Telangana",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "telangana",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:54.027402Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  telangana
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex={
-                                                  Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ]
-                                                }
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="parent_id"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:54.027402Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Telangana",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "telangana",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:54.027402Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:54.027402Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Telangana",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "telangana",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:54.027402Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-2 of 2 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </CategoryList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Categories List component snapshot testing should match component with categories 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <CategoryList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Array [
-              Object {
-                "created_at": "2020-09-09T06:49:36.566567Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "medium_id": 0,
-                "name": "Andhra Pradesh",
-                "parent_id": 0,
-                "posts": null,
-                "slug": "andhra-pradesh",
-                "space_id": 1,
-                "updated_at": "2020-09-09T06:49:36.566567Z",
-              },
-              Object {
-                "created_at": "2020-09-09T06:49:54.027402Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "medium_id": 0,
-                "name": "Telangana",
-                "parent_id": 0,
-                "posts": null,
-                "slug": "telangana",
-                "space_id": 1,
-                "updated_at": "2020-09-09T06:49:54.027402Z",
-              },
-            ],
-            "loading": false,
-            "total": 2,
-          }
-        }
-        fetchCategories={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "dataIndex": "slug",
-                        "key": "slug",
-                        "title": "Slug",
-                      },
-                      Object {
-                        "dataIndex": Array [
-                          "parent_category",
-                          "name",
-                        ],
-                        "key": "parent_id",
-                        "title": "Parent Category",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "created_at": "2020-09-09T06:49:36.566567Z",
-                        "deleted_at": null,
-                        "description": "",
-                        "id": 1,
-                        "medium_id": 0,
-                        "name": "Andhra Pradesh",
-                        "parent_id": 0,
-                        "posts": null,
-                        "slug": "andhra-pradesh",
-                        "space_id": 1,
-                        "updated_at": "2020-09-09T06:49:36.566567Z",
-                      },
-                      Object {
-                        "created_at": "2020-09-09T06:49:54.027402Z",
-                        "deleted_at": null,
-                        "description": "",
-                        "id": 2,
-                        "medium_id": 0,
-                        "name": "Telangana",
-                        "parent_id": 0,
-                        "posts": null,
-                        "slug": "telangana",
-                        "space_id": 1,
-                        "updated_at": "2020-09-09T06:49:54.027402Z",
-                      },
-                    ]
-                  }
-                  loading={false}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": Array [
-                                    "parent_category",
-                                    "name",
-                                  ],
-                                  "key": "parent_id",
-                                  "title": "Parent Category",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:49:36.566567Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Andhra Pradesh",
-                                  "parent_id": 0,
-                                  "posts": null,
-                                  "slug": "andhra-pradesh",
-                                  "space_id": 1,
-                                  "updated_at": "2020-09-09T06:49:36.566567Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:49:54.027402Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Telangana",
-                                  "parent_id": 0,
-                                  "posts": null,
-                                  "slug": "telangana",
-                                  "space_id": 1,
-                                  "updated_at": "2020-09-09T06:49:54.027402Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:49:36.566567Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Andhra Pradesh",
-                                  "parent_id": 0,
-                                  "posts": null,
-                                  "slug": "andhra-pradesh",
-                                  "space_id": 1,
-                                  "updated_at": "2020-09-09T06:49:36.566567Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:49:54.027402Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Telangana",
-                                  "parent_id": 0,
-                                  "posts": null,
-                                  "slug": "telangana",
-                                  "space_id": 1,
-                                  "updated_at": "2020-09-09T06:49:54.027402Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Slug
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Parent Category
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/categories/1/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Andhra Pradesh
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            andhra-pradesh
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/categories/2/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Telangana
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            telangana
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "dataIndex": "slug",
-                                        "key": "slug",
-                                        "title": "Slug",
-                                      },
-                                      Object {
-                                        "dataIndex": Array [
-                                          "parent_category",
-                                          "name",
-                                        ],
-                                        "key": "parent_id",
-                                        "title": "Parent Category",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "created_at": "2020-09-09T06:49:36.566567Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "Andhra Pradesh",
-                                        "parent_id": 0,
-                                        "posts": null,
-                                        "slug": "andhra-pradesh",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-09T06:49:36.566567Z",
-                                      },
-                                      Object {
-                                        "created_at": "2020-09-09T06:49:54.027402Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "Telangana",
-                                        "parent_id": 0,
-                                        "posts": null,
-                                        "slug": "telangana",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-09T06:49:54.027402Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "created_at": "2020-09-09T06:49:36.566567Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "Andhra Pradesh",
-                                        "parent_id": 0,
-                                        "posts": null,
-                                        "slug": "andhra-pradesh",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-09T06:49:36.566567Z",
-                                      },
-                                      Object {
-                                        "created_at": "2020-09-09T06:49:54.027402Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "Telangana",
-                                        "parent_id": 0,
-                                        "posts": null,
-                                        "slug": "telangana",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-09T06:49:54.027402Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Slug
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Parent Category
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/categories/1/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Andhra Pradesh
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  andhra-pradesh
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/categories/2/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Telangana
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  telangana
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 2,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "fixed": undefined,
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={4}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "fixed": undefined,
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Slug",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  "key": "slug",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Parent Category",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": Array [
-                                                      "parent_category",
-                                                      "name",
-                                                    ],
-                                                    "key": "parent_id",
-                                                    "title": "Parent Category",
-                                                  },
-                                                  "key": "parent_id",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "fixed": undefined,
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ],
-                                                  "fixed": undefined,
-                                                  "key": "parent_id",
-                                                  "title": "Parent Category",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Slug
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": Array [
-                                                      "parent_category",
-                                                      "name",
-                                                    ],
-                                                    "key": "parent_id",
-                                                    "title": "Parent Category",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="parent_id"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Parent Category
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "created_at": "2020-09-09T06:49:36.566567Z",
-                                              "deleted_at": null,
-                                              "description": "",
-                                              "id": 1,
-                                              "medium_id": 0,
-                                              "name": "Andhra Pradesh",
-                                              "parent_id": 0,
-                                              "posts": null,
-                                              "slug": "andhra-pradesh",
-                                              "space_id": 1,
-                                              "updated_at": "2020-09-09T06:49:36.566567Z",
-                                            },
-                                            Object {
-                                              "created_at": "2020-09-09T06:49:54.027402Z",
-                                              "deleted_at": null,
-                                              "description": "",
-                                              "id": 2,
-                                              "medium_id": 0,
-                                              "name": "Telangana",
-                                              "parent_id": 0,
-                                              "posts": null,
-                                              "slug": "telangana",
-                                              "space_id": 1,
-                                              "updated_at": "2020-09-09T06:49:54.027402Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "created_at": "2020-09-09T06:49:36.566567Z",
-                                                "deleted_at": null,
-                                                "description": "",
-                                                "id": 1,
-                                                "medium_id": 0,
-                                                "name": "Andhra Pradesh",
-                                                "parent_id": 0,
-                                                "posts": null,
-                                                "slug": "andhra-pradesh",
-                                                "space_id": 1,
-                                                "updated_at": "2020-09-09T06:49:36.566567Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:36.566567Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Andhra Pradesh",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "andhra-pradesh",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:36.566567Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/categories/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/categories/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/categories/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Andhra Pradesh
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="slug"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:36.566567Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Andhra Pradesh",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "andhra-pradesh",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:36.566567Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  andhra-pradesh
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex={
-                                                  Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ]
-                                                }
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="parent_id"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:36.566567Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Andhra Pradesh",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "andhra-pradesh",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:36.566567Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:36.566567Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Andhra Pradesh",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "andhra-pradesh",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:36.566567Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "created_at": "2020-09-09T06:49:54.027402Z",
-                                                "deleted_at": null,
-                                                "description": "",
-                                                "id": 2,
-                                                "medium_id": 0,
-                                                "name": "Telangana",
-                                                "parent_id": 0,
-                                                "posts": null,
-                                                "slug": "telangana",
-                                                "space_id": 1,
-                                                "updated_at": "2020-09-09T06:49:54.027402Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:54.027402Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Telangana",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "telangana",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:54.027402Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/categories/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/categories/2/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/categories/2/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Telangana
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="slug"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:54.027402Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Telangana",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "telangana",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:54.027402Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  telangana
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex={
-                                                  Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ]
-                                                }
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="parent_id"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:54.027402Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Telangana",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "telangana",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:54.027402Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:49:54.027402Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Telangana",
-                                                    "parent_id": 0,
-                                                    "posts": null,
-                                                    "slug": "telangana",
-                                                    "space_id": 1,
-                                                    "updated_at": "2020-09-09T06:49:54.027402Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-2 of 2 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </CategoryList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Categories List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <CategoryList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Array [],
-            "loading": false,
-            "total": 0,
-          }
-        }
-        fetchCategories={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "dataIndex": "slug",
-                        "key": "slug",
-                        "title": "Slug",
-                      },
-                      Object {
-                        "dataIndex": Array [
-                          "parent_category",
-                          "name",
-                        ],
-                        "key": "parent_id",
-                        "title": "Parent Category",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={Array []}
-                  loading={false}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 0,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered ant-table-empty"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": Array [
-                                    "parent_category",
-                                    "name",
-                                  ],
-                                  "key": "parent_id",
-                                  "title": "Parent Category",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={Array []}
-                            dataSource={Array []}
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Slug
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Parent Category
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-placeholder"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                            colspan="4"
-                                          >
-                                            <div
-                                              class="ant-empty ant-empty-normal"
-                                            >
-                                              <div
-                                                class="ant-empty-image"
-                                              >
-                                                <svg
-                                                  class="ant-empty-img-simple"
-                                                  height="41"
-                                                  viewBox="0 0 64 41"
-                                                  width="64"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <g
-                                                    fill="none"
-                                                    fill-rule="evenodd"
-                                                    transform="translate(0 1)"
-                                                  >
-                                                    <ellipse
-                                                      class="ant-empty-img-simple-ellipse"
-                                                      cx="32"
-                                                      cy="33"
-                                                      rx="32"
-                                                      ry="7"
-                                                    />
-                                                    <g
-                                                      class="ant-empty-img-simple-g"
-                                                      fill-rule="nonzero"
-                                                    >
-                                                      <path
-                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                      />
-                                                      <path
-                                                        class="ant-empty-img-simple-path"
-                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                      />
-                                                    </g>
-                                                  </g>
-                                                </svg>
-                                              </div>
-                                              <div
-                                                class="ant-empty-description"
-                                              >
-                                                No Data
-                                              </div>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered ant-table-empty",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "dataIndex": "slug",
-                                        "key": "slug",
-                                        "title": "Slug",
-                                      },
-                                      Object {
-                                        "dataIndex": Array [
-                                          "parent_category",
-                                          "name",
-                                        ],
-                                        "key": "parent_id",
-                                        "title": "Parent Category",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [],
-                                    "dataSource": Array [],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Slug
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Parent Category
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-placeholder"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                  colspan="4"
-                                                >
-                                                  <div
-                                                    class="ant-empty ant-empty-normal"
-                                                  >
-                                                    <div
-                                                      class="ant-empty-image"
-                                                    >
-                                                      <svg
-                                                        class="ant-empty-img-simple"
-                                                        height="41"
-                                                        viewBox="0 0 64 41"
-                                                        width="64"
-                                                        xmlns="http://www.w3.org/2000/svg"
-                                                      >
-                                                        <g
-                                                          fill="none"
-                                                          fill-rule="evenodd"
-                                                          transform="translate(0 1)"
-                                                        >
-                                                          <ellipse
-                                                            class="ant-empty-img-simple-ellipse"
-                                                            cx="32"
-                                                            cy="33"
-                                                            rx="32"
-                                                            ry="7"
-                                                          />
-                                                          <g
-                                                            class="ant-empty-img-simple-g"
-                                                            fill-rule="nonzero"
-                                                          >
-                                                            <path
-                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                            />
-                                                            <path
-                                                              class="ant-empty-img-simple-path"
-                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                            />
-                                                          </g>
-                                                        </g>
-                                                      </svg>
-                                                    </div>
-                                                    <div
-                                                      class="ant-empty-description"
-                                                    >
-                                                      No Data
-                                                    </div>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 0,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "fixed": undefined,
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={4}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": Array [
-                                                "parent_category",
-                                                "name",
-                                              ],
-                                              "fixed": undefined,
-                                              "key": "parent_id",
-                                              "title": "Parent Category",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Slug",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  "key": "slug",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Parent Category",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": Array [
-                                                      "parent_category",
-                                                      "name",
-                                                    ],
-                                                    "key": "parent_id",
-                                                    "title": "Parent Category",
-                                                  },
-                                                  "key": "parent_id",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "fixed": undefined,
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": Array [
-                                                    "parent_category",
-                                                    "name",
-                                                  ],
-                                                  "fixed": undefined,
-                                                  "key": "parent_id",
-                                                  "title": "Parent Category",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Slug
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": Array [
-                                                      "parent_category",
-                                                      "name",
-                                                    ],
-                                                    "key": "parent_id",
-                                                    "title": "Parent Category",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="parent_id"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Parent Category
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={Array []}
-                                        emptyNode={
-                                          <Context.Consumer>
-                                            [Function]
-                                          </Context.Consumer>
-                                        }
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <ExpandedRow
-                                            cellComponent="td"
-                                            className="ant-table-placeholder"
-                                            colSpan={4}
-                                            component="tr"
-                                            componentWidth={0}
-                                            expanded={true}
-                                            fixColumn={false}
-                                            horizonScroll={false}
-                                            prefixCls="ant-table"
-                                          >
-                                            <tr
-                                              className="ant-table-placeholder"
-                                              style={
-                                                Object {
-                                                  "display": null,
-                                                }
-                                              }
-                                            >
-                                              <Cell
-                                                colSpan={4}
-                                                component="td"
-                                                prefixCls="ant-table"
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={4}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Empty
-                                                    image={<Simple />}
-                                                  >
-                                                    <LocaleReceiver
-                                                      componentName="Empty"
-                                                    >
-                                                      <div
-                                                        className="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          className="ant-empty-image"
-                                                        >
-                                                          <Simple>
-                                                            <svg
-                                                              className="ant-empty-img-simple"
-                                                              height="41"
-                                                              viewBox="0 0 64 41"
-                                                              width="64"
-                                                              xmlns="http://www.w3.org/2000/svg"
-                                                            >
-                                                              <g
-                                                                fill="none"
-                                                                fillRule="evenodd"
-                                                                transform="translate(0 1)"
-                                                              >
-                                                                <ellipse
-                                                                  className="ant-empty-img-simple-ellipse"
-                                                                  cx="32"
-                                                                  cy="33"
-                                                                  rx="32"
-                                                                  ry="7"
-                                                                />
-                                                                <g
-                                                                  className="ant-empty-img-simple-g"
-                                                                  fillRule="nonzero"
-                                                                >
-                                                                  <path
-                                                                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                  />
-                                                                  <path
-                                                                    className="ant-empty-img-simple-path"
-                                                                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                  />
-                                                                </g>
-                                                              </g>
-                                                            </svg>
-                                                          </Simple>
-                                                        </div>
-                                                        <div
-                                                          className="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </LocaleReceiver>
-                                                  </Empty>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </ExpandedRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </CategoryList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/categories/hooks/useCategoriesData.tsx b/studio/src/pages/categories/hooks/useCategoriesData.tsx
new file mode 100644
index 000000000..9394c576a
--- /dev/null
+++ b/studio/src/pages/categories/hooks/useCategoriesData.tsx
@@ -0,0 +1,61 @@
+// hooks/useCategoriesData.tsx
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import { CategoryFilters, CategoryListData, Category } from "../types";
+
+export const useCategoriesData = (
+  filters: CategoryFilters,
+  searchText: string
+): CategoryListData => {
+  const { categories, total, loading } = useSelector((state: any) => {
+    const adjustedQuery = { ...filters };
+
+    const node = state.categories.req.find((item: any) => {
+      return deepEqual(item.query, adjustedQuery);
+    });
+
+    if (node) {
+      return {
+        categories: node.data.map(
+          (element: string) => state.categories.details[element]
+        ),
+        total: node.total,
+        loading: state.categories.loading,
+      };
+    }
+    return { categories: [], total: 0, loading: state.categories.loading };
+  });
+
+  // Filter categories locally based on search text
+  const filteredCategories = useMemo(() => {
+    if (!searchText.trim()) {
+      return categories;
+    }
+
+    return categories.filter(
+      (category: Category) =>
+        category.name?.toLowerCase().includes(searchText.toLowerCase()) ||
+        category.slug?.toLowerCase().includes(searchText.toLowerCase())
+    );
+  }, [categories, searchText]);
+
+  // Sort categories based on sort order
+  const sortedCategories = useMemo(() => {
+    if (!filteredCategories) return [];
+
+    return [...filteredCategories].sort((a: Category, b: Category) => {
+      if (filters.sort === "asc") {
+        return a.name?.localeCompare(b.name || "") || 0;
+      } else {
+        return b.name?.localeCompare(a.name || "") || 0;
+      }
+    });
+  }, [filteredCategories, filters.sort]);
+
+  return {
+    categories: sortedCategories,
+    total: total,
+    loading: loading,
+  };
+};
diff --git a/studio/src/pages/categories/hooks/useCategoriesPagination.tsx b/studio/src/pages/categories/hooks/useCategoriesPagination.tsx
new file mode 100644
index 000000000..e5de00428
--- /dev/null
+++ b/studio/src/pages/categories/hooks/useCategoriesPagination.tsx
@@ -0,0 +1,44 @@
+// hooks/useCategoriesPagination.tsx
+import { useMemo } from "react";
+import { CategoryFilters } from "../types";
+
+export const useCategoriesPagination = (
+  filters: CategoryFilters,
+  setFilters: (filters: CategoryFilters) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(total / filters.limit)),
+    [total, filters.limit]
+  );
+
+  const handlePageChange = (page: number) => {
+    setFilters({
+      ...filters,
+      page,
+    });
+  };
+
+  const handlePageSizeChange = (limit: number) => {
+    setFilters({
+      ...filters,
+      page: 1,
+      limit,
+    });
+  };
+
+  const onPagination = (page: number, limit: number) => {
+    handlePageChange(page);
+    if (limit !== filters.limit) {
+      handlePageSizeChange(limit);
+    }
+  };
+
+  return {
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+    onPagination,
+  };
+};
diff --git a/studio/src/pages/categories/index.js b/studio/src/pages/categories/index.js
deleted file mode 100644
index 4adf9ae85..000000000
--- a/studio/src/pages/categories/index.js
+++ /dev/null
@@ -1,221 +0,0 @@
-import React, { useEffect } from 'react';
-import {
-  Space,
-  Button,
-  Form,
-  Input,
-  Select,
-  Row,
-  Col,
-  ConfigProvider,
-  Typography,
-  Tooltip,
-} from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import { useDispatch, useSelector } from 'react-redux';
-import { Helmet } from 'react-helmet';
-import deepEqual from 'deep-equal';
-import CategoryList from './components/CategoryList';
-import Loader from '../../components/Loader';
-import { getCategories } from '../../actions/categories';
-import getUrlParams from '../../utils/getUrlParams';
-import Filters from '../../utils/filters';
-
-function Categories({ permission }) {
-  const { actions } = permission;
-  const dispatch = useDispatch();
-  const location = useLocation();
-  const [searchFieldExpand, setSearchFieldExpand] = React.useState(false);
-  const history = useNavigate();
-  const query = new URLSearchParams(location.search);
-  const params = getUrlParams(query);
-  const [filters, setFilters] = React.useState({
-    ...params,
-  });
-
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const pathName = useLocation().pathname;
-  useEffect(() => {
-    if (form) form.setFieldsValue(new Filters(params));
-  }, [params]);
-  useEffect(() => {
-    history({
-      pathname: pathName,
-      search: new URLSearchParams(filters).toString(),
-    });
-  }, [pathName, history, filters]);
-
-  const { Option } = Select;
-  const [form] = Form.useForm();
-  const { categories, total, loading } = useSelector((state) => {
-    const node = state.categories.req.find((item) => {
-      return deepEqual(item.query, params);
-    });
-
-    if (node)
-      return {
-        categories: node.data.map((element) => state.categories.details[element]),
-        total: node.total,
-        loading: state.categories.loading,
-      };
-    return { categories: [], total: 0, loading: state.categories.loading };
-  });
-
-  React.useEffect(() => {
-    fetchCategories();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchCategories = () => {
-    dispatch(getCategories(filters));
-  };
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Categories'} />
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 0,
-            },
-          },
-        }}
-      >
-        <Form
-          initialValues={filters}
-          form={form}
-          name="filters"
-          onFinish={(values) => {
-            let filterValue = {};
-            Object.keys(values).forEach(function (key) {
-              if (values[key]) {
-                filterValue[key] = values[key];
-              }
-            });
-            setFilters({
-              ...filters,
-              ...filterValue,
-            });
-          }}
-          style={{ width: '100%' }}
-          onValuesChange={(changedValues, allValues) => {
-            if (!changedValues.q) {
-              if (changedValues.q === '') {
-                const { q, ...filtersWithoutQuery } = filters;
-                setFilters({ ...filtersWithoutQuery });
-                return;
-              }
-              setFilters({ ...filters, ...changedValues });
-            }
-          }}
-        >
-          <Row justify="space-between" gutter={16}>
-            <Col>
-              <Row gutter={16}>
-                <Col>
-                  <Typography.Title
-                    level={3}
-                    style={{ margin: 0, display: 'inline', color: '#1E1E1E' }}
-                  >
-                    Categories
-                  </Typography.Title>
-                </Col>
-                <Col>
-                  {searchFieldExpand ? (
-                    <Row>
-                      <Form.Item name="q">
-                        <Input placeholder="Search categories" />
-                      </Form.Item>
-                      <Form.Item>
-                        <Button htmlType="submit" icon={<SearchOutlined />}>
-                          Search
-                        </Button>
-                      </Form.Item>
-                    </Row>
-                  ) : (
-                    <Tooltip title="search">
-                      <Button
-                        type="text"
-                        shape="circle"
-                        onFocus={() => {
-                          setSearchFieldExpand(true);
-                          setTimeout(() => {
-                            form.getFieldsValue().q === undefined && setSearchFieldExpand(false);
-                          }, 10000);
-                        }}
-                        icon={<SearchOutlined />}
-                      />
-                    </Tooltip>
-                  )}
-                </Col>
-              </Row>
-            </Col>
-            <Col xs={24} md={8}>
-              <Row
-                gutter={16}
-                style={{
-                  justifyContent: isMobileScreen ? 'space-between' : 'end',
-                  flexDirection: isMobileScreen && 'row-reverse',
-                  marginTop: isMobileScreen && '1rem',
-                }}
-              >
-                <Col md={24} xs={12}>
-                  <Row justify="end">
-                    <Link to="/categories/create">
-                      <Button
-                        disabled={!(actions.includes('admin') || actions.includes('create'))}
-                        type="primary"
-                        icon={<PlusOutlined />}
-                        style={{ marginBottom: '1.5rem' }}
-                      >
-                        Create
-                      </Button>
-                    </Link>
-                  </Row>
-                </Col>
-                <Col>
-                  <Form.Item label="Sort By" name="sort">
-                    <Select placeholder="Sort By" defaultValue="desc" style={{ width: '100%' }}>
-                      <Option value="desc" key={'desc'}>
-                        Latest
-                      </Option>
-                      <Option value="asc" key={'asc'}>
-                        Old
-                      </Option>
-                    </Select>
-                  </Form.Item>
-                </Col>
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-      <CategoryList
-        actions={actions}
-        data={{ categories: categories, total: total, loading: loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchCategories={fetchCategories}
-      />
-    </Space>
-  );
-}
-
-export default Categories;
diff --git a/studio/src/pages/categories/index.test.js b/studio/src/pages/categories/index.test.js
deleted file mode 100644
index 581478b6f..000000000
--- a/studio/src/pages/categories/index.test.js
+++ /dev/null
@@ -1,303 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Categories from './index';
-import * as actions from '../../actions/categories';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-}));
-
-jest.mock('../../actions/categories', () => ({
-  getCategories: jest.fn(),
-  addCategory: jest.fn(),
-}));
-
-let state = {
-  categories: {
-    req: [],
-    details: {},
-    loading: false,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-};
-let cachedQueryState = {
-  categories: {
-    req: [
-      {
-        data: [4, 3, 1],
-        query: {
-          sort: 'desc',
-          page: 1,
-          limit: 10,
-        },
-        total: 3,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        name: 'crime',
-        slug: 'crime',
-      },
-      '3': {
-        id: 3,
-        name: 'sports',
-        slug: 'sports',
-      },
-      '4': {
-        id: 4,
-        name: 'election',
-        slug: 'election',
-      },
-    },
-    loading: false,
-  },
-};
-describe('Categories component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({});
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Categories
-              permission={{
-                actions: ['create'],
-              }}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      const store2 = mockStore({
-        categories: {
-          req: [
-            {
-              data: [1],
-              query: {},
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'category',
-              slug: 'slug',
-              description: 'description',
-              parent_id: 1,
-              category_date: '2017-12-12',
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store2}>
-          <Router>
-            <Categories
-              permission={{
-                actions: ['create'],
-              }}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(actions.getCategories).toHaveBeenCalledWith({
-        limit: 10,
-        page: 1,
-        sort: 'desc',
-      });
-    });
-    it('should render loader component', () => {
-      const loadingState = {
-        categories: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      };
-      store = mockStore(loadingState);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Categories
-              permission={{
-                actions: ['create'],
-              }}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with cached query data', () => {
-      store = mockStore(cachedQueryState);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Categories
-              permission={{
-                actions: ['create'],
-              }}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      // expect(actions.getCategories).toHaveBeenCalledWith({});
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle url search params', () => {
-      let wrapper;
-      window.history.pushState({}, '', '/categories?limit=20&page=1&sort=desc');
-      const store2 = mockStore({
-        categories: {
-          req: [
-            {
-              data: [1],
-              query: { page: 1, limit: 20 },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'category',
-              slug: 'slug',
-              description: 'description',
-              parent_id: 1,
-              category_date: '2017-12-12',
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Categories permission={{ actions: ['create'] }} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(actions.getCategories).toHaveBeenCalledWith({ page: 1, limit: 20, sort: 'desc' });
-    });
-    it('should submit filters', () => {
-      store = mockStore({
-        categories: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-                limit: 20,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'category',
-              slug: 'slug',
-              description: 'description',
-              parent_id: 1,
-              category_date: '2017-12-12',
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Categories permission={{ actions: ['create'] }} />
-            </Router>
-          </Provider>,
-        );
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'Explainer' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Select')
-          .props()
-          .onChange({ target: { value: '' } });
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Search');
-        submitButtom.simulate('submit');
-      });
-      setTimeout(() => {
-        expect(actions.getCategories).toHaveBeenCalledWith({
-          page: 1,
-          limit: 20,
-          sort: '',
-          format: [1],
-          q: 'Explainer',
-          tag: [2],
-          category: [2],
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/categories/index.tsx b/studio/src/pages/categories/index.tsx
new file mode 100644
index 000000000..30b176d01
--- /dev/null
+++ b/studio/src/pages/categories/index.tsx
@@ -0,0 +1,219 @@
+// index.tsx
+import { useEffect, useState } from "react";
+import { Helmet } from "react-helmet";
+import { PlusCircle, Search as SearchIcon } from "lucide-react";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+// Custom components
+import CategoryList from "./components/CategoryList";
+import PaginationFooter from "@/components/PaginationFooter";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+// Actions and hooks
+import { getCategories } from "../../actions/categories";
+import { useCategoriesData } from "./hooks/useCategoriesData";
+import { useCategoriesPagination } from "./hooks/useCategoriesPagination";
+import { CategoryFilters } from "./types";
+import { useSidebar } from "@/components/ui/sidebar";
+import SecuredButton from "@/components/SecuredButton";
+
+function Categories() {
+  const dispatch = useAppDispatch();
+  const isMobile = useIsMobile();
+  const { state: sidebarState } = useSidebar();
+  const [searchText, setSearchText] = useState("");
+  const [isSearchExpanded, setIsSearchExpanded] = useState(!isMobile);
+  const [filters, setFilters] = useState<CategoryFilters>({
+    page: 1,
+    limit: 10,
+  });
+
+  // Handle responsive UI changes
+  useEffect(() => {
+    setIsSearchExpanded(!isMobile);
+  }, [isMobile]);
+
+  // Fetch initial data
+  useEffect(() => {
+    dispatch(getCategories(filters));
+  }, [dispatch, filters]);
+
+  // Use custom hooks
+  const { categories, total, loading } = useCategoriesData(filters, searchText);
+  const { totalPages, handlePageChange, handlePageSizeChange, onPagination } =
+    useCategoriesPagination(filters, setFilters, total);
+
+  const toggleSearch = () => {
+    setIsSearchExpanded(!isSearchExpanded);
+    if (isSearchExpanded) {
+      setSearchText("");
+    }
+  };
+
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  const handleCreateCategory = () => {
+    window.location.href = "/categories/create";
+  };
+
+  const isCollapsed = sidebarState === "collapsed" && !isMobile;
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title="Categories" />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="Categories" parentLabel="Core" />
+      )}
+
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3" : "px-4 pr-5 h-full"
+          }`}
+        >
+          {/* Title */}
+          {isMobile && <h1 className="text-xl font-semibold">Categories</h1>}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex-1 max-w-xs">
+              <Input
+                placeholder="Search categories..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-10"
+              />
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {isMobile ? (
+              <SecuredButton
+                className="h-9 w-9"
+                size="icon"
+                onClick={handleCreateCategory}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            ) : (
+              <SecuredButton
+                className="flex items-center gap-2 py-2"
+                size="lg"
+                onClick={handleCreateCategory}
+              >
+                <PlusCircle className="h-4 w-4" />
+                Create category
+              </SecuredButton>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && isSearchExpanded && (
+          <div className="px-4 pb-3">
+            <Input
+              placeholder="Search categories..."
+              value={searchText}
+              onChange={handleSearchChange}
+              className="h-9 w-full"
+              autoFocus
+            />
+          </div>
+        )}
+      </div>
+
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: 0,
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <CategoryList
+          data={{
+            categories,
+            total,
+            loading,
+          }}
+          filters={{
+            page: filters.page,
+            limit: filters.limit,
+          }}
+          setFilters={setFilters}
+          fetchCategories={() => dispatch(getCategories(filters))}
+          isMobile={isMobile}
+        />
+      </div>
+
+      <div
+        className={`${
+          isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+        } z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                height: "64px",
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <PaginationFooter
+          currentPage={filters.page}
+          totalPages={totalPages}
+          totalItems={total}
+          pageSize={filters.limit}
+          onPageChange={handlePageChange}
+          onPageSizeChange={handlePageSizeChange}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Categories;
diff --git a/studio/src/pages/categories/types.ts b/studio/src/pages/categories/types.ts
new file mode 100644
index 000000000..d70bdb428
--- /dev/null
+++ b/studio/src/pages/categories/types.ts
@@ -0,0 +1,90 @@
+// types.ts
+
+// Category entity interface
+export interface Category {
+  id: string | number;
+  name: string;
+  slug: string;
+  parent_id?: string | number;
+  parent_category?: {
+    id: string | number;
+    name: string;
+  };
+  is_featured?: boolean;
+  background_colour?: any;
+  medium_id?: string | number;
+  meta_fields?: string | Record<string, any>;
+  [key: string]: any;
+}
+
+// Form values interface
+export interface CategoryFormValues {
+  id?: string | number;
+  name: string;
+  slug: string;
+  parent_id?: string | number;
+  is_featured?: boolean;
+  description_html?: string;
+  background_colour?: any;
+  medium_id?: string | number;
+  meta_fields?: string | Record<string, any>;
+  meta?: {
+    canonical_URL?: string;
+    facebook?: {
+      title?: string;
+      canonical_URL?: string;
+    };
+    twitter?: {
+      title?: string;
+      canonical_URL?: string;
+    };
+    google?: {
+      title?: string;
+      canonical_URL?: string;
+    };
+  };
+}
+
+// Component props interfaces
+export interface CategoryFormProps {
+  onCreate: (values: CategoryFormValues) => void;
+  data?: Partial<CategoryFormValues>;
+}
+
+export interface CategoryFilters {
+  page: number;
+  limit: number;
+  q?: string;
+  [key: string]: any;
+}
+
+export interface FormValues {
+  q?: string;
+  [key: string]: any;
+}
+
+export interface CategoryListData {
+  categories: Category[];
+  total: number;
+  loading: boolean;
+}
+
+export interface CategoryListProps {
+  data: CategoryListData;
+  filters: {
+    page?: number;
+    limit?: number;
+  };
+  fetchCategories: () => void;
+  onPagination?: (page: number, limit: number) => void;
+  isMobile?: boolean;
+  setFilters?: any;
+}
+
+export interface FiltersPopoverProps {
+  form: any;
+  onSave: (values: FormValues) => void;
+  hasActiveFilters: boolean;
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+}
diff --git a/studio/src/pages/claimants/CreateClaimant.js b/studio/src/pages/claimants/CreateClaimant.js
deleted file mode 100644
index 5e4d05c1f..000000000
--- a/studio/src/pages/claimants/CreateClaimant.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import ClaimantCreateForm from './components/ClaimantForm';
-import { useDispatch } from 'react-redux';
-import { createClaimant } from '../../actions/claimants';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateClaimant() {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(createClaimant(values)).then(() => history('/claimants'));
-  };
-  return (
-    <>
-      <Helmet title={'Create Claimants'} />
-      <ClaimantCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-
-export default CreateClaimant;
diff --git a/studio/src/pages/claimants/CreateClaimant.test.js b/studio/src/pages/claimants/CreateClaimant.test.js
deleted file mode 100644
index 86c8d42e2..000000000
--- a/studio/src/pages/claimants/CreateClaimant.test.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreateClaimant from './CreateClaimant';
-import * as actions from '../../actions/claimants';
-import ClaimantCreateForm from './components/ClaimantForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/claimants', () => ({
-  getClaimants: jest.fn(),
-  createCategory: jest.fn(),
-  createClaimant: jest.fn(),
-}));
-
-describe('Claimants create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [],
-      details: { 1: { site_address: '' } },
-      selected: 1,
-      loading: true,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CreateClaimant />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createCategory', (done) => {
-      actions.createCategory.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreateClaimant />
-          </Provider>,
-        );
-      });
-      wrapper.find(ClaimantCreateForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.createClaimant).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/claimants');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/claimants/CreateClaimant.tsx b/studio/src/pages/claimants/CreateClaimant.tsx
new file mode 100644
index 000000000..e434a8875
--- /dev/null
+++ b/studio/src/pages/claimants/CreateClaimant.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import ClaimantCreateForm from "./components/ClaimantForm";
+import { createClaimant } from "../../actions/claimants";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { ClaimantFormValues } from "./types";
+
+const CreateClaimant: React.FC = () => {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onCreate = (values: ClaimantFormValues) => {
+    dispatch(createClaimant(values))
+      .then(() => {
+        // Navigate only after successful creation
+        history("/claimants");
+      })
+      .catch((error) => {
+        // Error is already handled in the action creator
+        console.error("Creation failed:", error);
+      });
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Claimant"} />
+      <ClaimantCreateForm onCreate={onCreate} />
+    </>
+  );
+};
+
+export default CreateClaimant;
diff --git a/studio/src/pages/claimants/EditClaimant.js b/studio/src/pages/claimants/EditClaimant.js
deleted file mode 100644
index 8ae2a626e..000000000
--- a/studio/src/pages/claimants/EditClaimant.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import React from 'react';
-import ClaimantEditForm from './components/ClaimantForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updateClaimant, getClaimant } from '../../actions/claimants';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditClaimant() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-
-  const { claimant, loading } = useSelector((state) => {
-    return {
-      claimant: state.claimants.details[id] ? state.claimants.details[id] : null,
-      loading: state.claimants.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getClaimant(id));
-  }, [dispatch, id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!claimant) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updateClaimant({ ...claimant, ...values })).then(() =>
-      history(`/claimants/${id}/edit`),
-    );
-  };
-
-  return (
-    <>
-      <Helmet title={`${claimant?.name} - Edit Claimant`} />
-      <ClaimantEditForm data={claimant} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditClaimant;
diff --git a/studio/src/pages/claimants/EditClaimant.test.js b/studio/src/pages/claimants/EditClaimant.test.js
deleted file mode 100644
index f4185c7ec..000000000
--- a/studio/src/pages/claimants/EditClaimant.test.js
+++ /dev/null
@@ -1,284 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditClaimant from './EditClaimant';
-import * as actions from '../../actions/claimants';
-import ClaimantEditForm from './components/ClaimantForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/claimants', () => ({
-  addClaimant: jest.fn(),
-  getClaimant: jest.fn(),
-  updateClaimant: jest.fn(),
-}));
-
-describe('Claimants edit component', () => {
-  let store;
-  let mockedDispatch;
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({
-        claimants: {
-          req: [
-            {
-              data: [1, 2],
-              query: {
-                page: 1,
-              },
-              total: 2,
-            },
-          ],
-          details: {
-            '1': {
-              id: 1,
-              name: 'TOI',
-              slug: 'toi',
-              description: {
-                time: 1613556798273,
-                blocks: [{ type: 'header', data: { text: 'Description', level: 2 } }],
-                version: '2.19.0',
-              },
-              tag_line: 'tag line',
-              claimant_date: '2017-12-12',
-            },
-            '2': {
-              id: 2,
-              name: 'CNN',
-              slug: 'cnn',
-              description: {
-                time: 1613556798293,
-                blocks: [{ type: 'header', data: { text: 'Description-2', level: 2 } }],
-                version: '2.19.0',
-              },
-              tag_line: 'tag line',
-              claimant_date: '2017-12-12',
-            },
-          },
-          loading: true,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <EditClaimant />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      store = mockStore({
-        claimants: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditClaimant />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      store = mockStore({
-        claimants: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditClaimant />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-
-    beforeEach(() => {
-      store = mockStore({
-        claimants: {
-          req: [
-            {
-              data: [1, 2],
-              query: {
-                page: 1,
-              },
-              total: 2,
-            },
-          ],
-          details: {
-            '1': {
-              id: 1,
-              name: 'TOI',
-              slug: 'toi',
-              description: {
-                time: 1613556798273,
-                blocks: [{ type: 'header', data: { text: 'Description', level: 2 } }],
-                version: '2.19.0',
-              },
-              tag_line: 'tag line',
-              claimant_date: '2017-12-12',
-            },
-            '2': {
-              id: 2,
-              name: 'CNN',
-              slug: 'cnn',
-              description: {
-                time: 1613556798293,
-                blocks: [{ type: 'header', data: { text: 'Description-2', level: 2 } }],
-                version: '2.19.0',
-              },
-              tag_line: 'tag line',
-              claimant_date: '2017-12-12',
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [],
-          details: { 1: { site_address: '' } },
-          loading: true,
-          selected: 1,
-        },
-      });
-    });
-    it('should call get action', () => {
-      actions.getClaimant.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditClaimant />
-          </Provider>,
-        );
-      });
-      expect(actions.getClaimant).toHaveBeenCalledWith('1');
-    });
-    it('should display RecordNotFound if not claimant found', () => {
-      store = mockStore({
-        claimants: {
-          req: [
-            {
-              data: [2],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            '2': {
-              id: 2,
-              name: 'CNN',
-              slug: 'cnn',
-              description: {
-                time: 1613556798293,
-                blocks: [{ type: 'header', data: { text: 'Description-2', level: 2 } }],
-                version: '2.19.0',
-              },
-              tag_line: 'tag line',
-              claimant_date: '2017-12-12',
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditClaimant />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find(ClaimantEditForm).length).toBe(0);
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-    });
-    it('should call updateClaimant', (done) => {
-      actions.updateClaimant.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      useDispatch.mockReturnValueOnce(() => Promise.resolve({}));
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditClaimant />
-          </Provider>,
-        );
-      });
-      wrapper.find(ClaimantEditForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.updateClaimant).toHaveBeenCalledWith({
-          id: 1,
-          name: 'TOI',
-          slug: 'toi',
-          description: {
-            time: 1613556798273,
-            blocks: [{ type: 'header', data: { text: 'Description', level: 2 } }],
-            version: '2.19.0',
-          },
-          tag_line: 'tag line',
-          claimant_date: '2017-12-12',
-          test: 'test',
-        });
-        expect(push).toHaveBeenCalledWith('/claimants/1/edit');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/claimants/EditClaimant.tsx b/studio/src/pages/claimants/EditClaimant.tsx
new file mode 100644
index 000000000..826d2bb8a
--- /dev/null
+++ b/studio/src/pages/claimants/EditClaimant.tsx
@@ -0,0 +1,67 @@
+import React, { useEffect } from "react";
+import ClaimantEditForm from "./components/ClaimantForm";
+import { useSelector } from "react-redux";
+import { Skeleton } from "@/components/ui/skeleton";
+import { updateClaimant, getClaimant } from "../../actions/claimants";
+import { useParams } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { RootState, Claimant, ClaimantFormValues } from "./types";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+function EditClaimant(): React.ReactElement {
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+
+  const dispatch = useAppDispatch();
+
+  const { claimant, loading } = useSelector((state: RootState) => {
+    return {
+      claimant:
+        id && state.claimants.details[id] ? state.claimants.details[id] : null,
+      loading: state.claimants.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      // Check if id is numeric and parse it, otherwise use as string
+      const parsedId = /^\d+$/.test(id) ? parseInt(id, 10) : id;
+      dispatch(getClaimant(parsedId));
+    }
+  }, [dispatch, id]);
+
+  if (loading) return <Skeleton className="h-48 w-full" />;
+
+  if (!claimant) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: ClaimantFormValues): void => {
+    const updatedClaimant: Claimant = {
+      ...claimant,
+      ...values,
+      id: claimant.id,
+    };
+
+    dispatch(updateClaimant(updatedClaimant))
+      .then(() => {
+        // Navigate only after successful update
+        history(`/claimants/${id}/edit`);
+      })
+      .catch((error) => {
+        // Error is already handled in the action creator
+        console.error("Update failed:", error);
+      });
+  };
+
+  return (
+    <>
+      <Helmet title={`${claimant?.name || "Unknown"} - Edit Claimant`} />
+      <ClaimantEditForm data={claimant} onCreate={onUpdate} />
+    </>
+  );
+}
+
+export default EditClaimant;
diff --git a/studio/src/pages/claimants/__snapshots__/CreateClaimant.test.js.snap b/studio/src/pages/claimants/__snapshots__/CreateClaimant.test.js.snap
deleted file mode 100644
index 1515a7271..000000000
--- a/studio/src/pages/claimants/__snapshots__/CreateClaimant.test.js.snap
+++ /dev/null
@@ -1,2371 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claimants create component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateClaimant>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Claimants"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Claimants"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Claimants"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <ClaimantForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "creat-claimant",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        layout="vertical"
-        name="creat-claimant"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "creat-claimant",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="creat-claimant"
-            initialValues={Object {}}
-            name="creat-claimant"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="creat-claimant"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <Row
-                justify="center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-row-center"
-                  style={
-                    Object {
-                      "margin": "0 auto",
-                      "maxWidth": "1200px",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="end"
-                      >
-                        <div
-                          className="ant-row ant-row-end"
-                          style={
-                            Object {
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <FormItem>
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  prefixCls="ant-form"
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  validateStatus=""
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Space>
-                                            <div
-                                              className="ant-space ant-space-horizontal ant-space-align-center"
-                                              style={Object {}}
-                                            >
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={0}
-                                                key="ant-space-item-0"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={
-                                                    Object {
-                                                      "marginRight": 8,
-                                                    }
-                                                  }
-                                                >
-                                                  <Button
-                                                    htmlType="button"
-                                                    onClick={[Function]}
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn"
-                                                        onClick={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Reset
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={1}
-                                                key="ant-space-item-1"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={Object {}}
-                                                >
-                                                  <Button
-                                                    disabled={true}
-                                                    htmlType="submit"
-                                                    type="primary"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-primary"
-                                                        disabled={true}
-                                                        onClick={[Function]}
-                                                        type="submit"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Submit
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                            </div>
-                                          </Space>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </FormItem>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-row-space-around"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginBottom": "1rem",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                              "padding": "1.25rem",
-                            }
-                          }
-                        >
-                          <Col
-                            span={12}
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <TitleInput
-                                label="Claimant Name"
-                                name="name"
-                                onChange={[Function]}
-                              >
-                                <FormItem
-                                  label="Claimant Name"
-                                  name="name"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Claimant Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Claimant Name",
-                                      }
-                                    }
-                                    name="name"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-claimant",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_name"
-                                      label="Claimant Name"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Claimant Name",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please enter name!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Name must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-claimant_name"
-                                            label="Claimant Name"
-                                            name="name"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="creat-claimant_name"
-                                                  title="Claimant Name"
-                                                >
-                                                  Claimant Name
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Claimant Name"
-                                            name={
-                                              Array [
-                                                "name",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="creat-claimant_name"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="creat-claimant_name"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="creat-claimant_name"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-claimant_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </TitleInput>
-                              <SlugInput>
-                                <FormItem
-                                  label="Slug"
-                                  name="slug"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name="slug"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-claimant",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_slug"
-                                      label="Slug"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Slug",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "slug",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the slug!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Please enter valid slug!",
-                                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-claimant_slug"
-                                            label="Slug"
-                                            name="slug"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="creat-claimant_slug"
-                                                  title="Slug"
-                                                >
-                                                  Slug
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Slug"
-                                            name={
-                                              Array [
-                                                "slug",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="creat-claimant_slug"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="creat-claimant_slug"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="creat-claimant_slug"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-claimant_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </SlugInput>
-                              <FormItem
-                                label="Featured"
-                                name="is_featured"
-                                valuePropName="checked"
-                              >
-                                <WrapperField
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name="is_featured"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_is_featured"
-                                    label="Featured"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "is_featured",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="checked"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_is_featured"
-                                          label="Featured"
-                                          name="is_featured"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-claimant_is_featured"
-                                                title="Featured"
-                                              >
-                                                Featured
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured"
-                                          name={
-                                            Array [
-                                              "is_featured",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Switch
-                                                      id="creat-claimant_is_featured"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Wave
-                                                        insertExtraNode={true}
-                                                      >
-                                                        <Switch
-                                                          className=""
-                                                          id="creat-claimant_is_featured"
-                                                          loadingIcon={
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-switch"
-                                                        >
-                                                          <button
-                                                            aria-checked={false}
-                                                            className="ant-switch"
-                                                            id="creat-claimant_is_featured"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            role="switch"
-                                                            type="button"
-                                                          >
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                            <span
-                                                              className="ant-switch-inner"
-                                                            />
-                                                          </button>
-                                                        </Switch>
-                                                      </Wave>
-                                                    </Switch>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                label="Tag Line"
-                                name="tag_line"
-                              >
-                                <WrapperField
-                                  label="Tag Line"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Tag Line",
-                                    }
-                                  }
-                                  name="tag_line"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_tag_line"
-                                    label="Tag Line"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Tag Line",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "tag_line",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_tag_line"
-                                          label="Tag Line"
-                                          name="tag_line"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-claimant_tag_line"
-                                                title="Tag Line"
-                                              >
-                                                Tag Line
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Tag Line"
-                                          name={
-                                            Array [
-                                              "tag_line",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <ForwardRef
-                                                      id="creat-claimant_tag_line"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <TextArea
-                                                            className=""
-                                                            id="creat-claimant_tag_line"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            prefixCls="ant-input"
-                                                          />
-                                                        }
-                                                        handleReset={[Function]}
-                                                        id="creat-claimant_tag_line"
-                                                        inputType="text"
-                                                        prefixCls="ant-input"
-                                                        value=""
-                                                      >
-                                                        <TextArea
-                                                          className=""
-                                                          id="creat-claimant_tag_line"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value=""
-                                                        >
-                                                          <ResizableTextArea
-                                                            className=""
-                                                            id="creat-claimant_tag_line"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            prefixCls="ant-input"
-                                                            value=""
-                                                          >
-                                                            <ResizeObserver
-                                                              disabled={true}
-                                                              onResize={[Function]}
-                                                            >
-                                                              <textarea
-                                                                className="ant-input"
-                                                                id="creat-claimant_tag_line"
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                style={Object {}}
-                                                                value=""
-                                                              />
-                                                            </ResizeObserver>
-                                                          </ResizableTextArea>
-                                                        </TextArea>
-                                                      </ClearableLabeledInput>
-                                                    </ForwardRef>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Featured Image"
-                                name="medium_id"
-                              >
-                                <WrapperField
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name="medium_id"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_medium_id"
-                                    label="Featured Image"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured Image",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "medium_id",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_medium_id"
-                                          label="Featured Image"
-                                          name="medium_id"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-claimant_medium_id"
-                                                title="Featured Image"
-                                              >
-                                                Featured Image
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured Image"
-                                          name={
-                                            Array [
-                                              "medium_id",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <MediaSelector
-                                                      containerStyles={
-                                                        Object {
-                                                          "justifyContent": "start",
-                                                        }
-                                                      }
-                                                      id="creat-claimant_medium_id"
-                                                      maxWidth="350px"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Modal
-                                                        closable={false}
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        visible={false}
-                                                        width="800px"
-                                                      >
-                                                        <Dialog
-                                                          closable={false}
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Cancel
-                                                              </ForwardRef(InternalButton)>,
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                                type="primary"
-                                                              >
-                                                                Ok
-                                                              </ForwardRef(InternalButton)>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width="800px"
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                      <Space
-                                                        direction="vertical"
-                                                      >
-                                                        <div
-                                                          className="ant-space ant-space-vertical"
-                                                          style={Object {}}
-                                                        >
-                                                          <Item
-                                                            className="ant-space-item"
-                                                            direction="vertical"
-                                                            index={0}
-                                                            key="ant-space-item-0"
-                                                            marginDirection="marginRight"
-                                                            wrap={false}
-                                                          >
-                                                            <div
-                                                              className="ant-space-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "start",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "position": "relative",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Button
-                                                                    onClick={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "background": "transparent",
-                                                                        "borderStyle": "dashed",
-                                                                        "display": "block",
-                                                                        "height": "auto",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Wave>
-                                                                      <button
-                                                                        className="ant-btn"
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "background": "transparent",
-                                                                            "borderStyle": "dashed",
-                                                                            "display": "block",
-                                                                            "height": "auto",
-                                                                          }
-                                                                        }
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <PlaceholderImage
-                                                                          height="auto"
-                                                                          key=".0"
-                                                                          maxWidth="350px"
-                                                                          width="100%"
-                                                                        >
-                                                                          <img
-                                                                            alt=""
-                                                                            height="auto"
-                                                                            src="placeholderImage.svg"
-                                                                            style={
-                                                                              Object {
-                                                                                "maxWidth": "350px",
-                                                                                "objectFit": "contain",
-                                                                                "padding": "1rem",
-                                                                              }
-                                                                            }
-                                                                            width="100%"
-                                                                          />
-                                                                        </PlaceholderImage>
-                                                                      </button>
-                                                                    </Wave>
-                                                                  </Button>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </Item>
-                                                        </div>
-                                                      </Space>
-                                                    </MediaSelector>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={12}
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "marginLeft": "20px",
-                                  "marginRight": "auto",
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <DescriptionInput
-                                inputProps={
-                                  Object {
-                                    "basic": true,
-                                    "placeholder": "Enter Description...",
-                                    "style": Object {
-                                      "background": "#fff",
-                                      "padding": "0.5rem 0.75rem",
-                                      "width": "600px",
-                                    },
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Description"
-                                  name="description"
-                                >
-                                  <WrapperField
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name="description"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-claimant",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_description"
-                                      label="Description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Description",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "description",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-claimant_description"
-                                            label="Description"
-                                            name="description"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="creat-claimant_description"
-                                                  title="Description"
-                                                >
-                                                  Description
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Description"
-                                            name={
-                                              Array [
-                                                "description",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Editor
-                                                        basic={true}
-                                                        id="creat-claimant_description"
-                                                        onChange={[Function]}
-                                                        placeholder="Enter Description..."
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "#fff",
-                                                              "padding": "0.5rem 0.75rem",
-                                                              "width": "600px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </Editor>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </DescriptionInput>
-                            </div>
-                          </Col>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <MetaForm>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Data"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Data"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Data
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Code Injection"
-                                    isActive={false}
-                                    key="1"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Code Injection"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="1"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Code Injection
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Fields"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Fields"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Fields
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                          </MetaForm>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </ClaimantForm>
-  </CreateClaimant>
-</Provider>
-`;
diff --git a/studio/src/pages/claimants/__snapshots__/EditClaimant.test.js.snap b/studio/src/pages/claimants/__snapshots__/EditClaimant.test.js.snap
deleted file mode 100644
index 2d0a52e65..000000000
--- a/studio/src/pages/claimants/__snapshots__/EditClaimant.test.js.snap
+++ /dev/null
@@ -1,498 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claimants edit component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditClaimant>
-    <RecordNotFound>
-      <Result
-        extra={null}
-        status="404"
-        title="Sorry, could not find what you are looking for."
-      >
-        <div
-          className="ant-result ant-result-404"
-        >
-          <div
-            className="ant-result-icon ant-result-image"
-          >
-            <NoFound>
-              <svg
-                height="294"
-                width="252"
-              >
-                <defs>
-                  <path
-                    d="M0 .387h251.772v251.772H0z"
-                  />
-                </defs>
-                <g
-                  fill="none"
-                  fillRule="evenodd"
-                >
-                  <g
-                    transform="translate(0 .012)"
-                  >
-                    <mask
-                      fill="#fff"
-                    />
-                    <path
-                      d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                      fill="#E4EBF7"
-                      mask="url(#b)"
-                    />
-                  </g>
-                  <path
-                    d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                    fill="#1890FF"
-                  />
-                  <path
-                    d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                    fill="#FFB594"
-                  />
-                  <path
-                    d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                    fill="#7BB2F9"
-                  />
-                  <path
-                    d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                  <path
-                    d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                    fill="#520038"
-                  />
-                  <path
-                    d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                    fill="#552950"
-                  />
-                  <path
-                    d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M110.846 74.481s1.79-.716 2.506.537"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.287 72.93s1.83 1.113 4.137.954"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M119.306 107.329s.452 4.366-2.127 32.062"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#5BA02E"
-                  />
-                  <path
-                    d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#92C110"
-                  />
-                  <path
-                    d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                </g>
-              </svg>
-            </NoFound>
-          </div>
-          <div
-            className="ant-result-title"
-          >
-            Sorry, could not find what you are looking for.
-          </div>
-        </div>
-      </Result>
-    </RecordNotFound>
-  </EditClaimant>
-</Provider>
-`;
-
-exports[`Claimants edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditClaimant>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditClaimant>
-</Provider>
-`;
-
-exports[`Claimants edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditClaimant>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditClaimant>
-</Provider>
-`;
diff --git a/studio/src/pages/claimants/__snapshots__/index.test.js.snap b/studio/src/pages/claimants/__snapshots__/index.test.js.snap
deleted file mode 100644
index cee12862c..000000000
--- a/studio/src/pages/claimants/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,7519 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claimants List component snapshot testing should render loader component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Claimants
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Loader>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-                "height": "100vh",
-                "justifyContent": "center",
-                "padding": "2rem",
-                "position": "absolute",
-                "width": "100%",
-              }
-            }
-          >
-            <Spin
-              size="large"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin ant-spin-lg ant-spin-spinning"
-              >
-                <span
-                  className="ant-spin-dot ant-spin-dot-spin"
-                >
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                </span>
-              </div>
-            </Spin>
-          </div>
-        </Loader>
-      </Claimants>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claimants List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Claimants
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Claimants"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Claimants"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Claimants"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search claimant"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search claimant"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search claimant"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search claimant"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/claimants/create"
-                                >
-                                  <LinkAnchor
-                                    href="/claimants/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/claimants/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Claimant
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <ClaimantList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "claimants": Array [],
-                      "loading": false,
-                      "total": 0,
-                    }
-                  }
-                  fetchClaimants={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": "tag_line",
-                                  "key": "tag_line",
-                                  "render": [Function],
-                                  "title": "Tag Line",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          Object {
-                                            "dataIndex": "tag_line",
-                                            "key": "tag_line",
-                                            "render": [Function],
-                                            "title": "Tag Line",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Slug
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Tag Line
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="4"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tag_line",
-                                                  "key": "tag_line",
-                                                  "render": [Function],
-                                                  "title": "Tag Line",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Tag Line
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="4"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      "20%",
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tag_line",
-                                                        "fixed": undefined,
-                                                        "key": "tag_line",
-                                                        "render": [Function],
-                                                        "title": "Tag Line",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={4}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tag_line",
-                                                        "key": "tag_line",
-                                                        "render": [Function],
-                                                        "title": "Tag Line",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tag_line",
-                                                        "fixed": undefined,
-                                                        "key": "tag_line",
-                                                        "render": [Function],
-                                                        "title": "Tag Line",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Slug",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            },
-                                                            "key": "slug",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Tag Line",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "tag_line",
-                                                              "key": "tag_line",
-                                                              "render": [Function],
-                                                              "title": "Tag Line",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": "tag_line",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "slug",
-                                                            "fixed": undefined,
-                                                            "key": "slug",
-                                                            "title": "Slug",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "tag_line",
-                                                            "fixed": undefined,
-                                                            "key": "tag_line",
-                                                            "render": [Function],
-                                                            "title": "Tag Line",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "tag_line",
-                                                              "key": "tag_line",
-                                                              "render": [Function],
-                                                              "title": "Tag Line",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="tag_line"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Tag Line
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={4}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={4}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={4}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </ClaimantList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Claimants>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claimants List component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Claimants
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Claimants"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Claimants"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Claimants"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search claimant"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search claimant"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search claimant"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search claimant"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/claimants/create"
-                                >
-                                  <LinkAnchor
-                                    href="/claimants/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/claimants/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Claimant
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <ClaimantList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "claimants": Array [
-                        Object {
-                          "created_at": "2020-09-09T06:51:15.770644Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "medium_id": 0,
-                          "name": "Whatsapp",
-                          "slug": "whatsapp",
-                          "space_id": 1,
-                          "tag_line": "",
-                          "updated_at": "2020-09-09T06:51:15.770644Z",
-                        },
-                        Object {
-                          "created_at": "2020-09-09T06:51:22.237778Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "medium_id": 0,
-                          "name": "Facebook",
-                          "slug": "facebook",
-                          "space_id": 1,
-                          "tag_line": "",
-                          "updated_at": "2020-09-09T06:51:22.237778Z",
-                        },
-                      ],
-                      "loading": false,
-                      "total": 2,
-                    }
-                  }
-                  fetchClaimants={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": "tag_line",
-                                  "key": "tag_line",
-                                  "render": [Function],
-                                  "title": "Tag Line",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:51:15.770644Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Whatsapp",
-                                  "slug": "whatsapp",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:15.770644Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:51:22.237778Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Facebook",
-                                  "slug": "facebook",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:22.237778Z",
-                                },
-                              ]
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          Object {
-                                            "dataIndex": "tag_line",
-                                            "key": "tag_line",
-                                            "render": [Function],
-                                            "title": "Tag Line",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={
-                                        Array [
-                                          Object {
-                                            "created_at": "2020-09-09T06:51:15.770644Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "medium_id": 0,
-                                            "name": "Whatsapp",
-                                            "slug": "whatsapp",
-                                            "space_id": 1,
-                                            "tag_line": "",
-                                            "updated_at": "2020-09-09T06:51:15.770644Z",
-                                          },
-                                          Object {
-                                            "created_at": "2020-09-09T06:51:22.237778Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "medium_id": 0,
-                                            "name": "Facebook",
-                                            "slug": "facebook",
-                                            "space_id": 1,
-                                            "tag_line": "",
-                                            "updated_at": "2020-09-09T06:51:22.237778Z",
-                                          },
-                                        ]
-                                      }
-                                      dataSource={
-                                        Array [
-                                          Object {
-                                            "created_at": "2020-09-09T06:51:15.770644Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "medium_id": 0,
-                                            "name": "Whatsapp",
-                                            "slug": "whatsapp",
-                                            "space_id": 1,
-                                            "tag_line": "",
-                                            "updated_at": "2020-09-09T06:51:15.770644Z",
-                                          },
-                                          Object {
-                                            "created_at": "2020-09-09T06:51:22.237778Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "medium_id": 0,
-                                            "name": "Facebook",
-                                            "slug": "facebook",
-                                            "space_id": 1,
-                                            "tag_line": "",
-                                            "updated_at": "2020-09-09T06:51:22.237778Z",
-                                          },
-                                        ]
-                                      }
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Slug
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Tag Line
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="1"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/claimants/1/edit"
-                                                        style="margin-right: 8px;"
-                                                      >
-                                                        Whatsapp
-                                                      </a>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      whatsapp
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <div
-                                                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                      >
-                                                        
-                                                      </div>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="2"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/claimants/2/edit"
-                                                        style="margin-right: 8px;"
-                                                      >
-                                                        Facebook
-                                                      </a>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      facebook
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <div
-                                                        class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                      >
-                                                        
-                                                      </div>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 2,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tag_line",
-                                                  "key": "tag_line",
-                                                  "render": [Function],
-                                                  "title": "Tag Line",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [
-                                                Object {
-                                                  "created_at": "2020-09-09T06:51:15.770644Z",
-                                                  "deleted_at": null,
-                                                  "description": "",
-                                                  "id": 1,
-                                                  "medium_id": 0,
-                                                  "name": "Whatsapp",
-                                                  "slug": "whatsapp",
-                                                  "space_id": 1,
-                                                  "tag_line": "",
-                                                  "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                },
-                                                Object {
-                                                  "created_at": "2020-09-09T06:51:22.237778Z",
-                                                  "deleted_at": null,
-                                                  "description": "",
-                                                  "id": 2,
-                                                  "medium_id": 0,
-                                                  "name": "Facebook",
-                                                  "slug": "facebook",
-                                                  "space_id": 1,
-                                                  "tag_line": "",
-                                                  "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                },
-                                              ],
-                                              "dataSource": Array [
-                                                Object {
-                                                  "created_at": "2020-09-09T06:51:15.770644Z",
-                                                  "deleted_at": null,
-                                                  "description": "",
-                                                  "id": 1,
-                                                  "medium_id": 0,
-                                                  "name": "Whatsapp",
-                                                  "slug": "whatsapp",
-                                                  "space_id": 1,
-                                                  "tag_line": "",
-                                                  "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                },
-                                                Object {
-                                                  "created_at": "2020-09-09T06:51:22.237778Z",
-                                                  "deleted_at": null,
-                                                  "description": "",
-                                                  "id": 2,
-                                                  "medium_id": 0,
-                                                  "name": "Facebook",
-                                                  "slug": "facebook",
-                                                  "space_id": 1,
-                                                  "tag_line": "",
-                                                  "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                },
-                                              ],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Tag Line
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="1"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/claimants/1/edit"
-                                                              style="margin-right: 8px;"
-                                                            >
-                                                              Whatsapp
-                                                            </a>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            whatsapp
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <div
-                                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                            >
-                                                              
-                                                            </div>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="2"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/claimants/2/edit"
-                                                              style="margin-right: 8px;"
-                                                            >
-                                                              Facebook
-                                                            </a>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            facebook
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <div
-                                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                            >
-                                                              
-                                                            </div>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 2,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      "20%",
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tag_line",
-                                                        "fixed": undefined,
-                                                        "key": "tag_line",
-                                                        "render": [Function],
-                                                        "title": "Tag Line",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={4}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tag_line",
-                                                        "key": "tag_line",
-                                                        "render": [Function],
-                                                        "title": "Tag Line",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tag_line",
-                                                        "fixed": undefined,
-                                                        "key": "tag_line",
-                                                        "render": [Function],
-                                                        "title": "Tag Line",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Slug",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            },
-                                                            "key": "slug",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Tag Line",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "tag_line",
-                                                              "key": "tag_line",
-                                                              "render": [Function],
-                                                              "title": "Tag Line",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": "tag_line",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "slug",
-                                                            "fixed": undefined,
-                                                            "key": "slug",
-                                                            "title": "Slug",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "tag_line",
-                                                            "fixed": undefined,
-                                                            "key": "tag_line",
-                                                            "render": [Function],
-                                                            "title": "Tag Line",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "tag_line",
-                                                              "key": "tag_line",
-                                                              "render": [Function],
-                                                              "title": "Tag Line",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="tag_line"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Tag Line
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={
-                                                    Array [
-                                                      Object {
-                                                        "created_at": "2020-09-09T06:51:15.770644Z",
-                                                        "deleted_at": null,
-                                                        "description": "",
-                                                        "id": 1,
-                                                        "medium_id": 0,
-                                                        "name": "Whatsapp",
-                                                        "slug": "whatsapp",
-                                                        "space_id": 1,
-                                                        "tag_line": "",
-                                                        "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                      },
-                                                      Object {
-                                                        "created_at": "2020-09-09T06:51:22.237778Z",
-                                                        "deleted_at": null,
-                                                        "description": "",
-                                                        "id": 2,
-                                                        "medium_id": 0,
-                                                        "name": "Facebook",
-                                                        "slug": "facebook",
-                                                        "space_id": 1,
-                                                        "tag_line": "",
-                                                        "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                      },
-                                                    ]
-                                                  }
-                                                  emptyNode={null}
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={0}
-                                                      key="1"
-                                                      record={
-                                                        Object {
-                                                          "created_at": "2020-09-09T06:51:15.770644Z",
-                                                          "deleted_at": null,
-                                                          "description": "",
-                                                          "id": 1,
-                                                          "medium_id": 0,
-                                                          "name": "Whatsapp",
-                                                          "slug": "whatsapp",
-                                                          "space_id": 1,
-                                                          "tag_line": "",
-                                                          "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                        }
-                                                      }
-                                                      recordKey={1}
-                                                      rowComponent="tr"
-                                                      rowKey={1}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={1}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="name"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2020-09-09T06:51:15.770644Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "medium_id": 0,
-                                                              "name": "Whatsapp",
-                                                              "slug": "whatsapp",
-                                                              "space_id": 1,
-                                                              "tag_line": "",
-                                                              "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/claimants/1/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/claimants/1/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/claimants/1/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  Whatsapp
-                                                                </a>
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="slug"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2020-09-09T06:51:15.770644Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "medium_id": 0,
-                                                              "name": "Whatsapp",
-                                                              "slug": "whatsapp",
-                                                              "space_id": 1,
-                                                              "tag_line": "",
-                                                              "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            whatsapp
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="tag_line"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="tag_line"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2020-09-09T06:51:15.770644Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "medium_id": 0,
-                                                              "name": "Whatsapp",
-                                                              "slug": "whatsapp",
-                                                              "space_id": 1,
-                                                              "tag_line": "",
-                                                              "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Paragraph
-                                                              ellipsis={
-                                                                Object {
-                                                                  "rows": 2,
-                                                                }
-                                                              }
-                                                            >
-                                                              <Base
-                                                                component="div"
-                                                                ellipsis={
-                                                                  Object {
-                                                                    "rows": 2,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <LocaleReceiver
-                                                                  componentName="Text"
-                                                                >
-                                                                  <ResizeObserver
-                                                                    disabled={true}
-                                                                    onResize={[Function]}
-                                                                  >
-                                                                    <Typography
-                                                                      className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                                      component="div"
-                                                                      style={
-                                                                        Object {
-                                                                          "WebkitLineClamp": 2,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <div
-                                                                        className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitLineClamp": 2,
-                                                                          }
-                                                                        }
-                                                                      />
-                                                                    </Typography>
-                                                                  </ResizeObserver>
-                                                                </LocaleReceiver>
-                                                              </Base>
-                                                            </Paragraph>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2020-09-09T06:51:15.770644Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "medium_id": 0,
-                                                              "name": "Whatsapp",
-                                                              "slug": "whatsapp",
-                                                              "space_id": 1,
-                                                              "tag_line": "",
-                                                              "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={1}
-                                                      key="2"
-                                                      record={
-                                                        Object {
-                                                          "created_at": "2020-09-09T06:51:22.237778Z",
-                                                          "deleted_at": null,
-                                                          "description": "",
-                                                          "id": 2,
-                                                          "medium_id": 0,
-                                                          "name": "Facebook",
-                                                          "slug": "facebook",
-                                                          "space_id": 1,
-                                                          "tag_line": "",
-                                                          "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                        }
-                                                      }
-                                                      recordKey={2}
-                                                      rowComponent="tr"
-                                                      rowKey={2}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={2}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="name"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2020-09-09T06:51:22.237778Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "medium_id": 0,
-                                                              "name": "Facebook",
-                                                              "slug": "facebook",
-                                                              "space_id": 1,
-                                                              "tag_line": "",
-                                                              "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/claimants/2/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/claimants/2/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/claimants/2/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  Facebook
-                                                                </a>
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="slug"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2020-09-09T06:51:22.237778Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "medium_id": 0,
-                                                              "name": "Facebook",
-                                                              "slug": "facebook",
-                                                              "space_id": 1,
-                                                              "tag_line": "",
-                                                              "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            facebook
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="tag_line"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="tag_line"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2020-09-09T06:51:22.237778Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "medium_id": 0,
-                                                              "name": "Facebook",
-                                                              "slug": "facebook",
-                                                              "space_id": 1,
-                                                              "tag_line": "",
-                                                              "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Paragraph
-                                                              ellipsis={
-                                                                Object {
-                                                                  "rows": 2,
-                                                                }
-                                                              }
-                                                            >
-                                                              <Base
-                                                                component="div"
-                                                                ellipsis={
-                                                                  Object {
-                                                                    "rows": 2,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <LocaleReceiver
-                                                                  componentName="Text"
-                                                                >
-                                                                  <ResizeObserver
-                                                                    disabled={true}
-                                                                    onResize={[Function]}
-                                                                  >
-                                                                    <Typography
-                                                                      className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                                      component="div"
-                                                                      style={
-                                                                        Object {
-                                                                          "WebkitLineClamp": 2,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <div
-                                                                        className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                                        style={
-                                                                          Object {
-                                                                            "WebkitLineClamp": 2,
-                                                                          }
-                                                                        }
-                                                                      />
-                                                                    </Typography>
-                                                                  </ResizeObserver>
-                                                                </LocaleReceiver>
-                                                              </Base>
-                                                            </Paragraph>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={1}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2020-09-09T06:51:22.237778Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "medium_id": 0,
-                                                              "name": "Facebook",
-                                                              "slug": "facebook",
-                                                              "space_id": 1,
-                                                              "tag_line": "",
-                                                              "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                    <Pagination
-                                      className="ant-table-pagination ant-table-pagination-right"
-                                      current={1}
-                                      onChange={[Function]}
-                                      pageSize={10}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      showTotal={[Function]}
-                                      total={2}
-                                    >
-                                      <LocaleReceiver
-                                        componentName="Pagination"
-                                        defaultLocale={
-                                          Object {
-                                            "items_per_page": "/ page",
-                                            "jump_to": "Go to",
-                                            "jump_to_confirm": "confirm",
-                                            "next_3": "Next 3 Pages",
-                                            "next_5": "Next 5 Pages",
-                                            "next_page": "Next Page",
-                                            "page": "",
-                                            "prev_3": "Previous 3 Pages",
-                                            "prev_5": "Previous 5 Pages",
-                                            "prev_page": "Previous Page",
-                                          }
-                                        }
-                                      >
-                                        <Pagination
-                                          className="ant-table-pagination ant-table-pagination-right"
-                                          current={1}
-                                          defaultCurrent={1}
-                                          defaultPageSize={10}
-                                          hideOnSinglePage={false}
-                                          itemRender={[Function]}
-                                          jumpNextIcon={
-                                            <a
-                                              className="ant-pagination-item-link"
-                                            >
-                                              <div
-                                                className="ant-pagination-item-container"
-                                              >
-                                                <ForwardRef(DoubleRightOutlined)
-                                                  className="ant-pagination-item-link-icon"
-                                                />
-                                                <span
-                                                  className="ant-pagination-item-ellipsis"
-                                                >
-                                                  •••
-                                                </span>
-                                              </div>
-                                            </a>
-                                          }
-                                          jumpPrevIcon={
-                                            <a
-                                              className="ant-pagination-item-link"
-                                            >
-                                              <div
-                                                className="ant-pagination-item-container"
-                                              >
-                                                <ForwardRef(DoubleLeftOutlined)
-                                                  className="ant-pagination-item-link-icon"
-                                                />
-                                                <span
-                                                  className="ant-pagination-item-ellipsis"
-                                                >
-                                                  •••
-                                                </span>
-                                              </div>
-                                            </a>
-                                          }
-                                          locale={
-                                            Object {
-                                              "items_per_page": "/ page",
-                                              "jump_to": "Go to",
-                                              "jump_to_confirm": "confirm",
-                                              "next_3": "Next 3 Pages",
-                                              "next_5": "Next 5 Pages",
-                                              "next_page": "Next Page",
-                                              "page": "",
-                                              "prev_3": "Previous 3 Pages",
-                                              "prev_5": "Previous 5 Pages",
-                                              "prev_page": "Previous Page",
-                                            }
-                                          }
-                                          nextIcon={
-                                            <button
-                                              className="ant-pagination-item-link"
-                                              tabIndex={-1}
-                                              type="button"
-                                            >
-                                              <ForwardRef(RightOutlined) />
-                                            </button>
-                                          }
-                                          onChange={[Function]}
-                                          onShowSizeChange={[Function]}
-                                          pageSize={10}
-                                          pageSizeOptions={
-                                            Array [
-                                              "10",
-                                              "15",
-                                              "20",
-                                            ]
-                                          }
-                                          prefixCls="ant-pagination"
-                                          prevIcon={
-                                            <button
-                                              className="ant-pagination-item-link"
-                                              tabIndex={-1}
-                                              type="button"
-                                            >
-                                              <ForwardRef(LeftOutlined) />
-                                            </button>
-                                          }
-                                          selectComponentClass={
-                                            Object {
-                                              "$$typeof": Symbol(react.forward_ref),
-                                              "OptGroup": [Function],
-                                              "Option": [Function],
-                                              "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                              "render": [Function],
-                                            }
-                                          }
-                                          selectPrefixCls="ant-select"
-                                          showLessItems={false}
-                                          showPrevNextJumpers={true}
-                                          showQuickJumper={false}
-                                          showTitle={true}
-                                          showTotal={[Function]}
-                                          style={Object {}}
-                                          total={2}
-                                          totalBoundaryShowSizeChanger={50}
-                                        >
-                                          <ul
-                                            className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                            style={Object {}}
-                                            unselectable="unselectable"
-                                          >
-                                            <li
-                                              className="ant-pagination-total-text"
-                                            >
-                                              1-2 of 2 results
-                                            </li>
-                                            <li
-                                              aria-disabled={true}
-                                              className="ant-pagination-prev ant-pagination-disabled"
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              tabIndex={null}
-                                              title="Previous Page"
-                                            >
-                                              <button
-                                                className="ant-pagination-item-link"
-                                                disabled={true}
-                                                tabIndex={-1}
-                                                type="button"
-                                              >
-                                                <ForwardRef(LeftOutlined)>
-                                                  <AntdIcon
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "left",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-label="left"
-                                                      className="anticon anticon-left"
-                                                      role="img"
-                                                    >
-                                                      <IconReact
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "left",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="left"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          key="svg-left"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                            key="svg-left-svg-0"
-                                                          />
-                                                        </svg>
-                                                      </IconReact>
-                                                    </span>
-                                                  </AntdIcon>
-                                                </ForwardRef(LeftOutlined)>
-                                              </button>
-                                            </li>
-                                            <Pager
-                                              active={true}
-                                              itemRender={[Function]}
-                                              key="1"
-                                              locale={
-                                                Object {
-                                                  "items_per_page": "/ page",
-                                                  "jump_to": "Go to",
-                                                  "jump_to_confirm": "confirm",
-                                                  "next_3": "Next 3 Pages",
-                                                  "next_5": "Next 5 Pages",
-                                                  "next_page": "Next Page",
-                                                  "page": "",
-                                                  "prev_3": "Previous 3 Pages",
-                                                  "prev_5": "Previous 5 Pages",
-                                                  "prev_page": "Previous Page",
-                                                }
-                                              }
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              page={1}
-                                              rootPrefixCls="ant-pagination"
-                                              showTitle={true}
-                                            >
-                                              <li
-                                                className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                                onClick={[Function]}
-                                                onKeyPress={[Function]}
-                                                tabIndex="0"
-                                                title={1}
-                                              >
-                                                <a
-                                                  rel="nofollow"
-                                                >
-                                                  1
-                                                </a>
-                                              </li>
-                                            </Pager>
-                                            <li
-                                              aria-disabled={true}
-                                              className="ant-pagination-next ant-pagination-disabled"
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              tabIndex={null}
-                                              title="Next Page"
-                                            >
-                                              <button
-                                                className="ant-pagination-item-link"
-                                                disabled={true}
-                                                tabIndex={-1}
-                                                type="button"
-                                              >
-                                                <ForwardRef(RightOutlined)>
-                                                  <AntdIcon
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "right",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-label="right"
-                                                      className="anticon anticon-right"
-                                                      role="img"
-                                                    >
-                                                      <IconReact
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "right",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="right"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          key="svg-right"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                            key="svg-right-svg-0"
-                                                          />
-                                                        </svg>
-                                                      </IconReact>
-                                                    </span>
-                                                  </AntdIcon>
-                                                </ForwardRef(RightOutlined)>
-                                              </button>
-                                            </li>
-                                            <Options
-                                              changeSize={null}
-                                              current={1}
-                                              goButton={false}
-                                              locale={
-                                                Object {
-                                                  "items_per_page": "/ page",
-                                                  "jump_to": "Go to",
-                                                  "jump_to_confirm": "confirm",
-                                                  "next_3": "Next 3 Pages",
-                                                  "next_5": "Next 5 Pages",
-                                                  "next_page": "Next Page",
-                                                  "page": "",
-                                                  "prev_3": "Previous 3 Pages",
-                                                  "prev_5": "Previous 5 Pages",
-                                                  "prev_page": "Previous Page",
-                                                }
-                                              }
-                                              pageSize={10}
-                                              pageSizeOptions={
-                                                Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ]
-                                              }
-                                              quickGo={null}
-                                              rootPrefixCls="ant-pagination"
-                                              selectComponentClass={
-                                                Object {
-                                                  "$$typeof": Symbol(react.forward_ref),
-                                                  "OptGroup": [Function],
-                                                  "Option": [Function],
-                                                  "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                                  "render": [Function],
-                                                }
-                                              }
-                                              selectPrefixCls="ant-select"
-                                            />
-                                          </ul>
-                                        </Pagination>
-                                      </LocaleReceiver>
-                                    </Pagination>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </ClaimantList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Claimants>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/claimants/components/ClaimantForm.js b/studio/src/pages/claimants/components/ClaimantForm.js
deleted file mode 100644
index 312ce42c8..000000000
--- a/studio/src/pages/claimants/components/ClaimantForm.js
+++ /dev/null
@@ -1,136 +0,0 @@
-import React from 'react';
-import { Button, Form, Input, Space, Row, Col, Switch, Collapse, ConfigProvider } from 'antd';
-import { maker } from '../../../utils/sluger';
-import MediaSelector from '../../../components/MediaSelector';
-import getJsonValue from '../../../utils/getJsonValue';
-import { DescriptionInput, MetaForm, SlugInput, TitleInput } from '../../../components/FormItems';
-
-const { TextArea } = Input;
-
-const ClaimantForm = ({ onCreate, data = {} }) => {
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-
-  const onReset = () => {
-    form.resetFields();
-  };
-
-  const onTitleChange = (string) => {
-    form.setFieldsValue({
-      slug: maker(string),
-    });
-  };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Form
-        form={form}
-        initialValues={{ ...data }}
-        name="creat-claimant"
-        style={{ padding: '0 1rem' }}
-        layout="vertical"
-        className="edit-form"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          onCreate(values);
-          onReset();
-        }}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row justify="center" style={{ maxWidth: '1200px', width: '100%', margin: '0 auto' }}>
-          <Col span={24}>
-            <Row justify="end" gutter={40}>
-              <Form.Item>
-                <Space>
-                  <Button htmlType="button" onClick={onReset}>
-                    Reset
-                  </Button>
-                  <Button disabled={!valueChange} type="primary" htmlType="submit">
-                    {data && data.id ? 'Update' : 'Submit'}
-                  </Button>
-                </Space>
-              </Form.Item>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <Collapse
-                expandIconPosition="right"
-                expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-                style={{ width: '100%', background: '#f0f2f5', border: 0, marginBottom: 16 }}
-              >
-                <Collapse.Panel header="General">
-                  <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '1rem' }}>
-                    <Col xs={24} md={10}>
-                      <TitleInput
-                        onChange={(e) => onTitleChange(e.target.value)}
-                        name="name"
-                        label="Claimant Name"
-                      />
-                      <SlugInput />
-                      <Form.Item label="Featured" name="is_featured" valuePropName="checked">
-                        <Switch />
-                      </Form.Item>
-                      <Form.Item name="tag_line" label="Tag Line">
-                        <TextArea />
-                      </Form.Item>
-                    </Col>
-                    <Col xs={24} md={6}>
-                      <Form.Item label="Featured Image" name="medium_id">
-                        <MediaSelector
-                          maxWidth={'350px'}
-                          containerStyles={{ justifyContent: 'start' }}
-                        />
-                      </Form.Item>
-                    </Col>
-                    <Col xs={24} md={10}>
-                      <DescriptionInput
-                        inputProps={{
-                          style: {
-                            minHeight: '92px',
-                            background: '#F9FAFB',
-                            padding: '0.25rem 0.5rem',
-                            borderRadius: '0.25rem',
-                            border: '1px solid rgba(0, 0, 0, 0.15)',
-                          },
-                          placeholder: 'Enter Description...',
-                          basic: true,
-                        }}
-                        initialValue={data.description_html}
-                      />
-                    </Col>
-                  </Row>
-                </Collapse.Panel>
-              </Collapse>
-            </Row>
-            <Col span={24}>
-              <Row gutter={40}>
-                <MetaForm style={{ marginBottom: 16, background: '#f0f2f5', border: 0 }} />
-              </Row>
-            </Col>
-          </Col>
-        </Row>
-      </Form>
-    </ConfigProvider>
-  );
-};
-
-export default ClaimantForm;
diff --git a/studio/src/pages/claimants/components/ClaimantForm.test.js b/studio/src/pages/claimants/components/ClaimantForm.test.js
deleted file mode 100644
index 0addbf79b..000000000
--- a/studio/src/pages/claimants/components/ClaimantForm.test.js
+++ /dev/null
@@ -1,281 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-import { Collapse } from 'antd';
-
-import '../../../matchMedia.mock';
-import ClaimantCreateForm from './ClaimantForm';
-
-const data = {
-  name: 'name',
-  slug: 'slug',
-  description: {
-    time: 1613544901542,
-    blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-    version: '2.19.0',
-  },
-  tag_line: 'tag_line',
-  medium_id: 1,
-};
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-
-describe('Claimants Create Form component', () => {
-  store = mockStore({
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn());
-  useSelector.mockImplementation((state) => ({ details: [], total: 0, loading: false }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <ClaimantCreateForm data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <ClaimantCreateForm data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <ClaimantCreateForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: {
-          name: 'name',
-          slug: 'slug',
-          description: {
-            time: 1613544901542,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          tag_line: 'tag_line',
-          medium_id: 1,
-          meta_fields: {
-            sample: 'testing',
-          },
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimantCreateForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimantCreateForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'name',
-          slug: 'slug',
-          description: {
-            time: 1613544901542,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          tag_line: 'tag_line',
-          medium_id: 1,
-        });
-        done();
-      }, 0);
-    });
-    it('Text on button should be Update for existing data', () => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimantCreateForm onCreate={props.onCreate} data={{ ...data, id: 1 }} />
-          </Provider>,
-        );
-      });
-      const submitButtom = wrapper.find('Button').at(1);
-      expect(submitButtom.text()).toBe('Update');
-    });
-    it('should submit form with new name', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimantCreateForm onCreate={props.onCreate} data={data} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const input = wrapper.find('input').at(0);
-        input.simulate('change', { target: { value: 'new name' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          slug: 'new-name',
-          description: {
-            time: 1613544901542,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          tag_line: 'tag_line',
-          medium_id: 1,
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(6)
-          .find('Editor')
-          .props()
-          .onChange({
-            target: {
-              value: {
-                time: 1613544901542,
-                blocks: [{ type: 'paragraph', data: { text: 'New-Description' } }],
-                version: '2.19.0',
-              },
-            },
-          });
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new-slug' } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'new tag line' } });
-        wrapper
-          .find('FormItem')
-          .at(7)
-          .find('MonacoEditor')
-          .props()
-          .onChange({
-            target: { value: '{"sample":"testing"}' },
-          });
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          description: {
-            time: 1613544901542,
-            blocks: [{ type: 'paragraph', data: { text: 'New-Description' } }],
-            version: '2.19.0',
-          },
-          slug: 'new-slug',
-          medium_id: 1,
-          tag_line: 'new tag line',
-          meta_fields: {
-            sample: 'testing',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should handle collapse open and close', () => {
-      act(() => {
-        wrapper.find(Collapse).at(0).find('Button').at(0).simulate('click');
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find(Collapse).at(0).find('Button').at(0).text()).toBe('Close');
-      expect(wrapper.find(Collapse).at(1).find('Button').at(0).text()).toBe('Close');
-    });
-  });
-});
diff --git a/studio/src/pages/claimants/components/ClaimantForm.tsx b/studio/src/pages/claimants/components/ClaimantForm.tsx
new file mode 100644
index 000000000..723d0dbae
--- /dev/null
+++ b/studio/src/pages/claimants/components/ClaimantForm.tsx
@@ -0,0 +1,270 @@
+import React, { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Form, FormField, FormItem, FormLabel } from "@/components/ui/form";
+import { Textarea } from "@/components/ui/textarea";
+import { Switch } from "@/components/ui/switch";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { maker } from "../../../utils/sluger";
+import MediaSelector from "../../../components/MediaSelector";
+import getJsonValue from "../../../utils/getJsonValue";
+import {
+  MetaForm,
+  SlugInput,
+  TitleInput,
+  DescriptionInput,
+} from "../../../components/FormItems";
+import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router-dom";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { ClaimantFormProps, ClaimantFormValues } from "../types";
+
+const ClaimantForm: React.FC<ClaimantFormProps> = ({ onCreate, data = {} }) => {
+  const navigate = useNavigate();
+  const isMobile = useIsMobile();
+  // Handle meta_fields conversion
+  const initialData = { ...data };
+  if (initialData.meta_fields && typeof initialData.meta_fields !== "string") {
+    initialData.meta_fields = JSON.stringify(initialData.meta_fields);
+  }
+  const methods = useForm<ClaimantFormValues>({
+    defaultValues: initialData,
+  });
+  const [valueChange, setValueChange] = useState(false);
+  const handleCancel = () => {
+    navigate(-1);
+  };
+  const onTitleChange = (title: string) => {
+    methods.setValue("slug", maker(title));
+    setValueChange(true);
+  };
+  const onSubmit = (values: ClaimantFormValues) => {
+    const submissionValues = { ...values };
+    // Always preserve the original ID format from the data
+    if (data.id !== undefined) {
+      submissionValues.id = data.id;
+    }
+    // Process meta_fields
+    if (submissionValues.meta_fields) {
+      submissionValues.meta_fields = getJsonValue(submissionValues.meta_fields);
+    }
+    onCreate(submissionValues);
+  };
+
+  return (
+    <div className={isMobile ? "px-4" : "px-60 max-w-6xl mx-auto"}>
+      {/* Mobile header */}
+      {isMobile && (
+        <div className="mb-4">
+          <h1 className="text-xl font-semibold">
+            {data && data.id ? "Edit Claimant" : "Create Claimant"}
+          </h1>
+          <div className="mt-2">
+            <p className="text-gray-600 text-[13px]">
+              Set up a claimant by entering the essential details provided below
+            </p>
+          </div>
+        </div>
+      )}
+
+      {/* Desktop header */}
+      {!isMobile && (
+        <div className="mb-6 px-4">
+          <h1 className="text-xl font-semibold text-gray-900">
+            {data && data.id ? "Edit Claimant" : "Create Claimant"}
+          </h1>
+          <div className="mt-2">
+            <p className="text-gray-600 text-[13px]">
+              Set up a claimant by entering the essential details provided below
+            </p>
+          </div>
+        </div>
+      )}
+
+      <div className="border-t border-gray-200 mb-4"></div>
+
+      <Form {...methods}>
+        <form
+          onSubmit={methods.handleSubmit(onSubmit)}
+          className="w-full mx-auto"
+        >
+          <div className="w-full mb-6">
+            <Accordion
+              type="multiple"
+              defaultValue={["general"]}
+              className="w-full"
+            >
+              <AccordionItem
+                value="general"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">General</span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="py-3 bg-white px-4">
+                    <div className="space-y-4">
+                      <FormField
+                        control={methods.control}
+                        name="name"
+                        render={({ field }) => (
+                          <FormItem className="mb-4 sm:mb-6">
+                            <FormLabel className="text-base">Title</FormLabel>
+                            <TitleInput
+                              {...field}
+                              placeholder="Claimant title"
+                              onChange={(e) => {
+                                field.onChange(e);
+                                onTitleChange(e.target.value);
+                              }}
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      <div className="mb-4 sm:mb-6">
+                        <SlugInput form={methods} />
+                      </div>
+
+                      <FormField
+                        control={methods.control}
+                        name="is_featured"
+                        render={({ field }) => (
+                          <FormItem className="flex flex-row items-center justify-between">
+                            <FormLabel className="text-base">
+                              Featured
+                            </FormLabel>
+                            <Switch
+                              checked={field.value}
+                              onCheckedChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={methods.control}
+                        name="tag_line"
+                        render={({ field }) => (
+                          <FormItem className="mb-4 sm:mb-6">
+                            <FormLabel className="text-base mb-2">
+                              Tag Line
+                            </FormLabel>
+                            <Textarea
+                              {...field}
+                              placeholder="Enter tag line"
+                              onChange={(e) => {
+                                field.onChange(e);
+                                setValueChange(true);
+                              }}
+                              className="min-h-24"
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      {/* Description Input */}
+                      <FormField
+                        control={methods.control}
+                        name="description_html"
+                        render={({ field }) => (
+                          <div className="mb-4 sm:mb-6">
+                            <FormLabel className="text-base block mb-2">
+                              Description
+                            </FormLabel>
+                            <DescriptionInput
+                              initialValue={field.value}
+                              onChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                              noLabel={true}
+                              inputProps={{
+                                placeholder: "Enter Description...",
+                                style: {
+                                  minHeight: "92px",
+                                  borderRadius: "0.25rem",
+                                  border: "1px solid rgba(0, 0, 0, 0.15)",
+                                },
+                              }}
+                            />
+                          </div>
+                        )}
+                      />
+
+                      {/* Featured Image */}
+                      <FormField
+                        control={methods.control}
+                        name="medium_id"
+                        render={({ field }) => (
+                          <FormItem className="mt-6">
+                            <FormLabel className="text-base mb-2">
+                              Featured Image
+                            </FormLabel>
+                            <MediaSelector
+                              value={field.value}
+                              onChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                              containerStyles={{
+                                justifyContent: "center",
+                                width: "100%",
+                                height: isMobile ? "160px" : "220px",
+                              }}
+                            />
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+          </div>
+
+          <div className="w-full mb-2">
+            <MetaForm form={methods} />
+          </div>
+
+          <div
+            className={`flex ${
+              isMobile ? "justify-between" : "justify-start"
+            } mb-8 mt-8`}
+          >
+            <div
+              className={isMobile ? "w-full flex justify-between" : "space-x-4"}
+            >
+              <Button
+                type="button"
+                variant="outline"
+                onClick={handleCancel}
+                className={isMobile ? "w-[48%]" : "px-6"}
+              >
+                Cancel
+              </Button>
+              <Button
+                type="submit"
+                disabled={!valueChange}
+                className={isMobile ? "w-[48%]" : "px-6"}
+              >
+                {data && data.id ? "Update" : "Create"}
+              </Button>
+            </div>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+};
+
+export default ClaimantForm;
diff --git a/studio/src/pages/claimants/components/ClaimantList.js b/studio/src/pages/claimants/components/ClaimantList.js
deleted file mode 100644
index 516b498c8..000000000
--- a/studio/src/pages/claimants/components/ClaimantList.js
+++ /dev/null
@@ -1,153 +0,0 @@
-import React from 'react';
-import { Button, Typography, Table, Space, Modal, ConfigProvider } from 'antd';
-import { useDispatch } from 'react-redux';
-import { deleteClaimant } from '../../../actions/claimants';
-import { Link } from 'react-router-dom';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function ClaimantList({ actions, data, filters, setFilters, fetchClaimants }) {
-  const dispatch = useDispatch();
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemId, setDeleteItemId] = React.useState(null);
-  const history = useNavigation();
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      width: '50%',
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/claimants/${record.id}/edit`}
-          >
-            <Typography.Text style={{ color: '#101828' }} strong>
-              {record.name}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Tag Line',
-      dataIndex: 'tag_line',
-      key: 'tag_line',
-      width: '40%',
-      render: (_, record) => {
-        return (
-          <Typography.Paragraph style={{ color: '#101828' }} strong ellipsis={{ rows: 2 }}>
-            {record.tag_line}
-          </Typography.Paragraph>
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      fixed: 'right',
-      align: 'center',
-      width: 150,
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            {' '}
-            <Button
-              size="large"
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemId(record.id);
-              }}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Space direction={'vertical'}>
-        <Table
-          onRow={(record, rowIndex) => {
-            return {
-              onClick: (event) => {
-                history(`/claimants/${record.id}/edit`);
-              },
-              onMouseEnter: (event) => {
-                document.body.style.cursor = 'pointer';
-              },
-              onMouseLeave: (event) => {
-                document.body.style.cursor = 'default';
-              },
-            };
-          }}
-          columns={columns}
-          dataSource={data.claimants}
-          loading={data.loading}
-          rowKey={'id'}
-          pagination={{
-            showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-            total: data.total,
-            current: filters.page,
-            pageSize: filters.limit,
-            onChange: (pageNumber, pageSize) =>
-              setFilters({ ...filters, page: pageNumber, limit: pageSize }),
-            pageSizeOptions: ['10', '15', '20'],
-          }}
-        />
-        <Modal
-          open={modalOpen}
-          closable={false}
-          centered
-          width={311}
-          className="delete-modal-container"
-          cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-          style={{
-            borderRadius: '18px',
-          }}
-          onOk={(e) => {
-            e.stopPropagation();
-            dispatch(deleteClaimant(deleteItemId)).then(() => fetchClaimants());
-            setModalOpen(false);
-            setDeleteItemId(null);
-          }}
-          onCancel={(e) => {
-            e.stopPropagation();
-            setModalOpen(false);
-            setDeleteItemId(null);
-          }}
-        >
-          <Typography.Text strong>Are you sure you want to delete this claim?</Typography.Text>
-        </Modal>
-      </Space>
-    </ConfigProvider>
-  );
-}
-
-export default ClaimantList;
diff --git a/studio/src/pages/claimants/components/ClaimantList.test.js b/studio/src/pages/claimants/components/ClaimantList.test.js
deleted file mode 100644
index fb6218363..000000000
--- a/studio/src/pages/claimants/components/ClaimantList.test.js
+++ /dev/null
@@ -1,313 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { Popconfirm, Button, Table } from 'antd';
-
-import '../../../matchMedia.mock';
-import ClaimantList from './ClaimantList';
-import { getClaimants, deleteClaimant } from '../../../actions/claimants';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-
-const filters = {
-  page: 1,
-  limit: 20,
-};
-const setFilters = jest.fn();
-const fetchClaimants = jest.fn();
-const info = {
-  claimants: [
-    {
-      id: 1,
-      created_at: '2020-09-09T06:51:15.770644Z',
-      updated_at: '2020-09-09T06:51:15.770644Z',
-      deleted_at: null,
-      name: 'Whatsapp',
-      slug: 'whatsapp',
-      description: '',
-      tag_line: '',
-      medium_id: 0,
-      space_id: 1,
-    },
-    {
-      id: 2,
-      created_at: '2020-09-09T06:51:22.237778Z',
-      updated_at: '2020-09-09T06:51:22.237778Z',
-      deleted_at: null,
-      name: 'Facebook',
-      slug: 'facebook',
-      description: '',
-      tag_line: '',
-      medium_id: 0,
-      space_id: 1,
-    },
-  ],
-  total: 2,
-  loading: false,
-};
-let state = {
-  claimants: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:51:15.770644Z',
-        updated_at: '2020-09-09T06:51:15.770644Z',
-        deleted_at: null,
-        name: 'Whatsapp',
-        slug: 'whatsapp',
-        description: '',
-        tag_line: '',
-        medium_id: 0,
-        space_id: 1,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-09T06:51:22.237778Z',
-        updated_at: '2020-09-09T06:51:22.237778Z',
-        deleted_at: null,
-        name: 'Facebook',
-        slug: 'facebook',
-        description: '',
-        tag_line: '',
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/claimants', () => ({
-  getClaimants: jest.fn(),
-  deleteClaimant: jest.fn(),
-}));
-
-describe('Claimants List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ClaimantList
-              actions={['update', 'delete']}
-              data={{ claimants: [], total: 0, loading: false }}
-              filters={filters}
-              setFilters={setFilters}
-              fetchClaimants={fetchClaimants}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.claimants.loading = true;
-      const info2 = {
-        claimants: [
-          {
-            id: 1,
-            created_at: '2020-09-09T06:51:15.770644Z',
-            updated_at: '2020-09-09T06:51:15.770644Z',
-            deleted_at: null,
-            name: 'Whatsapp',
-            slug: 'whatsapp',
-            description: '',
-            tag_line: '',
-            medium_id: 0,
-            space_id: 1,
-          },
-          {
-            id: 2,
-            created_at: '2020-09-09T06:51:22.237778Z',
-            updated_at: '2020-09-09T06:51:22.237778Z',
-            deleted_at: null,
-            name: 'Facebook',
-            slug: 'facebook',
-            description: '',
-            tag_line: '',
-            medium_id: 0,
-            space_id: 1,
-          },
-        ],
-        total: 2,
-        loading: true,
-      };
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ClaimantList
-              actions={['update', 'delete']}
-              data={info2}
-              filters={filters}
-              setFilters={setFilters}
-              fetchClaimants={fetchClaimants}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with claimants', () => {
-      state.claimants.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ClaimantList
-              actions={['update', 'delete']}
-              data={info}
-              filters={filters}
-              setFilters={setFilters}
-              fetchClaimants={fetchClaimants}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimantList
-                actions={['update', 'delete']}
-                data={info}
-                filters={{ page: 1, limit: 1 }}
-                setFilters={setFilters}
-                fetchClaimants={fetchClaimants}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete claimant', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimantList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchClaimants={fetchClaimants}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-      setTimeout(() => {
-        expect(deleteClaimant).toHaveBeenCalled();
-        expect(deleteClaimant).toHaveBeenCalledWith(1);
-        expect(getClaimants).toHaveBeenCalledWith({ page: 1, limit: 20 });
-      });
-    });
-    it('should edit claimant', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimantList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchClaimants={fetchClaimants}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('Whatsapp');
-      expect(link.prop('to')).toEqual('/claimants/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        claimants: {
-          req: [],
-        },
-      });
-      const info2 = {
-        claimants: [],
-        total: 0,
-        loading: false,
-      };
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimantList
-                actions={['update', 'delete']}
-                data={info2}
-                filters={filters}
-                setFilters={setFilters}
-                fetchClaimants={fetchClaimants}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/claimants/components/ClaimantList.tsx b/studio/src/pages/claimants/components/ClaimantList.tsx
new file mode 100644
index 000000000..2c0e4e84a
--- /dev/null
+++ b/studio/src/pages/claimants/components/ClaimantList.tsx
@@ -0,0 +1,224 @@
+import React, { useState, useCallback } from "react";
+import { Link } from "react-router-dom";
+import { Trash2, Pencil, Ellipsis } from "lucide-react";
+import { deleteClaimant } from "../../../actions/claimants";
+import useNavigation from "../../../utils/useNavigation";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import EmptyState from "@/components/EmptyState";
+import { Skeleton } from "@/components/ui/skeleton";
+import { ClaimantListProps } from "../types";
+
+function ClaimantList({ data, fetchClaimants, isMobile }: ClaimantListProps) {
+  const dispatch = useAppDispatch();
+  const [dialogOpen, setDialogOpen] = useState<boolean>(false);
+  const [deleteItemId, setDeleteItemId] = useState<string | null>(null);
+  const history = useNavigation();
+
+  // Memoize handlers to prevent unnecessary re-renders
+  const handleDeleteClick = useCallback((e: React.MouseEvent, id: string) => {
+    e.stopPropagation();
+    setDialogOpen(true);
+    setDeleteItemId(id);
+  }, []);
+
+  const handleEditClick = useCallback(
+    (e: React.MouseEvent, id: string) => {
+      e.stopPropagation();
+      history(`/claimants/${id}/edit`);
+    },
+    [history]
+  );
+
+  const handleDeleteConfirm = useCallback(
+    (e: React.MouseEvent) => {
+      e.stopPropagation();
+      if (deleteItemId) {
+        // Use a promise chain to ensure proper sequence
+        dispatch(deleteClaimant(deleteItemId))
+          .then(() => {
+            setDialogOpen(false);
+            setDeleteItemId(null);
+            // Only fetch after the delete is complete
+            setTimeout(() => fetchClaimants(), 100);
+          })
+          .catch(() => {
+            setDialogOpen(false);
+            setDeleteItemId(null);
+          });
+      }
+    },
+    [deleteItemId, dispatch, fetchClaimants]
+  );
+
+  const handleDeleteCancel = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    setDialogOpen(false);
+    setDeleteItemId(null);
+  }, []);
+
+  const handleRowClick = useCallback(
+    (id: string) => {
+      history(`/claimants/${id}/edit`);
+    },
+    [history]
+  );
+
+  // Check if there are any claimants to display
+  const hasClaimantsData = data.claimants && data.claimants.length > 0;
+
+  return (
+    <div className="pb-4 overflow-auto">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="w-[30%] text-[13px]">
+              <TableRow>
+                <TableHead className="w-[30%]">Title</TableHead>
+                <TableHead className="w-[30%]">Tag Line</TableHead>
+                <TableHead className="w-[10%] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasClaimantsData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="w-[30%] text-[13px]">
+              <TableRow>
+                <TableHead className="w-[30%]">Title</TableHead>
+                <TableHead className="w-[30%]">Tag Line</TableHead>
+                <TableHead className="w-[10%] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.claimants.map((claimant) => (
+                <TableRow
+                  key={claimant.id}
+                  onClick={() => handleRowClick(claimant.id)}
+                  className="cursor-pointer"
+                >
+                  <TableCell>
+                    <Link
+                      to={`/claimants/${claimant.id}/edit`}
+                      className="font-normal"
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      {claimant.name || "Unnamed Claimant"}
+                    </Link>
+                  </TableCell>
+                  <TableCell>
+                    <p className="line-clamp-2 font-normal">
+                      {claimant.tag_line || "---"}
+                    </p>
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => handleEditClick(e, claimant.id)}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => handleDeleteClick(e, claimant.id)}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="claimants"
+          title="No claimants found"
+          description="Your claimants list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+        <DialogContent className="max-w-sm p-4">
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Claimant</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this claimant?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button size="sm" variant="outline" onClick={handleDeleteCancel}>
+              Cancel
+            </Button>
+            <Button
+              size="sm"
+              variant="destructive"
+              onClick={handleDeleteConfirm}
+            >
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+
+export default ClaimantList;
diff --git a/studio/src/pages/claimants/components/__snapshots__/ClaimantForm.test.js.snap b/studio/src/pages/claimants/components/__snapshots__/ClaimantForm.test.js.snap
deleted file mode 100644
index 73768a77d..000000000
--- a/studio/src/pages/claimants/components/__snapshots__/ClaimantForm.test.js.snap
+++ /dev/null
@@ -1,7463 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claimants Create Form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <ClaimantForm
-    data={
-      Object {
-        "description": Object {
-          "blocks": Array [
-            Object {
-              "data": Object {
-                "text": "Description",
-              },
-              "type": "paragraph",
-            },
-          ],
-          "time": 1613544901542,
-          "version": "2.19.0",
-        },
-        "medium_id": 1,
-        "name": "name",
-        "slug": "slug",
-        "tag_line": "tag_line",
-      }
-    }
-    onCreate={[MockFunction]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "creat-claimant",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "description": Object {
-            "blocks": Array [
-              Object {
-                "data": Object {
-                  "text": "Description",
-                },
-                "type": "paragraph",
-              },
-            ],
-            "time": 1613544901542,
-            "version": "2.19.0",
-          },
-          "medium_id": 1,
-          "name": "name",
-          "slug": "slug",
-          "tag_line": "tag_line",
-        }
-      }
-      layout="vertical"
-      name="creat-claimant"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "creat-claimant",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="creat-claimant"
-          initialValues={
-            Object {
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "text": "Description",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1613544901542,
-                "version": "2.19.0",
-              },
-              "medium_id": 1,
-              "name": "name",
-              "slug": "slug",
-              "tag_line": "tag_line",
-            }
-          }
-          name="creat-claimant"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="creat-claimant"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Claimant Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Claimant Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Claimant Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Claimant Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Claimant Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Claimant Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_name"
-                                          label="Claimant Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-claimant_name"
-                                                title="Claimant Name"
-                                              >
-                                                Claimant Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Claimant Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value="name"
-                                                  >
-                                                    <Input
-                                                      id="creat-claimant_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="name"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-claimant_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="name"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-claimant_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="name"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-claimant_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="name"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-claimant_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value="slug"
-                                                  >
-                                                    <Input
-                                                      id="creat-claimant_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="slug"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-claimant_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="slug"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-claimant_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="slug"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-claimant_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="slug"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Switch
-                                                    id="creat-claimant_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        className=""
-                                                        id="creat-claimant_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={false}
-                                                          className="ant-switch"
-                                                          id="creat-claimant_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Tag Line"
-                              name="tag_line"
-                            >
-                              <WrapperField
-                                label="Tag Line"
-                                messageVariables={
-                                  Object {
-                                    "label": "Tag Line",
-                                  }
-                                }
-                                name="tag_line"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_tag_line"
-                                  label="Tag Line"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Tag Line",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "tag_line",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_tag_line"
-                                        label="Tag Line"
-                                        name="tag_line"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_tag_line"
-                                              title="Tag Line"
-                                            >
-                                              Tag Line
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Tag Line"
-                                        name={
-                                          Array [
-                                            "tag_line",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value="tag_line"
-                                                >
-                                                  <ForwardRef
-                                                    id="creat-claimant_tag_line"
-                                                    onChange={[Function]}
-                                                    value="tag_line"
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <TextArea
-                                                          className=""
-                                                          id="creat-claimant_tag_line"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value="tag_line"
-                                                        />
-                                                      }
-                                                      handleReset={[Function]}
-                                                      id="creat-claimant_tag_line"
-                                                      inputType="text"
-                                                      prefixCls="ant-input"
-                                                      value="tag_line"
-                                                    >
-                                                      <TextArea
-                                                        className=""
-                                                        id="creat-claimant_tag_line"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        prefixCls="ant-input"
-                                                        value="tag_line"
-                                                      >
-                                                        <ResizableTextArea
-                                                          className=""
-                                                          id="creat-claimant_tag_line"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value="tag_line"
-                                                        >
-                                                          <ResizeObserver
-                                                            disabled={true}
-                                                            onResize={[Function]}
-                                                          >
-                                                            <textarea
-                                                              className="ant-input"
-                                                              id="creat-claimant_tag_line"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              style={Object {}}
-                                                              value="tag_line"
-                                                            />
-                                                          </ResizeObserver>
-                                                        </ResizableTextArea>
-                                                      </TextArea>
-                                                    </ClearableLabeledInput>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="creat-claimant_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                    value={1}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-claimant_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value={
-                                                      Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "Description",
-                                                            },
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1613544901542,
-                                                        "version": "2.19.0",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="creat-claimant_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                      value={
-                                                        Object {
-                                                          "blocks": Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "text": "Description",
-                                                              },
-                                                              "type": "paragraph",
-                                                            },
-                                                          ],
-                                                          "time": 1613544901542,
-                                                          "version": "2.19.0",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </ClaimantForm>
-</Provider>
-`;
-
-exports[`Claimants Create Form component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <ClaimantForm
-    data={Array []}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "creat-claimant",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="creat-claimant"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "creat-claimant",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="creat-claimant"
-          initialValues={Object {}}
-          name="creat-claimant"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="creat-claimant"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Claimant Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Claimant Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Claimant Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Claimant Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Claimant Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Claimant Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_name"
-                                          label="Claimant Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-claimant_name"
-                                                title="Claimant Name"
-                                              >
-                                                Claimant Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Claimant Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="creat-claimant_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-claimant_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-claimant_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-claimant_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-claimant_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="creat-claimant_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-claimant_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-claimant_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-claimant_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Switch
-                                                    id="creat-claimant_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        className=""
-                                                        id="creat-claimant_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={false}
-                                                          className="ant-switch"
-                                                          id="creat-claimant_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Tag Line"
-                              name="tag_line"
-                            >
-                              <WrapperField
-                                label="Tag Line"
-                                messageVariables={
-                                  Object {
-                                    "label": "Tag Line",
-                                  }
-                                }
-                                name="tag_line"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_tag_line"
-                                  label="Tag Line"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Tag Line",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "tag_line",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_tag_line"
-                                        label="Tag Line"
-                                        name="tag_line"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_tag_line"
-                                              title="Tag Line"
-                                            >
-                                              Tag Line
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Tag Line"
-                                        name={
-                                          Array [
-                                            "tag_line",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <ForwardRef
-                                                    id="creat-claimant_tag_line"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <TextArea
-                                                          className=""
-                                                          id="creat-claimant_tag_line"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                        />
-                                                      }
-                                                      handleReset={[Function]}
-                                                      id="creat-claimant_tag_line"
-                                                      inputType="text"
-                                                      prefixCls="ant-input"
-                                                      value=""
-                                                    >
-                                                      <TextArea
-                                                        className=""
-                                                        id="creat-claimant_tag_line"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        prefixCls="ant-input"
-                                                        value=""
-                                                      >
-                                                        <ResizableTextArea
-                                                          className=""
-                                                          id="creat-claimant_tag_line"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value=""
-                                                        >
-                                                          <ResizeObserver
-                                                            disabled={true}
-                                                            onResize={[Function]}
-                                                          >
-                                                            <textarea
-                                                              className="ant-input"
-                                                              id="creat-claimant_tag_line"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              style={Object {}}
-                                                              value=""
-                                                            />
-                                                          </ResizeObserver>
-                                                        </ResizableTextArea>
-                                                      </TextArea>
-                                                    </ClearableLabeledInput>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="creat-claimant_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-claimant_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="creat-claimant_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </ClaimantForm>
-</Provider>
-`;
-
-exports[`Claimants Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <ClaimantForm
-    data={Array []}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "creat-claimant",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="creat-claimant"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "creat-claimant",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="creat-claimant"
-          initialValues={Object {}}
-          name="creat-claimant"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="creat-claimant"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Claimant Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Claimant Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Claimant Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Claimant Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Claimant Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Claimant Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_name"
-                                          label="Claimant Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-claimant_name"
-                                                title="Claimant Name"
-                                              >
-                                                Claimant Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Claimant Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="creat-claimant_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-claimant_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-claimant_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-claimant_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-claimant_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="creat-claimant_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-claimant_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-claimant_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-claimant_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Switch
-                                                    id="creat-claimant_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        className=""
-                                                        id="creat-claimant_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={false}
-                                                          className="ant-switch"
-                                                          id="creat-claimant_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Tag Line"
-                              name="tag_line"
-                            >
-                              <WrapperField
-                                label="Tag Line"
-                                messageVariables={
-                                  Object {
-                                    "label": "Tag Line",
-                                  }
-                                }
-                                name="tag_line"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_tag_line"
-                                  label="Tag Line"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Tag Line",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "tag_line",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_tag_line"
-                                        label="Tag Line"
-                                        name="tag_line"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_tag_line"
-                                              title="Tag Line"
-                                            >
-                                              Tag Line
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Tag Line"
-                                        name={
-                                          Array [
-                                            "tag_line",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <ForwardRef
-                                                    id="creat-claimant_tag_line"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <TextArea
-                                                          className=""
-                                                          id="creat-claimant_tag_line"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                        />
-                                                      }
-                                                      handleReset={[Function]}
-                                                      id="creat-claimant_tag_line"
-                                                      inputType="text"
-                                                      prefixCls="ant-input"
-                                                      value=""
-                                                    >
-                                                      <TextArea
-                                                        className=""
-                                                        id="creat-claimant_tag_line"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        prefixCls="ant-input"
-                                                        value=""
-                                                      >
-                                                        <ResizableTextArea
-                                                          className=""
-                                                          id="creat-claimant_tag_line"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value=""
-                                                        >
-                                                          <ResizeObserver
-                                                            disabled={true}
-                                                            onResize={[Function]}
-                                                          >
-                                                            <textarea
-                                                              className="ant-input"
-                                                              id="creat-claimant_tag_line"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              style={Object {}}
-                                                              value=""
-                                                            />
-                                                          </ResizeObserver>
-                                                        </ResizableTextArea>
-                                                      </TextArea>
-                                                    </ClearableLabeledInput>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-claimant",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-claimant_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-claimant_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="creat-claimant_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-claimant",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-claimant_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-claimant_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="creat-claimant_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </ClaimantForm>
-</Provider>
-`;
diff --git a/studio/src/pages/claimants/components/__snapshots__/ClaimantList.test.js.snap b/studio/src/pages/claimants/components/__snapshots__/ClaimantList.test.js.snap
deleted file mode 100644
index 6e2e30db7..000000000
--- a/studio/src/pages/claimants/components/__snapshots__/ClaimantList.test.js.snap
+++ /dev/null
@@ -1,8359 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claimants List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <ClaimantList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "claimants": Array [
-              Object {
-                "created_at": "2020-09-09T06:51:15.770644Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "medium_id": 0,
-                "name": "Whatsapp",
-                "slug": "whatsapp",
-                "space_id": 1,
-                "tag_line": "",
-                "updated_at": "2020-09-09T06:51:15.770644Z",
-              },
-              Object {
-                "created_at": "2020-09-09T06:51:22.237778Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "medium_id": 0,
-                "name": "Facebook",
-                "slug": "facebook",
-                "space_id": 1,
-                "tag_line": "",
-                "updated_at": "2020-09-09T06:51:22.237778Z",
-              },
-            ],
-            "loading": true,
-            "total": 2,
-          }
-        }
-        fetchClaimants={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "dataIndex": "slug",
-                        "key": "slug",
-                        "title": "Slug",
-                      },
-                      Object {
-                        "dataIndex": "tag_line",
-                        "key": "tag_line",
-                        "render": [Function],
-                        "title": "Tag Line",
-                        "width": "20%",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "created_at": "2020-09-09T06:51:15.770644Z",
-                        "deleted_at": null,
-                        "description": "",
-                        "id": 1,
-                        "medium_id": 0,
-                        "name": "Whatsapp",
-                        "slug": "whatsapp",
-                        "space_id": 1,
-                        "tag_line": "",
-                        "updated_at": "2020-09-09T06:51:15.770644Z",
-                      },
-                      Object {
-                        "created_at": "2020-09-09T06:51:22.237778Z",
-                        "deleted_at": null,
-                        "description": "",
-                        "id": 2,
-                        "medium_id": 0,
-                        "name": "Facebook",
-                        "slug": "facebook",
-                        "space_id": 1,
-                        "tag_line": "",
-                        "updated_at": "2020-09-09T06:51:22.237778Z",
-                      },
-                    ]
-                  }
-                  loading={true}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={true}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          key="loading"
-                        >
-                          <div
-                            className="ant-spin ant-spin-spinning"
-                          >
-                            <span
-                              className="ant-spin-dot ant-spin-dot-spin"
-                            >
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          className="ant-spin-container ant-spin-blur"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": "tag_line",
-                                  "key": "tag_line",
-                                  "render": [Function],
-                                  "title": "Tag Line",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:51:15.770644Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Whatsapp",
-                                  "slug": "whatsapp",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:15.770644Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:51:22.237778Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Facebook",
-                                  "slug": "facebook",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:22.237778Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:51:15.770644Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Whatsapp",
-                                  "slug": "whatsapp",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:15.770644Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:51:22.237778Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Facebook",
-                                  "slug": "facebook",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:22.237778Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Slug
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Tag Line
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/claimants/1/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Whatsapp
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            whatsapp
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <div
-                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                            >
-                                              
-                                            </div>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/claimants/2/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Facebook
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            facebook
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <div
-                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                            >
-                                              
-                                            </div>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={true}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "dataIndex": "slug",
-                                        "key": "slug",
-                                        "title": "Slug",
-                                      },
-                                      Object {
-                                        "dataIndex": "tag_line",
-                                        "key": "tag_line",
-                                        "render": [Function],
-                                        "title": "Tag Line",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "created_at": "2020-09-09T06:51:15.770644Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "Whatsapp",
-                                        "slug": "whatsapp",
-                                        "space_id": 1,
-                                        "tag_line": "",
-                                        "updated_at": "2020-09-09T06:51:15.770644Z",
-                                      },
-                                      Object {
-                                        "created_at": "2020-09-09T06:51:22.237778Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "Facebook",
-                                        "slug": "facebook",
-                                        "space_id": 1,
-                                        "tag_line": "",
-                                        "updated_at": "2020-09-09T06:51:22.237778Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "created_at": "2020-09-09T06:51:15.770644Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "Whatsapp",
-                                        "slug": "whatsapp",
-                                        "space_id": 1,
-                                        "tag_line": "",
-                                        "updated_at": "2020-09-09T06:51:15.770644Z",
-                                      },
-                                      Object {
-                                        "created_at": "2020-09-09T06:51:22.237778Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "Facebook",
-                                        "slug": "facebook",
-                                        "space_id": 1,
-                                        "tag_line": "",
-                                        "updated_at": "2020-09-09T06:51:22.237778Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Slug
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Tag Line
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/claimants/1/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Whatsapp
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  whatsapp
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <div
-                                                    class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                  >
-                                                    
-                                                  </div>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/claimants/2/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Facebook
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  facebook
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <div
-                                                    class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                  >
-                                                    
-                                                  </div>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": true,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 2,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            "20%",
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "fixed": undefined,
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={4}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "fixed": undefined,
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Slug",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  "key": "slug",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tag Line",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tag_line",
-                                                    "key": "tag_line",
-                                                    "render": [Function],
-                                                    "title": "Tag Line",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "tag_line",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "fixed": undefined,
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tag_line",
-                                                  "fixed": undefined,
-                                                  "key": "tag_line",
-                                                  "render": [Function],
-                                                  "title": "Tag Line",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Slug
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tag_line",
-                                                    "key": "tag_line",
-                                                    "render": [Function],
-                                                    "title": "Tag Line",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tag_line"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Tag Line
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "created_at": "2020-09-09T06:51:15.770644Z",
-                                              "deleted_at": null,
-                                              "description": "",
-                                              "id": 1,
-                                              "medium_id": 0,
-                                              "name": "Whatsapp",
-                                              "slug": "whatsapp",
-                                              "space_id": 1,
-                                              "tag_line": "",
-                                              "updated_at": "2020-09-09T06:51:15.770644Z",
-                                            },
-                                            Object {
-                                              "created_at": "2020-09-09T06:51:22.237778Z",
-                                              "deleted_at": null,
-                                              "description": "",
-                                              "id": 2,
-                                              "medium_id": 0,
-                                              "name": "Facebook",
-                                              "slug": "facebook",
-                                              "space_id": 1,
-                                              "tag_line": "",
-                                              "updated_at": "2020-09-09T06:51:22.237778Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "created_at": "2020-09-09T06:51:15.770644Z",
-                                                "deleted_at": null,
-                                                "description": "",
-                                                "id": 1,
-                                                "medium_id": 0,
-                                                "name": "Whatsapp",
-                                                "slug": "whatsapp",
-                                                "space_id": 1,
-                                                "tag_line": "",
-                                                "updated_at": "2020-09-09T06:51:15.770644Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:15.770644Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Whatsapp",
-                                                    "slug": "whatsapp",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/claimants/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/claimants/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/claimants/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Whatsapp
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="slug"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:15.770644Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Whatsapp",
-                                                    "slug": "whatsapp",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  whatsapp
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tag_line"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="tag_line"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:15.770644Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Whatsapp",
-                                                    "slug": "whatsapp",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Paragraph
-                                                    ellipsis={
-                                                      Object {
-                                                        "rows": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <Base
-                                                      component="div"
-                                                      ellipsis={
-                                                        Object {
-                                                          "rows": 2,
-                                                        }
-                                                      }
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Text"
-                                                      >
-                                                        <ResizeObserver
-                                                          disabled={true}
-                                                          onResize={[Function]}
-                                                        >
-                                                          <Typography
-                                                            className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                            component="div"
-                                                            style={
-                                                              Object {
-                                                                "WebkitLineClamp": 2,
-                                                              }
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                              style={
-                                                                Object {
-                                                                  "WebkitLineClamp": 2,
-                                                                }
-                                                              }
-                                                            />
-                                                          </Typography>
-                                                        </ResizeObserver>
-                                                      </LocaleReceiver>
-                                                    </Base>
-                                                  </Paragraph>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:15.770644Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Whatsapp",
-                                                    "slug": "whatsapp",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "created_at": "2020-09-09T06:51:22.237778Z",
-                                                "deleted_at": null,
-                                                "description": "",
-                                                "id": 2,
-                                                "medium_id": 0,
-                                                "name": "Facebook",
-                                                "slug": "facebook",
-                                                "space_id": 1,
-                                                "tag_line": "",
-                                                "updated_at": "2020-09-09T06:51:22.237778Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:22.237778Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Facebook",
-                                                    "slug": "facebook",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/claimants/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/claimants/2/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/claimants/2/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Facebook
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="slug"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:22.237778Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Facebook",
-                                                    "slug": "facebook",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  facebook
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tag_line"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="tag_line"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:22.237778Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Facebook",
-                                                    "slug": "facebook",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Paragraph
-                                                    ellipsis={
-                                                      Object {
-                                                        "rows": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <Base
-                                                      component="div"
-                                                      ellipsis={
-                                                        Object {
-                                                          "rows": 2,
-                                                        }
-                                                      }
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Text"
-                                                      >
-                                                        <ResizeObserver
-                                                          disabled={true}
-                                                          onResize={[Function]}
-                                                        >
-                                                          <Typography
-                                                            className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                            component="div"
-                                                            style={
-                                                              Object {
-                                                                "WebkitLineClamp": 2,
-                                                              }
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                              style={
-                                                                Object {
-                                                                  "WebkitLineClamp": 2,
-                                                                }
-                                                              }
-                                                            />
-                                                          </Typography>
-                                                        </ResizeObserver>
-                                                      </LocaleReceiver>
-                                                    </Base>
-                                                  </Paragraph>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:22.237778Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Facebook",
-                                                    "slug": "facebook",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-2 of 2 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </ClaimantList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claimants List component snapshot testing should match component with claimants 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <ClaimantList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "claimants": Array [
-              Object {
-                "created_at": "2020-09-09T06:51:15.770644Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "medium_id": 0,
-                "name": "Whatsapp",
-                "slug": "whatsapp",
-                "space_id": 1,
-                "tag_line": "",
-                "updated_at": "2020-09-09T06:51:15.770644Z",
-              },
-              Object {
-                "created_at": "2020-09-09T06:51:22.237778Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "medium_id": 0,
-                "name": "Facebook",
-                "slug": "facebook",
-                "space_id": 1,
-                "tag_line": "",
-                "updated_at": "2020-09-09T06:51:22.237778Z",
-              },
-            ],
-            "loading": false,
-            "total": 2,
-          }
-        }
-        fetchClaimants={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "dataIndex": "slug",
-                        "key": "slug",
-                        "title": "Slug",
-                      },
-                      Object {
-                        "dataIndex": "tag_line",
-                        "key": "tag_line",
-                        "render": [Function],
-                        "title": "Tag Line",
-                        "width": "20%",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "created_at": "2020-09-09T06:51:15.770644Z",
-                        "deleted_at": null,
-                        "description": "",
-                        "id": 1,
-                        "medium_id": 0,
-                        "name": "Whatsapp",
-                        "slug": "whatsapp",
-                        "space_id": 1,
-                        "tag_line": "",
-                        "updated_at": "2020-09-09T06:51:15.770644Z",
-                      },
-                      Object {
-                        "created_at": "2020-09-09T06:51:22.237778Z",
-                        "deleted_at": null,
-                        "description": "",
-                        "id": 2,
-                        "medium_id": 0,
-                        "name": "Facebook",
-                        "slug": "facebook",
-                        "space_id": 1,
-                        "tag_line": "",
-                        "updated_at": "2020-09-09T06:51:22.237778Z",
-                      },
-                    ]
-                  }
-                  loading={false}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": "tag_line",
-                                  "key": "tag_line",
-                                  "render": [Function],
-                                  "title": "Tag Line",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:51:15.770644Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Whatsapp",
-                                  "slug": "whatsapp",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:15.770644Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:51:22.237778Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Facebook",
-                                  "slug": "facebook",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:22.237778Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "created_at": "2020-09-09T06:51:15.770644Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "medium_id": 0,
-                                  "name": "Whatsapp",
-                                  "slug": "whatsapp",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:15.770644Z",
-                                },
-                                Object {
-                                  "created_at": "2020-09-09T06:51:22.237778Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "medium_id": 0,
-                                  "name": "Facebook",
-                                  "slug": "facebook",
-                                  "space_id": 1,
-                                  "tag_line": "",
-                                  "updated_at": "2020-09-09T06:51:22.237778Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Slug
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Tag Line
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/claimants/1/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Whatsapp
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            whatsapp
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <div
-                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                            >
-                                              
-                                            </div>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/claimants/2/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Facebook
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            facebook
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <div
-                                              class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                            >
-                                              
-                                            </div>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "dataIndex": "slug",
-                                        "key": "slug",
-                                        "title": "Slug",
-                                      },
-                                      Object {
-                                        "dataIndex": "tag_line",
-                                        "key": "tag_line",
-                                        "render": [Function],
-                                        "title": "Tag Line",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "created_at": "2020-09-09T06:51:15.770644Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "Whatsapp",
-                                        "slug": "whatsapp",
-                                        "space_id": 1,
-                                        "tag_line": "",
-                                        "updated_at": "2020-09-09T06:51:15.770644Z",
-                                      },
-                                      Object {
-                                        "created_at": "2020-09-09T06:51:22.237778Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "Facebook",
-                                        "slug": "facebook",
-                                        "space_id": 1,
-                                        "tag_line": "",
-                                        "updated_at": "2020-09-09T06:51:22.237778Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "created_at": "2020-09-09T06:51:15.770644Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "Whatsapp",
-                                        "slug": "whatsapp",
-                                        "space_id": 1,
-                                        "tag_line": "",
-                                        "updated_at": "2020-09-09T06:51:15.770644Z",
-                                      },
-                                      Object {
-                                        "created_at": "2020-09-09T06:51:22.237778Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "Facebook",
-                                        "slug": "facebook",
-                                        "space_id": 1,
-                                        "tag_line": "",
-                                        "updated_at": "2020-09-09T06:51:22.237778Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Slug
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Tag Line
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/claimants/1/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Whatsapp
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  whatsapp
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <div
-                                                    class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                  >
-                                                    
-                                                  </div>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/claimants/2/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Facebook
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  facebook
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <div
-                                                    class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                  >
-                                                    
-                                                  </div>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 2,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            "20%",
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "fixed": undefined,
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={4}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "fixed": undefined,
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Slug",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  "key": "slug",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tag Line",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tag_line",
-                                                    "key": "tag_line",
-                                                    "render": [Function],
-                                                    "title": "Tag Line",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "tag_line",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "fixed": undefined,
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tag_line",
-                                                  "fixed": undefined,
-                                                  "key": "tag_line",
-                                                  "render": [Function],
-                                                  "title": "Tag Line",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Slug
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tag_line",
-                                                    "key": "tag_line",
-                                                    "render": [Function],
-                                                    "title": "Tag Line",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tag_line"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Tag Line
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "created_at": "2020-09-09T06:51:15.770644Z",
-                                              "deleted_at": null,
-                                              "description": "",
-                                              "id": 1,
-                                              "medium_id": 0,
-                                              "name": "Whatsapp",
-                                              "slug": "whatsapp",
-                                              "space_id": 1,
-                                              "tag_line": "",
-                                              "updated_at": "2020-09-09T06:51:15.770644Z",
-                                            },
-                                            Object {
-                                              "created_at": "2020-09-09T06:51:22.237778Z",
-                                              "deleted_at": null,
-                                              "description": "",
-                                              "id": 2,
-                                              "medium_id": 0,
-                                              "name": "Facebook",
-                                              "slug": "facebook",
-                                              "space_id": 1,
-                                              "tag_line": "",
-                                              "updated_at": "2020-09-09T06:51:22.237778Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "created_at": "2020-09-09T06:51:15.770644Z",
-                                                "deleted_at": null,
-                                                "description": "",
-                                                "id": 1,
-                                                "medium_id": 0,
-                                                "name": "Whatsapp",
-                                                "slug": "whatsapp",
-                                                "space_id": 1,
-                                                "tag_line": "",
-                                                "updated_at": "2020-09-09T06:51:15.770644Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:15.770644Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Whatsapp",
-                                                    "slug": "whatsapp",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/claimants/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/claimants/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/claimants/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Whatsapp
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="slug"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:15.770644Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Whatsapp",
-                                                    "slug": "whatsapp",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  whatsapp
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tag_line"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="tag_line"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:15.770644Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Whatsapp",
-                                                    "slug": "whatsapp",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Paragraph
-                                                    ellipsis={
-                                                      Object {
-                                                        "rows": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <Base
-                                                      component="div"
-                                                      ellipsis={
-                                                        Object {
-                                                          "rows": 2,
-                                                        }
-                                                      }
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Text"
-                                                      >
-                                                        <ResizeObserver
-                                                          disabled={true}
-                                                          onResize={[Function]}
-                                                        >
-                                                          <Typography
-                                                            className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                            component="div"
-                                                            style={
-                                                              Object {
-                                                                "WebkitLineClamp": 2,
-                                                              }
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                              style={
-                                                                Object {
-                                                                  "WebkitLineClamp": 2,
-                                                                }
-                                                              }
-                                                            />
-                                                          </Typography>
-                                                        </ResizeObserver>
-                                                      </LocaleReceiver>
-                                                    </Base>
-                                                  </Paragraph>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:15.770644Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 1,
-                                                    "medium_id": 0,
-                                                    "name": "Whatsapp",
-                                                    "slug": "whatsapp",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:15.770644Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "created_at": "2020-09-09T06:51:22.237778Z",
-                                                "deleted_at": null,
-                                                "description": "",
-                                                "id": 2,
-                                                "medium_id": 0,
-                                                "name": "Facebook",
-                                                "slug": "facebook",
-                                                "space_id": 1,
-                                                "tag_line": "",
-                                                "updated_at": "2020-09-09T06:51:22.237778Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:22.237778Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Facebook",
-                                                    "slug": "facebook",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/claimants/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/claimants/2/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/claimants/2/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Facebook
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="slug"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:22.237778Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Facebook",
-                                                    "slug": "facebook",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  facebook
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tag_line"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="tag_line"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:22.237778Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Facebook",
-                                                    "slug": "facebook",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Paragraph
-                                                    ellipsis={
-                                                      Object {
-                                                        "rows": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <Base
-                                                      component="div"
-                                                      ellipsis={
-                                                        Object {
-                                                          "rows": 2,
-                                                        }
-                                                      }
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Text"
-                                                      >
-                                                        <ResizeObserver
-                                                          disabled={true}
-                                                          onResize={[Function]}
-                                                        >
-                                                          <Typography
-                                                            className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                            component="div"
-                                                            style={
-                                                              Object {
-                                                                "WebkitLineClamp": 2,
-                                                              }
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                              style={
-                                                                Object {
-                                                                  "WebkitLineClamp": 2,
-                                                                }
-                                                              }
-                                                            />
-                                                          </Typography>
-                                                        </ResizeObserver>
-                                                      </LocaleReceiver>
-                                                    </Base>
-                                                  </Paragraph>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "created_at": "2020-09-09T06:51:22.237778Z",
-                                                    "deleted_at": null,
-                                                    "description": "",
-                                                    "id": 2,
-                                                    "medium_id": 0,
-                                                    "name": "Facebook",
-                                                    "slug": "facebook",
-                                                    "space_id": 1,
-                                                    "tag_line": "",
-                                                    "updated_at": "2020-09-09T06:51:22.237778Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-2 of 2 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </ClaimantList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claimants List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <ClaimantList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "claimants": Array [],
-            "loading": false,
-            "total": 0,
-          }
-        }
-        fetchClaimants={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "dataIndex": "slug",
-                        "key": "slug",
-                        "title": "Slug",
-                      },
-                      Object {
-                        "dataIndex": "tag_line",
-                        "key": "tag_line",
-                        "render": [Function],
-                        "title": "Tag Line",
-                        "width": "20%",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={Array []}
-                  loading={false}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 0,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered ant-table-empty"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "dataIndex": "tag_line",
-                                  "key": "tag_line",
-                                  "render": [Function],
-                                  "title": "Tag Line",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={Array []}
-                            dataSource={Array []}
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Slug
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Tag Line
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-placeholder"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                            colspan="4"
-                                          >
-                                            <div
-                                              class="ant-empty ant-empty-normal"
-                                            >
-                                              <div
-                                                class="ant-empty-image"
-                                              >
-                                                <svg
-                                                  class="ant-empty-img-simple"
-                                                  height="41"
-                                                  viewBox="0 0 64 41"
-                                                  width="64"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <g
-                                                    fill="none"
-                                                    fill-rule="evenodd"
-                                                    transform="translate(0 1)"
-                                                  >
-                                                    <ellipse
-                                                      class="ant-empty-img-simple-ellipse"
-                                                      cx="32"
-                                                      cy="33"
-                                                      rx="32"
-                                                      ry="7"
-                                                    />
-                                                    <g
-                                                      class="ant-empty-img-simple-g"
-                                                      fill-rule="nonzero"
-                                                    >
-                                                      <path
-                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                      />
-                                                      <path
-                                                        class="ant-empty-img-simple-path"
-                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                      />
-                                                    </g>
-                                                  </g>
-                                                </svg>
-                                              </div>
-                                              <div
-                                                class="ant-empty-description"
-                                              >
-                                                No Data
-                                              </div>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered ant-table-empty",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "dataIndex": "slug",
-                                        "key": "slug",
-                                        "title": "Slug",
-                                      },
-                                      Object {
-                                        "dataIndex": "tag_line",
-                                        "key": "tag_line",
-                                        "render": [Function],
-                                        "title": "Tag Line",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [],
-                                    "dataSource": Array [],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Slug
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Tag Line
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-placeholder"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                  colspan="4"
-                                                >
-                                                  <div
-                                                    class="ant-empty ant-empty-normal"
-                                                  >
-                                                    <div
-                                                      class="ant-empty-image"
-                                                    >
-                                                      <svg
-                                                        class="ant-empty-img-simple"
-                                                        height="41"
-                                                        viewBox="0 0 64 41"
-                                                        width="64"
-                                                        xmlns="http://www.w3.org/2000/svg"
-                                                      >
-                                                        <g
-                                                          fill="none"
-                                                          fill-rule="evenodd"
-                                                          transform="translate(0 1)"
-                                                        >
-                                                          <ellipse
-                                                            class="ant-empty-img-simple-ellipse"
-                                                            cx="32"
-                                                            cy="33"
-                                                            rx="32"
-                                                            ry="7"
-                                                          />
-                                                          <g
-                                                            class="ant-empty-img-simple-g"
-                                                            fill-rule="nonzero"
-                                                          >
-                                                            <path
-                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                            />
-                                                            <path
-                                                              class="ant-empty-img-simple-path"
-                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                            />
-                                                          </g>
-                                                        </g>
-                                                      </svg>
-                                                    </div>
-                                                    <div
-                                                      class="ant-empty-description"
-                                                    >
-                                                      No Data
-                                                    </div>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 0,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            "20%",
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "fixed": undefined,
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={4}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "slug",
-                                              "fixed": undefined,
-                                              "key": "slug",
-                                              "title": "Slug",
-                                            },
-                                            Object {
-                                              "dataIndex": "tag_line",
-                                              "fixed": undefined,
-                                              "key": "tag_line",
-                                              "render": [Function],
-                                              "title": "Tag Line",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Slug",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  "key": "slug",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tag Line",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tag_line",
-                                                    "key": "tag_line",
-                                                    "render": [Function],
-                                                    "title": "Tag Line",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "tag_line",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "fixed": undefined,
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tag_line",
-                                                  "fixed": undefined,
-                                                  "key": "tag_line",
-                                                  "render": [Function],
-                                                  "title": "Tag Line",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="slug"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Slug
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tag_line",
-                                                    "key": "tag_line",
-                                                    "render": [Function],
-                                                    "title": "Tag Line",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tag_line"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Tag Line
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={Array []}
-                                        emptyNode={
-                                          <Context.Consumer>
-                                            [Function]
-                                          </Context.Consumer>
-                                        }
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <ExpandedRow
-                                            cellComponent="td"
-                                            className="ant-table-placeholder"
-                                            colSpan={4}
-                                            component="tr"
-                                            componentWidth={0}
-                                            expanded={true}
-                                            fixColumn={false}
-                                            horizonScroll={false}
-                                            prefixCls="ant-table"
-                                          >
-                                            <tr
-                                              className="ant-table-placeholder"
-                                              style={
-                                                Object {
-                                                  "display": null,
-                                                }
-                                              }
-                                            >
-                                              <Cell
-                                                colSpan={4}
-                                                component="td"
-                                                prefixCls="ant-table"
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={4}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Empty
-                                                    image={<Simple />}
-                                                  >
-                                                    <LocaleReceiver
-                                                      componentName="Empty"
-                                                    >
-                                                      <div
-                                                        className="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          className="ant-empty-image"
-                                                        >
-                                                          <Simple>
-                                                            <svg
-                                                              className="ant-empty-img-simple"
-                                                              height="41"
-                                                              viewBox="0 0 64 41"
-                                                              width="64"
-                                                              xmlns="http://www.w3.org/2000/svg"
-                                                            >
-                                                              <g
-                                                                fill="none"
-                                                                fillRule="evenodd"
-                                                                transform="translate(0 1)"
-                                                              >
-                                                                <ellipse
-                                                                  className="ant-empty-img-simple-ellipse"
-                                                                  cx="32"
-                                                                  cy="33"
-                                                                  rx="32"
-                                                                  ry="7"
-                                                                />
-                                                                <g
-                                                                  className="ant-empty-img-simple-g"
-                                                                  fillRule="nonzero"
-                                                                >
-                                                                  <path
-                                                                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                  />
-                                                                  <path
-                                                                    className="ant-empty-img-simple-path"
-                                                                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                  />
-                                                                </g>
-                                                              </g>
-                                                            </svg>
-                                                          </Simple>
-                                                        </div>
-                                                        <div
-                                                          className="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </LocaleReceiver>
-                                                  </Empty>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </ExpandedRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </ClaimantList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/claimants/hooks/useClaimantsData.tsx b/studio/src/pages/claimants/hooks/useClaimantsData.tsx
new file mode 100644
index 000000000..02e0781da
--- /dev/null
+++ b/studio/src/pages/claimants/hooks/useClaimantsData.tsx
@@ -0,0 +1,54 @@
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import { Claimant, ClaimantFilters, RootState } from "../types";
+import deepEqual from "deep-equal";
+
+export const useClaimantsData = (
+  filters: ClaimantFilters,
+  searchText: string,
+  sortOrder: "asc" | "desc" = "asc"
+) => {
+  // Get data from Redux
+  const { claimants, total, loading } = useSelector((state: RootState) => {
+    const node = state.claimants.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node)
+      return {
+        claimants: node.data.map((element) => state.claimants.details[element]),
+        total: node.total,
+        loading: state.claimants.loading,
+      };
+    return { claimants: [], total: 0, loading: state.claimants.loading };
+  });
+
+  // Filter and sort claimants locally based on search text and sort order
+  const filteredClaimants = useMemo(() => {
+    let filtered = claimants as Claimant[];
+
+    // Apply search filter
+    if (searchText.trim()) {
+      filtered = claimants.filter(
+        (claimant) =>
+          claimant.name?.toLowerCase().includes(searchText.toLowerCase()) ||
+          claimant.tag_line?.toLowerCase().includes(searchText.toLowerCase())
+      );
+    }
+
+    // Apply sorting
+    return [...filtered].sort((a, b) => {
+      if (sortOrder === "asc") {
+        return a.name?.localeCompare(b.name || "") || 0;
+      } else {
+        return b.name?.localeCompare(a.name || "") || 0;
+      }
+    });
+  }, [claimants, searchText, sortOrder]);
+
+  return {
+    claimants: filteredClaimants,
+    total,
+    loading,
+  };
+};
diff --git a/studio/src/pages/claimants/hooks/useClaimantsPagination.tsx b/studio/src/pages/claimants/hooks/useClaimantsPagination.tsx
new file mode 100644
index 000000000..2491bea7f
--- /dev/null
+++ b/studio/src/pages/claimants/hooks/useClaimantsPagination.tsx
@@ -0,0 +1,39 @@
+import { useCallback, useMemo } from "react";
+import { ClaimantFilters } from "../types";
+
+export const useClaimantsPagination = (
+  filters: ClaimantFilters,
+  setFilters: (
+    filters: ClaimantFilters | ((prev: ClaimantFilters) => ClaimantFilters)
+  ) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const pageSize = filters.limit || 10;
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(total / pageSize)),
+    [total, pageSize]
+  );
+
+  // Pagination handlers
+  const handlePageChange = useCallback(
+    (page: number) => {
+      setFilters((prev: ClaimantFilters) => ({ ...prev, page }));
+    },
+    [setFilters]
+  );
+
+  const handlePageSizeChange = useCallback(
+    (size: number) => {
+      setFilters({ page: 1, limit: size });
+    },
+    [setFilters]
+  );
+
+  return {
+    pageSize,
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+  };
+};
diff --git a/studio/src/pages/claimants/index.js b/studio/src/pages/claimants/index.js
deleted file mode 100644
index e62c864d3..000000000
--- a/studio/src/pages/claimants/index.js
+++ /dev/null
@@ -1,232 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect } from 'react';
-import ClaimantList from './components/ClaimantList';
-import {
-  Space,
-  Button,
-  Form,
-  Row,
-  Col,
-  Select,
-  Input,
-  Typography,
-  Tooltip,
-  ConfigProvider,
-} from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import { useDispatch, useSelector } from 'react-redux';
-import { getClaimants } from '../../actions/claimants';
-import deepEqual from 'deep-equal';
-import getUrlParams from '../../utils/getUrlParams';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-import Filters from '../../utils/filters';
-
-function Claimants({ permission }) {
-  const { actions } = permission;
-  const dispatch = useDispatch();
-  const history = useNavigate();
-  const query = new URLSearchParams(useLocation().search);
-  const [searchFieldExpand, setSearchFieldExpand] = React.useState(false);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  const params = getUrlParams(query);
-  const [filters, setFilters] = React.useState({
-    ...params,
-  });
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth < 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const pathName = useLocation().pathname;
-  useEffect(() => {
-    history({
-      pathname: pathName,
-      search: new URLSearchParams(filters).toString(),
-    });
-  }, [history, filters]);
-  const [form] = Form.useForm();
-  const { Option } = Select;
-
-  const { claimants, total, loading } = useSelector((state) => {
-    const node = state.claimants.req.find((item) => {
-      return deepEqual(item.query, params);
-    });
-
-    if (node)
-      return {
-        claimants: node.data.map((element) => state.claimants.details[element]),
-        total: node.total,
-        loading: state.claimants.loading,
-      };
-    return { claimants: [], total: 0, loading: state.claimants.loading };
-  });
-  useEffect(() => {
-    if (form) form.setFieldsValue(new Filters(params));
-  }, [params]);
-
-  React.useEffect(() => {
-    fetchClaimants();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchClaimants = () => {
-    dispatch(getClaimants(filters));
-  };
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Claimants'} />
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 0,
-            },
-          },
-        }}
-      >
-        <Form
-          initialValues={filters}
-          form={form}
-          name="filters"
-          onFinish={(values) => {
-            let filterValue = {};
-            Object.keys(values).forEach(function (key) {
-              if (values[key]) {
-                filterValue[key] = values[key];
-              }
-            });
-            setFilters({
-              ...filters,
-              ...filterValue,
-            });
-          }}
-          style={{ maxWidth: '100%' }}
-          onValuesChange={(changedValues, allValues) => {
-            if (!changedValues.q) {
-              if (changedValues.q === '') {
-                const { q, ...filtersWithoutQuery } = filters;
-                setFilters({ ...filtersWithoutQuery });
-                return;
-              }
-              setFilters({ ...filters, ...changedValues });
-            }
-          }}
-        >
-          <Row justify="space-between" gutter={16}>
-            <Col>
-              <Row gutter={16}>
-                <Col>
-                  <Typography.Title
-                    level={3}
-                    style={{ margin: 0, display: 'inline', color: '#1E1E1E' }}
-                  >
-                    Claimants
-                  </Typography.Title>
-                </Col>
-                <Col>
-                  {searchFieldExpand ? (
-                    <Row>
-                      <Form.Item name="q">
-                        <Input placeholder="Search pages" />
-                      </Form.Item>
-                      <Form.Item>
-                        <Button htmlType="submit" icon={<SearchOutlined />}>
-                          Search
-                        </Button>
-                      </Form.Item>
-                    </Row>
-                  ) : (
-                    <Tooltip title="search">
-                      <Button
-                        shape="circle"
-                        style={{ border: 'none' }}
-                        onFocus={() => {
-                          setSearchFieldExpand(true);
-                          setTimeout(() => {
-                            form.getFieldsValue().q === undefined && setSearchFieldExpand(false);
-                          }, 10000);
-                        }}
-                        icon={<SearchOutlined />}
-                      />
-                    </Tooltip>
-                  )}
-                </Col>
-              </Row>
-            </Col>
-            <Col span={isMobileScreen ? 24 : 16}>
-              <Row justify="end" gutter={16}>
-                <Col span={24}>
-                  <Row justify="end">
-                    <Link to="/claimants/create">
-                      <Button
-                        disabled={!(actions.includes('admin') || actions.includes('create'))}
-                        type="primary"
-                        icon={<PlusOutlined />}
-                        style={{ marginBottom: 16 }}
-                      >
-                        Create
-                      </Button>
-                    </Link>
-                  </Row>
-                  <Row gutter={16} justify={'end'}>
-                    <Col
-                      span={isMobileScreen ? 12 : 6}
-                      style={{
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'end',
-                        width: '100%',
-                      }}
-                    >
-                      <label style={{ display: 'inline', marginRight: 8, color: '#00000080' }}>
-                        Sort By
-                      </label>
-                      <Form.Item name="sort">
-                        <Select
-                          placeholder="Sort By"
-                          defaultValue="desc"
-                          style={{ width: 'fit-content' }}
-                        >
-                          <Option value="desc" key={'desc'}>
-                            Latest
-                          </Option>
-                          <Option value="asc" key={'asc'}>
-                            Old
-                          </Option>
-                        </Select>
-                      </Form.Item>
-                    </Col>
-                  </Row>
-                </Col>
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-      <ClaimantList
-        actions={actions}
-        data={{ claimants: claimants, total: total, loading: loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchClaimants={fetchClaimants}
-      />
-    </Space>
-  );
-}
-
-export default Claimants;
diff --git a/studio/src/pages/claimants/index.test.js b/studio/src/pages/claimants/index.test.js
deleted file mode 100644
index d77182c67..000000000
--- a/studio/src/pages/claimants/index.test.js
+++ /dev/null
@@ -1,228 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import Claimants from './index';
-import { getClaimants } from '../../actions/claimants';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-let state = {
-  claimants: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          sort: 'desc',
-          limit: 10,
-          page: 1,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:51:15.770644Z',
-        updated_at: '2020-09-09T06:51:15.770644Z',
-        deleted_at: null,
-        name: 'Whatsapp',
-        slug: 'whatsapp',
-        description: '',
-        tag_line: '',
-        medium_id: 0,
-        space_id: 1,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-09T06:51:22.237778Z',
-        updated_at: '2020-09-09T06:51:22.237778Z',
-        deleted_at: null,
-        name: 'Facebook',
-        slug: 'facebook',
-        description: '',
-        tag_line: '',
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-}));
-
-jest.mock('../../actions/claimants', () => ({
-  getClaimants: jest.fn(),
-  addClaimant: jest.fn(),
-}));
-
-describe('Claimants List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      let state2 = {
-        claimants: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      };
-      store = mockStore(state2);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Claimants permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Claimants permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getClaimants).toBeCalledWith({ limit: 10, page: 1, sort: 'desc' });
-    });
-    it('should render loader component', () => {
-      const loadingState = {
-        claimants: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      };
-      store = mockStore(loadingState);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Claimants permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle url search params', () => {
-      let wrapper;
-      window.history.pushState({}, '', '/claimants?limit=20&page=1&q=descri');
-      const store2 = mockStore({
-        claimants: {
-          req: [
-            {
-              data: [1, 2],
-              query: { page: 1, limit: 20 },
-              total: 2,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              created_at: '2020-09-09T06:51:15.770644Z',
-              updated_at: '2020-09-09T06:51:15.770644Z',
-              deleted_at: null,
-              name: 'Whatsapp',
-              slug: 'whatsapp',
-              description: 'description',
-              tag_line: '',
-              medium_id: 0,
-              space_id: 1,
-            },
-            2: {
-              id: 2,
-              created_at: '2020-09-09T06:51:22.237778Z',
-              updated_at: '2020-09-09T06:51:22.237778Z',
-              deleted_at: null,
-              name: 'Facebook',
-              slug: 'facebook',
-              description: 'description',
-              tag_line: '',
-              medium_id: 0,
-              space_id: 1,
-            },
-          },
-          loading: false,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Claimants permission={{ actions: ['create'] }} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(getClaimants).toHaveBeenCalledWith({ page: 1, limit: 20, q: 'descri', sort: 'desc' });
-    });
-    it('should submit filters', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Claimants permission={{ actions: ['update', 'delete'] }} />
-            </Router>
-          </Provider>,
-        );
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'claimant' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: '' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Search');
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(getClaimants).toHaveBeenCalledWith({
-          page: 1,
-          limit: 5,
-          q: 'claimant',
-          sort: '',
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/claimants/index.tsx b/studio/src/pages/claimants/index.tsx
new file mode 100644
index 000000000..eb08639ad
--- /dev/null
+++ b/studio/src/pages/claimants/index.tsx
@@ -0,0 +1,225 @@
+import { useEffect, useState, useCallback } from "react";
+import ClaimantList from "./components/ClaimantList";
+import { getClaimants } from "../../actions/claimants";
+import { Helmet } from "react-helmet";
+import { PlusCircle, Search as SearchIcon } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import Pagination from "../../components/Pagination";
+import { useSidebar } from "@/components/ui/sidebar";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { ClaimantFilters } from "./types";
+import { useClaimantsData } from "./hooks/useClaimantsData";
+import { useClaimantsPagination } from "./hooks/useClaimantsPagination";
+import SecuredButton from "@/components/SecuredButton";
+
+function Claimants() {
+  const dispatch = useAppDispatch();
+  const { state: sidebarState } = useSidebar();
+  const isMobile = useIsMobile();
+  // State for search and filters
+  const [searchText, setSearchText] = useState<string>("");
+  const [showSearch, setShowSearch] = useState<boolean>(!isMobile);
+  const [filters, setFilters] = useState<ClaimantFilters>({
+    page: 1,
+    limit: 10,
+  });
+
+  // Handle responsive UI changes
+  useEffect(() => {
+    setShowSearch(!isMobile);
+  }, [isMobile]);
+
+  // Use custom hooks for data and pagination
+  const { claimants, total, loading } = useClaimantsData(filters, searchText);
+  const { pageSize, totalPages, handlePageChange, handlePageSizeChange } =
+    useClaimantsPagination(filters, setFilters, total);
+
+  // Fetch claimants when filters change
+  useEffect(() => {
+    dispatch(getClaimants(filters));
+  }, [dispatch, filters]);
+
+  // Handle search input changes
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  // Fetch claimants function for the list component
+  const fetchClaimants = useCallback(() => {
+    dispatch(getClaimants(filters));
+  }, [dispatch, filters]);
+
+  // Handle navigation to create claimant page
+  const handleCreateClaimant = () => {
+    window.location.href = "/claimants/create";
+  };
+
+  // Get sidebar state
+  const isCollapsed = sidebarState === "collapsed" && !isMobile;
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"Claimants"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="Claimants" parentLabel="Fact Checking" />
+      )}
+
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-3 pt-1 h-full"
+          }`}
+        >
+          {/* Title */}
+          {isMobile && <h1 className="text-xl font-semibold">Claimants</h1>}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex-1 max-w-xs">
+              <Input
+                placeholder="Search claimants..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-10"
+              />
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {isMobile ? (
+              <SecuredButton
+                className="h-9 w-9"
+                size="icon"
+                onClick={handleCreateClaimant}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            ) : (
+              <SecuredButton
+                className="flex items-center gap-2 py-2"
+                size="lg"
+                onClick={handleCreateClaimant}
+              >
+                <PlusCircle className="h-4 w-4" />
+                Create claimant
+              </SecuredButton>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <Input
+              placeholder="Search claimants..."
+              value={searchText}
+              onChange={handleSearchChange}
+              className="h-9 w-full"
+              autoFocus
+            />
+          </div>
+        )}
+      </div>
+
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: 0,
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <ClaimantList
+          data={{
+            claimants,
+            total,
+            loading,
+          }}
+          filters={filters}
+          setFilters={setFilters}
+          fetchClaimants={fetchClaimants}
+          actions={["view"]}
+          isMobile={isMobile}
+        />
+      </div>
+
+      <div
+        className={`${
+          isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+        } z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                height: "64px",
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <Pagination
+          currentPage={filters.page}
+          totalPages={totalPages}
+          totalItems={total}
+          pageSize={pageSize}
+          onPageChange={handlePageChange}
+          onPageSizeChange={handlePageSizeChange}
+          isMobile={isMobile}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Claimants;
diff --git a/studio/src/pages/claimants/types.ts b/studio/src/pages/claimants/types.ts
new file mode 100644
index 000000000..1c8f1da4a
--- /dev/null
+++ b/studio/src/pages/claimants/types.ts
@@ -0,0 +1,70 @@
+// Claimant related interfaces
+export interface Claimant {
+  id: string;
+  name: string;
+  slug?: string;
+  is_featured?: boolean;
+  tag_line?: string;
+  medium_id?: number;
+  description_html?: string;
+  meta_fields?: string;
+  [key: string]: any;
+}
+
+// Form values interface
+export interface ClaimantFormValues {
+  id?: number | string;
+  name?: string;
+  slug?: string;
+  is_featured?: boolean;
+  tag_line?: string;
+  medium_id?: number;
+  description_html?: string;
+  meta_fields?: string;
+}
+
+// Component props interface
+export interface ClaimantFormProps {
+  onCreate: (values: ClaimantFormValues) => void;
+  data?: Partial<ClaimantFormValues>;
+}
+
+export interface ClaimantListProps {
+  data: {
+    claimants: Claimant[];
+    loading: boolean;
+    total: number;
+  };
+  filters: {
+    page: number;
+    limit: number;
+    [key: string]: any;
+  };
+  setFilters: (filters: any) => void;
+  fetchClaimants: () => void;
+  actions?: string[];
+  isMobile?: boolean;
+}
+
+export interface ClaimantFilters {
+  page: number;
+  limit: number;
+  [key: string]: any;
+}
+
+export interface ClaimantState {
+  req: {
+    query: Record<string, any>;
+    data: string[];
+    total: number;
+  }[];
+  details: Record<string, Claimant>;
+  loading: boolean;
+}
+
+export interface RootState {
+  claimants: ClaimantState;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
diff --git a/studio/src/pages/claims/CreateClaim.js b/studio/src/pages/claims/CreateClaim.js
deleted file mode 100644
index 7cd01c85c..000000000
--- a/studio/src/pages/claims/CreateClaim.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import ClaimCreateForm from './components/ClaimForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { createClaim } from '../../actions/claims';
-import { Link } from 'react-router-dom';
-import { Helmet } from 'react-helmet';
-import { Button, Result } from 'antd';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateClaim() {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(createClaim(values)).then(() => {
-      history('/claims');
-    });
-  };
-
-  const { claimantsCount } = useSelector(({ claimants }) => {
-    return {
-      claimantsCount: claimants?.req?.[0]?.data ? claimants?.req?.[0]?.data : 0,
-    };
-  });
-
-  return (
-    <>
-      <Helmet title={'Create Claim'} />
-      {claimantsCount ? (
-        <ClaimCreateForm onCreate={onCreate} />
-      ) : (
-        <Result
-          status={'403'}
-          title={'Please create a claimant.'}
-          subTitle="You cannot create a claim without a claimant."
-          extra={
-            <Link to="/claimants/create">
-              <Button type="primary">Create claimant</Button>
-            </Link>
-          }
-        />
-      )}
-    </>
-  );
-}
-
-export default CreateClaim;
diff --git a/studio/src/pages/claims/CreateClaim.test.js b/studio/src/pages/claims/CreateClaim.test.js
deleted file mode 100644
index 555d74a60..000000000
--- a/studio/src/pages/claims/CreateClaim.test.js
+++ /dev/null
@@ -1,107 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreateClaim from './CreateClaim';
-import * as actions from '../../actions/claims';
-import ClaimCreateForm from './components/ClaimForm';
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/claims', () => ({
-  ...jest.requireActual('../../actions/claims'),
-  createClaim: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-
-describe('Claim create component', () => {
-  store = mockStore({
-    claims: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    rating: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  const mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  useSelector.mockImplementation((state) => ({ details: [], total: 0, loading: false }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-    });
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <CreateClaim />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createClaim', (done) => {
-      actions.createClaim.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreateClaim />
-          </Provider>,
-        );
-      });
-      wrapper.find(ClaimCreateForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.createClaim).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/claims');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/claims/CreateClaim.tsx b/studio/src/pages/claims/CreateClaim.tsx
new file mode 100644
index 000000000..10c2e6d80
--- /dev/null
+++ b/studio/src/pages/claims/CreateClaim.tsx
@@ -0,0 +1,60 @@
+import { FC, useEffect, useState } from "react";
+import ClaimCreateForm from "./components/ClaimForm";
+import { useSelector } from "react-redux";
+import { createClaim } from "../../actions/claims";
+import { getClaimants } from "../../actions/claimants";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { RootState } from "../../store/index";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { FormattedClaimValues } from "./types";
+
+const CreateClaim: FC = () => {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+  const [initialLoadDone, setInitialLoadDone] = useState(false);
+
+  useEffect(() => {
+    const loadData = async () => {
+      try {
+        await dispatch(getClaimants({ limit: 5 }));
+      } finally {
+        setInitialLoadDone(true);
+      }
+    };
+
+    loadData();
+  }, [dispatch]);
+
+  const { claimantsCount, loading } = useSelector((state: RootState) => {
+    const req = state.claimants?.req || [];
+    const detailsLength = Object.keys(state.claimants?.details || {}).length;
+
+    return {
+      claimantsCount:
+        req.length > 0 && req[0]?.total ? req[0].total : detailsLength,
+      loading: state.claimants?.loading,
+    };
+  });
+
+  const onCreate = (values: FormattedClaimValues) => {
+    // Use Promise.resolve to handle the dispatch result properly
+    const result = dispatch(createClaim(values));
+
+    // Check if result exists and is a Promise
+    if (result && typeof result.then === "function") {
+      result.then(() => {
+        history("/claims");
+      });
+    }
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Claim"} />
+      <ClaimCreateForm onCreate={onCreate} />
+    </>
+  );
+};
+
+export default CreateClaim;
diff --git a/studio/src/pages/claims/EditClaim.js b/studio/src/pages/claims/EditClaim.js
deleted file mode 100644
index 2b4246bb8..000000000
--- a/studio/src/pages/claims/EditClaim.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import ClaimEditForm from './components/ClaimForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updateClaim, getClaim } from '../../actions/claims';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditClaim() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-
-  const { claim, loading } = useSelector((state) => {
-    return {
-      claim: state.claims.details[id] ? state.claims.details[id] : null,
-      loading: state.claims.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getClaim(id));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!claim) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updateClaim({ ...claim, ...values })).then(() => history(`/claims/${id}/edit`));
-  };
-  return (
-    <>
-      <Helmet title={'Edit Claim'} />
-      <ClaimEditForm data={claim} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditClaim;
diff --git a/studio/src/pages/claims/EditClaim.test.js b/studio/src/pages/claims/EditClaim.test.js
deleted file mode 100644
index 9de3d2927..000000000
--- a/studio/src/pages/claims/EditClaim.test.js
+++ /dev/null
@@ -1,257 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditClaim from './EditClaim';
-import * as actions from '../../actions/claims';
-import ClaimEditForm from './components/ClaimForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/claims', () => ({
-  getClaims: jest.fn(),
-  getClaim: jest.fn(),
-  updateClaim: jest.fn(),
-}));
-let claims = {
-  req: [
-    {
-      data: [1, 2],
-      query: {
-        page: 1,
-      },
-      total: 2,
-    },
-  ],
-  details: {
-    1: {
-      id: 1,
-      created_at: '2020-07-17T10:14:44.251814Z',
-      updated_at: '2020-07-17T10:14:44.251814Z',
-      checked_date: '2020-07-17T10:14:44.251814Z',
-      claim_date: '2020-07-17T10:14:44.251814Z',
-      deleted_at: null,
-      name: 'claim-1',
-      slug: 'claim-1',
-      description: '',
-      claimant_id: 1,
-      rating_id: 1,
-      space_id: 1,
-    },
-    2: {
-      id: 2,
-      created_at: '2020-07-17T10:14:48.173442Z',
-      updated_at: '2020-07-17T10:14:48.173442Z',
-      checked_date: '2020-07-17T10:14:44.251814Z',
-      claim_date: '2020-07-17T10:14:44.251814Z',
-      deleted_at: null,
-      name: 'claim-2',
-      slug: 'claim-2',
-      description: '',
-      claimant_id: 1,
-      rating_id: 1,
-      space_id: 1,
-    },
-  },
-  loading: false,
-};
-let spaces = {
-  orgs: [
-    {
-      id: 1,
-      title: 'TOI',
-      spaces: [1],
-    },
-  ],
-  details: {
-    1: {
-      id: 1,
-      name: 'English',
-      site_address: 'site_address',
-      site_title: 'site_title',
-      tag_line: 'tag_line',
-    },
-  },
-  selected: 1,
-};
-let state = {
-  claims: claims,
-  spaces: spaces,
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  ratings: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  claimants: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-};
-
-describe('Claims Edit component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore(state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <EditClaim />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      let tree;
-      state.claims = {
-        req: [],
-        details: {},
-        loading: false,
-      };
-      store = mockStore(state);
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <EditClaim data={{}} />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      state.claims = {
-        req: [],
-        details: {},
-        loading: true,
-      };
-      store = mockStore(state);
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <EditClaim />
-          </Provider>,
-        );
-      });
-
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        claims: claims,
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: spaces,
-        ratings: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        claimants: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getClaim.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditClaim />
-          </Provider>,
-        );
-      });
-      expect(actions.getClaim).toHaveBeenCalledWith('1');
-    });
-    it('should call updateClaim', (done) => {
-      actions.updateClaim.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditClaim />
-          </Provider>,
-        );
-      });
-      wrapper.find(ClaimEditForm).props().onCreate({
-        id: 1,
-        created_at: '2020-07-17T10:14:44.251814Z',
-        updated_at: '2020-07-17T10:14:44.251814Z',
-        checked_date: '2020-07-17T10:14:44.251814Z',
-        claim_date: '2020-07-17T10:14:44.251814Z',
-        deleted_at: null,
-        name: 'claim-1',
-        slug: 'claim-1',
-        description: '',
-        claimant_id: 1,
-        rating_id: 1,
-        space_id: 1,
-      });
-      setTimeout(() => {
-        expect(actions.updateClaim).toHaveBeenCalledWith({
-          id: 1,
-          created_at: '2020-07-17T10:14:44.251814Z',
-          updated_at: '2020-07-17T10:14:44.251814Z',
-          checked_date: '2020-07-17T10:14:44.251814Z',
-          claim_date: '2020-07-17T10:14:44.251814Z',
-          deleted_at: null,
-          name: 'claim-1',
-          slug: 'claim-1',
-          description: '',
-          claimant_id: 1,
-          rating_id: 1,
-          space_id: 1,
-        });
-        expect(push).toHaveBeenCalledWith('/claims/1/edit');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/claims/EditClaim.tsx b/studio/src/pages/claims/EditClaim.tsx
new file mode 100644
index 000000000..c722ee59f
--- /dev/null
+++ b/studio/src/pages/claims/EditClaim.tsx
@@ -0,0 +1,104 @@
+import { useEffect } from "react";
+import ClaimEditForm from "./components/ClaimForm";
+import { useSelector } from "react-redux";
+import { updateClaim, getClaim } from "../../actions/claims";
+import { getClaimants } from "../../actions/claimants";
+import { getRatings } from "../../actions/ratings";
+import { useParams, useNavigate } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { FormattedClaimValues } from "./types";
+
+// Define types for the claim and state
+interface Claim {
+  id: string;
+  [key: string]: any;
+}
+
+interface RootState {
+  claims: {
+    details: {
+      [id: string]: Claim | null;
+    };
+    loading: boolean;
+  };
+  claimants: {
+    loading: boolean;
+  };
+  ratings: {
+    loading: boolean;
+  };
+}
+
+function EditClaim(): React.ReactElement {
+  const navigate = useNavigate();
+  const { id } = useParams<{ id: string }>();
+  const dispatch = useAppDispatch();
+
+  const { claim, loading } = useSelector((state: RootState) => {
+    return {
+      claim: id && state.claims.details[id] ? state.claims.details[id] : null,
+      loading: state.claims.loading,
+      claimantsLoading: state.claimants.loading,
+      ratingsLoading: state.ratings.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      dispatch(getClaim(id));
+    }
+    dispatch(getClaimants({ page: 1, limit: 100 }));
+    dispatch(getRatings({ page: 1, limit: 100 }));
+  }, [id, dispatch]);
+
+  // Show loading state while fetching claim data
+  if (loading) {
+    return (
+      <div className="flex flex-col items-center justify-center p-6">
+        <Skeleton className="h-12 w-full" />
+        <Skeleton className="h-12 w-full mt-4" />
+        <Skeleton className="h-12 w-full mt-4" />
+      </div>
+    );
+  }
+
+  if (!claim) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: FormattedClaimValues) => {
+    if (id) {
+      const updatedValues = {
+        ...claim,
+        ...values,
+        id: id,
+        claimant: values.claimant ? String(values.claimant) : claim.claimant,
+        rating: values.rating ? String(values.rating) : claim.rating,
+      };
+
+      const result = dispatch(updateClaim(updatedValues));
+
+      if (result && typeof result.then === "function") {
+        result.then(() => {
+          // Navigate back to the previous page instead of a fixed route
+          navigate(-1);
+        });
+      } else {
+        // If it's not a Promise, navigate directly back
+        navigate(-1);
+      }
+    }
+  };
+
+  return (
+    <>
+      <Helmet title={"Edit Claim"} />
+      <ClaimEditForm data={claim} onCreate={onUpdate} />
+    </>
+  );
+}
+
+export default EditClaim;
diff --git a/studio/src/pages/claims/__snapshots__/CreateClaim.test.js.snap b/studio/src/pages/claims/__snapshots__/CreateClaim.test.js.snap
deleted file mode 100644
index 70518e43d..000000000
--- a/studio/src/pages/claims/__snapshots__/CreateClaim.test.js.snap
+++ /dev/null
@@ -1,37 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claim create component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <CreateClaim />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/claims/__snapshots__/EditClaim.test.js.snap b/studio/src/pages/claims/__snapshots__/EditClaim.test.js.snap
deleted file mode 100644
index 663fc7cc4..000000000
--- a/studio/src/pages/claims/__snapshots__/EditClaim.test.js.snap
+++ /dev/null
@@ -1,457 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claims Edit component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditClaim
-    data={Object {}}
-  >
-    <RecordNotFound>
-      <Result
-        extra={null}
-        status="404"
-        title="Sorry, could not find what you are looking for."
-      >
-        <div
-          className="ant-result ant-result-404"
-        >
-          <div
-            className="ant-result-icon ant-result-image"
-          >
-            <NoFound>
-              <svg
-                height="294"
-                width="252"
-              >
-                <defs>
-                  <path
-                    d="M0 .387h251.772v251.772H0z"
-                  />
-                </defs>
-                <g
-                  fill="none"
-                  fillRule="evenodd"
-                >
-                  <g
-                    transform="translate(0 .012)"
-                  >
-                    <mask
-                      fill="#fff"
-                    />
-                    <path
-                      d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                      fill="#E4EBF7"
-                      mask="url(#b)"
-                    />
-                  </g>
-                  <path
-                    d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                    fill="#1890FF"
-                  />
-                  <path
-                    d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                    fill="#FFB594"
-                  />
-                  <path
-                    d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                    fill="#7BB2F9"
-                  />
-                  <path
-                    d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                  <path
-                    d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                    fill="#520038"
-                  />
-                  <path
-                    d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                    fill="#552950"
-                  />
-                  <path
-                    d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M110.846 74.481s1.79-.716 2.506.537"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.287 72.93s1.83 1.113 4.137.954"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M119.306 107.329s.452 4.366-2.127 32.062"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#5BA02E"
-                  />
-                  <path
-                    d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#92C110"
-                  />
-                  <path
-                    d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                </g>
-              </svg>
-            </NoFound>
-          </div>
-          <div
-            className="ant-result-title"
-          >
-            Sorry, could not find what you are looking for.
-          </div>
-        </div>
-      </Result>
-    </RecordNotFound>
-  </EditClaim>
-</Provider>
-`;
-
-exports[`Claims Edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditClaim>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditClaim>
-</Provider>
-`;
-
-exports[`Claims Edit component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditClaim />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/claims/__snapshots__/index.test.js.snap b/studio/src/pages/claims/__snapshots__/index.test.js.snap
deleted file mode 100644
index f80711b0a..000000000
--- a/studio/src/pages/claims/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,15420 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claims List component snapshot testing should render loader component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Claims
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Loader>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-                "height": "100vh",
-                "justifyContent": "center",
-                "padding": "2rem",
-                "position": "absolute",
-                "width": "100%",
-              }
-            }
-          >
-            <Spin
-              size="large"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin ant-spin-lg ant-spin-spinning"
-              >
-                <span
-                  className="ant-spin-dot ant-spin-dot-spin"
-                >
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                </span>
-              </div>
-            </Spin>
-          </div>
-        </Loader>
-      </Claims>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claims List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Claims
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Claims"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Claims"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Claims"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="search claims"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="search claims"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="search claims"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="search claims"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              span={5}
-                            >
-                              <div
-                                className="ant-col ant-col-5"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Claimants"
-                                  name="claimant"
-                                >
-                                  <WrapperField
-                                    label="Claimants"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Claimants",
-                                      }
-                                    }
-                                    name="claimant"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_claimant"
-                                      label="Claimants"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Claimants",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "claimant",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_claimant"
-                                            label="Claimants"
-                                            name="claimant"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_claimant"
-                                                  title="Claimants"
-                                                >
-                                                  Claimants
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Claimants"
-                                            name={
-                                              Array [
-                                                "claimant",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Selector
-                                                        action="Claimants"
-                                                        id="filters_claimant"
-                                                        mode="multiple"
-                                                        onChange={[Function]}
-                                                      >
-                                                        <ForwardRef(InternalSelect)
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          bordered={true}
-                                                          defaultValue={Array []}
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          listHeight={128}
-                                                          loading={false}
-                                                          mode="multiple"
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          placeholder="Select claimants"
-                                                          searchValue=""
-                                                          value={Array []}
-                                                        >
-                                                          <Select
-                                                            allowClear={true}
-                                                            autoClearSearchValue={true}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue={Array []}
-                                                            dropdownClassName=""
-                                                            filterOption={[Function]}
-                                                            getPopupContainer={[Function]}
-                                                            inputIcon={[Function]}
-                                                            listHeight={128}
-                                                            listItemHeight={24}
-                                                            loading={false}
-                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                            mode="multiple"
-                                                            notFoundContent={null}
-                                                            onChange={[Function]}
-                                                            onPopupScroll={[Function]}
-                                                            onSearch={[Function]}
-                                                            placeholder="Select claimants"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            transitionName="ant-slide-up"
-                                                            value={Array []}
-                                                          >
-                                                            <ForwardRef(Select)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={Array []}
-                                                              dropdownClassName=""
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              inputIcon={[Function]}
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              loading={false}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              mode="multiple"
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select claimants"
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              searchValue=""
-                                                              transitionName="ant-slide-up"
-                                                              value={Array []}
-                                                            >
-                                                              <div
-                                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onKeyUp={[Function]}
-                                                                onMouseDown={[Function]}
-                                                              >
-                                                                <SelectTrigger
-                                                                  containerWidth={null}
-                                                                  dropdownClassName=""
-                                                                  empty={true}
-                                                                  getPopupContainer={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  popupElement={
-                                                                    <ForwardRef(OptionList)
-                                                                      childrenAsData={true}
-                                                                      defaultActiveFirstOption={true}
-                                                                      flattenOptions={Array []}
-                                                                      height={128}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      itemHeight={24}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onActiveValue={[Function]}
-                                                                      onMouseEnter={[Function]}
-                                                                      onScroll={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      options={Array []}
-                                                                      prefixCls="ant-select"
-                                                                      searchValue=""
-                                                                      values={Set {}}
-                                                                      virtual={true}
-                                                                    />
-                                                                  }
-                                                                  prefixCls="ant-select"
-                                                                  transitionName="ant-slide-up"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action={Array []}
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottomLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    getPopupContainer={[Function]}
-                                                                    getTriggerDOMNode={[Function]}
-                                                                    hideAction={Array []}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    popup={
-                                                                      <div>
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={Set {}}
-                                                                          virtual={true}
-                                                                        />
-                                                                      </div>
-                                                                    }
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-select-dropdown-empty"
-                                                                    popupPlacement="bottomLeft"
-                                                                    popupStyle={
-                                                                      Object {
-                                                                        "minWidth": null,
-                                                                        "width": null,
-                                                                      }
-                                                                    }
-                                                                    popupTransitionName="ant-slide-up"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-select-dropdown"
-                                                                    showAction={Array []}
-                                                                  >
-                                                                    <Selector
-                                                                      accessibilityIndex={0}
-                                                                      activeValue={null}
-                                                                      allowClear={true}
-                                                                      autoClearSearchValue={true}
-                                                                      className=""
-                                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      defaultValue={Array []}
-                                                                      domRef={
-                                                                        Object {
-                                                                          "current": <div
-                                                                            class="ant-select-selector"
-                                                                          >
-                                                                            <div
-                                                                              class="ant-select-selection-overflow"
-                                                                            >
-                                                                              <div
-                                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                style="opacity: 1;"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-search"
-                                                                                  style="width: 0px;"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                  <span
-                                                                                    aria-hidden="true"
-                                                                                    class="ant-select-selection-search-mirror"
-                                                                                  >
-                                                                                    
-                                                                                     
-                                                                                  </span>
-                                                                                </div>
-                                                                              </div>
-                                                                            </div>
-                                                                            <span
-                                                                              class="ant-select-selection-placeholder"
-                                                                            >
-                                                                              Select claimants
-                                                                            </span>
-                                                                          </div>,
-                                                                        }
-                                                                      }
-                                                                      dropdownClassName=""
-                                                                      filterOption={[Function]}
-                                                                      getPopupContainer={[Function]}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      inputIcon={[Function]}
-                                                                      key="trigger"
-                                                                      listHeight={128}
-                                                                      listItemHeight={24}
-                                                                      loading={false}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      mode="multiple"
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onChange={[Function]}
-                                                                      onPopupScroll={[Function]}
-                                                                      onSearch={[Function]}
-                                                                      onSearchSubmit={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      placeholder="Select claimants"
-                                                                      prefixCls="ant-select"
-                                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      searchValue=""
-                                                                      showSearch={true}
-                                                                      tokenWithEnter={false}
-                                                                      transitionName="ant-slide-up"
-                                                                      value={Array []}
-                                                                      values={Array []}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selector"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                      >
-                                                                        <SelectSelector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={Array []}
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-overflow"
-                                                                                >
-                                                                                  <div
-                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                    style="opacity: 1;"
-                                                                                  >
-                                                                                    <div
-                                                                                      class="ant-select-selection-search"
-                                                                                      style="width: 0px;"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                      <span
-                                                                                        aria-hidden="true"
-                                                                                        class="ant-select-selection-search-mirror"
-                                                                                      >
-                                                                                        
-                                                                                         
-                                                                                      </span>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </div>
-                                                                                <span
-                                                                                  class="ant-select-selection-placeholder"
-                                                                                >
-                                                                                  Select claimants
-                                                                                </span>
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={[Function]}
-                                                                          inputRef={
-                                                                            Object {
-                                                                              "current": <input
-                                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                aria-autocomplete="list"
-                                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                aria-haspopup="listbox"
-                                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                autocomplete="off"
-                                                                                class="ant-select-selection-search-input"
-                                                                                id="rc_select_TEST_OR_SSR"
-                                                                                readonly=""
-                                                                                role="combobox"
-                                                                                style="opacity: 0;"
-                                                                                type="search"
-                                                                                unselectable="on"
-                                                                                value=""
-                                                                              />,
-                                                                            }
-                                                                          }
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={false}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          mode="multiple"
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onInputChange={[Function]}
-                                                                          onInputCompositionEnd={[Function]}
-                                                                          onInputCompositionStart={[Function]}
-                                                                          onInputKeyDown={[Function]}
-                                                                          onInputMouseDown={[Function]}
-                                                                          onInputPaste={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select claimants"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={true}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={Array []}
-                                                                          values={Array []}
-                                                                        >
-                                                                          <Overflow
-                                                                            data={Array []}
-                                                                            itemKey="key"
-                                                                            prefixCls="ant-select-selection-overflow"
-                                                                            renderItem={[Function]}
-                                                                            renderRest={[Function]}
-                                                                            suffix={
-                                                                              <div
-                                                                                className="ant-select-selection-search"
-                                                                                onBlur={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "width": 0,
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Input)
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                />
-                                                                                <span
-                                                                                  aria-hidden={true}
-                                                                                  className="ant-select-selection-search-mirror"
-                                                                                >
-                                                                                  
-                                                                                   
-                                                                                </span>
-                                                                              </div>
-                                                                            }
-                                                                          >
-                                                                            <div
-                                                                              className="ant-select-selection-overflow"
-                                                                            >
-                                                                              <Item
-                                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                                display={true}
-                                                                                invalidate={false}
-                                                                                order={0}
-                                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                                registerSize={[Function]}
-                                                                                responsive={0}
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <div
-                                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "height": undefined,
-                                                                                      "opacity": 1,
-                                                                                      "order": undefined,
-                                                                                      "overflowY": undefined,
-                                                                                      "pointerEvents": undefined,
-                                                                                      "position": undefined,
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select-selection-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "width": 0,
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <Input
-                                                                                      accessibilityIndex={0}
-                                                                                      attrs={Object {}}
-                                                                                      editable={false}
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      inputElement={null}
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                      onPaste={[Function]}
-                                                                                      prefixCls="ant-select"
-                                                                                      value=""
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autoComplete="off"
-                                                                                        className="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        onChange={[Function]}
-                                                                                        onCompositionEnd={[Function]}
-                                                                                        onCompositionStart={[Function]}
-                                                                                        onKeyDown={[Function]}
-                                                                                        onMouseDown={[Function]}
-                                                                                        onPaste={[Function]}
-                                                                                        readOnly={true}
-                                                                                        role="combobox"
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "opacity": 0,
-                                                                                          }
-                                                                                        }
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </Input>
-                                                                                    <span
-                                                                                      aria-hidden={true}
-                                                                                      className="ant-select-selection-search-mirror"
-                                                                                    >
-                                                                                       
-                                                                                    </span>
-                                                                                  </div>
-                                                                                </div>
-                                                                              </Item>
-                                                                            </div>
-                                                                          </Overflow>
-                                                                          <span
-                                                                            className="ant-select-selection-placeholder"
-                                                                          >
-                                                                            Select claimants
-                                                                          </span>
-                                                                        </SelectSelector>
-                                                                      </div>
-                                                                    </Selector>
-                                                                  </Trigger>
-                                                                </SelectTrigger>
-                                                              </div>
-                                                            </ForwardRef(Select)>
-                                                          </Select>
-                                                        </ForwardRef(InternalSelect)>
-                                                      </Selector>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              span={4}
-                            >
-                              <div
-                                className="ant-col ant-col-4"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Ratings"
-                                  name="rating"
-                                >
-                                  <WrapperField
-                                    label="Ratings"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Ratings",
-                                      }
-                                    }
-                                    name="rating"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_rating"
-                                      label="Ratings"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Ratings",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "rating",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_rating"
-                                            label="Ratings"
-                                            name="rating"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_rating"
-                                                  title="Ratings"
-                                                >
-                                                  Ratings
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Ratings"
-                                            name={
-                                              Array [
-                                                "rating",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Selector
-                                                        action="Ratings"
-                                                        id="filters_rating"
-                                                        mode="multiple"
-                                                        onChange={[Function]}
-                                                      >
-                                                        <ForwardRef(InternalSelect)
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          bordered={true}
-                                                          defaultValue={Array []}
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          listHeight={128}
-                                                          loading={true}
-                                                          mode="multiple"
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          placeholder="Select ratings"
-                                                          searchValue=""
-                                                          value={Array []}
-                                                        >
-                                                          <Select
-                                                            allowClear={true}
-                                                            autoClearSearchValue={true}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue={Array []}
-                                                            dropdownClassName=""
-                                                            filterOption={[Function]}
-                                                            getPopupContainer={[Function]}
-                                                            inputIcon={
-                                                              <ForwardRef(LoadingOutlined)
-                                                                spin={true}
-                                                              />
-                                                            }
-                                                            listHeight={128}
-                                                            listItemHeight={24}
-                                                            loading={true}
-                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                            mode="multiple"
-                                                            notFoundContent={null}
-                                                            onChange={[Function]}
-                                                            onPopupScroll={[Function]}
-                                                            onSearch={[Function]}
-                                                            placeholder="Select ratings"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            transitionName="ant-slide-up"
-                                                            value={Array []}
-                                                          >
-                                                            <ForwardRef(Select)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={Array []}
-                                                              dropdownClassName=""
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              inputIcon={
-                                                                <ForwardRef(LoadingOutlined)
-                                                                  spin={true}
-                                                                />
-                                                              }
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              loading={true}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              mode="multiple"
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select ratings"
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              searchValue=""
-                                                              transitionName="ant-slide-up"
-                                                              value={Array []}
-                                                            >
-                                                              <div
-                                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onKeyUp={[Function]}
-                                                                onMouseDown={[Function]}
-                                                              >
-                                                                <SelectTrigger
-                                                                  containerWidth={null}
-                                                                  dropdownClassName=""
-                                                                  empty={true}
-                                                                  getPopupContainer={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  popupElement={
-                                                                    <ForwardRef(OptionList)
-                                                                      childrenAsData={true}
-                                                                      defaultActiveFirstOption={true}
-                                                                      flattenOptions={Array []}
-                                                                      height={128}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      itemHeight={24}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onActiveValue={[Function]}
-                                                                      onMouseEnter={[Function]}
-                                                                      onScroll={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      options={Array []}
-                                                                      prefixCls="ant-select"
-                                                                      searchValue=""
-                                                                      values={Set {}}
-                                                                      virtual={true}
-                                                                    />
-                                                                  }
-                                                                  prefixCls="ant-select"
-                                                                  transitionName="ant-slide-up"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action={Array []}
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottomLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    getPopupContainer={[Function]}
-                                                                    getTriggerDOMNode={[Function]}
-                                                                    hideAction={Array []}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    popup={
-                                                                      <div>
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={Set {}}
-                                                                          virtual={true}
-                                                                        />
-                                                                      </div>
-                                                                    }
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-select-dropdown-empty"
-                                                                    popupPlacement="bottomLeft"
-                                                                    popupStyle={
-                                                                      Object {
-                                                                        "minWidth": null,
-                                                                        "width": null,
-                                                                      }
-                                                                    }
-                                                                    popupTransitionName="ant-slide-up"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-select-dropdown"
-                                                                    showAction={Array []}
-                                                                  >
-                                                                    <Selector
-                                                                      accessibilityIndex={0}
-                                                                      activeValue={null}
-                                                                      allowClear={true}
-                                                                      autoClearSearchValue={true}
-                                                                      className=""
-                                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      defaultValue={Array []}
-                                                                      domRef={
-                                                                        Object {
-                                                                          "current": <div
-                                                                            class="ant-select-selector"
-                                                                          >
-                                                                            <div
-                                                                              class="ant-select-selection-overflow"
-                                                                            >
-                                                                              <div
-                                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                style="opacity: 1;"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-search"
-                                                                                  style="width: 0px;"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                  <span
-                                                                                    aria-hidden="true"
-                                                                                    class="ant-select-selection-search-mirror"
-                                                                                  >
-                                                                                    
-                                                                                     
-                                                                                  </span>
-                                                                                </div>
-                                                                              </div>
-                                                                            </div>
-                                                                            <span
-                                                                              class="ant-select-selection-placeholder"
-                                                                            >
-                                                                              Select ratings
-                                                                            </span>
-                                                                          </div>,
-                                                                        }
-                                                                      }
-                                                                      dropdownClassName=""
-                                                                      filterOption={[Function]}
-                                                                      getPopupContainer={[Function]}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      inputIcon={
-                                                                        <ForwardRef(LoadingOutlined)
-                                                                          spin={true}
-                                                                        />
-                                                                      }
-                                                                      key="trigger"
-                                                                      listHeight={128}
-                                                                      listItemHeight={24}
-                                                                      loading={true}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      mode="multiple"
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onChange={[Function]}
-                                                                      onPopupScroll={[Function]}
-                                                                      onSearch={[Function]}
-                                                                      onSearchSubmit={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      placeholder="Select ratings"
-                                                                      prefixCls="ant-select"
-                                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      searchValue=""
-                                                                      showSearch={true}
-                                                                      tokenWithEnter={false}
-                                                                      transitionName="ant-slide-up"
-                                                                      value={Array []}
-                                                                      values={Array []}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selector"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                      >
-                                                                        <SelectSelector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={Array []}
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-overflow"
-                                                                                >
-                                                                                  <div
-                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                    style="opacity: 1;"
-                                                                                  >
-                                                                                    <div
-                                                                                      class="ant-select-selection-search"
-                                                                                      style="width: 0px;"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                      <span
-                                                                                        aria-hidden="true"
-                                                                                        class="ant-select-selection-search-mirror"
-                                                                                      >
-                                                                                        
-                                                                                         
-                                                                                      </span>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </div>
-                                                                                <span
-                                                                                  class="ant-select-selection-placeholder"
-                                                                                >
-                                                                                  Select ratings
-                                                                                </span>
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={
-                                                                            <ForwardRef(LoadingOutlined)
-                                                                              spin={true}
-                                                                            />
-                                                                          }
-                                                                          inputRef={
-                                                                            Object {
-                                                                              "current": <input
-                                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                aria-autocomplete="list"
-                                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                aria-haspopup="listbox"
-                                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                autocomplete="off"
-                                                                                class="ant-select-selection-search-input"
-                                                                                id="rc_select_TEST_OR_SSR"
-                                                                                readonly=""
-                                                                                role="combobox"
-                                                                                style="opacity: 0;"
-                                                                                type="search"
-                                                                                unselectable="on"
-                                                                                value=""
-                                                                              />,
-                                                                            }
-                                                                          }
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={true}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          mode="multiple"
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onInputChange={[Function]}
-                                                                          onInputCompositionEnd={[Function]}
-                                                                          onInputCompositionStart={[Function]}
-                                                                          onInputKeyDown={[Function]}
-                                                                          onInputMouseDown={[Function]}
-                                                                          onInputPaste={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select ratings"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={true}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={Array []}
-                                                                          values={Array []}
-                                                                        >
-                                                                          <Overflow
-                                                                            data={Array []}
-                                                                            itemKey="key"
-                                                                            prefixCls="ant-select-selection-overflow"
-                                                                            renderItem={[Function]}
-                                                                            renderRest={[Function]}
-                                                                            suffix={
-                                                                              <div
-                                                                                className="ant-select-selection-search"
-                                                                                onBlur={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "width": 0,
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Input)
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                />
-                                                                                <span
-                                                                                  aria-hidden={true}
-                                                                                  className="ant-select-selection-search-mirror"
-                                                                                >
-                                                                                  
-                                                                                   
-                                                                                </span>
-                                                                              </div>
-                                                                            }
-                                                                          >
-                                                                            <div
-                                                                              className="ant-select-selection-overflow"
-                                                                            >
-                                                                              <Item
-                                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                                display={true}
-                                                                                invalidate={false}
-                                                                                order={0}
-                                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                                registerSize={[Function]}
-                                                                                responsive={0}
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <div
-                                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "height": undefined,
-                                                                                      "opacity": 1,
-                                                                                      "order": undefined,
-                                                                                      "overflowY": undefined,
-                                                                                      "pointerEvents": undefined,
-                                                                                      "position": undefined,
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select-selection-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "width": 0,
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <Input
-                                                                                      accessibilityIndex={0}
-                                                                                      attrs={Object {}}
-                                                                                      editable={false}
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      inputElement={null}
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                      onPaste={[Function]}
-                                                                                      prefixCls="ant-select"
-                                                                                      value=""
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autoComplete="off"
-                                                                                        className="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        onChange={[Function]}
-                                                                                        onCompositionEnd={[Function]}
-                                                                                        onCompositionStart={[Function]}
-                                                                                        onKeyDown={[Function]}
-                                                                                        onMouseDown={[Function]}
-                                                                                        onPaste={[Function]}
-                                                                                        readOnly={true}
-                                                                                        role="combobox"
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "opacity": 0,
-                                                                                          }
-                                                                                        }
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </Input>
-                                                                                    <span
-                                                                                      aria-hidden={true}
-                                                                                      className="ant-select-selection-search-mirror"
-                                                                                    >
-                                                                                       
-                                                                                    </span>
-                                                                                  </div>
-                                                                                </div>
-                                                                              </Item>
-                                                                            </div>
-                                                                          </Overflow>
-                                                                          <span
-                                                                            className="ant-select-selection-placeholder"
-                                                                          >
-                                                                            Select ratings
-                                                                          </span>
-                                                                        </SelectSelector>
-                                                                      </div>
-                                                                    </Selector>
-                                                                  </Trigger>
-                                                                </SelectTrigger>
-                                                                <TransBtn
-                                                                  className="ant-select-arrow ant-select-arrow-loading"
-                                                                  customizeIcon={
-                                                                    <ForwardRef(LoadingOutlined)
-                                                                      spin={true}
-                                                                    />
-                                                                  }
-                                                                  customizeIconProps={
-                                                                    Object {
-                                                                      "focused": false,
-                                                                      "loading": true,
-                                                                      "open": undefined,
-                                                                      "searchValue": "",
-                                                                      "showSearch": true,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-hidden={true}
-                                                                    className="ant-select-arrow ant-select-arrow-loading"
-                                                                    onMouseDown={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "WebkitUserSelect": "none",
-                                                                        "userSelect": "none",
-                                                                      }
-                                                                    }
-                                                                    unselectable="on"
-                                                                  >
-                                                                    <ForwardRef(LoadingOutlined)
-                                                                      spin={true}
-                                                                    >
-                                                                      <AntdIcon
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "0 0 1024 1024",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "loading",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                        spin={true}
-                                                                      >
-                                                                        <span
-                                                                          aria-label="loading"
-                                                                          className="anticon anticon-loading anticon-spin"
-                                                                          role="img"
-                                                                        >
-                                                                          <IconReact
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "0 0 1024 1024",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "loading",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <svg
-                                                                              aria-hidden="true"
-                                                                              data-icon="loading"
-                                                                              fill="currentColor"
-                                                                              focusable="false"
-                                                                              height="1em"
-                                                                              key="svg-loading"
-                                                                              viewBox="0 0 1024 1024"
-                                                                              width="1em"
-                                                                            >
-                                                                              <path
-                                                                                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                                                                                key="svg-loading-svg-0"
-                                                                              />
-                                                                            </svg>
-                                                                          </IconReact>
-                                                                        </span>
-                                                                      </AntdIcon>
-                                                                    </ForwardRef(LoadingOutlined)>
-                                                                  </span>
-                                                                </TransBtn>
-                                                              </div>
-                                                            </ForwardRef(Select)>
-                                                          </Select>
-                                                        </ForwardRef(InternalSelect)>
-                                                      </Selector>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    style={
-                                      Object {
-                                        "width": "100%",
-                                      }
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      style={
-                                        Object {
-                                          "width": "100%",
-                                        }
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                        style={
-                                          Object {
-                                            "width": "100%",
-                                          }
-                                        }
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={
-                                            Object {
-                                              "width": "100%",
-                                            }
-                                          }
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                            style={
-                                              Object {
-                                                "width": "100%",
-                                              }
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            style={
-                                              Object {
-                                                "width": "100%",
-                                              }
-                                            }
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              key="1"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/claims/create"
-                                >
-                                  <LinkAnchor
-                                    href="/claims/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/claims/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Claim
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <ClaimList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "claims": Array [],
-                      "loading": false,
-                      "total": 0,
-                    }
-                  }
-                  fetchClaims={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  onPagination={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "claim",
-                                  "key": "claim",
-                                  "render": [Function],
-                                  "title": "Claim",
-                                  "width": "30%",
-                                },
-                                Object {
-                                  "dataIndex": "claimant",
-                                  "key": "claimant",
-                                  "title": "Claimant",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "rating",
-                                  "key": "rating",
-                                  "title": "Rating",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "claim_date",
-                                  "render": [Function],
-                                  "title": "Claim Date",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "claim",
-                                            "key": "claim",
-                                            "render": [Function],
-                                            "title": "Claim",
-                                            "width": "30%",
-                                          },
-                                          Object {
-                                            "dataIndex": "claimant",
-                                            "key": "claimant",
-                                            "title": "Claimant",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "dataIndex": "rating",
-                                            "key": "rating",
-                                            "title": "Rating",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "dataIndex": "claim_date",
-                                            "render": [Function],
-                                            "title": "Claim Date",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col
-                                                    style="width: 30%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claim
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claimant
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Rating
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claim Date
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="5"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "claim",
-                                                  "key": "claim",
-                                                  "render": [Function],
-                                                  "title": "Claim",
-                                                  "width": "30%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claimant",
-                                                  "key": "claimant",
-                                                  "title": "Claimant",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "rating",
-                                                  "key": "rating",
-                                                  "title": "Rating",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claim_date",
-                                                  "render": [Function],
-                                                  "title": "Claim Date",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col
-                                                          style="width: 30%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claim
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claimant
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Rating
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claim Date
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="5"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      "30%",
-                                                      "20%",
-                                                      "20%",
-                                                      "20%",
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "fixed": undefined,
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "fixed": undefined,
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "fixed": undefined,
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "fixed": undefined,
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": "30%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="4"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={5}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "fixed": undefined,
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "fixed": undefined,
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "fixed": undefined,
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "fixed": undefined,
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Claim",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "claim",
-                                                              "key": "claim",
-                                                              "render": [Function],
-                                                              "title": "Claim",
-                                                              "width": "30%",
-                                                            },
-                                                            "key": "claim",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Claimant",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "claimant",
-                                                              "key": "claimant",
-                                                              "title": "Claimant",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": "claimant",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Rating",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "rating",
-                                                              "key": "rating",
-                                                              "title": "Rating",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": "rating",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Claim Date",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "dataIndex": "claim_date",
-                                                              "render": [Function],
-                                                              "title": "Claim Date",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 4,
-                                                            "colSpan": 1,
-                                                            "colStart": 4,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "claim",
-                                                            "fixed": undefined,
-                                                            "key": "claim",
-                                                            "render": [Function],
-                                                            "title": "Claim",
-                                                            "width": "30%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "claimant",
-                                                            "fixed": undefined,
-                                                            "key": "claimant",
-                                                            "title": "Claimant",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "rating",
-                                                            "fixed": undefined,
-                                                            "key": "rating",
-                                                            "title": "Rating",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "claim_date",
-                                                            "fixed": undefined,
-                                                            "render": [Function],
-                                                            "title": "Claim Date",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claim",
-                                                              "key": "claim",
-                                                              "render": [Function],
-                                                              "title": "Claim",
-                                                              "width": "30%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claim"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claim
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claimant",
-                                                              "key": "claimant",
-                                                              "title": "Claimant",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claimant"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claimant
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "rating",
-                                                              "key": "rating",
-                                                              "title": "Rating",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="rating"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Rating
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claim_date",
-                                                              "render": [Function],
-                                                              "title": "Claim Date",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claim_date"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claim Date
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={4}
-                                                          colSpan={1}
-                                                          colStart={4}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={5}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={5}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={5}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </ClaimList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Claims>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claims List component snapshot testing should render the component with cached query data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Claims
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Claims"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Claims"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Claims"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="search claims"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="search claims"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="search claims"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="search claims"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              span={5}
-                            >
-                              <div
-                                className="ant-col ant-col-5"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Claimants"
-                                  name="claimant"
-                                >
-                                  <WrapperField
-                                    label="Claimants"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Claimants",
-                                      }
-                                    }
-                                    name="claimant"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_claimant"
-                                      label="Claimants"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Claimants",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "claimant",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_claimant"
-                                            label="Claimants"
-                                            name="claimant"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_claimant"
-                                                  title="Claimants"
-                                                >
-                                                  Claimants
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Claimants"
-                                            name={
-                                              Array [
-                                                "claimant",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Selector
-                                                        action="Claimants"
-                                                        id="filters_claimant"
-                                                        mode="multiple"
-                                                        onChange={[Function]}
-                                                      >
-                                                        <ForwardRef(InternalSelect)
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          bordered={true}
-                                                          defaultValue={Array []}
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          listHeight={128}
-                                                          loading={false}
-                                                          mode="multiple"
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          placeholder="Select claimants"
-                                                          searchValue=""
-                                                          value={Array []}
-                                                        >
-                                                          <Select
-                                                            allowClear={true}
-                                                            autoClearSearchValue={true}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue={Array []}
-                                                            dropdownClassName=""
-                                                            filterOption={[Function]}
-                                                            getPopupContainer={[Function]}
-                                                            inputIcon={[Function]}
-                                                            listHeight={128}
-                                                            listItemHeight={24}
-                                                            loading={false}
-                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                            mode="multiple"
-                                                            notFoundContent={null}
-                                                            onChange={[Function]}
-                                                            onPopupScroll={[Function]}
-                                                            onSearch={[Function]}
-                                                            placeholder="Select claimants"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            transitionName="ant-slide-up"
-                                                            value={Array []}
-                                                          >
-                                                            <ForwardRef(Select)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={Array []}
-                                                              dropdownClassName=""
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              inputIcon={[Function]}
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              loading={false}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              mode="multiple"
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select claimants"
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              searchValue=""
-                                                              transitionName="ant-slide-up"
-                                                              value={Array []}
-                                                            >
-                                                              <div
-                                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onKeyUp={[Function]}
-                                                                onMouseDown={[Function]}
-                                                              >
-                                                                <SelectTrigger
-                                                                  containerWidth={null}
-                                                                  dropdownClassName=""
-                                                                  empty={true}
-                                                                  getPopupContainer={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  popupElement={
-                                                                    <ForwardRef(OptionList)
-                                                                      childrenAsData={true}
-                                                                      defaultActiveFirstOption={true}
-                                                                      flattenOptions={Array []}
-                                                                      height={128}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      itemHeight={24}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onActiveValue={[Function]}
-                                                                      onMouseEnter={[Function]}
-                                                                      onScroll={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      options={Array []}
-                                                                      prefixCls="ant-select"
-                                                                      searchValue=""
-                                                                      values={Set {}}
-                                                                      virtual={true}
-                                                                    />
-                                                                  }
-                                                                  prefixCls="ant-select"
-                                                                  transitionName="ant-slide-up"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action={Array []}
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottomLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    getPopupContainer={[Function]}
-                                                                    getTriggerDOMNode={[Function]}
-                                                                    hideAction={Array []}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    popup={
-                                                                      <div>
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={Set {}}
-                                                                          virtual={true}
-                                                                        />
-                                                                      </div>
-                                                                    }
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-select-dropdown-empty"
-                                                                    popupPlacement="bottomLeft"
-                                                                    popupStyle={
-                                                                      Object {
-                                                                        "minWidth": null,
-                                                                        "width": null,
-                                                                      }
-                                                                    }
-                                                                    popupTransitionName="ant-slide-up"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-select-dropdown"
-                                                                    showAction={Array []}
-                                                                  >
-                                                                    <Selector
-                                                                      accessibilityIndex={0}
-                                                                      activeValue={null}
-                                                                      allowClear={true}
-                                                                      autoClearSearchValue={true}
-                                                                      className=""
-                                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      defaultValue={Array []}
-                                                                      domRef={
-                                                                        Object {
-                                                                          "current": <div
-                                                                            class="ant-select-selector"
-                                                                          >
-                                                                            <div
-                                                                              class="ant-select-selection-overflow"
-                                                                            >
-                                                                              <div
-                                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                style="opacity: 1;"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-search"
-                                                                                  style="width: 0px;"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                  <span
-                                                                                    aria-hidden="true"
-                                                                                    class="ant-select-selection-search-mirror"
-                                                                                  >
-                                                                                    
-                                                                                     
-                                                                                  </span>
-                                                                                </div>
-                                                                              </div>
-                                                                            </div>
-                                                                            <span
-                                                                              class="ant-select-selection-placeholder"
-                                                                            >
-                                                                              Select claimants
-                                                                            </span>
-                                                                          </div>,
-                                                                        }
-                                                                      }
-                                                                      dropdownClassName=""
-                                                                      filterOption={[Function]}
-                                                                      getPopupContainer={[Function]}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      inputIcon={[Function]}
-                                                                      key="trigger"
-                                                                      listHeight={128}
-                                                                      listItemHeight={24}
-                                                                      loading={false}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      mode="multiple"
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onChange={[Function]}
-                                                                      onPopupScroll={[Function]}
-                                                                      onSearch={[Function]}
-                                                                      onSearchSubmit={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      placeholder="Select claimants"
-                                                                      prefixCls="ant-select"
-                                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      searchValue=""
-                                                                      showSearch={true}
-                                                                      tokenWithEnter={false}
-                                                                      transitionName="ant-slide-up"
-                                                                      value={Array []}
-                                                                      values={Array []}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selector"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                      >
-                                                                        <SelectSelector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={Array []}
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-overflow"
-                                                                                >
-                                                                                  <div
-                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                    style="opacity: 1;"
-                                                                                  >
-                                                                                    <div
-                                                                                      class="ant-select-selection-search"
-                                                                                      style="width: 0px;"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                      <span
-                                                                                        aria-hidden="true"
-                                                                                        class="ant-select-selection-search-mirror"
-                                                                                      >
-                                                                                        
-                                                                                         
-                                                                                      </span>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </div>
-                                                                                <span
-                                                                                  class="ant-select-selection-placeholder"
-                                                                                >
-                                                                                  Select claimants
-                                                                                </span>
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={[Function]}
-                                                                          inputRef={
-                                                                            Object {
-                                                                              "current": <input
-                                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                aria-autocomplete="list"
-                                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                aria-haspopup="listbox"
-                                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                autocomplete="off"
-                                                                                class="ant-select-selection-search-input"
-                                                                                id="rc_select_TEST_OR_SSR"
-                                                                                readonly=""
-                                                                                role="combobox"
-                                                                                style="opacity: 0;"
-                                                                                type="search"
-                                                                                unselectable="on"
-                                                                                value=""
-                                                                              />,
-                                                                            }
-                                                                          }
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={false}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          mode="multiple"
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onInputChange={[Function]}
-                                                                          onInputCompositionEnd={[Function]}
-                                                                          onInputCompositionStart={[Function]}
-                                                                          onInputKeyDown={[Function]}
-                                                                          onInputMouseDown={[Function]}
-                                                                          onInputPaste={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select claimants"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={true}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={Array []}
-                                                                          values={Array []}
-                                                                        >
-                                                                          <Overflow
-                                                                            data={Array []}
-                                                                            itemKey="key"
-                                                                            prefixCls="ant-select-selection-overflow"
-                                                                            renderItem={[Function]}
-                                                                            renderRest={[Function]}
-                                                                            suffix={
-                                                                              <div
-                                                                                className="ant-select-selection-search"
-                                                                                onBlur={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "width": 0,
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Input)
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                />
-                                                                                <span
-                                                                                  aria-hidden={true}
-                                                                                  className="ant-select-selection-search-mirror"
-                                                                                >
-                                                                                  
-                                                                                   
-                                                                                </span>
-                                                                              </div>
-                                                                            }
-                                                                          >
-                                                                            <div
-                                                                              className="ant-select-selection-overflow"
-                                                                            >
-                                                                              <Item
-                                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                                display={true}
-                                                                                invalidate={false}
-                                                                                order={0}
-                                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                                registerSize={[Function]}
-                                                                                responsive={0}
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <div
-                                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "height": undefined,
-                                                                                      "opacity": 1,
-                                                                                      "order": undefined,
-                                                                                      "overflowY": undefined,
-                                                                                      "pointerEvents": undefined,
-                                                                                      "position": undefined,
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select-selection-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "width": 0,
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <Input
-                                                                                      accessibilityIndex={0}
-                                                                                      attrs={Object {}}
-                                                                                      editable={false}
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      inputElement={null}
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                      onPaste={[Function]}
-                                                                                      prefixCls="ant-select"
-                                                                                      value=""
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autoComplete="off"
-                                                                                        className="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        onChange={[Function]}
-                                                                                        onCompositionEnd={[Function]}
-                                                                                        onCompositionStart={[Function]}
-                                                                                        onKeyDown={[Function]}
-                                                                                        onMouseDown={[Function]}
-                                                                                        onPaste={[Function]}
-                                                                                        readOnly={true}
-                                                                                        role="combobox"
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "opacity": 0,
-                                                                                          }
-                                                                                        }
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </Input>
-                                                                                    <span
-                                                                                      aria-hidden={true}
-                                                                                      className="ant-select-selection-search-mirror"
-                                                                                    >
-                                                                                       
-                                                                                    </span>
-                                                                                  </div>
-                                                                                </div>
-                                                                              </Item>
-                                                                            </div>
-                                                                          </Overflow>
-                                                                          <span
-                                                                            className="ant-select-selection-placeholder"
-                                                                          >
-                                                                            Select claimants
-                                                                          </span>
-                                                                        </SelectSelector>
-                                                                      </div>
-                                                                    </Selector>
-                                                                  </Trigger>
-                                                                </SelectTrigger>
-                                                              </div>
-                                                            </ForwardRef(Select)>
-                                                          </Select>
-                                                        </ForwardRef(InternalSelect)>
-                                                      </Selector>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              span={4}
-                            >
-                              <div
-                                className="ant-col ant-col-4"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Ratings"
-                                  name="rating"
-                                >
-                                  <WrapperField
-                                    label="Ratings"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Ratings",
-                                      }
-                                    }
-                                    name="rating"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_rating"
-                                      label="Ratings"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Ratings",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "rating",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_rating"
-                                            label="Ratings"
-                                            name="rating"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_rating"
-                                                  title="Ratings"
-                                                >
-                                                  Ratings
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Ratings"
-                                            name={
-                                              Array [
-                                                "rating",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Selector
-                                                        action="Ratings"
-                                                        id="filters_rating"
-                                                        mode="multiple"
-                                                        onChange={[Function]}
-                                                      >
-                                                        <ForwardRef(InternalSelect)
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          bordered={true}
-                                                          defaultValue={Array []}
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          listHeight={128}
-                                                          loading={true}
-                                                          mode="multiple"
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          placeholder="Select ratings"
-                                                          searchValue=""
-                                                          value={Array []}
-                                                        >
-                                                          <Select
-                                                            allowClear={true}
-                                                            autoClearSearchValue={true}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue={Array []}
-                                                            dropdownClassName=""
-                                                            filterOption={[Function]}
-                                                            getPopupContainer={[Function]}
-                                                            inputIcon={
-                                                              <ForwardRef(LoadingOutlined)
-                                                                spin={true}
-                                                              />
-                                                            }
-                                                            listHeight={128}
-                                                            listItemHeight={24}
-                                                            loading={true}
-                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                            mode="multiple"
-                                                            notFoundContent={null}
-                                                            onChange={[Function]}
-                                                            onPopupScroll={[Function]}
-                                                            onSearch={[Function]}
-                                                            placeholder="Select ratings"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            transitionName="ant-slide-up"
-                                                            value={Array []}
-                                                          >
-                                                            <ForwardRef(Select)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={Array []}
-                                                              dropdownClassName=""
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              inputIcon={
-                                                                <ForwardRef(LoadingOutlined)
-                                                                  spin={true}
-                                                                />
-                                                              }
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              loading={true}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              mode="multiple"
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select ratings"
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              searchValue=""
-                                                              transitionName="ant-slide-up"
-                                                              value={Array []}
-                                                            >
-                                                              <div
-                                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onKeyUp={[Function]}
-                                                                onMouseDown={[Function]}
-                                                              >
-                                                                <SelectTrigger
-                                                                  containerWidth={null}
-                                                                  dropdownClassName=""
-                                                                  empty={true}
-                                                                  getPopupContainer={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  popupElement={
-                                                                    <ForwardRef(OptionList)
-                                                                      childrenAsData={true}
-                                                                      defaultActiveFirstOption={true}
-                                                                      flattenOptions={Array []}
-                                                                      height={128}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      itemHeight={24}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onActiveValue={[Function]}
-                                                                      onMouseEnter={[Function]}
-                                                                      onScroll={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      options={Array []}
-                                                                      prefixCls="ant-select"
-                                                                      searchValue=""
-                                                                      values={Set {}}
-                                                                      virtual={true}
-                                                                    />
-                                                                  }
-                                                                  prefixCls="ant-select"
-                                                                  transitionName="ant-slide-up"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action={Array []}
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottomLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    getPopupContainer={[Function]}
-                                                                    getTriggerDOMNode={[Function]}
-                                                                    hideAction={Array []}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    popup={
-                                                                      <div>
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={Set {}}
-                                                                          virtual={true}
-                                                                        />
-                                                                      </div>
-                                                                    }
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-select-dropdown-empty"
-                                                                    popupPlacement="bottomLeft"
-                                                                    popupStyle={
-                                                                      Object {
-                                                                        "minWidth": null,
-                                                                        "width": null,
-                                                                      }
-                                                                    }
-                                                                    popupTransitionName="ant-slide-up"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-select-dropdown"
-                                                                    showAction={Array []}
-                                                                  >
-                                                                    <Selector
-                                                                      accessibilityIndex={0}
-                                                                      activeValue={null}
-                                                                      allowClear={true}
-                                                                      autoClearSearchValue={true}
-                                                                      className=""
-                                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      defaultValue={Array []}
-                                                                      domRef={
-                                                                        Object {
-                                                                          "current": <div
-                                                                            class="ant-select-selector"
-                                                                          >
-                                                                            <div
-                                                                              class="ant-select-selection-overflow"
-                                                                            >
-                                                                              <div
-                                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                style="opacity: 1;"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-search"
-                                                                                  style="width: 0px;"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                  <span
-                                                                                    aria-hidden="true"
-                                                                                    class="ant-select-selection-search-mirror"
-                                                                                  >
-                                                                                    
-                                                                                     
-                                                                                  </span>
-                                                                                </div>
-                                                                              </div>
-                                                                            </div>
-                                                                            <span
-                                                                              class="ant-select-selection-placeholder"
-                                                                            >
-                                                                              Select ratings
-                                                                            </span>
-                                                                          </div>,
-                                                                        }
-                                                                      }
-                                                                      dropdownClassName=""
-                                                                      filterOption={[Function]}
-                                                                      getPopupContainer={[Function]}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      inputIcon={
-                                                                        <ForwardRef(LoadingOutlined)
-                                                                          spin={true}
-                                                                        />
-                                                                      }
-                                                                      key="trigger"
-                                                                      listHeight={128}
-                                                                      listItemHeight={24}
-                                                                      loading={true}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      mode="multiple"
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onChange={[Function]}
-                                                                      onPopupScroll={[Function]}
-                                                                      onSearch={[Function]}
-                                                                      onSearchSubmit={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      placeholder="Select ratings"
-                                                                      prefixCls="ant-select"
-                                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      searchValue=""
-                                                                      showSearch={true}
-                                                                      tokenWithEnter={false}
-                                                                      transitionName="ant-slide-up"
-                                                                      value={Array []}
-                                                                      values={Array []}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selector"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                      >
-                                                                        <SelectSelector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={Array []}
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-overflow"
-                                                                                >
-                                                                                  <div
-                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                    style="opacity: 1;"
-                                                                                  >
-                                                                                    <div
-                                                                                      class="ant-select-selection-search"
-                                                                                      style="width: 0px;"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                      <span
-                                                                                        aria-hidden="true"
-                                                                                        class="ant-select-selection-search-mirror"
-                                                                                      >
-                                                                                        
-                                                                                         
-                                                                                      </span>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </div>
-                                                                                <span
-                                                                                  class="ant-select-selection-placeholder"
-                                                                                >
-                                                                                  Select ratings
-                                                                                </span>
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={
-                                                                            <ForwardRef(LoadingOutlined)
-                                                                              spin={true}
-                                                                            />
-                                                                          }
-                                                                          inputRef={
-                                                                            Object {
-                                                                              "current": <input
-                                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                aria-autocomplete="list"
-                                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                aria-haspopup="listbox"
-                                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                autocomplete="off"
-                                                                                class="ant-select-selection-search-input"
-                                                                                id="rc_select_TEST_OR_SSR"
-                                                                                readonly=""
-                                                                                role="combobox"
-                                                                                style="opacity: 0;"
-                                                                                type="search"
-                                                                                unselectable="on"
-                                                                                value=""
-                                                                              />,
-                                                                            }
-                                                                          }
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={true}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          mode="multiple"
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onInputChange={[Function]}
-                                                                          onInputCompositionEnd={[Function]}
-                                                                          onInputCompositionStart={[Function]}
-                                                                          onInputKeyDown={[Function]}
-                                                                          onInputMouseDown={[Function]}
-                                                                          onInputPaste={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select ratings"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={true}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={Array []}
-                                                                          values={Array []}
-                                                                        >
-                                                                          <Overflow
-                                                                            data={Array []}
-                                                                            itemKey="key"
-                                                                            prefixCls="ant-select-selection-overflow"
-                                                                            renderItem={[Function]}
-                                                                            renderRest={[Function]}
-                                                                            suffix={
-                                                                              <div
-                                                                                className="ant-select-selection-search"
-                                                                                onBlur={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "width": 0,
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Input)
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                />
-                                                                                <span
-                                                                                  aria-hidden={true}
-                                                                                  className="ant-select-selection-search-mirror"
-                                                                                >
-                                                                                  
-                                                                                   
-                                                                                </span>
-                                                                              </div>
-                                                                            }
-                                                                          >
-                                                                            <div
-                                                                              className="ant-select-selection-overflow"
-                                                                            >
-                                                                              <Item
-                                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                                display={true}
-                                                                                invalidate={false}
-                                                                                order={0}
-                                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                                registerSize={[Function]}
-                                                                                responsive={0}
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <div
-                                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "height": undefined,
-                                                                                      "opacity": 1,
-                                                                                      "order": undefined,
-                                                                                      "overflowY": undefined,
-                                                                                      "pointerEvents": undefined,
-                                                                                      "position": undefined,
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select-selection-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "width": 0,
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <Input
-                                                                                      accessibilityIndex={0}
-                                                                                      attrs={Object {}}
-                                                                                      editable={false}
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      inputElement={null}
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                      onPaste={[Function]}
-                                                                                      prefixCls="ant-select"
-                                                                                      value=""
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autoComplete="off"
-                                                                                        className="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        onChange={[Function]}
-                                                                                        onCompositionEnd={[Function]}
-                                                                                        onCompositionStart={[Function]}
-                                                                                        onKeyDown={[Function]}
-                                                                                        onMouseDown={[Function]}
-                                                                                        onPaste={[Function]}
-                                                                                        readOnly={true}
-                                                                                        role="combobox"
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "opacity": 0,
-                                                                                          }
-                                                                                        }
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </Input>
-                                                                                    <span
-                                                                                      aria-hidden={true}
-                                                                                      className="ant-select-selection-search-mirror"
-                                                                                    >
-                                                                                       
-                                                                                    </span>
-                                                                                  </div>
-                                                                                </div>
-                                                                              </Item>
-                                                                            </div>
-                                                                          </Overflow>
-                                                                          <span
-                                                                            className="ant-select-selection-placeholder"
-                                                                          >
-                                                                            Select ratings
-                                                                          </span>
-                                                                        </SelectSelector>
-                                                                      </div>
-                                                                    </Selector>
-                                                                  </Trigger>
-                                                                </SelectTrigger>
-                                                                <TransBtn
-                                                                  className="ant-select-arrow ant-select-arrow-loading"
-                                                                  customizeIcon={
-                                                                    <ForwardRef(LoadingOutlined)
-                                                                      spin={true}
-                                                                    />
-                                                                  }
-                                                                  customizeIconProps={
-                                                                    Object {
-                                                                      "focused": false,
-                                                                      "loading": true,
-                                                                      "open": undefined,
-                                                                      "searchValue": "",
-                                                                      "showSearch": true,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-hidden={true}
-                                                                    className="ant-select-arrow ant-select-arrow-loading"
-                                                                    onMouseDown={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "WebkitUserSelect": "none",
-                                                                        "userSelect": "none",
-                                                                      }
-                                                                    }
-                                                                    unselectable="on"
-                                                                  >
-                                                                    <ForwardRef(LoadingOutlined)
-                                                                      spin={true}
-                                                                    >
-                                                                      <AntdIcon
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "0 0 1024 1024",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "loading",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                        spin={true}
-                                                                      >
-                                                                        <span
-                                                                          aria-label="loading"
-                                                                          className="anticon anticon-loading anticon-spin"
-                                                                          role="img"
-                                                                        >
-                                                                          <IconReact
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "0 0 1024 1024",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "loading",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <svg
-                                                                              aria-hidden="true"
-                                                                              data-icon="loading"
-                                                                              fill="currentColor"
-                                                                              focusable="false"
-                                                                              height="1em"
-                                                                              key="svg-loading"
-                                                                              viewBox="0 0 1024 1024"
-                                                                              width="1em"
-                                                                            >
-                                                                              <path
-                                                                                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                                                                                key="svg-loading-svg-0"
-                                                                              />
-                                                                            </svg>
-                                                                          </IconReact>
-                                                                        </span>
-                                                                      </AntdIcon>
-                                                                    </ForwardRef(LoadingOutlined)>
-                                                                  </span>
-                                                                </TransBtn>
-                                                              </div>
-                                                            </ForwardRef(Select)>
-                                                          </Select>
-                                                        </ForwardRef(InternalSelect)>
-                                                      </Selector>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    style={
-                                      Object {
-                                        "width": "100%",
-                                      }
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      style={
-                                        Object {
-                                          "width": "100%",
-                                        }
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                        style={
-                                          Object {
-                                            "width": "100%",
-                                          }
-                                        }
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={
-                                            Object {
-                                              "width": "100%",
-                                            }
-                                          }
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                            style={
-                                              Object {
-                                                "width": "100%",
-                                              }
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            style={
-                                              Object {
-                                                "width": "100%",
-                                              }
-                                            }
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              key="1"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/claims/create"
-                                >
-                                  <LinkAnchor
-                                    href="/claims/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/claims/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Claim
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <ClaimList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "claims": Array [
-                        Object {
-                          "checked_date": "2020-08-17T10:14:44.251814Z",
-                          "claim_date": "2020-0-17T10:14:44.251814Z",
-                          "claimant": "TOI",
-                          "claimant_id": 1,
-                          "created_at": "2020-08-17T10:14:44.251814Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "name": "claim-2",
-                          "rating": "True",
-                          "rating_id": 1,
-                          "slug": "claim-2",
-                          "space_id": 1,
-                          "updated_at": "2020-08-17T10:14:44.251814Z",
-                        },
-                        Object {
-                          "checked_date": "2020-07-17T10:14:44.251814Z",
-                          "claim_date": "2020-07-17T10:14:44.251814Z",
-                          "claimant": "TOI",
-                          "claimant_id": 1,
-                          "created_at": "2020-07-17T10:14:44.251814Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "name": "claim-1",
-                          "rating": "True",
-                          "rating_id": 1,
-                          "slug": "claim-1",
-                          "space_id": 1,
-                          "updated_at": "2020-07-17T10:14:44.251814Z",
-                        },
-                      ],
-                      "loading": false,
-                      "total": 2,
-                    }
-                  }
-                  fetchClaims={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  onPagination={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "claim",
-                                  "key": "claim",
-                                  "render": [Function],
-                                  "title": "Claim",
-                                  "width": "30%",
-                                },
-                                Object {
-                                  "dataIndex": "claimant",
-                                  "key": "claimant",
-                                  "title": "Claimant",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "rating",
-                                  "key": "rating",
-                                  "title": "Rating",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "claim_date",
-                                  "render": [Function],
-                                  "title": "Claim Date",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "checked_date": "2020-08-17T10:14:44.251814Z",
-                                  "claim_date": "2020-0-17T10:14:44.251814Z",
-                                  "claimant": "TOI",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-08-17T10:14:44.251814Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 2,
-                                  "name": "claim-2",
-                                  "rating": "True",
-                                  "rating_id": 1,
-                                  "slug": "claim-2",
-                                  "space_id": 1,
-                                  "updated_at": "2020-08-17T10:14:44.251814Z",
-                                },
-                                Object {
-                                  "checked_date": "2020-07-17T10:14:44.251814Z",
-                                  "claim_date": "2020-07-17T10:14:44.251814Z",
-                                  "claimant": "TOI",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-07-17T10:14:44.251814Z",
-                                  "deleted_at": null,
-                                  "description": "",
-                                  "id": 1,
-                                  "name": "claim-1",
-                                  "rating": "True",
-                                  "rating_id": 1,
-                                  "slug": "claim-1",
-                                  "space_id": 1,
-                                  "updated_at": "2020-07-17T10:14:44.251814Z",
-                                },
-                              ]
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "claim",
-                                            "key": "claim",
-                                            "render": [Function],
-                                            "title": "Claim",
-                                            "width": "30%",
-                                          },
-                                          Object {
-                                            "dataIndex": "claimant",
-                                            "key": "claimant",
-                                            "title": "Claimant",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "dataIndex": "rating",
-                                            "key": "rating",
-                                            "title": "Rating",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "dataIndex": "claim_date",
-                                            "render": [Function],
-                                            "title": "Claim Date",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={
-                                        Array [
-                                          Object {
-                                            "checked_date": "2020-08-17T10:14:44.251814Z",
-                                            "claim_date": "2020-0-17T10:14:44.251814Z",
-                                            "claimant": "TOI",
-                                            "claimant_id": 1,
-                                            "created_at": "2020-08-17T10:14:44.251814Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "claim-2",
-                                            "rating": "True",
-                                            "rating_id": 1,
-                                            "slug": "claim-2",
-                                            "space_id": 1,
-                                            "updated_at": "2020-08-17T10:14:44.251814Z",
-                                          },
-                                          Object {
-                                            "checked_date": "2020-07-17T10:14:44.251814Z",
-                                            "claim_date": "2020-07-17T10:14:44.251814Z",
-                                            "claimant": "TOI",
-                                            "claimant_id": 1,
-                                            "created_at": "2020-07-17T10:14:44.251814Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "claim-1",
-                                            "rating": "True",
-                                            "rating_id": 1,
-                                            "slug": "claim-1",
-                                            "space_id": 1,
-                                            "updated_at": "2020-07-17T10:14:44.251814Z",
-                                          },
-                                        ]
-                                      }
-                                      dataSource={
-                                        Array [
-                                          Object {
-                                            "checked_date": "2020-08-17T10:14:44.251814Z",
-                                            "claim_date": "2020-0-17T10:14:44.251814Z",
-                                            "claimant": "TOI",
-                                            "claimant_id": 1,
-                                            "created_at": "2020-08-17T10:14:44.251814Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "claim-2",
-                                            "rating": "True",
-                                            "rating_id": 1,
-                                            "slug": "claim-2",
-                                            "space_id": 1,
-                                            "updated_at": "2020-08-17T10:14:44.251814Z",
-                                          },
-                                          Object {
-                                            "checked_date": "2020-07-17T10:14:44.251814Z",
-                                            "claim_date": "2020-07-17T10:14:44.251814Z",
-                                            "claimant": "TOI",
-                                            "claimant_id": 1,
-                                            "created_at": "2020-07-17T10:14:44.251814Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "claim-1",
-                                            "rating": "True",
-                                            "rating_id": 1,
-                                            "slug": "claim-1",
-                                            "space_id": 1,
-                                            "updated_at": "2020-07-17T10:14:44.251814Z",
-                                          },
-                                        ]
-                                      }
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col
-                                                    style="width: 30%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claim
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claimant
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Rating
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claim Date
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="2"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/claims/2/edit"
-                                                        style="margin-right: 8px;"
-                                                      />
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      TOI
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      True
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <span
-                                                        title="2020-0-17T10:14:44.251814Z"
-                                                      >
-                                                        Invalid date
-                                                      </span>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="1"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/claims/1/edit"
-                                                        style="margin-right: 8px;"
-                                                      />
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      TOI
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      True
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <span
-                                                        title="2020-07-17T10:14:44.251814Z"
-                                                      >
-                                                        July 17th 2020
-                                                      </span>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 2,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "claim",
-                                                  "key": "claim",
-                                                  "render": [Function],
-                                                  "title": "Claim",
-                                                  "width": "30%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claimant",
-                                                  "key": "claimant",
-                                                  "title": "Claimant",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "rating",
-                                                  "key": "rating",
-                                                  "title": "Rating",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claim_date",
-                                                  "render": [Function],
-                                                  "title": "Claim Date",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [
-                                                Object {
-                                                  "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                  "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                  "claimant": "TOI",
-                                                  "claimant_id": 1,
-                                                  "created_at": "2020-08-17T10:14:44.251814Z",
-                                                  "deleted_at": null,
-                                                  "description": "",
-                                                  "id": 2,
-                                                  "name": "claim-2",
-                                                  "rating": "True",
-                                                  "rating_id": 1,
-                                                  "slug": "claim-2",
-                                                  "space_id": 1,
-                                                  "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                },
-                                                Object {
-                                                  "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                  "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                  "claimant": "TOI",
-                                                  "claimant_id": 1,
-                                                  "created_at": "2020-07-17T10:14:44.251814Z",
-                                                  "deleted_at": null,
-                                                  "description": "",
-                                                  "id": 1,
-                                                  "name": "claim-1",
-                                                  "rating": "True",
-                                                  "rating_id": 1,
-                                                  "slug": "claim-1",
-                                                  "space_id": 1,
-                                                  "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                },
-                                              ],
-                                              "dataSource": Array [
-                                                Object {
-                                                  "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                  "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                  "claimant": "TOI",
-                                                  "claimant_id": 1,
-                                                  "created_at": "2020-08-17T10:14:44.251814Z",
-                                                  "deleted_at": null,
-                                                  "description": "",
-                                                  "id": 2,
-                                                  "name": "claim-2",
-                                                  "rating": "True",
-                                                  "rating_id": 1,
-                                                  "slug": "claim-2",
-                                                  "space_id": 1,
-                                                  "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                },
-                                                Object {
-                                                  "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                  "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                  "claimant": "TOI",
-                                                  "claimant_id": 1,
-                                                  "created_at": "2020-07-17T10:14:44.251814Z",
-                                                  "deleted_at": null,
-                                                  "description": "",
-                                                  "id": 1,
-                                                  "name": "claim-1",
-                                                  "rating": "True",
-                                                  "rating_id": 1,
-                                                  "slug": "claim-1",
-                                                  "space_id": 1,
-                                                  "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                },
-                                              ],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col
-                                                          style="width: 30%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claim
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claimant
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Rating
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claim Date
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="2"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/claims/2/edit"
-                                                              style="margin-right: 8px;"
-                                                            />
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            TOI
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            True
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <span
-                                                              title="2020-0-17T10:14:44.251814Z"
-                                                            >
-                                                              Invalid date
-                                                            </span>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="1"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/claims/1/edit"
-                                                              style="margin-right: 8px;"
-                                                            />
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            TOI
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            True
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <span
-                                                              title="2020-07-17T10:14:44.251814Z"
-                                                            >
-                                                              July 17th 2020
-                                                            </span>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 2,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      "30%",
-                                                      "20%",
-                                                      "20%",
-                                                      "20%",
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "fixed": undefined,
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "fixed": undefined,
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "fixed": undefined,
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "fixed": undefined,
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": "30%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="4"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={5}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "fixed": undefined,
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "fixed": undefined,
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "fixed": undefined,
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "fixed": undefined,
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Claim",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "claim",
-                                                              "key": "claim",
-                                                              "render": [Function],
-                                                              "title": "Claim",
-                                                              "width": "30%",
-                                                            },
-                                                            "key": "claim",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Claimant",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "claimant",
-                                                              "key": "claimant",
-                                                              "title": "Claimant",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": "claimant",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Rating",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "rating",
-                                                              "key": "rating",
-                                                              "title": "Rating",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": "rating",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Claim Date",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "dataIndex": "claim_date",
-                                                              "render": [Function],
-                                                              "title": "Claim Date",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 4,
-                                                            "colSpan": 1,
-                                                            "colStart": 4,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "claim",
-                                                            "fixed": undefined,
-                                                            "key": "claim",
-                                                            "render": [Function],
-                                                            "title": "Claim",
-                                                            "width": "30%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "claimant",
-                                                            "fixed": undefined,
-                                                            "key": "claimant",
-                                                            "title": "Claimant",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "rating",
-                                                            "fixed": undefined,
-                                                            "key": "rating",
-                                                            "title": "Rating",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "claim_date",
-                                                            "fixed": undefined,
-                                                            "render": [Function],
-                                                            "title": "Claim Date",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claim",
-                                                              "key": "claim",
-                                                              "render": [Function],
-                                                              "title": "Claim",
-                                                              "width": "30%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claim"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claim
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claimant",
-                                                              "key": "claimant",
-                                                              "title": "Claimant",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claimant"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claimant
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "rating",
-                                                              "key": "rating",
-                                                              "title": "Rating",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="rating"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Rating
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claim_date",
-                                                              "render": [Function],
-                                                              "title": "Claim Date",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claim_date"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claim Date
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={4}
-                                                          colSpan={1}
-                                                          colStart={4}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={
-                                                    Array [
-                                                      Object {
-                                                        "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                        "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                        "claimant": "TOI",
-                                                        "claimant_id": 1,
-                                                        "created_at": "2020-08-17T10:14:44.251814Z",
-                                                        "deleted_at": null,
-                                                        "description": "",
-                                                        "id": 2,
-                                                        "name": "claim-2",
-                                                        "rating": "True",
-                                                        "rating_id": 1,
-                                                        "slug": "claim-2",
-                                                        "space_id": 1,
-                                                        "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                      },
-                                                      Object {
-                                                        "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                        "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                        "claimant": "TOI",
-                                                        "claimant_id": 1,
-                                                        "created_at": "2020-07-17T10:14:44.251814Z",
-                                                        "deleted_at": null,
-                                                        "description": "",
-                                                        "id": 1,
-                                                        "name": "claim-1",
-                                                        "rating": "True",
-                                                        "rating_id": 1,
-                                                        "slug": "claim-1",
-                                                        "space_id": 1,
-                                                        "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                      },
-                                                    ]
-                                                  }
-                                                  emptyNode={null}
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={0}
-                                                      key="2"
-                                                      record={
-                                                        Object {
-                                                          "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                          "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                          "claimant": "TOI",
-                                                          "claimant_id": 1,
-                                                          "created_at": "2020-08-17T10:14:44.251814Z",
-                                                          "deleted_at": null,
-                                                          "description": "",
-                                                          "id": 2,
-                                                          "name": "claim-2",
-                                                          "rating": "True",
-                                                          "rating_id": 1,
-                                                          "slug": "claim-2",
-                                                          "space_id": 1,
-                                                          "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                        }
-                                                      }
-                                                      recordKey={2}
-                                                      rowComponent="tr"
-                                                      rowKey={2}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={2}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="claim"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="claim"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-08-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "name": "claim-2",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-2",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/claims/2/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/claims/2/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/claims/2/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                />
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="claimant"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="claimant"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-08-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "name": "claim-2",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-2",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            TOI
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="rating"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="rating"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-08-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "name": "claim-2",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-2",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            True
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="claim_date"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="claim_date"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-08-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "name": "claim-2",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-2",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <span
-                                                              title="2020-0-17T10:14:44.251814Z"
-                                                            >
-                                                              Invalid date
-                                                            </span>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-08-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-0-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-08-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 2,
-                                                              "name": "claim-2",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-2",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-08-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={1}
-                                                      key="1"
-                                                      record={
-                                                        Object {
-                                                          "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                          "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                          "claimant": "TOI",
-                                                          "claimant_id": 1,
-                                                          "created_at": "2020-07-17T10:14:44.251814Z",
-                                                          "deleted_at": null,
-                                                          "description": "",
-                                                          "id": 1,
-                                                          "name": "claim-1",
-                                                          "rating": "True",
-                                                          "rating_id": 1,
-                                                          "slug": "claim-1",
-                                                          "space_id": 1,
-                                                          "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                        }
-                                                      }
-                                                      recordKey={1}
-                                                      rowComponent="tr"
-                                                      rowKey={1}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={1}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="claim"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="claim"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-07-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "name": "claim-1",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-1",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/claims/1/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/claims/1/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/claims/1/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                />
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="claimant"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="claimant"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-07-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "name": "claim-1",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-1",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            TOI
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="rating"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="rating"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-07-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "name": "claim-1",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-1",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            True
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="claim_date"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="claim_date"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-07-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "name": "claim-1",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-1",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <span
-                                                              title="2020-07-17T10:14:44.251814Z"
-                                                            >
-                                                              July 17th 2020
-                                                            </span>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={1}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "checked_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claim_date": "2020-07-17T10:14:44.251814Z",
-                                                              "claimant": "TOI",
-                                                              "claimant_id": 1,
-                                                              "created_at": "2020-07-17T10:14:44.251814Z",
-                                                              "deleted_at": null,
-                                                              "description": "",
-                                                              "id": 1,
-                                                              "name": "claim-1",
-                                                              "rating": "True",
-                                                              "rating_id": 1,
-                                                              "slug": "claim-1",
-                                                              "space_id": 1,
-                                                              "updated_at": "2020-07-17T10:14:44.251814Z",
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                    <Pagination
-                                      className="ant-table-pagination ant-table-pagination-right"
-                                      current={1}
-                                      onChange={[Function]}
-                                      pageSize={10}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      showTotal={[Function]}
-                                      total={2}
-                                    >
-                                      <LocaleReceiver
-                                        componentName="Pagination"
-                                        defaultLocale={
-                                          Object {
-                                            "items_per_page": "/ page",
-                                            "jump_to": "Go to",
-                                            "jump_to_confirm": "confirm",
-                                            "next_3": "Next 3 Pages",
-                                            "next_5": "Next 5 Pages",
-                                            "next_page": "Next Page",
-                                            "page": "",
-                                            "prev_3": "Previous 3 Pages",
-                                            "prev_5": "Previous 5 Pages",
-                                            "prev_page": "Previous Page",
-                                          }
-                                        }
-                                      >
-                                        <Pagination
-                                          className="ant-table-pagination ant-table-pagination-right"
-                                          current={1}
-                                          defaultCurrent={1}
-                                          defaultPageSize={10}
-                                          hideOnSinglePage={false}
-                                          itemRender={[Function]}
-                                          jumpNextIcon={
-                                            <a
-                                              className="ant-pagination-item-link"
-                                            >
-                                              <div
-                                                className="ant-pagination-item-container"
-                                              >
-                                                <ForwardRef(DoubleRightOutlined)
-                                                  className="ant-pagination-item-link-icon"
-                                                />
-                                                <span
-                                                  className="ant-pagination-item-ellipsis"
-                                                >
-                                                  •••
-                                                </span>
-                                              </div>
-                                            </a>
-                                          }
-                                          jumpPrevIcon={
-                                            <a
-                                              className="ant-pagination-item-link"
-                                            >
-                                              <div
-                                                className="ant-pagination-item-container"
-                                              >
-                                                <ForwardRef(DoubleLeftOutlined)
-                                                  className="ant-pagination-item-link-icon"
-                                                />
-                                                <span
-                                                  className="ant-pagination-item-ellipsis"
-                                                >
-                                                  •••
-                                                </span>
-                                              </div>
-                                            </a>
-                                          }
-                                          locale={
-                                            Object {
-                                              "items_per_page": "/ page",
-                                              "jump_to": "Go to",
-                                              "jump_to_confirm": "confirm",
-                                              "next_3": "Next 3 Pages",
-                                              "next_5": "Next 5 Pages",
-                                              "next_page": "Next Page",
-                                              "page": "",
-                                              "prev_3": "Previous 3 Pages",
-                                              "prev_5": "Previous 5 Pages",
-                                              "prev_page": "Previous Page",
-                                            }
-                                          }
-                                          nextIcon={
-                                            <button
-                                              className="ant-pagination-item-link"
-                                              tabIndex={-1}
-                                              type="button"
-                                            >
-                                              <ForwardRef(RightOutlined) />
-                                            </button>
-                                          }
-                                          onChange={[Function]}
-                                          onShowSizeChange={[Function]}
-                                          pageSize={10}
-                                          pageSizeOptions={
-                                            Array [
-                                              "10",
-                                              "15",
-                                              "20",
-                                            ]
-                                          }
-                                          prefixCls="ant-pagination"
-                                          prevIcon={
-                                            <button
-                                              className="ant-pagination-item-link"
-                                              tabIndex={-1}
-                                              type="button"
-                                            >
-                                              <ForwardRef(LeftOutlined) />
-                                            </button>
-                                          }
-                                          selectComponentClass={
-                                            Object {
-                                              "$$typeof": Symbol(react.forward_ref),
-                                              "OptGroup": [Function],
-                                              "Option": [Function],
-                                              "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                              "render": [Function],
-                                            }
-                                          }
-                                          selectPrefixCls="ant-select"
-                                          showLessItems={false}
-                                          showPrevNextJumpers={true}
-                                          showQuickJumper={false}
-                                          showTitle={true}
-                                          showTotal={[Function]}
-                                          style={Object {}}
-                                          total={2}
-                                          totalBoundaryShowSizeChanger={50}
-                                        >
-                                          <ul
-                                            className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                            style={Object {}}
-                                            unselectable="unselectable"
-                                          >
-                                            <li
-                                              className="ant-pagination-total-text"
-                                            >
-                                              1-2 of 2 results
-                                            </li>
-                                            <li
-                                              aria-disabled={true}
-                                              className="ant-pagination-prev ant-pagination-disabled"
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              tabIndex={null}
-                                              title="Previous Page"
-                                            >
-                                              <button
-                                                className="ant-pagination-item-link"
-                                                disabled={true}
-                                                tabIndex={-1}
-                                                type="button"
-                                              >
-                                                <ForwardRef(LeftOutlined)>
-                                                  <AntdIcon
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "left",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-label="left"
-                                                      className="anticon anticon-left"
-                                                      role="img"
-                                                    >
-                                                      <IconReact
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "left",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="left"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          key="svg-left"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                            key="svg-left-svg-0"
-                                                          />
-                                                        </svg>
-                                                      </IconReact>
-                                                    </span>
-                                                  </AntdIcon>
-                                                </ForwardRef(LeftOutlined)>
-                                              </button>
-                                            </li>
-                                            <Pager
-                                              active={true}
-                                              itemRender={[Function]}
-                                              key="1"
-                                              locale={
-                                                Object {
-                                                  "items_per_page": "/ page",
-                                                  "jump_to": "Go to",
-                                                  "jump_to_confirm": "confirm",
-                                                  "next_3": "Next 3 Pages",
-                                                  "next_5": "Next 5 Pages",
-                                                  "next_page": "Next Page",
-                                                  "page": "",
-                                                  "prev_3": "Previous 3 Pages",
-                                                  "prev_5": "Previous 5 Pages",
-                                                  "prev_page": "Previous Page",
-                                                }
-                                              }
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              page={1}
-                                              rootPrefixCls="ant-pagination"
-                                              showTitle={true}
-                                            >
-                                              <li
-                                                className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                                onClick={[Function]}
-                                                onKeyPress={[Function]}
-                                                tabIndex="0"
-                                                title={1}
-                                              >
-                                                <a
-                                                  rel="nofollow"
-                                                >
-                                                  1
-                                                </a>
-                                              </li>
-                                            </Pager>
-                                            <li
-                                              aria-disabled={true}
-                                              className="ant-pagination-next ant-pagination-disabled"
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              tabIndex={null}
-                                              title="Next Page"
-                                            >
-                                              <button
-                                                className="ant-pagination-item-link"
-                                                disabled={true}
-                                                tabIndex={-1}
-                                                type="button"
-                                              >
-                                                <ForwardRef(RightOutlined)>
-                                                  <AntdIcon
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "right",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-label="right"
-                                                      className="anticon anticon-right"
-                                                      role="img"
-                                                    >
-                                                      <IconReact
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "right",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="right"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          key="svg-right"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                            key="svg-right-svg-0"
-                                                          />
-                                                        </svg>
-                                                      </IconReact>
-                                                    </span>
-                                                  </AntdIcon>
-                                                </ForwardRef(RightOutlined)>
-                                              </button>
-                                            </li>
-                                            <Options
-                                              changeSize={null}
-                                              current={1}
-                                              goButton={false}
-                                              locale={
-                                                Object {
-                                                  "items_per_page": "/ page",
-                                                  "jump_to": "Go to",
-                                                  "jump_to_confirm": "confirm",
-                                                  "next_3": "Next 3 Pages",
-                                                  "next_5": "Next 5 Pages",
-                                                  "next_page": "Next Page",
-                                                  "page": "",
-                                                  "prev_3": "Previous 3 Pages",
-                                                  "prev_5": "Previous 5 Pages",
-                                                  "prev_page": "Previous Page",
-                                                }
-                                              }
-                                              pageSize={10}
-                                              pageSizeOptions={
-                                                Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ]
-                                              }
-                                              quickGo={null}
-                                              rootPrefixCls="ant-pagination"
-                                              selectComponentClass={
-                                                Object {
-                                                  "$$typeof": Symbol(react.forward_ref),
-                                                  "OptGroup": [Function],
-                                                  "Option": [Function],
-                                                  "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                                  "render": [Function],
-                                                }
-                                              }
-                                              selectPrefixCls="ant-select"
-                                            />
-                                          </ul>
-                                        </Pagination>
-                                      </LocaleReceiver>
-                                    </Pagination>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </ClaimList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Claims>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claims List component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Claims
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Claims"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Claims"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Claims"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="search claims"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="search claims"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="search claims"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="search claims"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              span={5}
-                            >
-                              <div
-                                className="ant-col ant-col-5"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Claimants"
-                                  name="claimant"
-                                >
-                                  <WrapperField
-                                    label="Claimants"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Claimants",
-                                      }
-                                    }
-                                    name="claimant"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_claimant"
-                                      label="Claimants"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Claimants",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "claimant",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_claimant"
-                                            label="Claimants"
-                                            name="claimant"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_claimant"
-                                                  title="Claimants"
-                                                >
-                                                  Claimants
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Claimants"
-                                            name={
-                                              Array [
-                                                "claimant",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Selector
-                                                        action="Claimants"
-                                                        id="filters_claimant"
-                                                        mode="multiple"
-                                                        onChange={[Function]}
-                                                      >
-                                                        <ForwardRef(InternalSelect)
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          bordered={true}
-                                                          defaultValue={Array []}
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          listHeight={128}
-                                                          loading={false}
-                                                          mode="multiple"
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          placeholder="Select claimants"
-                                                          searchValue=""
-                                                          value={Array []}
-                                                        >
-                                                          <Select
-                                                            allowClear={true}
-                                                            autoClearSearchValue={true}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue={Array []}
-                                                            dropdownClassName=""
-                                                            filterOption={[Function]}
-                                                            getPopupContainer={[Function]}
-                                                            inputIcon={[Function]}
-                                                            listHeight={128}
-                                                            listItemHeight={24}
-                                                            loading={false}
-                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                            mode="multiple"
-                                                            notFoundContent={null}
-                                                            onChange={[Function]}
-                                                            onPopupScroll={[Function]}
-                                                            onSearch={[Function]}
-                                                            placeholder="Select claimants"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            transitionName="ant-slide-up"
-                                                            value={Array []}
-                                                          >
-                                                            <ForwardRef(Select)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={Array []}
-                                                              dropdownClassName=""
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              inputIcon={[Function]}
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              loading={false}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              mode="multiple"
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select claimants"
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              searchValue=""
-                                                              transitionName="ant-slide-up"
-                                                              value={Array []}
-                                                            >
-                                                              <div
-                                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onKeyUp={[Function]}
-                                                                onMouseDown={[Function]}
-                                                              >
-                                                                <SelectTrigger
-                                                                  containerWidth={null}
-                                                                  dropdownClassName=""
-                                                                  empty={true}
-                                                                  getPopupContainer={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  popupElement={
-                                                                    <ForwardRef(OptionList)
-                                                                      childrenAsData={true}
-                                                                      defaultActiveFirstOption={true}
-                                                                      flattenOptions={Array []}
-                                                                      height={128}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      itemHeight={24}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onActiveValue={[Function]}
-                                                                      onMouseEnter={[Function]}
-                                                                      onScroll={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      options={Array []}
-                                                                      prefixCls="ant-select"
-                                                                      searchValue=""
-                                                                      values={Set {}}
-                                                                      virtual={true}
-                                                                    />
-                                                                  }
-                                                                  prefixCls="ant-select"
-                                                                  transitionName="ant-slide-up"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action={Array []}
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottomLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    getPopupContainer={[Function]}
-                                                                    getTriggerDOMNode={[Function]}
-                                                                    hideAction={Array []}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    popup={
-                                                                      <div>
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={Set {}}
-                                                                          virtual={true}
-                                                                        />
-                                                                      </div>
-                                                                    }
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-select-dropdown-empty"
-                                                                    popupPlacement="bottomLeft"
-                                                                    popupStyle={
-                                                                      Object {
-                                                                        "minWidth": null,
-                                                                        "width": null,
-                                                                      }
-                                                                    }
-                                                                    popupTransitionName="ant-slide-up"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-select-dropdown"
-                                                                    showAction={Array []}
-                                                                  >
-                                                                    <Selector
-                                                                      accessibilityIndex={0}
-                                                                      activeValue={null}
-                                                                      allowClear={true}
-                                                                      autoClearSearchValue={true}
-                                                                      className=""
-                                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      defaultValue={Array []}
-                                                                      domRef={
-                                                                        Object {
-                                                                          "current": <div
-                                                                            class="ant-select-selector"
-                                                                          >
-                                                                            <div
-                                                                              class="ant-select-selection-overflow"
-                                                                            >
-                                                                              <div
-                                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                style="opacity: 1;"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-search"
-                                                                                  style="width: 0px;"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                  <span
-                                                                                    aria-hidden="true"
-                                                                                    class="ant-select-selection-search-mirror"
-                                                                                  >
-                                                                                    
-                                                                                     
-                                                                                  </span>
-                                                                                </div>
-                                                                              </div>
-                                                                            </div>
-                                                                            <span
-                                                                              class="ant-select-selection-placeholder"
-                                                                            >
-                                                                              Select claimants
-                                                                            </span>
-                                                                          </div>,
-                                                                        }
-                                                                      }
-                                                                      dropdownClassName=""
-                                                                      filterOption={[Function]}
-                                                                      getPopupContainer={[Function]}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      inputIcon={[Function]}
-                                                                      key="trigger"
-                                                                      listHeight={128}
-                                                                      listItemHeight={24}
-                                                                      loading={false}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      mode="multiple"
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onChange={[Function]}
-                                                                      onPopupScroll={[Function]}
-                                                                      onSearch={[Function]}
-                                                                      onSearchSubmit={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      placeholder="Select claimants"
-                                                                      prefixCls="ant-select"
-                                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      searchValue=""
-                                                                      showSearch={true}
-                                                                      tokenWithEnter={false}
-                                                                      transitionName="ant-slide-up"
-                                                                      value={Array []}
-                                                                      values={Array []}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selector"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                      >
-                                                                        <SelectSelector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={Array []}
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-overflow"
-                                                                                >
-                                                                                  <div
-                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                    style="opacity: 1;"
-                                                                                  >
-                                                                                    <div
-                                                                                      class="ant-select-selection-search"
-                                                                                      style="width: 0px;"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                      <span
-                                                                                        aria-hidden="true"
-                                                                                        class="ant-select-selection-search-mirror"
-                                                                                      >
-                                                                                        
-                                                                                         
-                                                                                      </span>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </div>
-                                                                                <span
-                                                                                  class="ant-select-selection-placeholder"
-                                                                                >
-                                                                                  Select claimants
-                                                                                </span>
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={[Function]}
-                                                                          inputRef={
-                                                                            Object {
-                                                                              "current": <input
-                                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                aria-autocomplete="list"
-                                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                aria-haspopup="listbox"
-                                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                autocomplete="off"
-                                                                                class="ant-select-selection-search-input"
-                                                                                id="rc_select_TEST_OR_SSR"
-                                                                                readonly=""
-                                                                                role="combobox"
-                                                                                style="opacity: 0;"
-                                                                                type="search"
-                                                                                unselectable="on"
-                                                                                value=""
-                                                                              />,
-                                                                            }
-                                                                          }
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={false}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          mode="multiple"
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onInputChange={[Function]}
-                                                                          onInputCompositionEnd={[Function]}
-                                                                          onInputCompositionStart={[Function]}
-                                                                          onInputKeyDown={[Function]}
-                                                                          onInputMouseDown={[Function]}
-                                                                          onInputPaste={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select claimants"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={true}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={Array []}
-                                                                          values={Array []}
-                                                                        >
-                                                                          <Overflow
-                                                                            data={Array []}
-                                                                            itemKey="key"
-                                                                            prefixCls="ant-select-selection-overflow"
-                                                                            renderItem={[Function]}
-                                                                            renderRest={[Function]}
-                                                                            suffix={
-                                                                              <div
-                                                                                className="ant-select-selection-search"
-                                                                                onBlur={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "width": 0,
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Input)
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                />
-                                                                                <span
-                                                                                  aria-hidden={true}
-                                                                                  className="ant-select-selection-search-mirror"
-                                                                                >
-                                                                                  
-                                                                                   
-                                                                                </span>
-                                                                              </div>
-                                                                            }
-                                                                          >
-                                                                            <div
-                                                                              className="ant-select-selection-overflow"
-                                                                            >
-                                                                              <Item
-                                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                                display={true}
-                                                                                invalidate={false}
-                                                                                order={0}
-                                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                                registerSize={[Function]}
-                                                                                responsive={0}
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <div
-                                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "height": undefined,
-                                                                                      "opacity": 1,
-                                                                                      "order": undefined,
-                                                                                      "overflowY": undefined,
-                                                                                      "pointerEvents": undefined,
-                                                                                      "position": undefined,
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select-selection-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "width": 0,
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <Input
-                                                                                      accessibilityIndex={0}
-                                                                                      attrs={Object {}}
-                                                                                      editable={false}
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      inputElement={null}
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                      onPaste={[Function]}
-                                                                                      prefixCls="ant-select"
-                                                                                      value=""
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autoComplete="off"
-                                                                                        className="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        onChange={[Function]}
-                                                                                        onCompositionEnd={[Function]}
-                                                                                        onCompositionStart={[Function]}
-                                                                                        onKeyDown={[Function]}
-                                                                                        onMouseDown={[Function]}
-                                                                                        onPaste={[Function]}
-                                                                                        readOnly={true}
-                                                                                        role="combobox"
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "opacity": 0,
-                                                                                          }
-                                                                                        }
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </Input>
-                                                                                    <span
-                                                                                      aria-hidden={true}
-                                                                                      className="ant-select-selection-search-mirror"
-                                                                                    >
-                                                                                       
-                                                                                    </span>
-                                                                                  </div>
-                                                                                </div>
-                                                                              </Item>
-                                                                            </div>
-                                                                          </Overflow>
-                                                                          <span
-                                                                            className="ant-select-selection-placeholder"
-                                                                          >
-                                                                            Select claimants
-                                                                          </span>
-                                                                        </SelectSelector>
-                                                                      </div>
-                                                                    </Selector>
-                                                                  </Trigger>
-                                                                </SelectTrigger>
-                                                              </div>
-                                                            </ForwardRef(Select)>
-                                                          </Select>
-                                                        </ForwardRef(InternalSelect)>
-                                                      </Selector>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              span={4}
-                            >
-                              <div
-                                className="ant-col ant-col-4"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Ratings"
-                                  name="rating"
-                                >
-                                  <WrapperField
-                                    label="Ratings"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Ratings",
-                                      }
-                                    }
-                                    name="rating"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_rating"
-                                      label="Ratings"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Ratings",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "rating",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_rating"
-                                            label="Ratings"
-                                            name="rating"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_rating"
-                                                  title="Ratings"
-                                                >
-                                                  Ratings
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Ratings"
-                                            name={
-                                              Array [
-                                                "rating",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Selector
-                                                        action="Ratings"
-                                                        id="filters_rating"
-                                                        mode="multiple"
-                                                        onChange={[Function]}
-                                                      >
-                                                        <ForwardRef(InternalSelect)
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          bordered={true}
-                                                          defaultValue={Array []}
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          listHeight={128}
-                                                          loading={true}
-                                                          mode="multiple"
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          placeholder="Select ratings"
-                                                          searchValue=""
-                                                          value={Array []}
-                                                        >
-                                                          <Select
-                                                            allowClear={true}
-                                                            autoClearSearchValue={true}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue={Array []}
-                                                            dropdownClassName=""
-                                                            filterOption={[Function]}
-                                                            getPopupContainer={[Function]}
-                                                            inputIcon={
-                                                              <ForwardRef(LoadingOutlined)
-                                                                spin={true}
-                                                              />
-                                                            }
-                                                            listHeight={128}
-                                                            listItemHeight={24}
-                                                            loading={true}
-                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                            mode="multiple"
-                                                            notFoundContent={null}
-                                                            onChange={[Function]}
-                                                            onPopupScroll={[Function]}
-                                                            onSearch={[Function]}
-                                                            placeholder="Select ratings"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            transitionName="ant-slide-up"
-                                                            value={Array []}
-                                                          >
-                                                            <ForwardRef(Select)
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={Array []}
-                                                              dropdownClassName=""
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              inputIcon={
-                                                                <ForwardRef(LoadingOutlined)
-                                                                  spin={true}
-                                                                />
-                                                              }
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              loading={true}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              mode="multiple"
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              placeholder="Select ratings"
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              searchValue=""
-                                                              transitionName="ant-slide-up"
-                                                              value={Array []}
-                                                            >
-                                                              <div
-                                                                className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
-                                                                onBlur={[Function]}
-                                                                onFocus={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onKeyUp={[Function]}
-                                                                onMouseDown={[Function]}
-                                                              >
-                                                                <SelectTrigger
-                                                                  containerWidth={null}
-                                                                  dropdownClassName=""
-                                                                  empty={true}
-                                                                  getPopupContainer={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  popupElement={
-                                                                    <ForwardRef(OptionList)
-                                                                      childrenAsData={true}
-                                                                      defaultActiveFirstOption={true}
-                                                                      flattenOptions={Array []}
-                                                                      height={128}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      itemHeight={24}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onActiveValue={[Function]}
-                                                                      onMouseEnter={[Function]}
-                                                                      onScroll={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      options={Array []}
-                                                                      prefixCls="ant-select"
-                                                                      searchValue=""
-                                                                      values={Set {}}
-                                                                      virtual={true}
-                                                                    />
-                                                                  }
-                                                                  prefixCls="ant-select"
-                                                                  transitionName="ant-slide-up"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action={Array []}
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottomLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 0,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    getPopupContainer={[Function]}
-                                                                    getTriggerDOMNode={[Function]}
-                                                                    hideAction={Array []}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    popup={
-                                                                      <div>
-                                                                        <ForwardRef(OptionList)
-                                                                          childrenAsData={true}
-                                                                          defaultActiveFirstOption={true}
-                                                                          flattenOptions={Array []}
-                                                                          height={128}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          itemHeight={24}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onActiveValue={[Function]}
-                                                                          onMouseEnter={[Function]}
-                                                                          onScroll={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          options={Array []}
-                                                                          prefixCls="ant-select"
-                                                                          searchValue=""
-                                                                          values={Set {}}
-                                                                          virtual={true}
-                                                                        />
-                                                                      </div>
-                                                                    }
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-select-dropdown-empty"
-                                                                    popupPlacement="bottomLeft"
-                                                                    popupStyle={
-                                                                      Object {
-                                                                        "minWidth": null,
-                                                                        "width": null,
-                                                                      }
-                                                                    }
-                                                                    popupTransitionName="ant-slide-up"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-select-dropdown"
-                                                                    showAction={Array []}
-                                                                  >
-                                                                    <Selector
-                                                                      accessibilityIndex={0}
-                                                                      activeValue={null}
-                                                                      allowClear={true}
-                                                                      autoClearSearchValue={true}
-                                                                      className=""
-                                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                      defaultValue={Array []}
-                                                                      domRef={
-                                                                        Object {
-                                                                          "current": <div
-                                                                            class="ant-select-selector"
-                                                                          >
-                                                                            <div
-                                                                              class="ant-select-selection-overflow"
-                                                                            >
-                                                                              <div
-                                                                                class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                style="opacity: 1;"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-search"
-                                                                                  style="width: 0px;"
-                                                                                >
-                                                                                  <input
-                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                    aria-autocomplete="list"
-                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                    aria-haspopup="listbox"
-                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                    autocomplete="off"
-                                                                                    class="ant-select-selection-search-input"
-                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                    readonly=""
-                                                                                    role="combobox"
-                                                                                    style="opacity: 0;"
-                                                                                    type="search"
-                                                                                    unselectable="on"
-                                                                                    value=""
-                                                                                  />
-                                                                                  <span
-                                                                                    aria-hidden="true"
-                                                                                    class="ant-select-selection-search-mirror"
-                                                                                  >
-                                                                                    
-                                                                                     
-                                                                                  </span>
-                                                                                </div>
-                                                                              </div>
-                                                                            </div>
-                                                                            <span
-                                                                              class="ant-select-selection-placeholder"
-                                                                            >
-                                                                              Select ratings
-                                                                            </span>
-                                                                          </div>,
-                                                                        }
-                                                                      }
-                                                                      dropdownClassName=""
-                                                                      filterOption={[Function]}
-                                                                      getPopupContainer={[Function]}
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      inputElement={null}
-                                                                      inputIcon={
-                                                                        <ForwardRef(LoadingOutlined)
-                                                                          spin={true}
-                                                                        />
-                                                                      }
-                                                                      key="trigger"
-                                                                      listHeight={128}
-                                                                      listItemHeight={24}
-                                                                      loading={true}
-                                                                      menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                      mode="multiple"
-                                                                      multiple={true}
-                                                                      notFoundContent={null}
-                                                                      onChange={[Function]}
-                                                                      onPopupScroll={[Function]}
-                                                                      onSearch={[Function]}
-                                                                      onSearchSubmit={[Function]}
-                                                                      onSelect={[Function]}
-                                                                      onToggleOpen={[Function]}
-                                                                      placeholder="Select ratings"
-                                                                      prefixCls="ant-select"
-                                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                      searchValue=""
-                                                                      showSearch={true}
-                                                                      tokenWithEnter={false}
-                                                                      transitionName="ant-slide-up"
-                                                                      value={Array []}
-                                                                      values={Array []}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selector"
-                                                                        onClick={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                      >
-                                                                        <SelectSelector
-                                                                          accessibilityIndex={0}
-                                                                          activeValue={null}
-                                                                          allowClear={true}
-                                                                          autoClearSearchValue={true}
-                                                                          className=""
-                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                          defaultValue={Array []}
-                                                                          domRef={
-                                                                            Object {
-                                                                              "current": <div
-                                                                                class="ant-select-selector"
-                                                                              >
-                                                                                <div
-                                                                                  class="ant-select-selection-overflow"
-                                                                                >
-                                                                                  <div
-                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                    style="opacity: 1;"
-                                                                                  >
-                                                                                    <div
-                                                                                      class="ant-select-selection-search"
-                                                                                      style="width: 0px;"
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autocomplete="off"
-                                                                                        class="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        readonly=""
-                                                                                        role="combobox"
-                                                                                        style="opacity: 0;"
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                      <span
-                                                                                        aria-hidden="true"
-                                                                                        class="ant-select-selection-search-mirror"
-                                                                                      >
-                                                                                        
-                                                                                         
-                                                                                      </span>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </div>
-                                                                                <span
-                                                                                  class="ant-select-selection-placeholder"
-                                                                                >
-                                                                                  Select ratings
-                                                                                </span>
-                                                                              </div>,
-                                                                            }
-                                                                          }
-                                                                          dropdownClassName=""
-                                                                          filterOption={[Function]}
-                                                                          getPopupContainer={[Function]}
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          inputElement={null}
-                                                                          inputIcon={
-                                                                            <ForwardRef(LoadingOutlined)
-                                                                              spin={true}
-                                                                            />
-                                                                          }
-                                                                          inputRef={
-                                                                            Object {
-                                                                              "current": <input
-                                                                                aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                aria-autocomplete="list"
-                                                                                aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                aria-haspopup="listbox"
-                                                                                aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                autocomplete="off"
-                                                                                class="ant-select-selection-search-input"
-                                                                                id="rc_select_TEST_OR_SSR"
-                                                                                readonly=""
-                                                                                role="combobox"
-                                                                                style="opacity: 0;"
-                                                                                type="search"
-                                                                                unselectable="on"
-                                                                                value=""
-                                                                              />,
-                                                                            }
-                                                                          }
-                                                                          listHeight={128}
-                                                                          listItemHeight={24}
-                                                                          loading={true}
-                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                          mode="multiple"
-                                                                          multiple={true}
-                                                                          notFoundContent={null}
-                                                                          onChange={[Function]}
-                                                                          onInputChange={[Function]}
-                                                                          onInputCompositionEnd={[Function]}
-                                                                          onInputCompositionStart={[Function]}
-                                                                          onInputKeyDown={[Function]}
-                                                                          onInputMouseDown={[Function]}
-                                                                          onInputPaste={[Function]}
-                                                                          onPopupScroll={[Function]}
-                                                                          onSearch={[Function]}
-                                                                          onSearchSubmit={[Function]}
-                                                                          onSelect={[Function]}
-                                                                          onToggleOpen={[Function]}
-                                                                          placeholder="Select ratings"
-                                                                          prefixCls="ant-select"
-                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                          searchValue=""
-                                                                          showSearch={true}
-                                                                          tokenWithEnter={false}
-                                                                          transitionName="ant-slide-up"
-                                                                          value={Array []}
-                                                                          values={Array []}
-                                                                        >
-                                                                          <Overflow
-                                                                            data={Array []}
-                                                                            itemKey="key"
-                                                                            prefixCls="ant-select-selection-overflow"
-                                                                            renderItem={[Function]}
-                                                                            renderRest={[Function]}
-                                                                            suffix={
-                                                                              <div
-                                                                                className="ant-select-selection-search"
-                                                                                onBlur={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "width": 0,
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Input)
-                                                                                  accessibilityIndex={0}
-                                                                                  attrs={Object {}}
-                                                                                  editable={false}
-                                                                                  id="rc_select_TEST_OR_SSR"
-                                                                                  inputElement={null}
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  prefixCls="ant-select"
-                                                                                  value=""
-                                                                                />
-                                                                                <span
-                                                                                  aria-hidden={true}
-                                                                                  className="ant-select-selection-search-mirror"
-                                                                                >
-                                                                                  
-                                                                                   
-                                                                                </span>
-                                                                              </div>
-                                                                            }
-                                                                          >
-                                                                            <div
-                                                                              className="ant-select-selection-overflow"
-                                                                            >
-                                                                              <Item
-                                                                                className="ant-select-selection-overflow-item-suffix"
-                                                                                display={true}
-                                                                                invalidate={false}
-                                                                                order={0}
-                                                                                prefixCls="ant-select-selection-overflow-item"
-                                                                                registerSize={[Function]}
-                                                                                responsive={0}
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <div
-                                                                                  className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "height": undefined,
-                                                                                      "opacity": 1,
-                                                                                      "order": undefined,
-                                                                                      "overflowY": undefined,
-                                                                                      "pointerEvents": undefined,
-                                                                                      "position": undefined,
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select-selection-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "width": 0,
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <Input
-                                                                                      accessibilityIndex={0}
-                                                                                      attrs={Object {}}
-                                                                                      editable={false}
-                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                      inputElement={null}
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                      onPaste={[Function]}
-                                                                                      prefixCls="ant-select"
-                                                                                      value=""
-                                                                                    >
-                                                                                      <input
-                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                        aria-autocomplete="list"
-                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                        aria-haspopup="listbox"
-                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                        autoComplete="off"
-                                                                                        className="ant-select-selection-search-input"
-                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                        onChange={[Function]}
-                                                                                        onCompositionEnd={[Function]}
-                                                                                        onCompositionStart={[Function]}
-                                                                                        onKeyDown={[Function]}
-                                                                                        onMouseDown={[Function]}
-                                                                                        onPaste={[Function]}
-                                                                                        readOnly={true}
-                                                                                        role="combobox"
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "opacity": 0,
-                                                                                          }
-                                                                                        }
-                                                                                        type="search"
-                                                                                        unselectable="on"
-                                                                                        value=""
-                                                                                      />
-                                                                                    </Input>
-                                                                                    <span
-                                                                                      aria-hidden={true}
-                                                                                      className="ant-select-selection-search-mirror"
-                                                                                    >
-                                                                                       
-                                                                                    </span>
-                                                                                  </div>
-                                                                                </div>
-                                                                              </Item>
-                                                                            </div>
-                                                                          </Overflow>
-                                                                          <span
-                                                                            className="ant-select-selection-placeholder"
-                                                                          >
-                                                                            Select ratings
-                                                                          </span>
-                                                                        </SelectSelector>
-                                                                      </div>
-                                                                    </Selector>
-                                                                  </Trigger>
-                                                                </SelectTrigger>
-                                                                <TransBtn
-                                                                  className="ant-select-arrow ant-select-arrow-loading"
-                                                                  customizeIcon={
-                                                                    <ForwardRef(LoadingOutlined)
-                                                                      spin={true}
-                                                                    />
-                                                                  }
-                                                                  customizeIconProps={
-                                                                    Object {
-                                                                      "focused": false,
-                                                                      "loading": true,
-                                                                      "open": undefined,
-                                                                      "searchValue": "",
-                                                                      "showSearch": true,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-hidden={true}
-                                                                    className="ant-select-arrow ant-select-arrow-loading"
-                                                                    onMouseDown={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "WebkitUserSelect": "none",
-                                                                        "userSelect": "none",
-                                                                      }
-                                                                    }
-                                                                    unselectable="on"
-                                                                  >
-                                                                    <ForwardRef(LoadingOutlined)
-                                                                      spin={true}
-                                                                    >
-                                                                      <AntdIcon
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "0 0 1024 1024",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "loading",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                        spin={true}
-                                                                      >
-                                                                        <span
-                                                                          aria-label="loading"
-                                                                          className="anticon anticon-loading anticon-spin"
-                                                                          role="img"
-                                                                        >
-                                                                          <IconReact
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "0 0 1024 1024",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "loading",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <svg
-                                                                              aria-hidden="true"
-                                                                              data-icon="loading"
-                                                                              fill="currentColor"
-                                                                              focusable="false"
-                                                                              height="1em"
-                                                                              key="svg-loading"
-                                                                              viewBox="0 0 1024 1024"
-                                                                              width="1em"
-                                                                            >
-                                                                              <path
-                                                                                d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                                                                                key="svg-loading-svg-0"
-                                                                              />
-                                                                            </svg>
-                                                                          </IconReact>
-                                                                        </span>
-                                                                      </AntdIcon>
-                                                                    </ForwardRef(LoadingOutlined)>
-                                                                  </span>
-                                                                </TransBtn>
-                                                              </div>
-                                                            </ForwardRef(Select)>
-                                                          </Select>
-                                                        </ForwardRef(InternalSelect)>
-                                                      </Selector>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    style={
-                                      Object {
-                                        "width": "100%",
-                                      }
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      style={
-                                        Object {
-                                          "width": "100%",
-                                        }
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                        style={
-                                          Object {
-                                            "width": "100%",
-                                          }
-                                        }
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={
-                                            Object {
-                                              "width": "100%",
-                                            }
-                                          }
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                            style={
-                                              Object {
-                                                "width": "100%",
-                                              }
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            style={
-                                              Object {
-                                                "width": "100%",
-                                              }
-                                            }
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              key="1"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/claims/create"
-                                >
-                                  <LinkAnchor
-                                    href="/claims/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/claims/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Claim
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <ClaimList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "claims": Array [],
-                      "loading": false,
-                      "total": 0,
-                    }
-                  }
-                  fetchClaims={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  onPagination={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "claim",
-                                  "key": "claim",
-                                  "render": [Function],
-                                  "title": "Claim",
-                                  "width": "30%",
-                                },
-                                Object {
-                                  "dataIndex": "claimant",
-                                  "key": "claimant",
-                                  "title": "Claimant",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "rating",
-                                  "key": "rating",
-                                  "title": "Rating",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "claim_date",
-                                  "render": [Function],
-                                  "title": "Claim Date",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "claim",
-                                            "key": "claim",
-                                            "render": [Function],
-                                            "title": "Claim",
-                                            "width": "30%",
-                                          },
-                                          Object {
-                                            "dataIndex": "claimant",
-                                            "key": "claimant",
-                                            "title": "Claimant",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "dataIndex": "rating",
-                                            "key": "rating",
-                                            "title": "Rating",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "dataIndex": "claim_date",
-                                            "render": [Function],
-                                            "title": "Claim Date",
-                                            "width": "20%",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col
-                                                    style="width: 30%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 20%;"
-                                                  />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claim
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claimant
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Rating
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Claim Date
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="5"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "claim",
-                                                  "key": "claim",
-                                                  "render": [Function],
-                                                  "title": "Claim",
-                                                  "width": "30%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claimant",
-                                                  "key": "claimant",
-                                                  "title": "Claimant",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "rating",
-                                                  "key": "rating",
-                                                  "title": "Rating",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claim_date",
-                                                  "render": [Function],
-                                                  "title": "Claim Date",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col
-                                                          style="width: 30%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 20%;"
-                                                        />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claim
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claimant
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Rating
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Claim Date
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="5"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      "30%",
-                                                      "20%",
-                                                      "20%",
-                                                      "20%",
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "fixed": undefined,
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "fixed": undefined,
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "fixed": undefined,
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "fixed": undefined,
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": "30%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": "20%",
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="4"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={5}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "claim",
-                                                        "fixed": undefined,
-                                                        "key": "claim",
-                                                        "render": [Function],
-                                                        "title": "Claim",
-                                                        "width": "30%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claimant",
-                                                        "fixed": undefined,
-                                                        "key": "claimant",
-                                                        "title": "Claimant",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "rating",
-                                                        "fixed": undefined,
-                                                        "key": "rating",
-                                                        "title": "Rating",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "claim_date",
-                                                        "fixed": undefined,
-                                                        "render": [Function],
-                                                        "title": "Claim Date",
-                                                        "width": "20%",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Claim",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "claim",
-                                                              "key": "claim",
-                                                              "render": [Function],
-                                                              "title": "Claim",
-                                                              "width": "30%",
-                                                            },
-                                                            "key": "claim",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Claimant",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "claimant",
-                                                              "key": "claimant",
-                                                              "title": "Claimant",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": "claimant",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Rating",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "rating",
-                                                              "key": "rating",
-                                                              "title": "Rating",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": "rating",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Claim Date",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "dataIndex": "claim_date",
-                                                              "render": [Function],
-                                                              "title": "Claim Date",
-                                                              "width": "20%",
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 4,
-                                                            "colSpan": 1,
-                                                            "colStart": 4,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "claim",
-                                                            "fixed": undefined,
-                                                            "key": "claim",
-                                                            "render": [Function],
-                                                            "title": "Claim",
-                                                            "width": "30%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "claimant",
-                                                            "fixed": undefined,
-                                                            "key": "claimant",
-                                                            "title": "Claimant",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "rating",
-                                                            "fixed": undefined,
-                                                            "key": "rating",
-                                                            "title": "Rating",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "claim_date",
-                                                            "fixed": undefined,
-                                                            "render": [Function],
-                                                            "title": "Claim Date",
-                                                            "width": "20%",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claim",
-                                                              "key": "claim",
-                                                              "render": [Function],
-                                                              "title": "Claim",
-                                                              "width": "30%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claim"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claim
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claimant",
-                                                              "key": "claimant",
-                                                              "title": "Claimant",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claimant"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claimant
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "rating",
-                                                              "key": "rating",
-                                                              "title": "Rating",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="rating"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Rating
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "claim_date",
-                                                              "render": [Function],
-                                                              "title": "Claim Date",
-                                                              "width": "20%",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="claim_date"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Claim Date
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={4}
-                                                          colSpan={1}
-                                                          colStart={4}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={5}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={5}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={5}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </ClaimList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Claims>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/claims/components/ClaimForm.js b/studio/src/pages/claims/components/ClaimForm.js
deleted file mode 100644
index 38f2dae62..000000000
--- a/studio/src/pages/claims/components/ClaimForm.js
+++ /dev/null
@@ -1,346 +0,0 @@
-import React from 'react';
-import { Button, Form, Input, DatePicker, Row, Col, Collapse, ConfigProvider } from 'antd';
-import Selector from '../../../components/Selector';
-import { maker } from '../../../utils/sluger';
-import dayjs from 'dayjs';
-import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
-import getJsonValue from '../../../utils/getJsonValue';
-import { DescriptionInput, MetaForm, SlugInput } from '../../../components/FormItems';
-
-const layout = {
-  // labelCol: {
-  //   span: 8,
-  //   offset: 2,
-  // },
-  // wrapperCol: {
-  //   span: 20,
-  //   offset: 2,
-  // },
-};
-
-const ClaimForm = ({ onCreate, data = {} }) => {
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth < 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-  const { Panel } = Collapse;
-  const [activeKey, setActiveKey] = React.useState(['1', '2']);
-
-  const onReset = () => {
-    form.resetFields();
-  };
-
-  const disabledDate = (current) => {
-    return current.valueOf() > Date.now();
-  };
-
-  const onSave = (values) => {
-    values.claimant_id = values.claimant || 0;
-    values.rating_id = values.rating || 0;
-    values.claim_date = values.claim_date
-      ? dayjs(values.claim_date).format('YYYY-MM-DDTHH:mm:ssZ')
-      : null;
-    values.checked_date = values.checked_date
-      ? dayjs(values.checked_date).format('YYYY-MM-DDTHH:mm:ssZ')
-      : null;
-
-    onCreate(values);
-  };
-
-  const onClaimChange = (string) => {
-    if (string.length > 150) {
-      form.setFieldsValue({
-        slug: maker(string.substring(0, 150)),
-      });
-    } else {
-      form.setFieldsValue({
-        slug: maker(string),
-      });
-    }
-  };
-
-  if (data && data.id) {
-    data.claim_date = data.claim_date ? dayjs(data.claim_date) : null;
-    data.checked_date = data.checked_date ? dayjs(data.checked_date) : null;
-  }
-
-  const handleCollapse = (props) => {
-    setActiveKey(props);
-  };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Form
-        {...layout}
-        form={form}
-        initialValues={data}
-        style={{ padding: isMobileScreen || '0 1rem' }}
-        name="create-claim"
-        className="edit-form"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          onSave(values);
-          onReset();
-        }}
-        onFinishFailed={(errors) => {
-          let name = errors.errorFields[0].name[0];
-          if (['claim', 'slug', 'claimant', 'rating'].includes(name)) {
-            setActiveKey(['1']);
-          } else {
-            setActiveKey(['2']);
-          }
-          if (errors.errorFields[0].name[0] !== 'review_sources') {
-          }
-          if (errors.errorFields[0].name[0] !== 'claim_sources') {
-          }
-        }}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-        scrollToFirstError={true}
-        layout="vertical"
-      >
-        <Form.Item>
-          <Button
-            disabled={!valueChange}
-            type="primary"
-            htmlType="submit"
-            style={{ marginLeft: 'auto', display: 'block' }}
-          >
-            {data && data.id ? 'Update' : 'Submit'}
-          </Button>
-        </Form.Item>
-        <Collapse
-          style={{ width: '100%', marginBottom: 16, background: '#f0f2f5', border: 0 }}
-          defaultActiveKey={['1']}
-          activeKey={activeKey && activeKey}
-          onChange={(props) => handleCollapse(props)}
-          expandIconPosition="right"
-          expandIcon={({ isActive }) => <Button>{isActive ? 'Close' : 'Expand'}</Button>}
-        >
-          <Panel header="Basic" key="1">
-            <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '1rem' }}>
-              <Col span={isMobileScreen ? 24 : 16}>
-                <Form.Item
-                  name="claim"
-                  label="Claim"
-                  rules={[
-                    {
-                      required: true,
-                      message: 'Please input the Claim!',
-                    },
-                    { max: 5000, message: 'Claim must be maximum 5000 characters.' },
-                  ]}
-                >
-                  <Input.TextArea
-                    rows={6}
-                    placeholder="Enter claim...."
-                    onChange={(e) => onClaimChange(e.target.value)}
-                  />
-                </Form.Item>
-                <SlugInput />
-                <Form.Item name="fact" label="Fact">
-                  <Input.TextArea rows={6} placeholder={'Enter Fact ...'} />
-                </Form.Item>
-                <Form.Item
-                  name="claimant"
-                  label="Claimant"
-                  rules={[
-                    {
-                      required: true,
-                      message: 'Please add claimant!',
-                    },
-                  ]}
-                >
-                  <Selector action="Claimants" />
-                </Form.Item>
-
-                <Form.Item
-                  name="rating"
-                  label="Rating"
-                  rules={[
-                    {
-                      required: true,
-                      message: 'Please add rating!',
-                    },
-                  ]}
-                >
-                  <Selector action="Ratings" />
-                </Form.Item>
-                <Form.Item>
-                  <Row gutter={16}>
-                    <Col span={12}>
-                      <Form.Item
-                        name="claim_date"
-                        label="Claim Date"
-                        style={{ display: 'inline-block', width: '100%' }}
-                      >
-                        <DatePicker disabledDate={disabledDate} style={{ width: '100%' }} />
-                      </Form.Item>
-                    </Col>
-                    <Col span={12}>
-                      <Form.Item
-                        name="checked_date"
-                        label="Checked Date"
-                        style={{ display: 'inline-block', width: '100%' }}
-                      >
-                        <DatePicker disabledDate={disabledDate} style={{ width: '100%' }} />
-                      </Form.Item>
-                    </Col>
-                  </Row>
-                </Form.Item>
-                <DescriptionInput
-                  inputProps={{
-                    placeholder: 'Enter Description...',
-                    style: {
-                      minHeight: '92px',
-                      background: '#F9FAFB',
-                      padding: '0.25rem 0.5rem',
-                      borderRadius: '0.25rem',
-                      border: '1px solid rgba(0, 0, 0, 0.15)',
-                    },
-                  }}
-                  rows={5}
-                  initialValue={data.description_html}
-                />
-              </Col>
-            </Row>
-          </Panel>
-        </Collapse>
-        <Collapse
-          style={{ width: '100%', marginBottom: 16, background: '#f0f2f5', border: 0 }}
-          defaultActiveKey={['1']}
-          activeKey={activeKey && activeKey}
-          onChange={(props) => handleCollapse(props)}
-          expandIconPosition="right"
-          expandIcon={({ isActive }) => <Button>{isActive ? 'Close' : 'Expand'}</Button>}
-        >
-          <Panel header="Sources" key="1">
-            <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '1rem' }}>
-              <Form.Item label="Claim Sources">
-                <Form.List name="claim_sources" label="Claim sources">
-                  {(fields, { add, remove }) => (
-                    <>
-                      {fields.map((field) => (
-                        <Row
-                          style={{ justifyContent: 'center', alignItems: 'baseline' }}
-                          key={field}
-                          gutter={13}
-                        >
-                          <Col span={11}>
-                            <Form.Item
-                              {...field}
-                              name={[field.name, 'url']}
-                              fieldKey={[field.fieldKey, 'url']}
-                              rules={[{ required: true, message: 'Url required' }]}
-                              wrapperCol={24}
-                            >
-                              <Input placeholder="Enter url" />
-                            </Form.Item>
-                          </Col>
-                          <Col span={12}>
-                            <Form.Item
-                              {...field}
-                              name={[field.name, 'description']}
-                              fieldKey={[field.fieldKey, 'description']}
-                              rules={[{ required: true, message: 'Description required' }]}
-                              wrapperCol={24}
-                            >
-                              <Input placeholder="Enter description" />
-                            </Form.Item>
-                          </Col>
-                          <MinusCircleOutlined onClick={() => remove(field.name)} />
-                        </Row>
-                      ))}
-                      <Form.Item>
-                        <Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>
-                          Add Claim sources
-                        </Button>
-                      </Form.Item>
-                    </>
-                  )}
-                </Form.List>
-              </Form.Item>
-              <Form.Item label="Review Sources">
-                <Form.List name="review_sources" label="Review sources">
-                  {(fields, { add, remove }) => (
-                    <>
-                      {fields.map((field) => (
-                        <Row
-                          style={{ justifyContent: 'center', alignItems: 'baseline' }}
-                          gutter={13}
-                          key={field}
-                        >
-                          <Col span={11}>
-                            <Form.Item
-                              {...field}
-                              name={[field.name, 'url']}
-                              fieldKey={[field.fieldKey, 'url']}
-                              rules={[{ required: true, message: 'Url required' }]}
-                              wrapperCol={24}
-                            >
-                              <Input placeholder="Enter url" />
-                            </Form.Item>
-                          </Col>
-                          <Col span={12}>
-                            <Form.Item
-                              {...field}
-                              name={[field.name, 'description']}
-                              fieldKey={[field.fieldKey, 'description']}
-                              rules={[{ required: true, message: 'Description required' }]}
-                              wrapperCol={24}
-                            >
-                              <Input placeholder="Enter description" />
-                            </Form.Item>
-                          </Col>
-                          <MinusCircleOutlined onClick={() => remove(field.name)} />
-                        </Row>
-                      ))}
-                      <Form.Item>
-                        <Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>
-                          Add Review sources
-                        </Button>
-                      </Form.Item>
-                    </>
-                  )}
-                </Form.List>
-              </Form.Item>
-            </Row>
-          </Panel>
-        </Collapse>
-        <MetaForm style={{ marginBottom: 16, background: '#f0f2f5', border: 0 }} />
-      </Form>
-    </ConfigProvider>
-  );
-};
-
-export default ClaimForm;
diff --git a/studio/src/pages/claims/components/ClaimForm.test.js b/studio/src/pages/claims/components/ClaimForm.test.js
deleted file mode 100644
index 73c448430..000000000
--- a/studio/src/pages/claims/components/ClaimForm.test.js
+++ /dev/null
@@ -1,684 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { shallow, mount } from 'enzyme';
-import { DatePicker, Input, Collapse } from 'antd';
-import moment from 'moment';
-import { MinusCircleOutlined } from '@ant-design/icons';
-
-import '../../../matchMedia.mock';
-import ClaimCreateForm from './ClaimForm';
-import { SlugInput } from '../../../components/FormItems';
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('../../../actions/claimants', () => ({
-  ...jest.requireActual('../../../actions/claimants'),
-  addClaimant: jest.fn(),
-}));
-
-const data = {
-  claim: 'title',
-  slug: 'slug',
-  claimant: 1,
-  rating: 1,
-  claim_date: moment(new Date('2020-12-12')),
-  checked_date: moment(new Date('2020-12-12')),
-  claim_sources: 'claim_sources',
-  fact: 'review',
-  review_tag_line: 'review_tag_line',
-  review_sources: 'review_sources',
-  description: {
-    time: 1595747741807,
-    blocks: [
-      {
-        type: 'header',
-        data: {
-          text: 'Editor.js',
-          level: 2,
-        },
-      },
-      {
-        type: 'paragraph',
-        data: {
-          text:
-            'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-        },
-      },
-    ],
-    version: '2.18.0',
-  },
-};
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-
-describe('Claims Create Form component', () => {
-  store = mockStore({
-    claims: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    rating: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn(() => Promise.resolve({})));
-  useSelector.mockImplementation((state) => ({ details: [], total: 0, loading: false }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = shallow(
-        <Provider store={store}>
-          <ClaimCreateForm />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = shallow(
-        <Provider store={store}>
-          <ClaimCreateForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimCreateForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimCreateForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.props().disabled).toBe(true);
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          claim: 'title',
-          slug: 'slug',
-          claimant: 1,
-          claimant_id: 1,
-          rating: 1,
-          rating_id: 1,
-          claim_date: moment(new Date('2020-12-12')).format('YYYY-MM-DDTHH:mm:ssZ'),
-          checked_date: moment(new Date('2020-12-12')).format('YYYY-MM-DDTHH:mm:ssZ'),
-          claim_sources: 'claim_sources',
-          fact: 'review',
-          review_sources: 'review_sources',
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with new name', (done) => {
-      const data2 = { ...data, id: 1 };
-      data2.meta_fields = {
-        sample: 'testing',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimCreateForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(Collapse).at(2).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-
-      act(() => {
-        const input = wrapper.find('FormItem').at(1).find('TextArea').at(0);
-        input.simulate('change', {
-          target: {
-            value:
-              'new name new claim title for testing claim update and testing slug update. slug maker should take only first one hundred and fifty characters to create a slug and not all characters from title, since claim title can be  more than 150',
-          },
-        });
-        wrapper.find(Collapse).at(0).find('Button').at(0).simulate('click');
-
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          claim:
-            'new name new claim title for testing claim update and testing slug update. slug maker should take only first one hundred and fifty characters to create a slug and not all characters from title, since claim title can be  more than 150',
-          slug:
-            'new-name-new-claim-title-for-testing-claim-update-and-testing-slug-update-slug-maker-should-take-only-first-one-hundred-and-fifty-characters-to-creat',
-          claimant: 1,
-          claimant_id: 1,
-          rating: 1,
-          rating_id: 1,
-          claim_date: moment(new Date('2020-12-12')).format('YYYY-MM-DDTHH:mm:ssZ'),
-          checked_date: moment(new Date('2020-12-12')).format('YYYY-MM-DDTHH:mm:ssZ'),
-          claim_sources: 'claim_sources',
-          fact: 'review',
-          review_sources: 'review_sources',
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-          meta_fields: {
-            sample: 'testing',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      const newDescription = {
-        time: 1595747741807,
-        blocks: [
-          {
-            type: 'header',
-            data: {
-              text: 'Editor.js',
-              level: 2,
-            },
-          },
-          {
-            type: 'paragraph',
-            data: {
-              text: 'updated description',
-            },
-          },
-        ],
-        version: '2.18.0',
-      };
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(9)
-          .find('Editor')
-          .at(0)
-          .props()
-          .onChange({ target: { value: newDescription } });
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find(SlugInput)
-          .find('FormItem')
-          .find('input')
-          .simulate('change', { target: { value: 'new-slug' } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 2 } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 3 } });
-        wrapper
-          .find('FormItem')
-          .at(7)
-          .find(DatePicker)
-          .at(0)
-          .props()
-          .onChange({ target: { value: moment(new Date('2020-01-01')) } });
-        wrapper
-          .find('FormItem')
-          .at(8)
-          .find(DatePicker)
-          .at(0)
-          .props()
-          .onChange({ target: { value: moment(new Date('2020-04-04')) } });
-        wrapper
-          .find('FormItem')
-          .at(3)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'new review' } });
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          claim: 'new name',
-          slug: 'new-slug',
-          claimant: 2,
-          claimant_id: 2,
-          rating: 3,
-          rating_id: 3,
-          claim_date: moment(new Date('2020-01-01')).format('YYYY-MM-DDTHH:mm:ssZ'),
-          checked_date: moment(new Date('2020-04-04')).format('YYYY-MM-DDTHH:mm:ssZ'),
-          claim_sources: 'claim_sources',
-          fact: 'new review',
-          review_sources: 'review_sources',
-          description: newDescription,
-        });
-        done();
-      }, 0);
-    });
-
-    it('should highlight form field with error in first panel', () => {
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: '' } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 2 } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 3 } });
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-      });
-      expect(props.onCreate).not.toHaveBeenCalled();
-    });
-    it('should highlight form field with error in second panel', () => {
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'claim' } });
-        wrapper
-          .find(SlugInput)
-          .find('FormItem')
-          .find('input')
-          .simulate('change', { target: { value: 'new-slug' } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 2 } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 3 } });
-      });
-      act(() => {
-        const formListInputCount = wrapper.find('FormList').find('Input').length;
-        expect(formListInputCount).toBe(0);
-        act(() => {
-          const button = wrapper.find('FormItem').at(10).find('Button').at(0);
-          expect(button.text()).toBe('Add Claim sources');
-          button.simulate('click');
-        });
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-      });
-      expect(props.onCreate).not.toHaveBeenCalled();
-    });
-    it('should add review sources input field on button click', () => {
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      const formListInputCount = wrapper.find('FormList').find('Input').length;
-      expect(formListInputCount).toBe(0);
-      act(() => {
-        const button = wrapper.find('FormItem').at(12).find('Button').at(0);
-        expect(button.text()).toBe('Add Review sources');
-        button.simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find('FormList').find(Input).length).not.toBe(0);
-    });
-    it('should remove review sources input field on button click', () => {
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        const button = wrapper.find('FormItem').at(12).find('Button');
-        expect(button.text()).toBe('Add Review sources');
-        button.simulate('click');
-      });
-      wrapper.update();
-      const formInputFieldCount = wrapper.find('FormList').find(Input).length;
-      act(() => {
-        wrapper.find('FormList').find(MinusCircleOutlined).at(0).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find('FormList').find(Input).length).toBe(formInputFieldCount - 2);
-    });
-    it('should add claim sources input field on button click', () => {
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      const formListInputCount = wrapper.find('FormList').find('Input').length;
-      expect(formListInputCount).toBe(0);
-      act(() => {
-        const button = wrapper.find('FormItem').at(11).find('Button').at(0);
-        expect(button.text()).toBe('Add Claim sources');
-        button.simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find('FormList').find(Input).length).not.toBe(0);
-    });
-    it('should remove claim sources input field on button click', () => {
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        const button = wrapper.find('FormItem').at(11).find('Button');
-        expect(button.text()).toBe('Add Claim sources');
-        button.simulate('click');
-      });
-      wrapper.update();
-      const formInputFieldCount = wrapper.find('FormList').find(Input).length;
-      act(() => {
-        wrapper.find('FormList').find(MinusCircleOutlined).at(0).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find('FormList').find(Input).length).toBe(formInputFieldCount - 2);
-    });
-    it('should submit with no dates', (done) => {
-      const data2 = {
-        claim: 'title',
-        slug: 'slug',
-        claimant: 1,
-        rating: 1,
-        claim_sources: 'claim_sources',
-        fact: 'review',
-        review_sources: 'review_sources',
-        description: {
-          time: 1595747741807,
-          blocks: [
-            {
-              type: 'header',
-              data: {
-                text: 'Editor.js',
-                level: 2,
-              },
-            },
-            {
-              type: 'paragraph',
-              data: {
-                text:
-                  'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-              },
-            },
-          ],
-          version: '2.18.0',
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimCreateForm data={data2} onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          claim: 'title',
-          slug: 'slug',
-          claimant: 1,
-          claimant_id: 1,
-          rating: 1,
-          rating_id: 1,
-          claim_date: null,
-          checked_date: null,
-          claim_sources: 'claim_sources',
-          fact: 'review',
-          review_sources: 'review_sources',
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-        });
-        done();
-      }, 0);
-    });
-
-    it('should not submit with empty url for review sources', (done) => {
-      const data2 = {
-        id: 1,
-        claim: 'title',
-        slug: 'slug',
-        claimant: 1,
-        rating: 1,
-        claim_sources: 'claim_sources',
-        fact: 'review',
-        description: {
-          time: 1595747741807,
-          blocks: [
-            {
-              type: 'header',
-              data: {
-                text: 'Editor.js',
-                level: 2,
-              },
-            },
-            {
-              type: 'paragraph',
-              data: {
-                text:
-                  'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-              },
-            },
-          ],
-          version: '2.18.0',
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <ClaimCreateForm data={data2} onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      const formListInputCount = wrapper.find('FormList').find('Input').length;
-      expect(formListInputCount).toBe(0);
-      act(() => {
-        const button = wrapper.find('FormItem').at(12).find('Button').at(0);
-        expect(button.text()).toBe('Add Review sources');
-        button.simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(0);
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/claims/components/ClaimForm.tsx b/studio/src/pages/claims/components/ClaimForm.tsx
new file mode 100644
index 000000000..6cc0d3ad2
--- /dev/null
+++ b/studio/src/pages/claims/components/ClaimForm.tsx
@@ -0,0 +1,392 @@
+import React, { useState } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Textarea } from "@/components/ui/textarea";
+import { DatePicker } from "@/components/ui/DatePicker";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { useForm, useFieldArray } from "react-hook-form";
+import Selector from "../../../components/Selector/index";
+import { maker } from "../../../utils/sluger";
+import getJsonValue from "../../../utils/getJsonValue";
+import {
+  MetaForm,
+  SlugInput,
+  DescriptionInput,
+} from "../../../components/FormItems";
+import { useNavigate } from "react-router-dom";
+import SourcesSection from "./SourcesSection";
+import {
+  ClaimFormValues,
+  FormattedClaimValues,
+  ClaimFormProps,
+} from "../types";
+
+interface ExtendedClaimFormProps extends ClaimFormProps {
+  compact?: boolean;
+}
+
+const ClaimForm: React.FC<ExtendedClaimFormProps> = ({
+  onCreate,
+  data = {},
+  compact = false,
+}) => {
+  const [valueChange, setValueChange] = useState<boolean>(false);
+  const [activeKeys, setActiveKeys] = useState<string[]>([
+    "general",
+    "sources",
+  ]);
+  const navigate = useNavigate();
+
+  // Initialize form with data
+  const initialData = { ...data };
+  if (initialData.meta_fields && typeof initialData.meta_fields !== "string") {
+    initialData.meta_fields = JSON.stringify(initialData.meta_fields);
+  }
+
+  const handleCancel = () => {
+    if (!compact) {
+      navigate(-1);
+    }
+  };
+
+  const form = useForm<ClaimFormValues>({
+    defaultValues: initialData,
+  });
+
+  const claimSourcesArray = useFieldArray({
+    control: form.control,
+    name: "claim_sources",
+  });
+
+  const reviewSourcesArray = useFieldArray({
+    control: form.control,
+    name: "review_sources",
+  });
+
+  const onReset = () => {
+    form.reset();
+  };
+
+  const disabledDate = (date: Date) => {
+    return date > new Date();
+  };
+
+  const onSave = (values: ClaimFormValues) => {
+    const { claim_date, checked_date, ...rest } = values;
+    const formattedValues: FormattedClaimValues = {
+      ...rest,
+      claimant_id: values.claimant || 0,
+      rating_id: values.rating || 0,
+    };
+
+    if (claim_date) {
+      const date = new Date(claim_date);
+      formattedValues.claim_date = date.toISOString();
+    }
+
+    if (checked_date) {
+      const date = new Date(checked_date);
+      formattedValues.checked_date = date.toISOString();
+    }
+
+    onCreate(formattedValues);
+  };
+
+  const onClaimChange = (value: string) => {
+    if (value.length > 150) {
+      form.setValue("slug", maker(value.substring(0, 150)));
+    } else {
+      form.setValue("slug", maker(value));
+    }
+  };
+
+  return (
+    <div className={`w-full ${!compact ? "flex justify-center" : ""}`}>
+      <div className={`${!compact ? "max-w-3xl w-full px-4" : "w-full"}`}>
+        {!compact && (
+          <div className="text-start mb-4">
+            <h1 className="text-xl font-semibold mb-2">
+              {data && data.id ? "Edit Claim" : "Create Claim"}
+            </h1>
+            <p className="text-[#666] text-[13px]">
+              Set up a claim to help organize by utilizing the advanced options
+              provided below.
+            </p>
+          </div>
+        )}
+
+        <Form {...form}>
+          <form
+            className={`${!compact ? "space-y-4 border-t pt-4" : "space-y-3"}`}
+            onSubmit={form.handleSubmit((values) => {
+              const formValues = { ...values };
+              if (formValues.meta_fields) {
+                formValues.meta_fields = getJsonValue(formValues.meta_fields);
+              }
+              onSave(formValues);
+              onReset();
+            })}
+            onKeyDown={(e) => {
+              if (
+                e.key === "Enter" &&
+                e.target instanceof HTMLTextAreaElement === false
+              ) {
+                e.preventDefault();
+              }
+            }}
+          >
+            <Accordion
+              type="multiple"
+              value={activeKeys}
+              onValueChange={setActiveKeys}
+              className="w-full"
+            >
+              <AccordionItem
+                value="general"
+                className="rounded-md overflow-hidden mb-4"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">General</span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent className="px-4 pt-4 pb-4">
+                  <div className="grid gap-4">
+                    <FormField
+                      control={form.control}
+                      name="claim"
+                      rules={{
+                        required: "Please input the Claim!",
+                        maxLength: {
+                          value: 5000,
+                          message: "Claim must be maximum 5000 characters.",
+                        },
+                      }}
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
+                            Claim
+                          </FormLabel>
+                          <FormControl>
+                            <Textarea
+                              rows={6}
+                              placeholder="Enter claim..."
+                              {...field}
+                              onChange={(e) => {
+                                field.onChange(e);
+                                onClaimChange(e.target.value);
+                                setValueChange(true);
+                              }}
+                            />
+                          </FormControl>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <SlugInput form={form} required={true} />
+
+                    <FormField
+                      control={form.control}
+                      name="description_html"
+                      render={({ field }) => (
+                        <div className="mb-4 sm:mb-6">
+                          <FormLabel className="text-base block mb-2">
+                            Description
+                          </FormLabel>
+                          <DescriptionInput
+                            initialValue={field.value}
+                            onChange={(value) => {
+                              field.onChange(value);
+                              setValueChange(true);
+                            }}
+                            noLabel={true}
+                            rows={5}
+                            inputProps={{
+                              placeholder: "Enter Description...",
+                              style: {
+                                minHeight: "92px",
+                                borderRadius: "0.25rem",
+                                border: "1px solid rgba(0, 0, 0, 0.15)",
+                              },
+                            }}
+                          />
+                        </div>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name="fact"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel>Fact</FormLabel>
+                          <FormControl>
+                            <Textarea
+                              rows={6}
+                              placeholder="Enter Fact..."
+                              {...field}
+                              onChange={(e) => {
+                                field.onChange(e);
+                                setValueChange(true);
+                              }}
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name="claimant"
+                      rules={{ required: "Please add claimant!" }}
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
+                            Claimant
+                          </FormLabel>
+                          <FormControl>
+                            <Selector
+                              action="Claimants"
+                              value={field.value}
+                              onChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                            />
+                          </FormControl>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name="rating"
+                      rules={{ required: "Please add rating!" }}
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
+                            Rating
+                          </FormLabel>
+                          <FormControl>
+                            <Selector
+                              action="Ratings"
+                              value={field.value}
+                              onChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                            />
+                          </FormControl>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+
+                    <div className="grid grid-cols-2 gap-4 w-full">
+                      <FormField
+                        control={form.control}
+                        name="claim_date"
+                        render={({ field }) => (
+                          <FormItem className="w-full">
+                            <FormLabel>Claim Date</FormLabel>
+                            <FormControl>
+                              <DatePicker
+                                date={
+                                  field.value
+                                    ? new Date(field.value)
+                                    : undefined
+                                }
+                                onSelect={(date) => {
+                                  field.onChange(date);
+                                  setValueChange(true);
+                                }}
+                                disabled={(date) => disabledDate(date)}
+                                className="w-full"
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="checked_date"
+                        render={({ field }) => (
+                          <FormItem className="w-full">
+                            <FormLabel>Checked Date</FormLabel>
+                            <FormControl>
+                              <DatePicker
+                                date={
+                                  field.value
+                                    ? new Date(field.value)
+                                    : undefined
+                                }
+                                onSelect={(date) => {
+                                  field.onChange(date);
+                                  setValueChange(true);
+                                }}
+                                disabled={(date) => disabledDate(date)}
+                                className="w-full"
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+
+              <AccordionItem
+                value="sources"
+                className="rounded-md overflow-hidden mb-4"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">Sources</span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent className="px-4 pt-4 pb-4">
+                  {/* SourcesSection component */}
+                  <SourcesSection
+                    claimSourcesArray={claimSourcesArray}
+                    reviewSourcesArray={reviewSourcesArray}
+                    form={form}
+                    setValueChange={setValueChange}
+                  />
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+
+            <MetaForm onChange={() => setValueChange(true)} />
+
+            <div className="flex justify-start space-x-4 pt-2">
+              <Button type="button" variant="outline" onClick={handleCancel}>
+                Cancel
+              </Button>
+              <Button disabled={!valueChange} type="submit">
+                {data && data.id ? "Update" : "Create Claim"}
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </div>
+    </div>
+  );
+};
+
+export default ClaimForm;
diff --git a/studio/src/pages/claims/components/ClaimList.js b/studio/src/pages/claims/components/ClaimList.js
deleted file mode 100644
index 4423494fb..000000000
--- a/studio/src/pages/claims/components/ClaimList.js
+++ /dev/null
@@ -1,229 +0,0 @@
-import React from 'react';
-import { Button, Table, Space, Typography, Modal, ConfigProvider } from 'antd';
-import { useDispatch } from 'react-redux';
-import { deleteClaim } from '../../../actions/claims';
-import { Link } from 'react-router-dom';
-import dayjs from 'dayjs';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function ClaimList({ actions, data, filters, fetchClaims, onPagination }) {
-  const dispatch = useDispatch();
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemId, setDeleteItemId] = React.useState(null);
-
-  const history = useNavigation();
-  const columns = [
-    {
-      title: 'Claim',
-      dataIndex: 'claim',
-      width: 200,
-      key: 'claim',
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/claims/${record.id}/edit`}
-          >
-            <Typography.Text style={{ color: '#101828' }} strong>
-              {record.claim}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Claimant',
-      dataIndex: 'claimant',
-      key: 'claimant',
-      // width: '20%',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/claimants/${record.claimant_id}/edit`}
-          >
-            <Typography.Text style={{ color: '#101828' }} strong>
-              {record.claimant}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Rating',
-      dataIndex: 'rating',
-      key: 'rating',
-      // width: '20%',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link to={`/ratings/${record.rating_id}/edit`}>
-            <Typography.Text style={{ color: '#101828' }} strong>
-              {record.rating}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Claim Date',
-      dataIndex: 'claim_date',
-      // width: '20%',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Typography.Text style={{ color: '#101828' }} strong>
-            <span title={record.claim_date}>
-              {record.claim_date ? dayjs(record.claim_date).format('MMMM Do YYYY') : null}
-            </span>
-          </Typography.Text>
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      align: 'center',
-      width: 150,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '150px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            {' '}
-            <Button
-              size="large"
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemId(record.id);
-              }}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Space direction="vertical">
-        <Table
-          onRow={(record, rowIndex) => {
-            return {
-              onClick: (event) => {
-                history(`/claims/${record.id}/edit`);
-              },
-              onMouseEnter: (event) => {
-                document.body.style.cursor = 'pointer';
-              },
-              onMouseLeave: (event) => {
-                document.body.style.cursor = 'default';
-              },
-            };
-          }}
-          columns={columns}
-          dataSource={data.claims}
-          loading={data.loading}
-          rowKey={'id'}
-          scroll={{
-            x: '1000',
-          }}
-          pagination={{
-            showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-            total: data.total,
-            current: filters.page,
-            pageSize: filters.limit,
-            onChange: (pageNumber, pageSize) => onPagination(pageNumber, pageSize),
-            pageSizeOptions: ['10', '15', '20'],
-          }}
-        />
-        <Modal
-          open={modalOpen}
-          closable={false}
-          centered
-          width={311}
-          className="delete-modal-container"
-          cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-          style={{
-            borderRadius: '18px',
-          }}
-          onOk={(e) => {
-            e.stopPropagation();
-            dispatch(deleteClaim(deleteItemId)).then(() => fetchClaims());
-            setModalOpen(false);
-            setDeleteItemId(null);
-          }}
-          onCancel={(e) => {
-            e.stopPropagation();
-            setModalOpen(false);
-            setDeleteItemId(null);
-          }}
-        >
-          <Typography.Text strong>Are you sure you want to delete this claim?</Typography.Text>
-        </Modal>
-      </Space>
-    </ConfigProvider>
-  );
-}
-
-export default ClaimList;
diff --git a/studio/src/pages/claims/components/ClaimList.test.js b/studio/src/pages/claims/components/ClaimList.test.js
deleted file mode 100644
index 1fa96b4b8..000000000
--- a/studio/src/pages/claims/components/ClaimList.test.js
+++ /dev/null
@@ -1,418 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-import { Popconfirm, Button, Table } from 'antd';
-
-import '../../../matchMedia.mock';
-import ClaimList from './ClaimList';
-import { getClaims, deleteClaim } from '../../../actions/claims';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/claims', () => ({
-  getClaims: jest.fn(),
-  deleteClaim: jest.fn(),
-}));
-const filters = {
-  page: 1,
-  limit: 20,
-};
-const setFilters = jest.fn();
-const fetchClaims = jest.fn();
-const onPagination = jest.fn();
-const info = {
-  claims: [
-    {
-      id: 1,
-      created_at: '2020-09-10T10:12:47.819677Z',
-      updated_at: '2020-09-10T10:12:47.819677Z',
-      deleted_at: null,
-      title: 'No, these three IPS officers are not siblings, they are batch mates',
-      slug: 'no-these-three-ips-officers-are-not-siblings-they-are-batch-mates',
-      claim_date: '2020-09-02T10:12:41Z',
-      checked_date: '2020-09-10T10:12:44Z',
-      claim_sources: '',
-      description: {
-        time: 1599732752528,
-        blocks: [
-          {
-            data: {
-              text:
-                'Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      claimant_id: 1,
-      claimant: 'Facebook',
-      rating_id: 1,
-      rating: 'False',
-      review: '',
-      review_tag_line: '',
-      review_sources: '',
-      space_id: 1,
-    },
-    {
-      id: 2,
-      created_at: '2020-09-10T10:12:47.819677Z',
-      updated_at: '2020-09-10T10:12:47.819677Z',
-      deleted_at: null,
-      title: 'No, these three IPS officers are not siblings, they are batch mates',
-      slug: 'no-these-three-ips-officers-are-not-siblings-they-are-batch-mates',
-      checked_date: '2020-09-10T10:12:44Z',
-      claim_sources: '',
-      description: {
-        time: 1599732752528,
-        blocks: [
-          {
-            data: {
-              text:
-                'Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      claimant_id: 1,
-      claimant: 'Facebook',
-      rating_id: 1,
-      rating: 'False',
-      review: '',
-      review_tag_line: '',
-      review_sources: '',
-      space_id: 1,
-    },
-  ],
-  total: 2,
-  loading: false,
-};
-let state = {
-  claims: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-10T10:12:47.819677Z',
-        updated_at: '2020-09-10T10:12:47.819677Z',
-        deleted_at: null,
-        claim: 'No, these three IPS officers are not siblings, they are batch mates',
-        slug: 'no-these-three-ips-officers-are-not-siblings-they-are-batch-mates',
-        claim_date: '2020-09-02T10:12:41Z',
-        checked_date: '2020-09-10T10:12:44Z',
-        claim_sources: '',
-        description: {
-          time: 1599732752528,
-          blocks: [
-            {
-              data: {
-                text:
-                  'Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        claimant_id: 1,
-        claimant: 'Facebook',
-        rating_id: 1,
-        rating: 'False',
-        fact: '',
-        review_tag_line: '',
-        review_sources: '',
-        space_id: 1,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-10T10:12:47.819677Z',
-        updated_at: '2020-09-10T10:12:47.819677Z',
-        deleted_at: null,
-        claim: 'No, these three IPS officers are not siblings, they are batch mates',
-        slug: 'no-these-three-ips-officers-are-not-siblings-they-are-batch-mates',
-        checked_date: '2020-09-10T10:12:44Z',
-        claim_sources: '',
-        description: {
-          time: 1599732752528,
-          blocks: [
-            {
-              data: {
-                text:
-                  'Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        claimant_id: 1,
-        claimant: 'Facebook',
-        rating_id: 1,
-        rating: 'False',
-        fact: '',
-        review_tag_line: '',
-        review_sources: '',
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  ratings: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:50:18.471677Z',
-        updated_at: '2020-09-09T06:50:18.471677Z',
-        deleted_at: null,
-        name: 'True',
-        slug: 'true',
-        description: '',
-        numeric_value: 5,
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  claimants: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:51:15.770644Z',
-        updated_at: '2020-09-09T06:51:15.770644Z',
-        deleted_at: null,
-        name: 'Whatsapp',
-        slug: 'whatsapp',
-        description: '',
-        tag_line: '',
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-
-let mockedDispatch, store;
-describe('Claims List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ClaimList
-              actions={['update', 'delete']}
-              data={{ claimants: [], total: 0, loading: false }}
-              filters={filters}
-              setFilters={setFilters}
-              fetchClaims={fetchClaims}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.claims.loading = true;
-      store = mockStore(state);
-      const info2 = { ...info };
-      info2.loading = true;
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ClaimList
-              actions={['update', 'delete']}
-              data={info2}
-              filters={filters}
-              setFilters={setFilters}
-              fetchClaims={fetchClaims}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with claims', () => {
-      state.claims.loading = false;
-      store = mockStore(state);
-
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <ClaimList
-              actions={['update', 'delete']}
-              data={info}
-              filters={filters}
-              setFilters={setFilters}
-              fetchClaims={fetchClaims}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchClaims={fetchClaims}
-                onPagination={onPagination}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete claim', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchClaims={fetchClaims}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-      expect(deleteClaim).toHaveBeenCalled();
-      expect(deleteClaim).toHaveBeenCalledWith(1);
-    });
-    it('should edit claim', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchClaims={fetchClaims}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.prop('to')).toEqual('/claims/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        claims: {
-          req: [],
-        },
-        ratings: {
-          req: [],
-        },
-        claimants: {
-          req: [],
-        },
-      });
-      const info2 = { ...info };
-      info2.claims = [];
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                actions={['update', 'delete']}
-                data={info2}
-                filters={filters}
-                setFilters={setFilters}
-                fetchClaims={fetchClaims}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/claims/components/ClaimList.tsx b/studio/src/pages/claims/components/ClaimList.tsx
new file mode 100644
index 000000000..710fd2722
--- /dev/null
+++ b/studio/src/pages/claims/components/ClaimList.tsx
@@ -0,0 +1,261 @@
+import React, { useState } from "react";
+import { Link, useNavigate } from "react-router-dom";
+import dayjs from "dayjs";
+import { Trash2, Pencil, Ellipsis, ChevronsUpDown } from "lucide-react";
+import { deleteClaim } from "../../../actions/claims";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import { Skeleton } from "@/components/ui/skeleton";
+import EmptyState from "@/components/EmptyState";
+import { ClaimListProps } from "../types";
+
+function ClaimList({
+  data,
+  fetchClaims,
+  onSortByChange,
+  isMobile = false,
+}: ClaimListProps) {
+  const dispatch = useAppDispatch();
+  const [modalOpen, setModalOpen] = useState<boolean>(false);
+  const [deleteItemId, setDeleteItemId] = useState<string | null>(null);
+  const navigate = useNavigate();
+
+  const handleDelete = async (e: React.MouseEvent) => {
+    e.stopPropagation();
+    if (deleteItemId) {
+      await dispatch(deleteClaim(deleteItemId));
+      fetchClaims();
+      setModalOpen(false);
+      setDeleteItemId(null);
+    }
+  };
+
+  const handleRowClick = (id: string) => {
+    navigate(`/claims/${id}/edit`);
+  };
+
+  const handleSortByClaimToggle = () => {
+    if (onSortByChange) {
+      onSortByChange("claim");
+    }
+  };
+
+  const handleSortByDateToggle = () => {
+    if (onSortByChange) {
+      onSortByChange("date");
+    }
+  };
+
+  // Check if there are any claims to display
+  const hasClaimsData = !data.loading && data.claims && data.claims.length > 0;
+
+  return (
+    <div className="pb-4 overflow-scroll">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-[30%] text-[13px]">Claim</TableHead>
+                <TableHead className="w-[20%] text-[13px]">Claimant</TableHead>
+                <TableHead className="w-[20%] text-[13px]">Rating</TableHead>
+                <TableHead className="w-[20%] text-[13px]">
+                  Claim Date
+                </TableHead>
+                <TableHead className="w-[10%] text-[13px] text-center">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-28" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-24" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-32" />
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasClaimsData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-[30%] text-[13px]">
+                  <div className="flex items-center cursor-pointer">Claim</div>
+                </TableHead>
+                <TableHead className="w-[20%] text-[13px]">Claimant</TableHead>
+                <TableHead className="w-[20%] text-[13px]">Rating</TableHead>
+                <TableHead className="w-[20%] text-[13px]">
+                  <div
+                    className="flex text-[13px] items-center cursor-pointer"
+                    onClick={handleSortByDateToggle}
+                  >
+                    Claim Date
+                    <ChevronsUpDown className="ml-1 h-3 w-3" />
+                  </div>
+                </TableHead>
+                <TableHead className="w-[10%] text-[13px] text-center">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.claims.map((record) => (
+                <TableRow
+                  key={record.id.toString()}
+                  onClick={() => handleRowClick(record.id.toString())}
+                  className="cursor-pointer"
+                >
+                  <TableCell>
+                    <Link
+                      to={`/claims/${record.id}/edit`}
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      {record.claim}
+                    </Link>
+                  </TableCell>
+                  <TableCell>
+                    <Link
+                      to={`/claimants/${record.claimant_id}/edit`}
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      {record.claimant}
+                    </Link>
+                  </TableCell>
+                  <TableCell>
+                    <Link
+                      to={`/ratings/${record.rating_id}/edit`}
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      {record.rating}
+                    </Link>
+                  </TableCell>
+                  <TableCell>
+                    <span title={record.claim_date}>
+                      {record.claim_date
+                        ? dayjs(record.claim_date).format("MMMM D, YYYY")
+                        : "---"}
+                    </span>
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            navigate(`/claims/${record.id}/edit`);
+                          }}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            setModalOpen(true);
+                            setDeleteItemId(record.id.toString());
+                          }}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="claims"
+          title="No claims found"
+          description="Your claims list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={modalOpen} onOpenChange={setModalOpen}>
+        <DialogContent className="max-w-sm p-4">
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Claim</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this claim?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={(e) => {
+                e.stopPropagation();
+                setModalOpen(false);
+                setDeleteItemId(null);
+              }}
+            >
+              Cancel
+            </Button>
+            <Button size="sm" variant="destructive" onClick={handleDelete}>
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+
+export default ClaimList;
diff --git a/studio/src/pages/claims/components/FiltersPopover.tsx b/studio/src/pages/claims/components/FiltersPopover.tsx
new file mode 100644
index 000000000..e188c8ead
--- /dev/null
+++ b/studio/src/pages/claims/components/FiltersPopover.tsx
@@ -0,0 +1,79 @@
+import { Filter } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/popover";
+import { Form, FormField, FormItem, FormLabel } from "@/components/ui/form";
+import Selector from "../../../components/Selector";
+import { FiltersPopoverProps } from "../types";
+
+const FiltersPopover = ({
+  form,
+  onSave,
+  hasActiveFilters,
+  isOpen,
+  setIsOpen,
+}: FiltersPopoverProps) => {
+  return (
+    <Form {...form}>
+      <Popover open={isOpen} onOpenChange={setIsOpen}>
+        <PopoverTrigger asChild>
+          <Button
+            variant={hasActiveFilters ? "default" : "outline"}
+            className="flex items-center gap-2 bg-[#F0F5FF] text-[#0D1D2D] font-normal"
+          >
+            <Filter className="h-4 w-4" />
+            Filters
+          </Button>
+        </PopoverTrigger>
+        <PopoverContent className="w-80 p-4">
+          <div className="space-y-4">
+            <h3 className="font-medium text-sm">Filters</h3>
+            <div className="space-y-4">
+              <FormField
+                control={form.control}
+                name="claimant"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Claimants</FormLabel>
+                    <Selector
+                      mode="multiple"
+                      action="Claimants"
+                      value={field.value}
+                      onChange={field.onChange}
+                    />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="rating"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Ratings</FormLabel>
+                    <Selector
+                      mode="multiple"
+                      action="Ratings"
+                      value={field.value}
+                      onChange={field.onChange}
+                    />
+                  </FormItem>
+                )}
+              />
+            </div>
+            <div className="flex justify-end pt-2">
+              <Button type="button" onClick={form.handleSubmit(onSave)}>
+                Apply Filters
+              </Button>
+            </div>
+          </div>
+        </PopoverContent>
+      </Popover>
+    </Form>
+  );
+};
+
+export default FiltersPopover;
diff --git a/studio/src/pages/claims/components/MissingRequirementsAlert.tsx b/studio/src/pages/claims/components/MissingRequirementsAlert.tsx
new file mode 100644
index 000000000..f6d5b958e
--- /dev/null
+++ b/studio/src/pages/claims/components/MissingRequirementsAlert.tsx
@@ -0,0 +1,91 @@
+import { useNavigate } from "react-router-dom";
+import { AlertCircle } from "lucide-react";
+import { Card, CardContent, CardFooter } from "@/components/ui/card";
+import SecuredButton from "@/components/SecuredButton";
+
+interface MissingRequirementsAlertProps {
+  claimantsCount: number;
+  ratingsCount: number;
+  claimantsLoading: boolean;
+  ratingsLoading: boolean;
+}
+
+const MissingRequirementsAlert = ({
+  claimantsCount,
+  ratingsCount,
+  claimantsLoading,
+  ratingsLoading,
+}: MissingRequirementsAlertProps) => {
+  const navigate = useNavigate();
+  const isRatingsCountZero = !ratingsLoading && ratingsCount === 0;
+  const isClaimantsCountZero = !claimantsLoading && claimantsCount === 0;
+
+  const title =
+    isClaimantsCountZero && isRatingsCountZero
+      ? "No claimants and ratings found"
+      : isClaimantsCountZero
+      ? "No claimants found"
+      : "No ratings found";
+
+  const subTitle =
+    isClaimantsCountZero && isRatingsCountZero
+      ? "Create claimants and ratings first to create claims"
+      : isClaimantsCountZero
+      ? "Create claimants first to create claims"
+      : "Create ratings first to create claims";
+
+  const handleNavigate = (path: string) => {
+    navigate(path);
+  };
+
+  return (
+    <Card className="w-full max-w-md mx-auto mt-16 text-center">
+      <CardContent className="pt-6 flex flex-col items-center">
+        <div className="relative">
+          <div className="rounded-full bg-primary/5 p-3 mb-4">
+            <div className="rounded-full bg-primary/10 p-2">
+              <AlertCircle size={64} className="text-primary" />
+            </div>
+          </div>
+        </div>
+        <div className="text-3xl font-bold mb-2">{title}</div>
+        <p className="text-gray-600">{subTitle}</p>
+      </CardContent>
+
+      <CardFooter className="flex justify-center space-x-4">
+        {isClaimantsCountZero && isRatingsCountZero ? (
+          <>
+            <SecuredButton
+              className="flex items-center gap-2"
+              onClick={() => handleNavigate("/claimants/create")}
+            >
+              Create claimant
+            </SecuredButton>
+            <SecuredButton
+              className="flex items-center gap-2"
+              onClick={() => handleNavigate("/ratings/create")}
+            >
+              Create Ratings
+            </SecuredButton>
+          </>
+        ) : isClaimantsCountZero ? (
+          <SecuredButton
+            className="flex items-center gap-2"
+            onClick={() => handleNavigate("/claimants/create")}
+          >
+            Create claimant
+          </SecuredButton>
+        ) : (
+          <SecuredButton
+            className="flex items-center gap-2"
+            onClick={() => handleNavigate("/ratings/create")}
+          >
+            Create Ratings
+          </SecuredButton>
+        )}
+      </CardFooter>
+    </Card>
+  );
+};
+
+export default MissingRequirementsAlert;
diff --git a/studio/src/pages/claims/components/SourcesSection.tsx b/studio/src/pages/claims/components/SourcesSection.tsx
new file mode 100644
index 000000000..5cf75bbae
--- /dev/null
+++ b/studio/src/pages/claims/components/SourcesSection.tsx
@@ -0,0 +1,296 @@
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { FormField, FormItem, FormControl } from "@/components/ui/form";
+import { MinusCircle, Plus } from "lucide-react";
+
+const SourcesSection = ({
+  claimSourcesArray,
+  reviewSourcesArray,
+  form,
+  setValueChange,
+}) => {
+  const [showClaimInputs, setShowClaimInputs] = useState(false);
+  const [showReviewInputs, setShowReviewInputs] = useState(false);
+  const [newClaimSource, setNewClaimSource] = useState({
+    url: "",
+    description: "",
+  });
+  const [newReviewSource, setNewReviewSource] = useState({
+    url: "",
+    description: "",
+  });
+
+  const handleAddClaimSource = () => {
+    claimSourcesArray.append(newClaimSource);
+    setNewClaimSource({ url: "", description: "" });
+    setShowClaimInputs(false);
+    setValueChange(true);
+  };
+
+  const handleAddReviewSource = () => {
+    reviewSourcesArray.append(newReviewSource);
+    setNewReviewSource({ url: "", description: "" });
+    setShowReviewInputs(false);
+    setValueChange(true);
+  };
+
+  return (
+    <div className="px-4 pb-4">
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+        {/* Claim Sources Column */}
+        <div>
+          <h3 className="font-medium mb-4">Claim Sources</h3>
+
+          {/* Display existing claim sources */}
+          {claimSourcesArray.fields.map((field, index) => (
+            <div key={field.id} className="mb-3 bg-gray-50 p-3 rounded-md">
+              <div className="flex justify-between items-start mb-2">
+                <h4 className="font-medium text-sm">Source {index + 1}</h4>
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => {
+                    claimSourcesArray.remove(index);
+                    setValueChange(true);
+                  }}
+                >
+                  <MinusCircle className="h-4 w-4" />
+                </Button>
+              </div>
+              <div className="space-y-2">
+                <FormField
+                  control={form.control}
+                  name={`claim_sources.${index}.url`}
+                  rules={{ required: "URL required" }}
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <Input
+                          placeholder="Enter url"
+                          {...field}
+                          onChange={(e) => {
+                            field.onChange(e);
+                            setValueChange(true);
+                          }}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name={`claim_sources.${index}.description`}
+                  rules={{ required: "Description required" }}
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <Input
+                          placeholder="Enter description"
+                          {...field}
+                          onChange={(e) => {
+                            field.onChange(e);
+                            setValueChange(true);
+                          }}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+          ))}
+
+          {showClaimInputs ? (
+            <div className="mt-2 bg-gray-50 p-3 rounded-md">
+              <div className="space-y-2">
+                <Input
+                  placeholder="Enter url"
+                  value={newClaimSource.url}
+                  onChange={(e) =>
+                    setNewClaimSource({
+                      ...newClaimSource,
+                      url: e.target.value,
+                    })
+                  }
+                />
+                <Input
+                  placeholder="Enter description"
+                  value={newClaimSource.description}
+                  onChange={(e) =>
+                    setNewClaimSource({
+                      ...newClaimSource,
+                      description: e.target.value,
+                    })
+                  }
+                />
+                <div className="flex gap-2 mt-2">
+                  <Button
+                    type="button"
+                    variant="default"
+                    size="sm"
+                    onClick={handleAddClaimSource}
+                    disabled={
+                      !newClaimSource.url || !newClaimSource.description
+                    }
+                  >
+                    Add
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => {
+                      setShowClaimInputs(false);
+                      setNewClaimSource({ url: "", description: "" });
+                    }}
+                  >
+                    Cancel
+                  </Button>
+                </div>
+              </div>
+            </div>
+          ) : (
+            <Button
+              type="button"
+              variant="outline"
+              className="w-full mt-2"
+              onClick={() => setShowClaimInputs(true)}
+            >
+              <Plus className="h-4 w-4 mr-2" />
+              Add Claim Source
+            </Button>
+          )}
+        </div>
+
+        {/* Review Sources Column */}
+        <div>
+          <h3 className="font-medium mb-4">Review Sources</h3>
+
+          {reviewSourcesArray.fields.map((field, index) => (
+            <div key={field.id} className="mb-3 bg-gray-50 p-3 rounded-md">
+              <div className="flex justify-between items-start mb-2">
+                <h4 className="font-medium text-sm">Source {index + 1}</h4>
+                <Button
+                  type="button"
+                  variant="ghost"
+                  size="icon"
+                  onClick={() => {
+                    reviewSourcesArray.remove(index);
+                    setValueChange(true);
+                  }}
+                >
+                  <MinusCircle className="h-4 w-4" />
+                </Button>
+              </div>
+              <div className="space-y-2">
+                <FormField
+                  control={form.control}
+                  name={`review_sources.${index}.url`}
+                  rules={{ required: "URL required" }}
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <Input
+                          placeholder="Enter url"
+                          {...field}
+                          onChange={(e) => {
+                            field.onChange(e);
+                            setValueChange(true);
+                          }}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+                <FormField
+                  control={form.control}
+                  name={`review_sources.${index}.description`}
+                  rules={{ required: "Description required" }}
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <Input
+                          placeholder="Enter description"
+                          {...field}
+                          onChange={(e) => {
+                            field.onChange(e);
+                            setValueChange(true);
+                          }}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+          ))}
+
+          {showReviewInputs ? (
+            <div className="mt-2 bg-gray-50 p-3 rounded-md">
+              <div className="space-y-2">
+                <Input
+                  placeholder="Enter url"
+                  value={newReviewSource.url}
+                  onChange={(e) =>
+                    setNewReviewSource({
+                      ...newReviewSource,
+                      url: e.target.value,
+                    })
+                  }
+                />
+                <Input
+                  placeholder="Enter description"
+                  value={newReviewSource.description}
+                  onChange={(e) =>
+                    setNewReviewSource({
+                      ...newReviewSource,
+                      description: e.target.value,
+                    })
+                  }
+                />
+                <div className="flex gap-2 mt-2">
+                  <Button
+                    type="button"
+                    variant="default"
+                    size="sm"
+                    onClick={handleAddReviewSource}
+                    disabled={
+                      !newReviewSource.url || !newReviewSource.description
+                    }
+                  >
+                    Add
+                  </Button>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="sm"
+                    onClick={() => {
+                      setShowReviewInputs(false);
+                      setNewReviewSource({ url: "", description: "" });
+                    }}
+                  >
+                    Cancel
+                  </Button>
+                </div>
+              </div>
+            </div>
+          ) : (
+            <Button
+              type="button"
+              variant="outline"
+              className="w-full mt-2"
+              onClick={() => setShowReviewInputs(true)}
+            >
+              <Plus className="h-4 w-4 mr-2" />
+              Add Review Source
+            </Button>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SourcesSection;
diff --git a/studio/src/pages/claims/components/__snapshots__/ClaimForm.test.js.snap b/studio/src/pages/claims/components/__snapshots__/ClaimForm.test.js.snap
deleted file mode 100644
index cb6939f81..000000000
--- a/studio/src/pages/claims/components/__snapshots__/ClaimForm.test.js.snap
+++ /dev/null
@@ -1,108 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claims Create Form component snapshot testing should match component with data 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <ClaimForm
-    data={
-      Object {
-        "checked_date": "2020-12-12T00:00:00.000Z",
-        "claim": "title",
-        "claim_date": "2020-12-12T00:00:00.000Z",
-        "claim_sources": "claim_sources",
-        "claimant": 1,
-        "description": Object {
-          "blocks": Array [
-            Object {
-              "data": Object {
-                "level": 2,
-                "text": "Editor.js",
-              },
-              "type": "header",
-            },
-            Object {
-              "data": Object {
-                "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-              },
-              "type": "paragraph",
-            },
-          ],
-          "time": 1595747741807,
-          "version": "2.18.0",
-        },
-        "fact": "review",
-        "rating": 1,
-        "review_sources": "review_sources",
-        "review_tag_line": "review_tag_line",
-        "slug": "slug",
-      }
-    }
-    onCreate={[MockFunction]}
-  />
-</ContextProvider>
-`;
-
-exports[`Claims Create Form component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <ClaimForm />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/claims/components/__snapshots__/ClaimList.test.js.snap b/studio/src/pages/claims/components/__snapshots__/ClaimList.test.js.snap
deleted file mode 100644
index fa0226c81..000000000
--- a/studio/src/pages/claims/components/__snapshots__/ClaimList.test.js.snap
+++ /dev/null
@@ -1,9714 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Claims List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <ClaimList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "claims": Array [
-              Object {
-                "checked_date": "2020-09-10T10:12:44Z",
-                "claim_date": "2020-09-02T10:12:41Z",
-                "claim_sources": "",
-                "claimant": "Facebook",
-                "claimant_id": 1,
-                "created_at": "2020-09-10T10:12:47.819677Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599732752528,
-                  "version": "2.18.0",
-                },
-                "id": 1,
-                "rating": "False",
-                "rating_id": 1,
-                "review": "",
-                "review_sources": "",
-                "review_tag_line": "",
-                "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                "space_id": 1,
-                "title": "No, these three IPS officers are not siblings, they are batch mates",
-                "updated_at": "2020-09-10T10:12:47.819677Z",
-              },
-              Object {
-                "checked_date": "2020-09-10T10:12:44Z",
-                "claim_sources": "",
-                "claimant": "Facebook",
-                "claimant_id": 1,
-                "created_at": "2020-09-10T10:12:47.819677Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599732752528,
-                  "version": "2.18.0",
-                },
-                "id": 2,
-                "rating": "False",
-                "rating_id": 1,
-                "review": "",
-                "review_sources": "",
-                "review_tag_line": "",
-                "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                "space_id": 1,
-                "title": "No, these three IPS officers are not siblings, they are batch mates",
-                "updated_at": "2020-09-10T10:12:47.819677Z",
-              },
-            ],
-            "loading": true,
-            "total": 2,
-          }
-        }
-        fetchClaims={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "claim",
-                        "key": "claim",
-                        "render": [Function],
-                        "title": "Claim",
-                        "width": "30%",
-                      },
-                      Object {
-                        "dataIndex": "claimant",
-                        "key": "claimant",
-                        "title": "Claimant",
-                        "width": "20%",
-                      },
-                      Object {
-                        "dataIndex": "rating",
-                        "key": "rating",
-                        "title": "Rating",
-                        "width": "20%",
-                      },
-                      Object {
-                        "dataIndex": "claim_date",
-                        "render": [Function],
-                        "title": "Claim Date",
-                        "width": "20%",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "checked_date": "2020-09-10T10:12:44Z",
-                        "claim_date": "2020-09-02T10:12:41Z",
-                        "claim_sources": "",
-                        "claimant": "Facebook",
-                        "claimant_id": 1,
-                        "created_at": "2020-09-10T10:12:47.819677Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599732752528,
-                          "version": "2.18.0",
-                        },
-                        "id": 1,
-                        "rating": "False",
-                        "rating_id": 1,
-                        "review": "",
-                        "review_sources": "",
-                        "review_tag_line": "",
-                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                        "space_id": 1,
-                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                      },
-                      Object {
-                        "checked_date": "2020-09-10T10:12:44Z",
-                        "claim_sources": "",
-                        "claimant": "Facebook",
-                        "claimant_id": 1,
-                        "created_at": "2020-09-10T10:12:47.819677Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599732752528,
-                          "version": "2.18.0",
-                        },
-                        "id": 2,
-                        "rating": "False",
-                        "rating_id": 1,
-                        "review": "",
-                        "review_sources": "",
-                        "review_tag_line": "",
-                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                        "space_id": 1,
-                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                      },
-                    ]
-                  }
-                  loading={true}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={true}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          key="loading"
-                        >
-                          <div
-                            className="ant-spin ant-spin-spinning"
-                          >
-                            <span
-                              className="ant-spin-dot ant-spin-dot-spin"
-                            >
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                              <i
-                                className="ant-spin-dot-item"
-                              />
-                            </span>
-                          </div>
-                        </div>
-                        <div
-                          className="ant-spin-container ant-spin-blur"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "claim",
-                                  "key": "claim",
-                                  "render": [Function],
-                                  "title": "Claim",
-                                  "width": "30%",
-                                },
-                                Object {
-                                  "dataIndex": "claimant",
-                                  "key": "claimant",
-                                  "title": "Claimant",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "rating",
-                                  "key": "rating",
-                                  "title": "Rating",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "claim_date",
-                                  "render": [Function],
-                                  "title": "Claim Date",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "checked_date": "2020-09-10T10:12:44Z",
-                                  "claim_date": "2020-09-02T10:12:41Z",
-                                  "claim_sources": "",
-                                  "claimant": "Facebook",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-09-10T10:12:47.819677Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599732752528,
-                                    "version": "2.18.0",
-                                  },
-                                  "id": 1,
-                                  "rating": "False",
-                                  "rating_id": 1,
-                                  "review": "",
-                                  "review_sources": "",
-                                  "review_tag_line": "",
-                                  "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                  "space_id": 1,
-                                  "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                  "updated_at": "2020-09-10T10:12:47.819677Z",
-                                },
-                                Object {
-                                  "checked_date": "2020-09-10T10:12:44Z",
-                                  "claim_sources": "",
-                                  "claimant": "Facebook",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-09-10T10:12:47.819677Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599732752528,
-                                    "version": "2.18.0",
-                                  },
-                                  "id": 2,
-                                  "rating": "False",
-                                  "rating_id": 1,
-                                  "review": "",
-                                  "review_sources": "",
-                                  "review_tag_line": "",
-                                  "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                  "space_id": 1,
-                                  "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                  "updated_at": "2020-09-10T10:12:47.819677Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "checked_date": "2020-09-10T10:12:44Z",
-                                  "claim_date": "2020-09-02T10:12:41Z",
-                                  "claim_sources": "",
-                                  "claimant": "Facebook",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-09-10T10:12:47.819677Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599732752528,
-                                    "version": "2.18.0",
-                                  },
-                                  "id": 1,
-                                  "rating": "False",
-                                  "rating_id": 1,
-                                  "review": "",
-                                  "review_sources": "",
-                                  "review_tag_line": "",
-                                  "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                  "space_id": 1,
-                                  "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                  "updated_at": "2020-09-10T10:12:47.819677Z",
-                                },
-                                Object {
-                                  "checked_date": "2020-09-10T10:12:44Z",
-                                  "claim_sources": "",
-                                  "claimant": "Facebook",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-09-10T10:12:47.819677Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599732752528,
-                                    "version": "2.18.0",
-                                  },
-                                  "id": 2,
-                                  "rating": "False",
-                                  "rating_id": 1,
-                                  "review": "",
-                                  "review_sources": "",
-                                  "review_tag_line": "",
-                                  "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                  "space_id": 1,
-                                  "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                  "updated_at": "2020-09-10T10:12:47.819677Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 30%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claim
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claimant
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Rating
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claim Date
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/claims/1/edit"
-                                              style="margin-right: 8px;"
-                                            />
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            Facebook
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            False
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              title="2020-09-02T10:12:41Z"
-                                            >
-                                              September 2nd 2020
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/claims/2/edit"
-                                              style="margin-right: 8px;"
-                                            />
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            Facebook
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            False
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span />
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={true}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "claim",
-                                        "key": "claim",
-                                        "render": [Function],
-                                        "title": "Claim",
-                                        "width": "30%",
-                                      },
-                                      Object {
-                                        "dataIndex": "claimant",
-                                        "key": "claimant",
-                                        "title": "Claimant",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "dataIndex": "rating",
-                                        "key": "rating",
-                                        "title": "Rating",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "dataIndex": "claim_date",
-                                        "render": [Function],
-                                        "title": "Claim Date",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "checked_date": "2020-09-10T10:12:44Z",
-                                        "claim_date": "2020-09-02T10:12:41Z",
-                                        "claim_sources": "",
-                                        "claimant": "Facebook",
-                                        "claimant_id": 1,
-                                        "created_at": "2020-09-10T10:12:47.819677Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599732752528,
-                                          "version": "2.18.0",
-                                        },
-                                        "id": 1,
-                                        "rating": "False",
-                                        "rating_id": 1,
-                                        "review": "",
-                                        "review_sources": "",
-                                        "review_tag_line": "",
-                                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                        "space_id": 1,
-                                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                                      },
-                                      Object {
-                                        "checked_date": "2020-09-10T10:12:44Z",
-                                        "claim_sources": "",
-                                        "claimant": "Facebook",
-                                        "claimant_id": 1,
-                                        "created_at": "2020-09-10T10:12:47.819677Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599732752528,
-                                          "version": "2.18.0",
-                                        },
-                                        "id": 2,
-                                        "rating": "False",
-                                        "rating_id": 1,
-                                        "review": "",
-                                        "review_sources": "",
-                                        "review_tag_line": "",
-                                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                        "space_id": 1,
-                                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "checked_date": "2020-09-10T10:12:44Z",
-                                        "claim_date": "2020-09-02T10:12:41Z",
-                                        "claim_sources": "",
-                                        "claimant": "Facebook",
-                                        "claimant_id": 1,
-                                        "created_at": "2020-09-10T10:12:47.819677Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599732752528,
-                                          "version": "2.18.0",
-                                        },
-                                        "id": 1,
-                                        "rating": "False",
-                                        "rating_id": 1,
-                                        "review": "",
-                                        "review_sources": "",
-                                        "review_tag_line": "",
-                                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                        "space_id": 1,
-                                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                                      },
-                                      Object {
-                                        "checked_date": "2020-09-10T10:12:44Z",
-                                        "claim_sources": "",
-                                        "claimant": "Facebook",
-                                        "claimant_id": 1,
-                                        "created_at": "2020-09-10T10:12:47.819677Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599732752528,
-                                          "version": "2.18.0",
-                                        },
-                                        "id": 2,
-                                        "rating": "False",
-                                        "rating_id": 1,
-                                        "review": "",
-                                        "review_sources": "",
-                                        "review_tag_line": "",
-                                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                        "space_id": 1,
-                                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 30%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claim
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claimant
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Rating
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claim Date
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/claims/1/edit"
-                                                    style="margin-right: 8px;"
-                                                  />
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  Facebook
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  False
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    title="2020-09-02T10:12:41Z"
-                                                  >
-                                                    September 2nd 2020
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/claims/2/edit"
-                                                    style="margin-right: 8px;"
-                                                  />
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  Facebook
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  False
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span />
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": true,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 2,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            "30%",
-                                            "20%",
-                                            "20%",
-                                            "20%",
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "fixed": undefined,
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "fixed": undefined,
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "fixed": undefined,
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "fixed": undefined,
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": "30%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "fixed": undefined,
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "fixed": undefined,
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "fixed": undefined,
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "fixed": undefined,
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Claim",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "claim",
-                                                    "key": "claim",
-                                                    "render": [Function],
-                                                    "title": "Claim",
-                                                    "width": "30%",
-                                                  },
-                                                  "key": "claim",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Claimant",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "claimant",
-                                                    "key": "claimant",
-                                                    "title": "Claimant",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "claimant",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Rating",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "rating",
-                                                    "key": "rating",
-                                                    "title": "Rating",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "rating",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Claim Date",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "claim_date",
-                                                    "render": [Function],
-                                                    "title": "Claim Date",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "claim",
-                                                  "fixed": undefined,
-                                                  "key": "claim",
-                                                  "render": [Function],
-                                                  "title": "Claim",
-                                                  "width": "30%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claimant",
-                                                  "fixed": undefined,
-                                                  "key": "claimant",
-                                                  "title": "Claimant",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "rating",
-                                                  "fixed": undefined,
-                                                  "key": "rating",
-                                                  "title": "Rating",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claim_date",
-                                                  "fixed": undefined,
-                                                  "render": [Function],
-                                                  "title": "Claim Date",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claim",
-                                                    "key": "claim",
-                                                    "render": [Function],
-                                                    "title": "Claim",
-                                                    "width": "30%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claim"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claim
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claimant",
-                                                    "key": "claimant",
-                                                    "title": "Claimant",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claimant"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claimant
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "rating",
-                                                    "key": "rating",
-                                                    "title": "Rating",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="rating"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Rating
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claim_date",
-                                                    "render": [Function],
-                                                    "title": "Claim Date",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claim_date"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claim Date
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "checked_date": "2020-09-10T10:12:44Z",
-                                              "claim_date": "2020-09-02T10:12:41Z",
-                                              "claim_sources": "",
-                                              "claimant": "Facebook",
-                                              "claimant_id": 1,
-                                              "created_at": "2020-09-10T10:12:47.819677Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599732752528,
-                                                "version": "2.18.0",
-                                              },
-                                              "id": 1,
-                                              "rating": "False",
-                                              "rating_id": 1,
-                                              "review": "",
-                                              "review_sources": "",
-                                              "review_tag_line": "",
-                                              "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                              "space_id": 1,
-                                              "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                              "updated_at": "2020-09-10T10:12:47.819677Z",
-                                            },
-                                            Object {
-                                              "checked_date": "2020-09-10T10:12:44Z",
-                                              "claim_sources": "",
-                                              "claimant": "Facebook",
-                                              "claimant_id": 1,
-                                              "created_at": "2020-09-10T10:12:47.819677Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599732752528,
-                                                "version": "2.18.0",
-                                              },
-                                              "id": 2,
-                                              "rating": "False",
-                                              "rating_id": 1,
-                                              "review": "",
-                                              "review_sources": "",
-                                              "review_tag_line": "",
-                                              "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                              "space_id": 1,
-                                              "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                              "updated_at": "2020-09-10T10:12:47.819677Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "checked_date": "2020-09-10T10:12:44Z",
-                                                "claim_date": "2020-09-02T10:12:41Z",
-                                                "claim_sources": "",
-                                                "claimant": "Facebook",
-                                                "claimant_id": 1,
-                                                "created_at": "2020-09-10T10:12:47.819677Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599732752528,
-                                                  "version": "2.18.0",
-                                                },
-                                                "id": 1,
-                                                "rating": "False",
-                                                "rating_id": 1,
-                                                "review": "",
-                                                "review_sources": "",
-                                                "review_tag_line": "",
-                                                "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                "space_id": 1,
-                                                "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                "updated_at": "2020-09-10T10:12:47.819677Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claim"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="claim"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/claims/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/claims/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/claims/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      />
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claimant"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="claimant"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Facebook
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="rating"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="rating"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  False
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claim_date"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="claim_date"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <span
-                                                    title="2020-09-02T10:12:41Z"
-                                                  >
-                                                    September 2nd 2020
-                                                  </span>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "checked_date": "2020-09-10T10:12:44Z",
-                                                "claim_sources": "",
-                                                "claimant": "Facebook",
-                                                "claimant_id": 1,
-                                                "created_at": "2020-09-10T10:12:47.819677Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599732752528,
-                                                  "version": "2.18.0",
-                                                },
-                                                "id": 2,
-                                                "rating": "False",
-                                                "rating_id": 1,
-                                                "review": "",
-                                                "review_sources": "",
-                                                "review_tag_line": "",
-                                                "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                "space_id": 1,
-                                                "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                "updated_at": "2020-09-10T10:12:47.819677Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claim"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="claim"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/claims/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/claims/2/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/claims/2/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      />
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claimant"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="claimant"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Facebook
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="rating"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="rating"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  False
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claim_date"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="claim_date"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <span />
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-2 of 2 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </ClaimList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claims List component snapshot testing should match component with claims 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <ClaimList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "claims": Array [
-              Object {
-                "checked_date": "2020-09-10T10:12:44Z",
-                "claim_date": "2020-09-02T10:12:41Z",
-                "claim_sources": "",
-                "claimant": "Facebook",
-                "claimant_id": 1,
-                "created_at": "2020-09-10T10:12:47.819677Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599732752528,
-                  "version": "2.18.0",
-                },
-                "id": 1,
-                "rating": "False",
-                "rating_id": 1,
-                "review": "",
-                "review_sources": "",
-                "review_tag_line": "",
-                "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                "space_id": 1,
-                "title": "No, these three IPS officers are not siblings, they are batch mates",
-                "updated_at": "2020-09-10T10:12:47.819677Z",
-              },
-              Object {
-                "checked_date": "2020-09-10T10:12:44Z",
-                "claim_sources": "",
-                "claimant": "Facebook",
-                "claimant_id": 1,
-                "created_at": "2020-09-10T10:12:47.819677Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599732752528,
-                  "version": "2.18.0",
-                },
-                "id": 2,
-                "rating": "False",
-                "rating_id": 1,
-                "review": "",
-                "review_sources": "",
-                "review_tag_line": "",
-                "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                "space_id": 1,
-                "title": "No, these three IPS officers are not siblings, they are batch mates",
-                "updated_at": "2020-09-10T10:12:47.819677Z",
-              },
-            ],
-            "loading": false,
-            "total": 2,
-          }
-        }
-        fetchClaims={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "claim",
-                        "key": "claim",
-                        "render": [Function],
-                        "title": "Claim",
-                        "width": "30%",
-                      },
-                      Object {
-                        "dataIndex": "claimant",
-                        "key": "claimant",
-                        "title": "Claimant",
-                        "width": "20%",
-                      },
-                      Object {
-                        "dataIndex": "rating",
-                        "key": "rating",
-                        "title": "Rating",
-                        "width": "20%",
-                      },
-                      Object {
-                        "dataIndex": "claim_date",
-                        "render": [Function],
-                        "title": "Claim Date",
-                        "width": "20%",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "checked_date": "2020-09-10T10:12:44Z",
-                        "claim_date": "2020-09-02T10:12:41Z",
-                        "claim_sources": "",
-                        "claimant": "Facebook",
-                        "claimant_id": 1,
-                        "created_at": "2020-09-10T10:12:47.819677Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599732752528,
-                          "version": "2.18.0",
-                        },
-                        "id": 1,
-                        "rating": "False",
-                        "rating_id": 1,
-                        "review": "",
-                        "review_sources": "",
-                        "review_tag_line": "",
-                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                        "space_id": 1,
-                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                      },
-                      Object {
-                        "checked_date": "2020-09-10T10:12:44Z",
-                        "claim_sources": "",
-                        "claimant": "Facebook",
-                        "claimant_id": 1,
-                        "created_at": "2020-09-10T10:12:47.819677Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599732752528,
-                          "version": "2.18.0",
-                        },
-                        "id": 2,
-                        "rating": "False",
-                        "rating_id": 1,
-                        "review": "",
-                        "review_sources": "",
-                        "review_tag_line": "",
-                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                        "space_id": 1,
-                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                      },
-                    ]
-                  }
-                  loading={false}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "claim",
-                                  "key": "claim",
-                                  "render": [Function],
-                                  "title": "Claim",
-                                  "width": "30%",
-                                },
-                                Object {
-                                  "dataIndex": "claimant",
-                                  "key": "claimant",
-                                  "title": "Claimant",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "rating",
-                                  "key": "rating",
-                                  "title": "Rating",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "claim_date",
-                                  "render": [Function],
-                                  "title": "Claim Date",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "checked_date": "2020-09-10T10:12:44Z",
-                                  "claim_date": "2020-09-02T10:12:41Z",
-                                  "claim_sources": "",
-                                  "claimant": "Facebook",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-09-10T10:12:47.819677Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599732752528,
-                                    "version": "2.18.0",
-                                  },
-                                  "id": 1,
-                                  "rating": "False",
-                                  "rating_id": 1,
-                                  "review": "",
-                                  "review_sources": "",
-                                  "review_tag_line": "",
-                                  "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                  "space_id": 1,
-                                  "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                  "updated_at": "2020-09-10T10:12:47.819677Z",
-                                },
-                                Object {
-                                  "checked_date": "2020-09-10T10:12:44Z",
-                                  "claim_sources": "",
-                                  "claimant": "Facebook",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-09-10T10:12:47.819677Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599732752528,
-                                    "version": "2.18.0",
-                                  },
-                                  "id": 2,
-                                  "rating": "False",
-                                  "rating_id": 1,
-                                  "review": "",
-                                  "review_sources": "",
-                                  "review_tag_line": "",
-                                  "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                  "space_id": 1,
-                                  "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                  "updated_at": "2020-09-10T10:12:47.819677Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "checked_date": "2020-09-10T10:12:44Z",
-                                  "claim_date": "2020-09-02T10:12:41Z",
-                                  "claim_sources": "",
-                                  "claimant": "Facebook",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-09-10T10:12:47.819677Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599732752528,
-                                    "version": "2.18.0",
-                                  },
-                                  "id": 1,
-                                  "rating": "False",
-                                  "rating_id": 1,
-                                  "review": "",
-                                  "review_sources": "",
-                                  "review_tag_line": "",
-                                  "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                  "space_id": 1,
-                                  "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                  "updated_at": "2020-09-10T10:12:47.819677Z",
-                                },
-                                Object {
-                                  "checked_date": "2020-09-10T10:12:44Z",
-                                  "claim_sources": "",
-                                  "claimant": "Facebook",
-                                  "claimant_id": 1,
-                                  "created_at": "2020-09-10T10:12:47.819677Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599732752528,
-                                    "version": "2.18.0",
-                                  },
-                                  "id": 2,
-                                  "rating": "False",
-                                  "rating_id": 1,
-                                  "review": "",
-                                  "review_sources": "",
-                                  "review_tag_line": "",
-                                  "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                  "space_id": 1,
-                                  "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                  "updated_at": "2020-09-10T10:12:47.819677Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 30%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claim
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claimant
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Rating
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claim Date
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/claims/1/edit"
-                                              style="margin-right: 8px;"
-                                            />
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            Facebook
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            False
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              title="2020-09-02T10:12:41Z"
-                                            >
-                                              September 2nd 2020
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/claims/2/edit"
-                                              style="margin-right: 8px;"
-                                            />
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            Facebook
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            False
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span />
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "claim",
-                                        "key": "claim",
-                                        "render": [Function],
-                                        "title": "Claim",
-                                        "width": "30%",
-                                      },
-                                      Object {
-                                        "dataIndex": "claimant",
-                                        "key": "claimant",
-                                        "title": "Claimant",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "dataIndex": "rating",
-                                        "key": "rating",
-                                        "title": "Rating",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "dataIndex": "claim_date",
-                                        "render": [Function],
-                                        "title": "Claim Date",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "checked_date": "2020-09-10T10:12:44Z",
-                                        "claim_date": "2020-09-02T10:12:41Z",
-                                        "claim_sources": "",
-                                        "claimant": "Facebook",
-                                        "claimant_id": 1,
-                                        "created_at": "2020-09-10T10:12:47.819677Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599732752528,
-                                          "version": "2.18.0",
-                                        },
-                                        "id": 1,
-                                        "rating": "False",
-                                        "rating_id": 1,
-                                        "review": "",
-                                        "review_sources": "",
-                                        "review_tag_line": "",
-                                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                        "space_id": 1,
-                                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                                      },
-                                      Object {
-                                        "checked_date": "2020-09-10T10:12:44Z",
-                                        "claim_sources": "",
-                                        "claimant": "Facebook",
-                                        "claimant_id": 1,
-                                        "created_at": "2020-09-10T10:12:47.819677Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599732752528,
-                                          "version": "2.18.0",
-                                        },
-                                        "id": 2,
-                                        "rating": "False",
-                                        "rating_id": 1,
-                                        "review": "",
-                                        "review_sources": "",
-                                        "review_tag_line": "",
-                                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                        "space_id": 1,
-                                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "checked_date": "2020-09-10T10:12:44Z",
-                                        "claim_date": "2020-09-02T10:12:41Z",
-                                        "claim_sources": "",
-                                        "claimant": "Facebook",
-                                        "claimant_id": 1,
-                                        "created_at": "2020-09-10T10:12:47.819677Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599732752528,
-                                          "version": "2.18.0",
-                                        },
-                                        "id": 1,
-                                        "rating": "False",
-                                        "rating_id": 1,
-                                        "review": "",
-                                        "review_sources": "",
-                                        "review_tag_line": "",
-                                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                        "space_id": 1,
-                                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                                      },
-                                      Object {
-                                        "checked_date": "2020-09-10T10:12:44Z",
-                                        "claim_sources": "",
-                                        "claimant": "Facebook",
-                                        "claimant_id": 1,
-                                        "created_at": "2020-09-10T10:12:47.819677Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599732752528,
-                                          "version": "2.18.0",
-                                        },
-                                        "id": 2,
-                                        "rating": "False",
-                                        "rating_id": 1,
-                                        "review": "",
-                                        "review_sources": "",
-                                        "review_tag_line": "",
-                                        "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                        "space_id": 1,
-                                        "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                        "updated_at": "2020-09-10T10:12:47.819677Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 30%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claim
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claimant
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Rating
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claim Date
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/claims/1/edit"
-                                                    style="margin-right: 8px;"
-                                                  />
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  Facebook
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  False
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    title="2020-09-02T10:12:41Z"
-                                                  >
-                                                    September 2nd 2020
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/claims/2/edit"
-                                                    style="margin-right: 8px;"
-                                                  />
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  Facebook
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  False
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span />
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 2,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            "30%",
-                                            "20%",
-                                            "20%",
-                                            "20%",
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "fixed": undefined,
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "fixed": undefined,
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "fixed": undefined,
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "fixed": undefined,
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": "30%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "fixed": undefined,
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "fixed": undefined,
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "fixed": undefined,
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "fixed": undefined,
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Claim",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "claim",
-                                                    "key": "claim",
-                                                    "render": [Function],
-                                                    "title": "Claim",
-                                                    "width": "30%",
-                                                  },
-                                                  "key": "claim",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Claimant",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "claimant",
-                                                    "key": "claimant",
-                                                    "title": "Claimant",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "claimant",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Rating",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "rating",
-                                                    "key": "rating",
-                                                    "title": "Rating",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "rating",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Claim Date",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "claim_date",
-                                                    "render": [Function],
-                                                    "title": "Claim Date",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "claim",
-                                                  "fixed": undefined,
-                                                  "key": "claim",
-                                                  "render": [Function],
-                                                  "title": "Claim",
-                                                  "width": "30%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claimant",
-                                                  "fixed": undefined,
-                                                  "key": "claimant",
-                                                  "title": "Claimant",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "rating",
-                                                  "fixed": undefined,
-                                                  "key": "rating",
-                                                  "title": "Rating",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claim_date",
-                                                  "fixed": undefined,
-                                                  "render": [Function],
-                                                  "title": "Claim Date",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claim",
-                                                    "key": "claim",
-                                                    "render": [Function],
-                                                    "title": "Claim",
-                                                    "width": "30%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claim"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claim
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claimant",
-                                                    "key": "claimant",
-                                                    "title": "Claimant",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claimant"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claimant
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "rating",
-                                                    "key": "rating",
-                                                    "title": "Rating",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="rating"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Rating
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claim_date",
-                                                    "render": [Function],
-                                                    "title": "Claim Date",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claim_date"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claim Date
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "checked_date": "2020-09-10T10:12:44Z",
-                                              "claim_date": "2020-09-02T10:12:41Z",
-                                              "claim_sources": "",
-                                              "claimant": "Facebook",
-                                              "claimant_id": 1,
-                                              "created_at": "2020-09-10T10:12:47.819677Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599732752528,
-                                                "version": "2.18.0",
-                                              },
-                                              "id": 1,
-                                              "rating": "False",
-                                              "rating_id": 1,
-                                              "review": "",
-                                              "review_sources": "",
-                                              "review_tag_line": "",
-                                              "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                              "space_id": 1,
-                                              "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                              "updated_at": "2020-09-10T10:12:47.819677Z",
-                                            },
-                                            Object {
-                                              "checked_date": "2020-09-10T10:12:44Z",
-                                              "claim_sources": "",
-                                              "claimant": "Facebook",
-                                              "claimant_id": 1,
-                                              "created_at": "2020-09-10T10:12:47.819677Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599732752528,
-                                                "version": "2.18.0",
-                                              },
-                                              "id": 2,
-                                              "rating": "False",
-                                              "rating_id": 1,
-                                              "review": "",
-                                              "review_sources": "",
-                                              "review_tag_line": "",
-                                              "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                              "space_id": 1,
-                                              "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                              "updated_at": "2020-09-10T10:12:47.819677Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "checked_date": "2020-09-10T10:12:44Z",
-                                                "claim_date": "2020-09-02T10:12:41Z",
-                                                "claim_sources": "",
-                                                "claimant": "Facebook",
-                                                "claimant_id": 1,
-                                                "created_at": "2020-09-10T10:12:47.819677Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599732752528,
-                                                  "version": "2.18.0",
-                                                },
-                                                "id": 1,
-                                                "rating": "False",
-                                                "rating_id": 1,
-                                                "review": "",
-                                                "review_sources": "",
-                                                "review_tag_line": "",
-                                                "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                "space_id": 1,
-                                                "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                "updated_at": "2020-09-10T10:12:47.819677Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claim"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="claim"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/claims/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/claims/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/claims/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      />
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claimant"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="claimant"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Facebook
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="rating"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="rating"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  False
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claim_date"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="claim_date"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <span
-                                                    title="2020-09-02T10:12:41Z"
-                                                  >
-                                                    September 2nd 2020
-                                                  </span>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_date": "2020-09-02T10:12:41Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 1,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "checked_date": "2020-09-10T10:12:44Z",
-                                                "claim_sources": "",
-                                                "claimant": "Facebook",
-                                                "claimant_id": 1,
-                                                "created_at": "2020-09-10T10:12:47.819677Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599732752528,
-                                                  "version": "2.18.0",
-                                                },
-                                                "id": 2,
-                                                "rating": "False",
-                                                "rating_id": 1,
-                                                "review": "",
-                                                "review_sources": "",
-                                                "review_tag_line": "",
-                                                "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                "space_id": 1,
-                                                "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                "updated_at": "2020-09-10T10:12:47.819677Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claim"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="claim"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/claims/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/claims/2/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/claims/2/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      />
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claimant"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="claimant"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Facebook
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="rating"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="rating"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  False
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="claim_date"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="claim_date"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <span />
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "checked_date": "2020-09-10T10:12:44Z",
-                                                    "claim_sources": "",
-                                                    "claimant": "Facebook",
-                                                    "claimant_id": 1,
-                                                    "created_at": "2020-09-10T10:12:47.819677Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599732752528,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "id": 2,
-                                                    "rating": "False",
-                                                    "rating_id": 1,
-                                                    "review": "",
-                                                    "review_sources": "",
-                                                    "review_tag_line": "",
-                                                    "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-                                                    "space_id": 1,
-                                                    "title": "No, these three IPS officers are not siblings, they are batch mates",
-                                                    "updated_at": "2020-09-10T10:12:47.819677Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Are you sure you want to delete this?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Are you sure you want to delete this?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-2 of 2 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </ClaimList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Claims List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <ClaimList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "claimants": Array [],
-            "loading": false,
-            "total": 0,
-          }
-        }
-        fetchClaims={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "claim",
-                        "key": "claim",
-                        "render": [Function],
-                        "title": "Claim",
-                        "width": "30%",
-                      },
-                      Object {
-                        "dataIndex": "claimant",
-                        "key": "claimant",
-                        "title": "Claimant",
-                        "width": "20%",
-                      },
-                      Object {
-                        "dataIndex": "rating",
-                        "key": "rating",
-                        "title": "Rating",
-                        "width": "20%",
-                      },
-                      Object {
-                        "dataIndex": "claim_date",
-                        "render": [Function],
-                        "title": "Claim Date",
-                        "width": "20%",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  loading={false}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 0,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered ant-table-empty"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "claim",
-                                  "key": "claim",
-                                  "render": [Function],
-                                  "title": "Claim",
-                                  "width": "30%",
-                                },
-                                Object {
-                                  "dataIndex": "claimant",
-                                  "key": "claimant",
-                                  "title": "Claimant",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "rating",
-                                  "key": "rating",
-                                  "title": "Rating",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "dataIndex": "claim_date",
-                                  "render": [Function],
-                                  "title": "Claim Date",
-                                  "width": "20%",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={Array []}
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 30%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 20%;"
-                                        />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claim
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claimant
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Rating
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Claim Date
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-placeholder"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                            colspan="5"
-                                          >
-                                            <div
-                                              class="ant-empty ant-empty-normal"
-                                            >
-                                              <div
-                                                class="ant-empty-image"
-                                              >
-                                                <svg
-                                                  class="ant-empty-img-simple"
-                                                  height="41"
-                                                  viewBox="0 0 64 41"
-                                                  width="64"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <g
-                                                    fill="none"
-                                                    fill-rule="evenodd"
-                                                    transform="translate(0 1)"
-                                                  >
-                                                    <ellipse
-                                                      class="ant-empty-img-simple-ellipse"
-                                                      cx="32"
-                                                      cy="33"
-                                                      rx="32"
-                                                      ry="7"
-                                                    />
-                                                    <g
-                                                      class="ant-empty-img-simple-g"
-                                                      fill-rule="nonzero"
-                                                    >
-                                                      <path
-                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                      />
-                                                      <path
-                                                        class="ant-empty-img-simple-path"
-                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                      />
-                                                    </g>
-                                                  </g>
-                                                </svg>
-                                              </div>
-                                              <div
-                                                class="ant-empty-description"
-                                              >
-                                                No Data
-                                              </div>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered ant-table-empty",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "claim",
-                                        "key": "claim",
-                                        "render": [Function],
-                                        "title": "Claim",
-                                        "width": "30%",
-                                      },
-                                      Object {
-                                        "dataIndex": "claimant",
-                                        "key": "claimant",
-                                        "title": "Claimant",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "dataIndex": "rating",
-                                        "key": "rating",
-                                        "title": "Rating",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "dataIndex": "claim_date",
-                                        "render": [Function],
-                                        "title": "Claim Date",
-                                        "width": "20%",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [],
-                                    "dataSource": undefined,
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 30%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 20%;"
-                                              />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claim
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claimant
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Rating
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Claim Date
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-placeholder"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                  colspan="5"
-                                                >
-                                                  <div
-                                                    class="ant-empty ant-empty-normal"
-                                                  >
-                                                    <div
-                                                      class="ant-empty-image"
-                                                    >
-                                                      <svg
-                                                        class="ant-empty-img-simple"
-                                                        height="41"
-                                                        viewBox="0 0 64 41"
-                                                        width="64"
-                                                        xmlns="http://www.w3.org/2000/svg"
-                                                      >
-                                                        <g
-                                                          fill="none"
-                                                          fill-rule="evenodd"
-                                                          transform="translate(0 1)"
-                                                        >
-                                                          <ellipse
-                                                            class="ant-empty-img-simple-ellipse"
-                                                            cx="32"
-                                                            cy="33"
-                                                            rx="32"
-                                                            ry="7"
-                                                          />
-                                                          <g
-                                                            class="ant-empty-img-simple-g"
-                                                            fill-rule="nonzero"
-                                                          >
-                                                            <path
-                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                            />
-                                                            <path
-                                                              class="ant-empty-img-simple-path"
-                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                            />
-                                                          </g>
-                                                        </g>
-                                                      </svg>
-                                                    </div>
-                                                    <div
-                                                      class="ant-empty-description"
-                                                    >
-                                                      No Data
-                                                    </div>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 0,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            "30%",
-                                            "20%",
-                                            "20%",
-                                            "20%",
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "fixed": undefined,
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "fixed": undefined,
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "fixed": undefined,
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "fixed": undefined,
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": "30%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": "20%",
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "claim",
-                                              "fixed": undefined,
-                                              "key": "claim",
-                                              "render": [Function],
-                                              "title": "Claim",
-                                              "width": "30%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claimant",
-                                              "fixed": undefined,
-                                              "key": "claimant",
-                                              "title": "Claimant",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "rating",
-                                              "fixed": undefined,
-                                              "key": "rating",
-                                              "title": "Rating",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "dataIndex": "claim_date",
-                                              "fixed": undefined,
-                                              "render": [Function],
-                                              "title": "Claim Date",
-                                              "width": "20%",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Claim",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "claim",
-                                                    "key": "claim",
-                                                    "render": [Function],
-                                                    "title": "Claim",
-                                                    "width": "30%",
-                                                  },
-                                                  "key": "claim",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Claimant",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "claimant",
-                                                    "key": "claimant",
-                                                    "title": "Claimant",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "claimant",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Rating",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "rating",
-                                                    "key": "rating",
-                                                    "title": "Rating",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": "rating",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Claim Date",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "claim_date",
-                                                    "render": [Function],
-                                                    "title": "Claim Date",
-                                                    "width": "20%",
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "claim",
-                                                  "fixed": undefined,
-                                                  "key": "claim",
-                                                  "render": [Function],
-                                                  "title": "Claim",
-                                                  "width": "30%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claimant",
-                                                  "fixed": undefined,
-                                                  "key": "claimant",
-                                                  "title": "Claimant",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "rating",
-                                                  "fixed": undefined,
-                                                  "key": "rating",
-                                                  "title": "Rating",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "dataIndex": "claim_date",
-                                                  "fixed": undefined,
-                                                  "render": [Function],
-                                                  "title": "Claim Date",
-                                                  "width": "20%",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claim",
-                                                    "key": "claim",
-                                                    "render": [Function],
-                                                    "title": "Claim",
-                                                    "width": "30%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claim"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claim
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claimant",
-                                                    "key": "claimant",
-                                                    "title": "Claimant",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claimant"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claimant
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "rating",
-                                                    "key": "rating",
-                                                    "title": "Rating",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="rating"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Rating
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "claim_date",
-                                                    "render": [Function],
-                                                    "title": "Claim Date",
-                                                    "width": "20%",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="claim_date"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Claim Date
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={Array []}
-                                        emptyNode={
-                                          <Context.Consumer>
-                                            [Function]
-                                          </Context.Consumer>
-                                        }
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <ExpandedRow
-                                            cellComponent="td"
-                                            className="ant-table-placeholder"
-                                            colSpan={5}
-                                            component="tr"
-                                            componentWidth={0}
-                                            expanded={true}
-                                            fixColumn={false}
-                                            horizonScroll={false}
-                                            prefixCls="ant-table"
-                                          >
-                                            <tr
-                                              className="ant-table-placeholder"
-                                              style={
-                                                Object {
-                                                  "display": null,
-                                                }
-                                              }
-                                            >
-                                              <Cell
-                                                colSpan={5}
-                                                component="td"
-                                                prefixCls="ant-table"
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={5}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Empty
-                                                    image={<Simple />}
-                                                  >
-                                                    <LocaleReceiver
-                                                      componentName="Empty"
-                                                    >
-                                                      <div
-                                                        className="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          className="ant-empty-image"
-                                                        >
-                                                          <Simple>
-                                                            <svg
-                                                              className="ant-empty-img-simple"
-                                                              height="41"
-                                                              viewBox="0 0 64 41"
-                                                              width="64"
-                                                              xmlns="http://www.w3.org/2000/svg"
-                                                            >
-                                                              <g
-                                                                fill="none"
-                                                                fillRule="evenodd"
-                                                                transform="translate(0 1)"
-                                                              >
-                                                                <ellipse
-                                                                  className="ant-empty-img-simple-ellipse"
-                                                                  cx="32"
-                                                                  cy="33"
-                                                                  rx="32"
-                                                                  ry="7"
-                                                                />
-                                                                <g
-                                                                  className="ant-empty-img-simple-g"
-                                                                  fillRule="nonzero"
-                                                                >
-                                                                  <path
-                                                                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                  />
-                                                                  <path
-                                                                    className="ant-empty-img-simple-path"
-                                                                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                  />
-                                                                </g>
-                                                              </g>
-                                                            </svg>
-                                                          </Simple>
-                                                        </div>
-                                                        <div
-                                                          className="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </LocaleReceiver>
-                                                  </Empty>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </ExpandedRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </ClaimList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/claims/hooks/useClaimsData.tsx b/studio/src/pages/claims/hooks/useClaimsData.tsx
new file mode 100644
index 000000000..977b2bf3d
--- /dev/null
+++ b/studio/src/pages/claims/hooks/useClaimsData.tsx
@@ -0,0 +1,75 @@
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import { ClaimFilters, ClaimListData } from "../types";
+
+export const useClaimsData = (
+  filters: ClaimFilters,
+  searchText: string
+): ClaimListData => {
+  const { claims, total, loading } = useSelector((state: any) => {
+    const node = state.claims.req.find((item: any) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node) {
+      const list = node.data.map((element: string) => {
+        const originalClaim = state.claims.details[element];
+        return {
+          ...originalClaim,
+          claimant:
+            state.claimants.details[originalClaim.claimant_id]?.name || "",
+          rating: state.ratings.details[originalClaim.rating_id]?.name || "",
+        };
+      });
+
+      return {
+        claims: list,
+        total: node.total,
+        loading: state.claims.loading,
+      };
+    }
+    return { claims: [], total: 0, loading: state.claims.loading };
+  });
+
+  // Filter and sort claims based on parameters
+  const sortedClaims = useMemo(() => {
+    if (!claims) return [];
+    const sortableClaims = [...claims];
+    return sortableClaims.sort((a, b) => {
+      if (filters.sortBy === "claim") {
+        // Sort alphabetically by claim text
+        const aText = a.claim || "";
+        const bText = b.claim || "";
+        const comparison = aText.localeCompare(bText);
+        return filters.sort === "asc" ? comparison : -comparison;
+      } else {
+        // Sort by claim date (default)
+        const dateA = new Date(a.claim_date || "").getTime();
+        const dateB = new Date(b.claim_date || "").getTime();
+        return filters.sort === "asc"
+          ? dateA - dateB // Oldest first
+          : dateB - dateA; // Newest first
+      }
+    });
+  }, [claims, filters.sort, filters.sortBy]);
+
+  const filteredClaims = useMemo(() => {
+    if (!searchText.trim()) {
+      return sortedClaims;
+    }
+
+    return sortedClaims.filter(
+      (claim) =>
+        claim.claim?.toLowerCase().includes(searchText.toLowerCase()) ||
+        claim.claimant?.toLowerCase().includes(searchText.toLowerCase()) ||
+        claim.rating?.toLowerCase().includes(searchText.toLowerCase())
+    );
+  }, [sortedClaims, searchText]);
+
+  return {
+    claims: filteredClaims,
+    total: total,
+    loading: loading,
+  };
+};
diff --git a/studio/src/pages/claims/hooks/useClaimsPagination.tsx b/studio/src/pages/claims/hooks/useClaimsPagination.tsx
new file mode 100644
index 000000000..28dffcdbd
--- /dev/null
+++ b/studio/src/pages/claims/hooks/useClaimsPagination.tsx
@@ -0,0 +1,43 @@
+import { useMemo } from "react";
+import { ClaimFilters } from "../types";
+
+export const useClaimsPagination = (
+  filters: ClaimFilters,
+  setFilters: (filters: ClaimFilters) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(total / filters.limit)),
+    [total, filters.limit]
+  );
+
+  const handlePageChange = (page: number) => {
+    setFilters({
+      ...filters,
+      page,
+    });
+  };
+
+  const handlePageSizeChange = (limit: number) => {
+    setFilters({
+      ...filters,
+      page: 1,
+      limit,
+    });
+  };
+
+  const onPagination = (page: number, limit: number) => {
+    handlePageChange(page);
+    if (limit !== filters.limit) {
+      handlePageSizeChange(limit);
+    }
+  };
+
+  return {
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+    onPagination,
+  };
+};
diff --git a/studio/src/pages/claims/hooks/useClaimsStatus.tsx b/studio/src/pages/claims/hooks/useClaimsStatus.tsx
new file mode 100644
index 000000000..c708b0503
--- /dev/null
+++ b/studio/src/pages/claims/hooks/useClaimsStatus.tsx
@@ -0,0 +1,15 @@
+
+import { useSelector } from "react-redux";
+
+export const useClaimsStatus = () => {
+  return useSelector(({ claimants, ratings }: any) => {
+    return {
+      claimantsCount: claimants?.req?.[0]?.data
+        ? claimants?.req?.[0]?.data.length
+        : 0,
+      ratingsCount: Object.keys(ratings.details).length,
+      claimantsLoading: claimants.loading,
+      ratingsLoading: ratings.loading,
+    };
+  });
+};
diff --git a/studio/src/pages/claims/index.js b/studio/src/pages/claims/index.js
deleted file mode 100644
index f44c36869..000000000
--- a/studio/src/pages/claims/index.js
+++ /dev/null
@@ -1,322 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect } from 'react';
-import {
-  Space,
-  Button,
-  Row,
-  Col,
-  Form,
-  Input,
-  Select,
-  Typography,
-  Tooltip,
-  ConfigProvider,
-  Result,
-} from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import ClaimList from './components/ClaimList';
-import { useDispatch, useSelector } from 'react-redux';
-import deepEqual from 'deep-equal';
-import Selector from '../../components/Selector';
-import { getClaims } from '../../actions/claims';
-import getUrlParams from '../../utils/getUrlParams';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-import Filters from '../../utils/filters';
-import { getRatings } from '../../actions/ratings';
-import { getClaimants } from '../../actions/claimants';
-
-const { Option } = Select;
-
-function Claims({ permission }) {
-  const { actions } = permission;
-  const dispatch = useDispatch();
-  const { search } = useLocation();
-  const history = useNavigate();
-  const query = new URLSearchParams(search);
-  const [searchFieldExpand, setSearchFieldExpand] = React.useState(false);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth < 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const keys = ['page', 'limit', 'q', 'sort', 'rating', 'claimant'];
-  const params = getUrlParams(query, keys);
-
-  const [form] = Form.useForm();
-
-  useEffect(() => {
-    if (form) form.setFieldsValue(new Filters(params));
-  }, [search]);
-
-  useEffect(() => {
-    fetchClaims();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [search]);
-  const fetchClaims = () => {
-    dispatch(getClaims(params));
-  };
-
-  React.useEffect(() => {
-    fetchClaimants();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const fetchClaimants = () => {
-    dispatch(getClaimants());
-  };
-
-  useEffect(() => {
-    fetchRatings();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const fetchRatings = () => {
-    dispatch(getRatings());
-  };
-
-  const { claimantsCount, ratingsCount, claimantsLoading, ratingsLoading } = useSelector(
-    ({ claimants, ratings }) => {
-      return {
-        claimantsCount: claimants?.req?.[0]?.data ? claimants?.req?.[0]?.data.length : 0,
-        ratingsCount: Object.keys(ratings.details).length,
-        claimantsLoading: claimants.loading,
-        ratingsLoading: ratings.loading,
-      };
-    },
-  );
-
-  const { claims, total, loading } = useSelector((state) => {
-    const node = state.claims.req.find((item) => {
-      return deepEqual(item.query, params);
-    });
-
-    if (node) {
-      const list = node.data.map((element) => {
-        let claim = state.claims.details[element];
-        claim.claimant = state.claimants.details[claim.claimant_id]?.name;
-        claim.rating = state.ratings.details[claim.rating_id]?.name;
-        return claim;
-      });
-      return {
-        claims: list,
-        total: node.total,
-        loading: state.claims.loading,
-      };
-    }
-    return { claims: [], total: 0, loading: state.claims.loading };
-  });
-
-  const onSave = (values) => {
-    let searchFilter = new URLSearchParams();
-    Object.keys(values).forEach(function (key) {
-      if (values[key]) {
-        if (key === 'rating' || key === 'claimant') {
-          values[key].map((each) => {
-            return searchFilter.append(key, each);
-          });
-        } else {
-          searchFilter.set(key, values[key]);
-        }
-      }
-    });
-
-    history({
-      pathName: '/claims',
-      search: '?' + searchFilter.toString(),
-    });
-  };
-
-  const onPagination = (page, limit) => {
-    query.set('limit', limit);
-    query.set('page', page);
-    history({
-      pathName: '/claims',
-      search: '?' + query.toString(),
-    });
-  };
-
-  if (
-    (!loading && !claimantsLoading && claimantsCount === 0) ||
-    (!ratingsLoading && ratingsCount === 0)
-  ) {
-    const isRatingsCountZero = !ratingsLoading && ratingsCount === 0;
-    const isClaimantsCountZero = !claimantsLoading && claimantsCount === 0;
-
-    const title =
-      isClaimantsCountZero && isRatingsCountZero
-        ? 'No claimants and ratings found'
-        : isClaimantsCountZero
-        ? 'No claimants found'
-        : 'No ratings found';
-
-    const subTitle =
-      isClaimantsCountZero && isRatingsCountZero
-        ? 'Create claimants and ratings first to create claims'
-        : isClaimantsCountZero
-        ? 'Create claimants to first to create claims'
-        : 'Create ratings first to create claims';
-
-    const extra =
-      isClaimantsCountZero && isRatingsCountZero ? (
-        <Row justify="center" gutter={16}>
-          <Col>
-            <Link to="/claimants/create">
-              <Button type="primary">Create claimant</Button>
-            </Link>
-          </Col>
-          <Col>
-            <Link to="/ratings/create">
-              <Button type="primary">Create Ratings</Button>
-            </Link>
-          </Col>
-        </Row>
-      ) : isClaimantsCountZero ? (
-        <Link to="/claimants/create">
-          <Button type="primary">Create claimant</Button>
-        </Link>
-      ) : (
-        <Link to="/ratings/create">
-          <Button type="primary">Create Ratings</Button>
-        </Link>
-      );
-
-    return <Result status={'403'} title={title} subTitle={subTitle} extra={extra} />;
-  }
-
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Claims'} />
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 0,
-            },
-          },
-        }}
-      >
-        <Form
-          initialValues={params}
-          form={form}
-          name="filters"
-          onFinish={(values) => onSave(values)}
-          style={{ maxWidth: '100%' }}
-          onValuesChange={(changedValues, allValues) => {
-            if (!changedValues.q) {
-              onSave(allValues);
-            }
-          }}
-        >
-          <Row justify="space-between" gutter={16}>
-            <Col>
-              <Row gutter={16}>
-                <Col>
-                  <Typography.Title
-                    level={3}
-                    style={{ margin: 0, display: 'inline', color: '#1E1E1E' }}
-                  >
-                    Claims
-                  </Typography.Title>
-                </Col>
-                <Col>
-                  {searchFieldExpand ? (
-                    <Row>
-                      <Form.Item name="q">
-                        <Input placeholder="Search pages" />
-                      </Form.Item>
-                      <Form.Item>
-                        <Button htmlType="submit" icon={<SearchOutlined />}>
-                          Search
-                        </Button>
-                      </Form.Item>
-                    </Row>
-                  ) : (
-                    <Tooltip title="search">
-                      <Button
-                        shape="circle"
-                        type="text"
-                        onFocus={() => {
-                          setSearchFieldExpand(true);
-                          setTimeout(() => {
-                            form.getFieldsValue().q === undefined && setSearchFieldExpand(false);
-                          }, 10000);
-                        }}
-                        icon={<SearchOutlined />}
-                      />
-                    </Tooltip>
-                  )}
-                </Col>
-              </Row>
-            </Col>
-            <Col span={isMobileScreen ? 24 : 16}>
-              <Row justify="end" gutter={16}>
-                <Col span={24}>
-                  <Row justify="end">
-                    <Link to="/claims/create">
-                      <Button
-                        disabled={!(actions.includes('admin') || actions.includes('create'))}
-                        type="primary"
-                        icon={<PlusOutlined />}
-                        style={{ marginBottom: 16 }}
-                      >
-                        Create
-                      </Button>
-                    </Link>
-                  </Row>
-                  <Row gutter={[16, 12]} justify={isMobileScreen ? 'space-between' : 'end'}>
-                    <Col span={isMobileScreen ? 24 : 8}>
-                      <Form.Item name="claimant" label="Claimants">
-                        <Selector mode="multiple" action="Claimants" />
-                      </Form.Item>
-                    </Col>
-                    <Col span={isMobileScreen ? 24 : 8}>
-                      <Form.Item name="rating" label="Ratings">
-                        <Selector mode="multiple" action="Ratings" />
-                      </Form.Item>
-                    </Col>
-
-                    <Col span={isMobileScreen ? 12 : 6}>
-                      <Form.Item label="Sort By" name="sort">
-                        <Select placeholder="Sort By" defaultValue="desc" style={{ width: '90%' }}>
-                          <Option value="desc" key={'desc'}>
-                            Latest
-                          </Option>
-                          <Option value="asc" key={'asc'}>
-                            Old
-                          </Option>
-                        </Select>
-                      </Form.Item>
-                    </Col>
-                  </Row>
-                </Col>
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-      <ClaimList
-        actions={actions}
-        data={{ claims: claims, total: total, loading: loading }}
-        filters={params}
-        fetchClaims={fetchClaims}
-        onPagination={onPagination}
-      />
-    </Space>
-  );
-}
-
-export default Claims;
diff --git a/studio/src/pages/claims/index.test.js b/studio/src/pages/claims/index.test.js
deleted file mode 100644
index 50e7c5d84..000000000
--- a/studio/src/pages/claims/index.test.js
+++ /dev/null
@@ -1,473 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Claims from './index';
-import { mount } from 'enzyme';
-import { getClaims } from '../../actions/claims';
-import { Table } from 'antd';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-}));
-
-jest.mock('../../actions/claims', () => ({
-  getClaims: jest.fn(),
-}));
-let state = {
-  claims: {
-    req: [
-      {
-        data: [1],
-        query: {},
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-07-17T10:14:44.251814Z',
-        updated_at: '2020-07-17T10:14:44.251814Z',
-        checked_date: '2020-07-17T10:14:44.251814Z',
-        claim_date: '2020-07-17T10:14:44.251814Z',
-        deleted_at: null,
-        name: 'claim-1',
-        slug: 'claim-1',
-        description: '',
-        claimant_id: 1,
-        rating_id: 1,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  claimants: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        name: 'TOI',
-        slug: 'toi',
-        description: {
-          time: 1613556798273,
-          blocks: [{ type: 'header', data: { text: 'Description', level: 2 } }],
-          version: '2.19.0',
-        },
-        tag_line: 'tag line',
-        claimant_date: '2017-12-12',
-      },
-    },
-    loading: false,
-  },
-  ratings: {
-    req: [],
-    details: {
-      1: {
-        id: 1,
-        name: 'True',
-        slug: 'true',
-        description: {
-          time: 1613559903378,
-          blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-          version: '2.19.0',
-        },
-        numeric_value: 5,
-      },
-    },
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-};
-
-let cachedQueryState = {
-  claims: {
-    req: [
-      {
-        data: [2, 1],
-        query: {
-          sort: 'desc',
-          limit: 10,
-          page: 1,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-07-17T10:14:44.251814Z',
-        updated_at: '2020-07-17T10:14:44.251814Z',
-        checked_date: '2020-07-17T10:14:44.251814Z',
-        claim_date: '2020-07-17T10:14:44.251814Z',
-        deleted_at: null,
-        name: 'claim-1',
-        slug: 'claim-1',
-        description: '',
-        claimant_id: 1,
-        rating_id: 1,
-        space_id: 1,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-08-17T10:14:44.251814Z',
-        updated_at: '2020-08-17T10:14:44.251814Z',
-        checked_date: '2020-08-17T10:14:44.251814Z',
-        claim_date: '2020-0-17T10:14:44.251814Z',
-        deleted_at: null,
-        name: 'claim-2',
-        slug: 'claim-2',
-        description: '',
-        claimant_id: 1,
-        rating_id: 1,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  claimants: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        name: 'TOI',
-        slug: 'toi',
-        description: {
-          time: 1613556798273,
-          blocks: [{ type: 'header', data: { text: 'Description', level: 2 } }],
-          version: '2.19.0',
-        },
-        tag_line: 'tag line',
-        claimant_date: '2017-12-12',
-      },
-    },
-    loading: false,
-  },
-  ratings: {
-    req: [],
-    details: {
-      1: {
-        id: 1,
-        name: 'True',
-        slug: 'true',
-        description: {
-          time: 1613559903378,
-          blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-          version: '2.19.0',
-        },
-        numeric_value: 5,
-      },
-    },
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-};
-
-describe('Claims List component', () => {
-  let store;
-  let mockedDispatch;
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore(state);
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      let state2 = {
-        claims: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        claimants: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'TOI',
-              slug: 'toi',
-              description: {
-                time: 1613556798273,
-                blocks: [{ type: 'header', data: { text: 'Description', level: 2 } }],
-                version: '2.19.0',
-              },
-              tag_line: 'tag line',
-              claimant_date: '2017-12-12',
-            },
-          },
-          loading: false,
-        },
-        ratings: {
-          req: [],
-          details: {
-            1: {
-              id: 1,
-              name: 'True',
-              slug: 'true',
-              description: {
-                time: 1613559903378,
-                blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-                version: '2.19.0',
-              },
-              numeric_value: 5,
-            },
-          },
-          loading: true,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-      };
-      store = mockStore(state2);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Claims permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Claims permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getClaims).toHaveBeenCalledWith({
-        limit: 10,
-        page: 1,
-        sort: 'desc',
-      });
-    });
-    it('should render loader component', () => {
-      const loadingState = {
-        ...state,
-        claims: {
-          ...state.claims,
-          loading: true,
-        },
-      };
-      store = mockStore(loadingState);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Claims permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with cached query data', () => {
-      store = mockStore(cachedQueryState);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Claims permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle url search params', () => {
-      let wrapper;
-      window.history.pushState({}, '', '/claims?limit=20&page=1&sort=desc&claimant=1');
-      const state2 = { ...state };
-      state2.claims = {
-        req: [
-          {
-            data: [1],
-            query: {},
-            total: 1,
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            created_at: '2020-07-17T10:14:44.251814Z',
-            updated_at: '2020-07-17T10:14:44.251814Z',
-            checked_date: '2020-07-17T10:14:44.251814Z',
-            claim_date: '2020-07-17T10:14:44.251814Z',
-            deleted_at: null,
-            name: 'claim-1',
-            slug: 'claim-1',
-            description: '',
-            claimant_id: 1,
-            rating_id: 1,
-            space_id: 1,
-          },
-        },
-        loading: false,
-      };
-      const store2 = mockStore(state2);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Claims permission={{ actions: ['create'] }} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(getClaims).toHaveBeenCalledWith({ page: 1, limit: 20, sort: 'desc', claimant: [1] });
-    });
-    it('should change the page', () => {
-      let wrapper;
-      wrapper = mount(
-        <Provider store={store}>
-          <Router>
-            <Claims permission={{ actions: ['update', 'delete'] }} />
-          </Router>
-        </Provider>,
-      );
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should submit filters', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Claims permission={{ actions: ['update', 'delete'] }} />
-            </Router>
-          </Provider>,
-        );
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'fact check' } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 'asc' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [1] } });
-        wrapper
-          .find('FormItem')
-          .at(3)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [] } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(getClaims).toHaveBeenCalledWith({
-          page: 1,
-          limit: 5,
-          q: 'fact check',
-          rating: [1],
-          claimant: [1],
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/claims/index.tsx b/studio/src/pages/claims/index.tsx
new file mode 100644
index 000000000..ef09af431
--- /dev/null
+++ b/studio/src/pages/claims/index.tsx
@@ -0,0 +1,238 @@
+import { useEffect, useState } from "react";
+import { useLocation } from "react-router-dom";
+import { Helmet } from "react-helmet";
+import { PlusCircle } from "lucide-react";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { Button } from "@/components/ui/button";
+// Custom components
+import ClaimList from "./components/ClaimList";
+import SearchInput from "@/components/SearchInput";
+import FiltersPopover from "./components/FiltersPopover";
+import PaginationFooter from "@/components/PaginationFooter";
+import MissingRequirementsAlert from "./components/MissingRequirementsAlert";
+// Actions and hooks
+import { getClaims } from "../../actions/claims";
+import { getRatings } from "../../actions/ratings";
+import { getClaimants } from "../../actions/claimants";
+import { useForm } from "react-hook-form";
+import { useClaimsData } from "./hooks/useClaimsData";
+import { useClaimsStatus } from "./hooks/useClaimsStatus";
+import { useClaimsPagination } from "./hooks/useClaimsPagination";
+import { ClaimFilters, FormValues } from "./types";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import SearchButton from "@/components/SearchButton";
+import SecuredButton from "@/components/SecuredButton";
+
+function Claims() {
+  const dispatch = useAppDispatch();
+  const isMobile = useIsMobile();
+  const { search } = useLocation();
+  const query = new URLSearchParams(search);
+  const [searchText, setSearchText] = useState("");
+  const [isFiltersOpen, setIsFiltersOpen] = useState(false);
+  const [filters, setFilters] = useState<ClaimFilters>({
+    page: 1,
+    limit: 20,
+    rating: [],
+    claimant: [],
+    sortBy: "date",
+  });
+  const [isSearchExpanded, setIsSearchExpanded] = useState(!!query.get("q"));
+
+  useEffect(() => {
+    if (searchText && isMobile && !isSearchExpanded) {
+      setIsSearchExpanded(true);
+    }
+  }, [searchText, isMobile, isSearchExpanded]);
+
+  // Initialize form
+  const form = useForm<FormValues>({
+    defaultValues: {
+      q: "",
+      sortBy: filters.sortBy,
+      rating: filters.rating,
+      claimant: filters.claimant,
+    },
+  });
+
+  // Fetch initial data
+  useEffect(() => {
+    dispatch(getClaims(filters));
+    dispatch(getClaimants({ limit: 100 }));
+    dispatch(getRatings({ limit: 100 }));
+  }, [dispatch, filters]);
+
+  const toggleSearch = () => {
+    setIsSearchExpanded(!isSearchExpanded);
+  };
+
+  // Use custom hooks
+  const { claimantsCount, ratingsCount, claimantsLoading, ratingsLoading } =
+    useClaimsStatus();
+  const { claims, total, loading } = useClaimsData(filters, searchText);
+  const { totalPages, handlePageChange, handlePageSizeChange, onPagination } =
+    useClaimsPagination(filters, setFilters, total);
+
+  const clearSearch = () => {
+    setSearchText("");
+  };
+
+  const onSave = (values: FormValues) => {
+    // Update local state with form values
+    setFilters({
+      ...filters,
+      page: 1, // Reset to page 1 when applying new filters
+      rating: values.rating || [],
+      claimant: values.claimant || [],
+      sortBy: values.sortBy || "date",
+    });
+    setIsFiltersOpen(false);
+  };
+
+  const handleSortByChange = (column: string) => {
+    setFilters({
+      ...filters,
+      sortBy: column,
+    });
+  };
+
+  // Check if any filters are applied
+  const hasActiveFilters = () => {
+    return !!(
+      filters.rating.length > 0 ||
+      filters.claimant.length > 0 ||
+      filters.sortBy !== "date"
+    );
+  };
+
+  const handleCreateClaim = () => {
+    window.location.href = "/claims/create";
+  };
+
+  // Show missing requirements alert if needed
+  if (
+    (!loading && !claimantsLoading && claimantsCount === 0) ||
+    (!ratingsLoading && ratingsCount === 0)
+  ) {
+    return (
+      <MissingRequirementsAlert
+        claimantsCount={claimantsCount}
+        ratingsCount={ratingsCount}
+        claimantsLoading={claimantsLoading}
+        ratingsLoading={ratingsLoading}
+      />
+    );
+  }
+
+  return (
+    <div className="flex flex-col h-full gap-6">
+      <Helmet title="Claims" />
+
+      {/* Header */}
+      {isMobile ? (
+        <div className="space-y-4 flex justify-between items-center">
+          {isMobile && (
+            <div className="flex flex-col">
+              <MobileBreadcrumb
+                currentPage="Claims"
+                parentLabel="Fact Checking"
+              />
+              {isMobile && <h1 className="text-xl font-semibold">Claims</h1>}
+            </div>
+          )}
+          <div className="flex gap-2 items-center">
+            <div>
+              <SearchButton onClick={toggleSearch} />
+            </div>
+            <div className="flex items-center gap-2 ml-2">
+              <FiltersPopover
+                form={form}
+                onSave={onSave}
+                hasActiveFilters={hasActiveFilters()}
+                isOpen={isFiltersOpen}
+                setIsOpen={setIsFiltersOpen}
+              />
+              <SecuredButton
+                size="sm"
+                className="flex items-center"
+                onClick={handleCreateClaim}
+              >
+                <PlusCircle className="h-4 w-4" />
+              </SecuredButton>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <div className="flex justify-between items-center">
+          <div className="flex items-center gap-4 flex-1">
+            <SearchInput
+              searchText={searchText}
+              setSearchText={setSearchText}
+              handleSearchSubmit={() => {}}
+              clearSearch={clearSearch}
+              autoFocus={false}
+            />
+            <FiltersPopover
+              form={form}
+              onSave={onSave}
+              hasActiveFilters={hasActiveFilters()}
+              isOpen={isFiltersOpen}
+              setIsOpen={setIsFiltersOpen}
+            />
+          </div>
+          <SecuredButton
+            size="lg"
+            className="flex items-center gap-2 py-2"
+            onClick={handleCreateClaim}
+          >
+            <PlusCircle className="h-4 w-4" />
+            <span>Create Claim</span>
+          </SecuredButton>
+        </div>
+      )}
+      {isSearchExpanded && isMobile && (
+        <div className="w-full">
+          <SearchInput
+            searchText={searchText}
+            setSearchText={setSearchText}
+            handleSearchSubmit={() => {}}
+            clearSearch={clearSearch}
+            autoFocus={true}
+          />
+        </div>
+      )}
+
+      {/* Content */}
+      <div className="flex-1 overflow-scroll">
+        <ClaimList
+          data={{
+            claims,
+            total,
+            loading,
+          }}
+          filters={{
+            page: filters.page,
+            limit: filters.limit,
+          }}
+          fetchClaims={() => dispatch(getClaims(filters))}
+          onPagination={onPagination}
+          sortBy={filters.sortBy}
+          onSortByChange={handleSortByChange}
+        />
+      </div>
+
+      {/* Footer with Pagination */}
+      <PaginationFooter
+        currentPage={filters.page}
+        totalPages={totalPages}
+        totalItems={total}
+        pageSize={filters.limit}
+        onPageChange={handlePageChange}
+        onPageSizeChange={handlePageSizeChange}
+      />
+    </div>
+  );
+}
+
+export default Claims;
diff --git a/studio/src/pages/claims/types.ts b/studio/src/pages/claims/types.ts
new file mode 100644
index 000000000..5be031b78
--- /dev/null
+++ b/studio/src/pages/claims/types.ts
@@ -0,0 +1,96 @@
+// Source and claim related interfaces
+export interface ClaimSource {
+  url: string;
+  description: string;
+}
+
+export interface ReviewSource {
+  url: string;
+  description: string;
+}
+
+// Form values interface
+export interface ClaimFormValues {
+  id?: number | string;
+  claim: string;
+  slug: string;
+  fact?: string;
+  claimant: number;
+  claimant_id?: number;
+  rating: number;
+  rating_id?: number;
+  claim_date?: Date | null;
+  checked_date?: Date | null;
+  description_html?: string;
+  claim_sources?: ClaimSource[];
+  review_sources?: ReviewSource[];
+  meta_fields?: string;
+}
+
+// Formatted values interface with string dates
+export interface FormattedClaimValues
+  extends Omit<ClaimFormValues, "claim_date" | "checked_date"> {
+  claim_date?: string | null;
+  checked_date?: string | null;
+}
+
+// Component props interface
+export interface ClaimFormProps {
+  onCreate: (values: FormattedClaimValues) => void;
+  data?: Partial<ClaimFormValues>;
+}
+
+export interface FormValues {
+  q?: string;
+  rating?: string[];
+  claimant?: string[];
+  sortBy?: string;
+  [key: string]: any;
+}
+
+export interface ClaimFilters {
+  page: number;
+  limit: number;
+  rating: string[];
+  claimant: string[];
+  sortBy: string;
+  [key: string]: any;
+}
+
+export interface Claim {
+  id: string | number;
+  claim: string;
+  claimant: string;
+  claimant_id: string | number;
+  rating: string;
+  rating_id: string | number;
+  claim_date: string;
+  [key: string]: any;
+}
+
+export interface ClaimListData {
+  claims: Claim[];
+  total: number;
+  loading: boolean;
+}
+
+export interface ClaimListProps {
+  data: ClaimListData;
+  filters: {
+    page: number;
+    limit: number;
+  };
+  fetchClaims: () => void;
+  onPagination: (page: number, limit: number) => void;
+  sortBy?: string;
+  onSortByChange?: (column: string) => void;
+  isMobile?: boolean;
+}
+
+export interface FiltersPopoverProps {
+  form: any;
+  onSave: (values: FormValues) => void;
+  hasActiveFilters: boolean;
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+}
diff --git a/studio/src/pages/dashboard/__snapshots__/index.test.js.snap b/studio/src/pages/dashboard/__snapshots__/index.test.js.snap
deleted file mode 100644
index 76ef08ecc..000000000
--- a/studio/src/pages/dashboard/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,1420 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Dashboard component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Dashboard>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Dashboard"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Dashboard"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Dashboard"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Title
-                  level={2}
-                >
-                  <Base
-                    component="h2"
-                  >
-                    <LocaleReceiver
-                      componentName="Text"
-                    >
-                      <ResizeObserver
-                        disabled={true}
-                        onResize={[Function]}
-                      >
-                        <Typography
-                          className=""
-                          component="h2"
-                          style={
-                            Object {
-                              "WebkitLineClamp": undefined,
-                            }
-                          }
-                        >
-                          <h2
-                            className="ant-typography"
-                            style={
-                              Object {
-                                "WebkitLineClamp": undefined,
-                              }
-                            }
-                          >
-                            Dashboard
-                          </h2>
-                        </Typography>
-                      </ResizeObserver>
-                    </LocaleReceiver>
-                  </Base>
-                </Title>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  gutter={
-                    Array [
-                      16,
-                      16,
-                    ]
-                  }
-                  justify="start"
-                >
-                  <div
-                    className="ant-row ant-row-start"
-                    style={
-                      Object {
-                        "marginBottom": -8,
-                        "marginLeft": -8,
-                        "marginRight": -8,
-                        "marginTop": -8,
-                      }
-                    }
-                  >
-                    <Col>
-                      <div
-                        className="ant-col"
-                        style={
-                          Object {
-                            "paddingBottom": 8,
-                            "paddingLeft": 8,
-                            "paddingRight": 8,
-                            "paddingTop": 8,
-                          }
-                        }
-                      >
-                        <Card
-                          className="stats-wrapper"
-                          size="small"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-card ant-card-bordered ant-card-small stats-wrapper"
-                            style={
-                              Object {
-                                "background": "#f0f2f5",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-card-body"
-                              style={Object {}}
-                            >
-                              <Row
-                                gutter={
-                                  Array [
-                                    16,
-                                    16,
-                                  ]
-                                }
-                              >
-                                <div
-                                  className="ant-row"
-                                  style={
-                                    Object {
-                                      "marginBottom": -8,
-                                      "marginLeft": -8,
-                                      "marginRight": -8,
-                                      "marginTop": -8,
-                                    }
-                                  }
-                                >
-                                  <Col
-                                    span={24}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-24"
-                                      style={
-                                        Object {
-                                          "paddingBottom": 8,
-                                          "paddingLeft": 8,
-                                          "paddingRight": 8,
-                                          "paddingTop": 8,
-                                        }
-                                      }
-                                    >
-                                      <Title
-                                        level={3}
-                                        style={
-                                          Object {
-                                            "marginBottom": 0,
-                                          }
-                                        }
-                                      >
-                                        <Base
-                                          component="h3"
-                                          style={
-                                            Object {
-                                              "marginBottom": 0,
-                                            }
-                                          }
-                                        >
-                                          <LocaleReceiver
-                                            componentName="Text"
-                                          >
-                                            <ResizeObserver
-                                              disabled={true}
-                                              onResize={[Function]}
-                                            >
-                                              <Typography
-                                                className=""
-                                                component="h3"
-                                                style={
-                                                  Object {
-                                                    "WebkitLineClamp": undefined,
-                                                    "marginBottom": 0,
-                                                  }
-                                                }
-                                              >
-                                                <h3
-                                                  className="ant-typography"
-                                                  style={
-                                                    Object {
-                                                      "WebkitLineClamp": undefined,
-                                                      "marginBottom": 0,
-                                                    }
-                                                  }
-                                                >
-                                                  Posts
-                                                </h3>
-                                              </Typography>
-                                            </ResizeObserver>
-                                          </LocaleReceiver>
-                                        </Base>
-                                      </Title>
-                                    </div>
-                                  </Col>
-                                  <Col
-                                    span={24}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-24"
-                                      style={
-                                        Object {
-                                          "paddingBottom": 8,
-                                          "paddingLeft": 8,
-                                          "paddingRight": 8,
-                                          "paddingTop": 8,
-                                        }
-                                      }
-                                    >
-                                      <Row
-                                        gutter={
-                                          Array [
-                                            16,
-                                            16,
-                                          ]
-                                        }
-                                        justify="space-around"
-                                      >
-                                        <div
-                                          className="ant-row ant-row-space-around"
-                                          style={
-                                            Object {
-                                              "marginBottom": -8,
-                                              "marginLeft": -8,
-                                              "marginRight": -8,
-                                              "marginTop": -8,
-                                            }
-                                          }
-                                        >
-                                          <Col
-                                            md={
-                                              Object {
-                                                "span": 5,
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-md-5"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 8,
-                                                  "paddingRight": 8,
-                                                  "paddingTop": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                hoverable={true}
-                                                size="small"
-                                                title="Total"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-small"
-                                                >
-                                                  <div
-                                                    className="ant-card-head"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-card-head-wrapper"
-                                                    >
-                                                      <div
-                                                        className="ant-card-head-title"
-                                                      >
-                                                        Total
-                                                      </div>
-                                                    </div>
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      to="/posts"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/posts"
-                                                        navigate={[Function]}
-                                                      >
-                                                        <a
-                                                          href="/posts"
-                                                          onClick={[Function]}
-                                                        >
-                                                          <withConfigConsumer(Statistic)
-                                                            value={72}
-                                                          >
-                                                            <Statistic
-                                                              decimalSeparator="."
-                                                              getPrefixCls={[Function]}
-                                                              groupSeparator=","
-                                                              loading={false}
-                                                              prefixCls="ant-statistic"
-                                                              renderEmpty={[Function]}
-                                                              value={72}
-                                                            >
-                                                              <div
-                                                                className="ant-statistic"
-                                                              >
-                                                                <Skeleton
-                                                                  avatar={false}
-                                                                  loading={false}
-                                                                  paragraph={false}
-                                                                  title={true}
-                                                                >
-                                                                  <div
-                                                                    className="ant-statistic-content"
-                                                                  >
-                                                                    <StatisticNumber
-                                                                      decimalSeparator="."
-                                                                      getPrefixCls={[Function]}
-                                                                      groupSeparator=","
-                                                                      loading={false}
-                                                                      prefixCls="ant-statistic"
-                                                                      renderEmpty={[Function]}
-                                                                      value={72}
-                                                                    >
-                                                                      <span
-                                                                        className="ant-statistic-content-value"
-                                                                      >
-                                                                        <span
-                                                                          className="ant-statistic-content-value-int"
-                                                                          key="int"
-                                                                        >
-                                                                          72
-                                                                        </span>
-                                                                      </span>
-                                                                    </StatisticNumber>
-                                                                  </div>
-                                                                </Skeleton>
-                                                              </div>
-                                                            </Statistic>
-                                                          </withConfigConsumer(Statistic)>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </div>
-                                                </div>
-                                              </Card>
-                                            </div>
-                                          </Col>
-                                          <Col
-                                            md={
-                                              Object {
-                                                "span": 6,
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-md-6"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 8,
-                                                  "paddingRight": 8,
-                                                  "paddingTop": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                hoverable={true}
-                                                size="small"
-                                                title="Published"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-small"
-                                                >
-                                                  <div
-                                                    className="ant-card-head"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-card-head-wrapper"
-                                                    >
-                                                      <div
-                                                        className="ant-card-head-title"
-                                                      >
-                                                        Published
-                                                      </div>
-                                                    </div>
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      to="/posts?status=publish"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/posts?status=publish"
-                                                        navigate={[Function]}
-                                                      >
-                                                        <a
-                                                          href="/posts?status=publish"
-                                                          onClick={[Function]}
-                                                        >
-                                                          <withConfigConsumer(Statistic)
-                                                            value={21}
-                                                          >
-                                                            <Statistic
-                                                              decimalSeparator="."
-                                                              getPrefixCls={[Function]}
-                                                              groupSeparator=","
-                                                              loading={false}
-                                                              prefixCls="ant-statistic"
-                                                              renderEmpty={[Function]}
-                                                              value={21}
-                                                            >
-                                                              <div
-                                                                className="ant-statistic"
-                                                              >
-                                                                <Skeleton
-                                                                  avatar={false}
-                                                                  loading={false}
-                                                                  paragraph={false}
-                                                                  title={true}
-                                                                >
-                                                                  <div
-                                                                    className="ant-statistic-content"
-                                                                  >
-                                                                    <StatisticNumber
-                                                                      decimalSeparator="."
-                                                                      getPrefixCls={[Function]}
-                                                                      groupSeparator=","
-                                                                      loading={false}
-                                                                      prefixCls="ant-statistic"
-                                                                      renderEmpty={[Function]}
-                                                                      value={21}
-                                                                    >
-                                                                      <span
-                                                                        className="ant-statistic-content-value"
-                                                                      >
-                                                                        <span
-                                                                          className="ant-statistic-content-value-int"
-                                                                          key="int"
-                                                                        >
-                                                                          21
-                                                                        </span>
-                                                                      </span>
-                                                                    </StatisticNumber>
-                                                                  </div>
-                                                                </Skeleton>
-                                                              </div>
-                                                            </Statistic>
-                                                          </withConfigConsumer(Statistic)>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </div>
-                                                </div>
-                                              </Card>
-                                            </div>
-                                          </Col>
-                                          <Col
-                                            md={
-                                              Object {
-                                                "span": 5,
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-md-5"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 8,
-                                                  "paddingRight": 8,
-                                                  "paddingTop": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                hoverable={true}
-                                                size="small"
-                                                title="Draft"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-small"
-                                                >
-                                                  <div
-                                                    className="ant-card-head"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-card-head-wrapper"
-                                                    >
-                                                      <div
-                                                        className="ant-card-head-title"
-                                                      >
-                                                        Draft
-                                                      </div>
-                                                    </div>
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      to="/posts?status=draft"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/posts?status=draft"
-                                                        navigate={[Function]}
-                                                      >
-                                                        <a
-                                                          href="/posts?status=draft"
-                                                          onClick={[Function]}
-                                                        >
-                                                          <withConfigConsumer(Statistic)
-                                                            value={38}
-                                                          >
-                                                            <Statistic
-                                                              decimalSeparator="."
-                                                              getPrefixCls={[Function]}
-                                                              groupSeparator=","
-                                                              loading={false}
-                                                              prefixCls="ant-statistic"
-                                                              renderEmpty={[Function]}
-                                                              value={38}
-                                                            >
-                                                              <div
-                                                                className="ant-statistic"
-                                                              >
-                                                                <Skeleton
-                                                                  avatar={false}
-                                                                  loading={false}
-                                                                  paragraph={false}
-                                                                  title={true}
-                                                                >
-                                                                  <div
-                                                                    className="ant-statistic-content"
-                                                                  >
-                                                                    <StatisticNumber
-                                                                      decimalSeparator="."
-                                                                      getPrefixCls={[Function]}
-                                                                      groupSeparator=","
-                                                                      loading={false}
-                                                                      prefixCls="ant-statistic"
-                                                                      renderEmpty={[Function]}
-                                                                      value={38}
-                                                                    >
-                                                                      <span
-                                                                        className="ant-statistic-content-value"
-                                                                      >
-                                                                        <span
-                                                                          className="ant-statistic-content-value-int"
-                                                                          key="int"
-                                                                        >
-                                                                          38
-                                                                        </span>
-                                                                      </span>
-                                                                    </StatisticNumber>
-                                                                  </div>
-                                                                </Skeleton>
-                                                              </div>
-                                                            </Statistic>
-                                                          </withConfigConsumer(Statistic)>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </div>
-                                                </div>
-                                              </Card>
-                                            </div>
-                                          </Col>
-                                          <Col
-                                            md={
-                                              Object {
-                                                "span": 8,
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-md-8"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 8,
-                                                  "paddingRight": 8,
-                                                  "paddingTop": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                hoverable={true}
-                                                size="small"
-                                                title="Ready to publish"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-small"
-                                                >
-                                                  <div
-                                                    className="ant-card-head"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-card-head-wrapper"
-                                                    >
-                                                      <div
-                                                        className="ant-card-head-title"
-                                                      >
-                                                        Ready to publish
-                                                      </div>
-                                                    </div>
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      to="/posts?status=ready"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/posts?status=ready"
-                                                        navigate={[Function]}
-                                                      >
-                                                        <a
-                                                          href="/posts?status=ready"
-                                                          onClick={[Function]}
-                                                        >
-                                                          <withConfigConsumer(Statistic)
-                                                            value={13}
-                                                          >
-                                                            <Statistic
-                                                              decimalSeparator="."
-                                                              getPrefixCls={[Function]}
-                                                              groupSeparator=","
-                                                              loading={false}
-                                                              prefixCls="ant-statistic"
-                                                              renderEmpty={[Function]}
-                                                              value={13}
-                                                            >
-                                                              <div
-                                                                className="ant-statistic"
-                                                              >
-                                                                <Skeleton
-                                                                  avatar={false}
-                                                                  loading={false}
-                                                                  paragraph={false}
-                                                                  title={true}
-                                                                >
-                                                                  <div
-                                                                    className="ant-statistic-content"
-                                                                  >
-                                                                    <StatisticNumber
-                                                                      decimalSeparator="."
-                                                                      getPrefixCls={[Function]}
-                                                                      groupSeparator=","
-                                                                      loading={false}
-                                                                      prefixCls="ant-statistic"
-                                                                      renderEmpty={[Function]}
-                                                                      value={13}
-                                                                    >
-                                                                      <span
-                                                                        className="ant-statistic-content-value"
-                                                                      >
-                                                                        <span
-                                                                          className="ant-statistic-content-value-int"
-                                                                          key="int"
-                                                                        >
-                                                                          13
-                                                                        </span>
-                                                                      </span>
-                                                                    </StatisticNumber>
-                                                                  </div>
-                                                                </Skeleton>
-                                                              </div>
-                                                            </Statistic>
-                                                          </withConfigConsumer(Statistic)>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </div>
-                                                </div>
-                                              </Card>
-                                            </div>
-                                          </Col>
-                                        </div>
-                                      </Row>
-                                    </div>
-                                  </Col>
-                                </div>
-                              </Row>
-                            </div>
-                          </div>
-                        </Card>
-                      </div>
-                    </Col>
-                    <Col>
-                      <div
-                        className="ant-col"
-                        style={
-                          Object {
-                            "paddingBottom": 8,
-                            "paddingLeft": 8,
-                            "paddingRight": 8,
-                            "paddingTop": 8,
-                          }
-                        }
-                      >
-                        <Card
-                          className="stats-wrapper"
-                          size="small"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-card ant-card-bordered ant-card-small stats-wrapper"
-                            style={
-                              Object {
-                                "background": "#f0f2f5",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-card-body"
-                              style={Object {}}
-                            >
-                              <Row
-                                gutter={
-                                  Array [
-                                    16,
-                                    16,
-                                  ]
-                                }
-                              >
-                                <div
-                                  className="ant-row"
-                                  style={
-                                    Object {
-                                      "marginBottom": -8,
-                                      "marginLeft": -8,
-                                      "marginRight": -8,
-                                      "marginTop": -8,
-                                    }
-                                  }
-                                >
-                                  <Col
-                                    span={24}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-24"
-                                      style={
-                                        Object {
-                                          "paddingBottom": 8,
-                                          "paddingLeft": 8,
-                                          "paddingRight": 8,
-                                          "paddingTop": 8,
-                                        }
-                                      }
-                                    >
-                                      <Title
-                                        level={3}
-                                        style={
-                                          Object {
-                                            "marginBottom": 0,
-                                          }
-                                        }
-                                      >
-                                        <Base
-                                          component="h3"
-                                          style={
-                                            Object {
-                                              "marginBottom": 0,
-                                            }
-                                          }
-                                        >
-                                          <LocaleReceiver
-                                            componentName="Text"
-                                          >
-                                            <ResizeObserver
-                                              disabled={true}
-                                              onResize={[Function]}
-                                            >
-                                              <Typography
-                                                className=""
-                                                component="h3"
-                                                style={
-                                                  Object {
-                                                    "WebkitLineClamp": undefined,
-                                                    "marginBottom": 0,
-                                                  }
-                                                }
-                                              >
-                                                <h3
-                                                  className="ant-typography"
-                                                  style={
-                                                    Object {
-                                                      "WebkitLineClamp": undefined,
-                                                      "marginBottom": 0,
-                                                    }
-                                                  }
-                                                >
-                                                  Fact Checks
-                                                </h3>
-                                              </Typography>
-                                            </ResizeObserver>
-                                          </LocaleReceiver>
-                                        </Base>
-                                      </Title>
-                                    </div>
-                                  </Col>
-                                  <Col
-                                    span={24}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-24"
-                                      style={
-                                        Object {
-                                          "paddingBottom": 8,
-                                          "paddingLeft": 8,
-                                          "paddingRight": 8,
-                                          "paddingTop": 8,
-                                        }
-                                      }
-                                    >
-                                      <Row
-                                        gutter={
-                                          Array [
-                                            16,
-                                            16,
-                                          ]
-                                        }
-                                        justify="space-around"
-                                      >
-                                        <div
-                                          className="ant-row ant-row-space-around"
-                                          style={
-                                            Object {
-                                              "marginBottom": -8,
-                                              "marginLeft": -8,
-                                              "marginRight": -8,
-                                              "marginTop": -8,
-                                            }
-                                          }
-                                        >
-                                          <Col
-                                            md={
-                                              Object {
-                                                "span": 5,
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-md-5"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 8,
-                                                  "paddingRight": 8,
-                                                  "paddingTop": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                hoverable={true}
-                                                size="small"
-                                                title="Total"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-small"
-                                                >
-                                                  <div
-                                                    className="ant-card-head"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-card-head-wrapper"
-                                                    >
-                                                      <div
-                                                        className="ant-card-head-title"
-                                                      >
-                                                        Total
-                                                      </div>
-                                                    </div>
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      to="/fact-checks"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks"
-                                                        navigate={[Function]}
-                                                      >
-                                                        <a
-                                                          href="/fact-checks"
-                                                          onClick={[Function]}
-                                                        >
-                                                          <withConfigConsumer(Statistic)
-                                                            value={40}
-                                                          >
-                                                            <Statistic
-                                                              decimalSeparator="."
-                                                              getPrefixCls={[Function]}
-                                                              groupSeparator=","
-                                                              loading={false}
-                                                              prefixCls="ant-statistic"
-                                                              renderEmpty={[Function]}
-                                                              value={40}
-                                                            >
-                                                              <div
-                                                                className="ant-statistic"
-                                                              >
-                                                                <Skeleton
-                                                                  avatar={false}
-                                                                  loading={false}
-                                                                  paragraph={false}
-                                                                  title={true}
-                                                                >
-                                                                  <div
-                                                                    className="ant-statistic-content"
-                                                                  >
-                                                                    <StatisticNumber
-                                                                      decimalSeparator="."
-                                                                      getPrefixCls={[Function]}
-                                                                      groupSeparator=","
-                                                                      loading={false}
-                                                                      prefixCls="ant-statistic"
-                                                                      renderEmpty={[Function]}
-                                                                      value={40}
-                                                                    >
-                                                                      <span
-                                                                        className="ant-statistic-content-value"
-                                                                      >
-                                                                        <span
-                                                                          className="ant-statistic-content-value-int"
-                                                                          key="int"
-                                                                        >
-                                                                          40
-                                                                        </span>
-                                                                      </span>
-                                                                    </StatisticNumber>
-                                                                  </div>
-                                                                </Skeleton>
-                                                              </div>
-                                                            </Statistic>
-                                                          </withConfigConsumer(Statistic)>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </div>
-                                                </div>
-                                              </Card>
-                                            </div>
-                                          </Col>
-                                          <Col
-                                            md={
-                                              Object {
-                                                "span": 6,
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-md-6"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 8,
-                                                  "paddingRight": 8,
-                                                  "paddingTop": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                hoverable={true}
-                                                size="small"
-                                                title="Published"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-small"
-                                                >
-                                                  <div
-                                                    className="ant-card-head"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-card-head-wrapper"
-                                                    >
-                                                      <div
-                                                        className="ant-card-head-title"
-                                                      >
-                                                        Published
-                                                      </div>
-                                                    </div>
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      to="/fact-checks?status=publish"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks?status=publish"
-                                                        navigate={[Function]}
-                                                      >
-                                                        <a
-                                                          href="/fact-checks?status=publish"
-                                                          onClick={[Function]}
-                                                        >
-                                                          <withConfigConsumer(Statistic)
-                                                            value={5}
-                                                          >
-                                                            <Statistic
-                                                              decimalSeparator="."
-                                                              getPrefixCls={[Function]}
-                                                              groupSeparator=","
-                                                              loading={false}
-                                                              prefixCls="ant-statistic"
-                                                              renderEmpty={[Function]}
-                                                              value={5}
-                                                            >
-                                                              <div
-                                                                className="ant-statistic"
-                                                              >
-                                                                <Skeleton
-                                                                  avatar={false}
-                                                                  loading={false}
-                                                                  paragraph={false}
-                                                                  title={true}
-                                                                >
-                                                                  <div
-                                                                    className="ant-statistic-content"
-                                                                  >
-                                                                    <StatisticNumber
-                                                                      decimalSeparator="."
-                                                                      getPrefixCls={[Function]}
-                                                                      groupSeparator=","
-                                                                      loading={false}
-                                                                      prefixCls="ant-statistic"
-                                                                      renderEmpty={[Function]}
-                                                                      value={5}
-                                                                    >
-                                                                      <span
-                                                                        className="ant-statistic-content-value"
-                                                                      >
-                                                                        <span
-                                                                          className="ant-statistic-content-value-int"
-                                                                          key="int"
-                                                                        >
-                                                                          5
-                                                                        </span>
-                                                                      </span>
-                                                                    </StatisticNumber>
-                                                                  </div>
-                                                                </Skeleton>
-                                                              </div>
-                                                            </Statistic>
-                                                          </withConfigConsumer(Statistic)>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </div>
-                                                </div>
-                                              </Card>
-                                            </div>
-                                          </Col>
-                                          <Col
-                                            md={
-                                              Object {
-                                                "span": 5,
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-md-5"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 8,
-                                                  "paddingRight": 8,
-                                                  "paddingTop": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                hoverable={true}
-                                                size="small"
-                                                title="Draft"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-small"
-                                                >
-                                                  <div
-                                                    className="ant-card-head"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-card-head-wrapper"
-                                                    >
-                                                      <div
-                                                        className="ant-card-head-title"
-                                                      >
-                                                        Draft
-                                                      </div>
-                                                    </div>
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      to="/fact-checks?status=draft"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks?status=draft"
-                                                        navigate={[Function]}
-                                                      >
-                                                        <a
-                                                          href="/fact-checks?status=draft"
-                                                          onClick={[Function]}
-                                                        >
-                                                          <withConfigConsumer(Statistic)
-                                                            value={31}
-                                                          >
-                                                            <Statistic
-                                                              decimalSeparator="."
-                                                              getPrefixCls={[Function]}
-                                                              groupSeparator=","
-                                                              loading={false}
-                                                              prefixCls="ant-statistic"
-                                                              renderEmpty={[Function]}
-                                                              value={31}
-                                                            >
-                                                              <div
-                                                                className="ant-statistic"
-                                                              >
-                                                                <Skeleton
-                                                                  avatar={false}
-                                                                  loading={false}
-                                                                  paragraph={false}
-                                                                  title={true}
-                                                                >
-                                                                  <div
-                                                                    className="ant-statistic-content"
-                                                                  >
-                                                                    <StatisticNumber
-                                                                      decimalSeparator="."
-                                                                      getPrefixCls={[Function]}
-                                                                      groupSeparator=","
-                                                                      loading={false}
-                                                                      prefixCls="ant-statistic"
-                                                                      renderEmpty={[Function]}
-                                                                      value={31}
-                                                                    >
-                                                                      <span
-                                                                        className="ant-statistic-content-value"
-                                                                      >
-                                                                        <span
-                                                                          className="ant-statistic-content-value-int"
-                                                                          key="int"
-                                                                        >
-                                                                          31
-                                                                        </span>
-                                                                      </span>
-                                                                    </StatisticNumber>
-                                                                  </div>
-                                                                </Skeleton>
-                                                              </div>
-                                                            </Statistic>
-                                                          </withConfigConsumer(Statistic)>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </div>
-                                                </div>
-                                              </Card>
-                                            </div>
-                                          </Col>
-                                          <Col
-                                            md={
-                                              Object {
-                                                "span": 8,
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-md-8"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 8,
-                                                  "paddingRight": 8,
-                                                  "paddingTop": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                hoverable={true}
-                                                size="small"
-                                                title="Ready to publish"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-small"
-                                                >
-                                                  <div
-                                                    className="ant-card-head"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-card-head-wrapper"
-                                                    >
-                                                      <div
-                                                        className="ant-card-head-title"
-                                                      >
-                                                        Ready to publish
-                                                      </div>
-                                                    </div>
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      to="/fact-checks?status=ready"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/fact-checks?status=ready"
-                                                        navigate={[Function]}
-                                                      >
-                                                        <a
-                                                          href="/fact-checks?status=ready"
-                                                          onClick={[Function]}
-                                                        >
-                                                          <withConfigConsumer(Statistic)
-                                                            value={4}
-                                                          >
-                                                            <Statistic
-                                                              decimalSeparator="."
-                                                              getPrefixCls={[Function]}
-                                                              groupSeparator=","
-                                                              loading={false}
-                                                              prefixCls="ant-statistic"
-                                                              renderEmpty={[Function]}
-                                                              value={4}
-                                                            >
-                                                              <div
-                                                                className="ant-statistic"
-                                                              >
-                                                                <Skeleton
-                                                                  avatar={false}
-                                                                  loading={false}
-                                                                  paragraph={false}
-                                                                  title={true}
-                                                                >
-                                                                  <div
-                                                                    className="ant-statistic-content"
-                                                                  >
-                                                                    <StatisticNumber
-                                                                      decimalSeparator="."
-                                                                      getPrefixCls={[Function]}
-                                                                      groupSeparator=","
-                                                                      loading={false}
-                                                                      prefixCls="ant-statistic"
-                                                                      renderEmpty={[Function]}
-                                                                      value={4}
-                                                                    >
-                                                                      <span
-                                                                        className="ant-statistic-content-value"
-                                                                      >
-                                                                        <span
-                                                                          className="ant-statistic-content-value-int"
-                                                                          key="int"
-                                                                        >
-                                                                          4
-                                                                        </span>
-                                                                      </span>
-                                                                    </StatisticNumber>
-                                                                  </div>
-                                                                </Skeleton>
-                                                              </div>
-                                                            </Statistic>
-                                                          </withConfigConsumer(Statistic)>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </div>
-                                                </div>
-                                              </Card>
-                                            </div>
-                                          </Col>
-                                        </div>
-                                      </Row>
-                                    </div>
-                                  </Col>
-                                </div>
-                              </Row>
-                            </div>
-                          </div>
-                        </Card>
-                      </div>
-                    </Col>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={3}
-              key="ant-space-item-3"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Features>
-                  <div />
-                </Features>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Dashboard>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/dashboard/components/Features.js b/studio/src/pages/dashboard/components/Features.js
deleted file mode 100644
index 251fa0a45..000000000
--- a/studio/src/pages/dashboard/components/Features.js
+++ /dev/null
@@ -1,125 +0,0 @@
-import { Button, Typography, Card, Space } from 'antd';
-import { PlusOutlined } from '@ant-design/icons';
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { addDefaultFormats, getFormats } from '../../../actions/formats';
-import { addDefaultPolicies, getPolicies } from '../../../actions/policies';
-import { addDefaultRatings, getRatings } from '../../../actions/ratings';
-
-import useNavigation from '../../../utils/useNavigation';
-
-function Features() {
-  const dispatch = useDispatch();
-  const navigate = useNavigation();
-
-  const selectedSpace = useSelector((state) => ({ space_id: state.spaces.selected }));
-  React.useEffect(() => {
-    fetchEntities();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const {
-    ratings,
-    ratingsLoading,
-    formats,
-    formatsLoading,
-    policies,
-    policiesLoading,
-    loadingServices,
-  } = useSelector(({ ratings, formats, policies, events, spaces }) => {
-    return {
-      ratings: Object.keys(ratings.details).length,
-      ratingsLoading: ratings.loading,
-      formats: Object.keys(formats.details).length,
-      formatsLoading: formats.loading,
-      policies: Object.keys(policies.details).length,
-      policiesLoading: policies.loading,
-      events: Object.keys(events.details).length,
-      eventsLoading: events.loading,
-      loadingServices: spaces.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    fetchEntities();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const fetchEntities = () => {
-    if (!loadingServices) {
-      dispatch(getRatings());
-
-      dispatch(getFormats());
-      dispatch(getPolicies());
-    }
-  };
-
-  return (
-    <>
-      {!ratingsLoading &&
-      !policiesLoading &&
-      !formatsLoading &&
-      (ratings < 1 || formats < 1 || policies < 1) ? (
-        <Typography.Title level={3}>Add default features</Typography.Title>
-      ) : null}
-
-      <Space>
-        {ratingsLoading && loadingServices ? null : ratings > 0 ? null : (
-          <Card
-            title="Ratings"
-            actions={[
-              <Button
-                onClick={() => {
-                  dispatch(addDefaultRatings()).then(() => navigate('/ratings'));
-                }}
-              >
-                <PlusOutlined /> CREATE RATINGs
-              </Button>,
-            ]}
-            style={{ width: 300 }}
-          >
-            Five ratings will be created True, Partly True, Misleading, Partly False and False.
-            Click below Button to create
-          </Card>
-        )}
-
-        {formatsLoading ? null : formats > 0 ? null : (
-          <Card
-            title="Formats"
-            actions={[
-              <Button
-                onClick={() => {
-                  dispatch(addDefaultFormats(selectedSpace));
-                }}
-              >
-                <PlusOutlined /> CREATE FORMATS
-              </Button>,
-            ]}
-            style={{ width: 300 }}
-          >
-            Two formats will be created Fact Check and Article. Click below Button to create
-          </Card>
-        )}
-        {policiesLoading ? null : policies > 0 ? null : (
-          <Card
-            title="Policies"
-            actions={[
-              <Button
-                onClick={() => {
-                  dispatch(addDefaultPolicies()).then(() => navigate('settings/members/policies'));
-                }}
-              >
-                <PlusOutlined /> CREATE POLICIES
-              </Button>,
-            ]}
-            style={{ width: 300 }}
-          >
-            Three policies will be created Editor, Author and Contributor. Click below Button to
-            create
-          </Card>
-        )}
-      </Space>
-    </>
-  );
-}
-
-export default Features;
diff --git a/studio/src/pages/dashboard/components/Features.test.js b/studio/src/pages/dashboard/components/Features.test.js
deleted file mode 100644
index caeda1aad..000000000
--- a/studio/src/pages/dashboard/components/Features.test.js
+++ /dev/null
@@ -1,241 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-import { Button } from 'antd';
-import { Provider, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-
-import '../../../matchMedia.mock';
-import Features from './Features';
-import { addDefaultFormats, getFormats } from '../../../actions/formats';
-import { addDefaultPolicies, getPolicies } from '../../../actions/policies';
-import { addDefaultRatings, getRatings } from '../../../actions/ratings';
-import { addDefaultEvents, getEvents } from '../../../actions/events';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/formats', () => ({
-  getFormats: jest.fn(),
-  addDefaultFormats: jest.fn(),
-}));
-
-jest.mock('../../../actions/ratings', () => ({
-  getRatings: jest.fn(),
-  addDefaultRatings: jest.fn(),
-}));
-
-jest.mock('../../../actions/policies', () => ({
-  getPolicies: jest.fn(),
-  addDefaultPolicies: jest.fn(),
-}));
-
-jest.mock('../../../actions/events', () => ({
-  getEvents: jest.fn(),
-  addDefaultEvents: jest.fn(),
-}));
-
-let store, mockedDispatch;
-let state = {
-  admin: {
-    organisation: {
-      id: 1,
-      is_admin: true,
-    },
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11', permissions: [{ resource: 'admin', actions: ['admin'] }] },
-    },
-    loading: false,
-    selected: 11,
-  },
-  ratings: {
-    details: {
-      1: {
-        id: 1,
-      },
-      2: {
-        id: 2,
-      },
-    },
-  },
-  policies: {
-    details: {
-      1: {
-        id: 1,
-      },
-      2: {
-        id: 2,
-      },
-    },
-  },
-  events: {
-    details: {
-      1: {
-        id: 1,
-      },
-      2: {
-        id: 2,
-      },
-    },
-  },
-  formats: {
-    details: {
-      1: {
-        id: 1,
-      },
-      2: {
-        id: 2,
-      },
-    },
-  },
-};
-
-describe('Dashboard feature component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Features />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getEvents).toHaveBeenCalled();
-      expect(getFormats).toHaveBeenCalled();
-      expect(getPolicies).toHaveBeenCalled();
-      expect(getRatings).toHaveBeenCalled();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should addDefaultRatings', () => {
-      const state2 = { ...state };
-      state2.ratings.details = {};
-      const store2 = mockStore(state2);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Features />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const addButton = wrapper.find('Button').at(0);
-        expect(addButton.text()).toBe(' CREATE RATINGS');
-        addButton.simulate('click');
-      });
-      wrapper.update();
-      expect(addDefaultRatings).toHaveBeenCalled();
-    });
-    it('should addDefaultEvents', () => {
-      const state2 = { ...state };
-      state2.events.details = {};
-      const store2 = mockStore(state2);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Features />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const addButton = wrapper.find('Button').at(1);
-        expect(addButton.text()).toBe(' CREATE EVENTS');
-        addButton.simulate('click');
-      });
-      wrapper.update();
-      expect(addDefaultEvents).toHaveBeenCalled();
-    });
-    it('should not display Events option if not super admin', () => {
-      const state2 = { ...state };
-      state2.admin = {
-        organisation: {
-          id: 1,
-        },
-      };
-      const store2 = mockStore(state2);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Features />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find(Button).text()).not.toBe(' CREATE EVENTS');
-    });
-    it('should addDefaultPolicies', () => {
-      const state2 = { ...state };
-      state2.policies.details = {};
-      const store2 = mockStore(state2);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Features />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const addButton = wrapper.find('Button').at(1);
-        expect(addButton.text()).toBe(' CREATE POLICIES');
-        addButton.simulate('click');
-      });
-      wrapper.update();
-      expect(addDefaultPolicies).toHaveBeenCalled();
-    });
-    it('should addDefaultFormats', () => {
-      const state2 = { ...state };
-      state2.formats.details = {};
-      const store2 = mockStore(state2);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Features />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const addButton = wrapper.find('Button').at(1);
-        expect(addButton.text()).toBe(' CREATE FORMATS');
-        addButton.simulate('click');
-      });
-      wrapper.update();
-      expect(addDefaultFormats).toHaveBeenCalled();
-    });
-  });
-});
diff --git a/studio/src/pages/dashboard/components/Features.tsx b/studio/src/pages/dashboard/components/Features.tsx
new file mode 100644
index 000000000..5dec136b7
--- /dev/null
+++ b/studio/src/pages/dashboard/components/Features.tsx
@@ -0,0 +1,140 @@
+import React, { useEffect } from "react";
+import { useSelector } from "react-redux";
+import { Plus } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent, CardTitle, CardFooter } from "@/components/ui/card";
+import { addDefaultFormats, getFormats } from "../../../actions/formats";
+import { addDefaultPolicies, getPolicies } from "../../../actions/policies";
+import { addDefaultRatings, getRatings } from "../../../actions/ratings";
+import useNavigation from "../../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { RootState } from "../types";
+
+const Features: React.FC = () => {
+  const dispatch = useAppDispatch();
+  const navigate = useNavigation();
+
+  const selectedSpace = useSelector<RootState, string>(
+    (state) => state.spaces.selected
+  );
+
+  const {
+    ratings,
+    ratingsLoading,
+    formats,
+    formatsLoading,
+    policies,
+    policiesLoading,
+    loadingServices,
+  } = useSelector((state: RootState) => {
+    return {
+      ratings: Object.keys(state.ratings.details).length,
+      ratingsLoading: state.ratings.loading,
+      formats: Object.keys(state.formats.details).length,
+      formatsLoading: state.formats.loading,
+      policies: Object.keys(state.policies.details).length,
+      policiesLoading: state.policies.loading,
+      loadingServices: state.spaces.loading,
+    };
+  });
+
+  const fetchEntities = () => {
+    if (!loadingServices) {
+      dispatch(getRatings({}));
+      dispatch(getFormats({}));
+      dispatch(getPolicies({}));
+    }
+  };
+
+  useEffect(() => {
+    fetchEntities();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <>
+      {!ratingsLoading &&
+      !policiesLoading &&
+      !formatsLoading &&
+      (ratings < 1 || formats < 1 || policies < 1) ? (
+        <h3>Add default features</h3>
+      ) : null}
+
+      <div className="flex flex-wrap gap-4">
+        {ratingsLoading && loadingServices ? null : ratings > 0 ? null : (
+          <Card className="w-72">
+            <CardTitle className="p-4">Ratings</CardTitle>
+            <CardContent>
+              <p>
+                Five ratings will be created True, Partly True, Misleading,
+                Partly False and False. Click below Button to create
+              </p>
+            </CardContent>
+            <CardFooter>
+              <Button
+                onClick={() => {
+                  dispatch(addDefaultRatings({})).then(() =>
+                    navigate("/ratings")
+                  );
+                }}
+                className="w-full"
+              >
+                <Plus className="mr-2 h-4 w-4" /> CREATE RATINGS
+              </Button>
+            </CardFooter>
+          </Card>
+        )}
+
+        {formatsLoading ? null : formats > 0 ? null : (
+          <Card className="w-72">
+            <CardTitle className="p-4">Formats</CardTitle>
+            <CardContent>
+              <p>
+                Two formats will be created Fact Check and Article. Click below
+                Button to create
+              </p>
+            </CardContent>
+            <CardFooter>
+              <Button
+                onClick={() => {
+                  const query = { space_id: selectedSpace };
+                  dispatch(addDefaultFormats(query));
+                }}
+                className="w-full"
+              >
+                <Plus className="mr-2 h-4 w-4" /> CREATE FORMATS
+              </Button>
+            </CardFooter>
+          </Card>
+        )}
+
+        {policiesLoading ? null : policies > 0 ? null : (
+          <Card className="w-72">
+            <CardTitle className="p-4">Policies</CardTitle>
+            <CardContent>
+              <p>
+                Three policies will be created Editor, Author and Contributor.
+                Click below Button to create
+              </p>
+            </CardContent>
+            <CardFooter>
+              <Button
+                onClick={() => {
+                  // Passing empty object as query parameter
+                  dispatch(addDefaultPolicies({})).then(() =>
+                    navigate("settings/members/policies")
+                  );
+                }}
+                className="w-full"
+              >
+                <Plus className="mr-2 h-4 w-4" /> CREATE POLICIES
+              </Button>
+            </CardFooter>
+          </Card>
+        )}
+      </div>
+    </>
+  );
+};
+
+export default Features;
diff --git a/studio/src/pages/dashboard/components/StatisticCard.tsx b/studio/src/pages/dashboard/components/StatisticCard.tsx
new file mode 100644
index 000000000..2987ab864
--- /dev/null
+++ b/studio/src/pages/dashboard/components/StatisticCard.tsx
@@ -0,0 +1,46 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { StatisticCardProps } from "../types";
+
+// Component for displaying numeric statistics with an icon
+const StatisticCard: React.FC<StatisticCardProps> = ({
+  title,
+  value,
+  loading,
+  icon,
+  href,
+  isMobile,
+}) => {
+  return (
+    <Link to={href} className="block">
+      <Card
+        className={`hover:bg-muted/50 transition-colors h-full ${
+          isMobile ? "p-1" : ""
+        }`}
+      >
+        <CardHeader className={`${isMobile ? "p-3 pb-1" : "pb-2"}`}>
+          <CardTitle
+            className={`${
+              isMobile ? "text-xs" : "text-sm"
+            } font-medium flex items-center gap-2`}
+          >
+            {icon}
+            {title}
+          </CardTitle>
+        </CardHeader>
+        <CardContent className={isMobile ? "p-3 pt-1" : undefined}>
+          {loading ? (
+            <div className="h-6 w-12 bg-muted animate-pulse rounded" />
+          ) : (
+            <span className={`${isMobile ? "text-lg" : "text-2xl"} font-bold`}>
+              {value}
+            </span>
+          )}
+        </CardContent>
+      </Card>
+    </Link>
+  );
+};
+
+export default StatisticCard;
diff --git a/studio/src/pages/dashboard/components/__snapshots__/Features.test.js.snap b/studio/src/pages/dashboard/components/__snapshots__/Features.test.js.snap
deleted file mode 100644
index 55345b2bc..000000000
--- a/studio/src/pages/dashboard/components/__snapshots__/Features.test.js.snap
+++ /dev/null
@@ -1,83 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Dashboard feature component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Features>
-        <Space>
-          <div
-            className="ant-space ant-space-horizontal ant-space-align-center"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="horizontal"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            />
-            <Item
-              className="ant-space-item"
-              direction="horizontal"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            />
-            <Item
-              className="ant-space-item"
-              direction="horizontal"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            />
-            <Item
-              className="ant-space-item"
-              direction="horizontal"
-              index={3}
-              key="ant-space-item-3"
-              marginDirection="marginRight"
-              wrap={false}
-            />
-          </div>
-        </Space>
-      </Features>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/dashboard/index.js b/studio/src/pages/dashboard/index.js
deleted file mode 100644
index 12c79a904..000000000
--- a/studio/src/pages/dashboard/index.js
+++ /dev/null
@@ -1,160 +0,0 @@
-import React, { useEffect } from 'react';
-import { Col, Row, Space, Statistic, Typography, Card } from 'antd';
-
-import { useDispatch, useSelector } from 'react-redux';
-import { getInfo } from '../../actions/info';
-import { Link } from 'react-router-dom';
-import { Helmet } from 'react-helmet';
-import Loader from '../../components/Loader';
-
-const styles = {
-  justifyContent: 'center',
-};
-
-function Dashboard() {
-  const { Title } = Typography;
-  const { spaces, info } = useSelector(({ spaces, info }) => ({
-    spaces,
-    info,
-  }));
-  const dispatch = useDispatch();
-
-  useEffect(() => {
-    if (spaces.selected !== '') fetchInfo();
-  }, []);
-
-  const fetchInfo = () => {
-    dispatch(getInfo());
-  };
-
-  const { article = {}, factCheck = {}, loading } = info;
-  const articlePublish = Number(article.publish) || 0;
-  const articleDraft = Number(article.draft) || 0;
-  const articleReady = Number(article.ready) || 0;
-  const articleFuture = Number(article.future) || 0;
-  const factCheckPublish = Number(factCheck.publish) || 0;
-  const factCheckDraft = Number(factCheck.draft) || 0;
-  const factCheckReady = Number(factCheck.ready) || 0;
-  const factCheckFuture = Number(factCheck.future) || 0;
-
-  if (loading) {
-    return <Loader />;
-  }
-
-  return (
-    <Space direction="vertical">
-      <Helmet title={'Dashboard'} />
-      <Typography.Title level={2}>Dashboard</Typography.Title>
-      <Row justify="start" gutter={[16, 16]}>
-        <Col>
-          <Card size="small" className="stats-wrapper" style={{ background: '#f0f2f5' }}>
-            <Row gutter={[16, 16]}>
-              <Col span={24}>
-                <Title level={3} style={{ marginBottom: 0 }}>
-                  Posts
-                </Title>
-              </Col>
-              <Col span={24}>
-                <Row gutter={[16, 16]} justify="space-around">
-                  <Col md={{ span: 4 }}>
-                    <Card size="small" hoverable={true} title="Total">
-                      <Link to="/posts">
-                        <Statistic
-                          value={articlePublish + articleDraft + articleReady + articleFuture}
-                          loading={loading}
-                        />
-                      </Link>
-                    </Card>
-                  </Col>
-                  <Col md={{ span: 5 }}>
-                    <Card size="small" hoverable={true} title="Published">
-                      <Link to="/posts?status=publish">
-                        <Statistic value={articlePublish} loading={loading} />
-                      </Link>
-                    </Card>
-                  </Col>
-                  <Col md={{ span: 5 }}>
-                    <Card size="small" hoverable={true} title="Future publish">
-                      <Link to="/posts?status=future">
-                        <Statistic value={articleFuture} loading={loading} />
-                      </Link>
-                    </Card>
-                  </Col>
-                  <Col md={{ span: 4 }}>
-                    <Card size="small" hoverable={true} title="Draft">
-                      <Link to="/posts?status=draft">
-                        <Statistic value={articleDraft} loading={loading} />
-                      </Link>
-                    </Card>
-                  </Col>
-                  <Col md={{ span: 6 }}>
-                    <Card size="small" hoverable={true} title="Ready to publish">
-                      <Link to="/posts?status=ready">
-                        <Statistic value={articleReady} loading={loading} />
-                      </Link>
-                    </Card>
-                  </Col>
-                </Row>
-              </Col>
-            </Row>
-          </Card>
-        </Col>
-        <Col>
-          <Card size="small" className="stats-wrapper" style={{ background: '#f0f2f5' }}>
-            <Row gutter={[16, 16]}>
-              <Col span={24}>
-                <Title level={3} style={{ marginBottom: 0 }}>
-                  Fact Checks
-                </Title>
-              </Col>
-              <Col span={24}>
-                <Row gutter={[16, 16]} justify="space-around">
-                  <Col md={{ span: 4 }}>
-                    <Card size="small" hoverable={true} title="Total">
-                      <Link to="/fact-checks">
-                        <Statistic
-                          value={factCheckPublish + factCheckDraft + factCheckReady}
-                          loading={loading}
-                        />
-                      </Link>
-                    </Card>
-                  </Col>
-                  <Col md={{ span: 5 }}>
-                    <Card size="small" hoverable={true} title="Published">
-                      <Link to="/fact-checks?status=publish">
-                        <Statistic value={factCheckPublish} loading={loading} />
-                      </Link>
-                    </Card>
-                  </Col>
-                  <Col md={{ span: 5 }}>
-                    <Card size="small" hoverable={true} title="Future publish">
-                      <Link to="/fact-checks?status=future">
-                        <Statistic value={factCheckFuture} loading={loading} />
-                      </Link>
-                    </Card>
-                  </Col>
-                  <Col md={{ span: 4 }}>
-                    <Card size="small" hoverable={true} title="Draft">
-                      <Link to="/fact-checks?status=draft">
-                        <Statistic value={factCheckDraft} loading={loading} />
-                      </Link>
-                    </Card>
-                  </Col>
-                  <Col md={{ span: 6 }}>
-                    <Card size="small" hoverable={true} title="Ready to publish">
-                      <Link to="/fact-checks?status=ready">
-                        <Statistic value={factCheckReady} loading={loading} />
-                      </Link>
-                    </Card>
-                  </Col>
-                </Row>
-              </Col>
-            </Row>
-          </Card>
-        </Col>
-      </Row>
-    </Space>
-  );
-}
-
-export default Dashboard;
diff --git a/studio/src/pages/dashboard/index.test.js b/studio/src/pages/dashboard/index.test.js
deleted file mode 100644
index 7ed63aaa9..000000000
--- a/studio/src/pages/dashboard/index.test.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { Provider, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Dashboard from './index';
-import { getInfo } from '../../actions/info';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../actions/info', () => ({
-  getInfo: jest.fn(),
-}));
-jest.mock('./components/Features', () => {
-  const Features = () => <div />;
-  return Features;
-});
-
-let store, mockedDispatch;
-let state = {
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11', permissions: [{ resource: 'admin', actions: ['admin'] }] },
-    },
-    loading: false,
-    selected: 11,
-  },
-  info: {
-    categories: 5,
-    episodes: 4,
-    podcasts: 2,
-    article: {
-      draft: 38,
-      template: 3,
-      publish: 21,
-      ready: 13,
-    },
-    factCheck: {
-      draft: 31,
-      template: 6,
-      publish: 5,
-      ready: 4,
-    },
-    posts: [],
-    tags: 10,
-  },
-};
-
-describe('Dashboard component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Dashboard />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getInfo).toHaveBeenCalled();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should hide default feature option if not admin', () => {
-      const state2 = { ...state };
-      state2.spaces.details = {
-        11: { id: 11, name: 'Space 11' },
-      };
-      const store2 = mockStore(state2);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Dashboard />
-            </Router>
-          </Provider>,
-        );
-      });
-    });
-  });
-});
diff --git a/studio/src/pages/dashboard/index.tsx b/studio/src/pages/dashboard/index.tsx
new file mode 100644
index 000000000..79daaeb2e
--- /dev/null
+++ b/studio/src/pages/dashboard/index.tsx
@@ -0,0 +1,168 @@
+import React, { useEffect } from "react";
+import { useSelector } from "react-redux";
+import { Helmet } from "react-helmet";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { FileText, Check, Clock, FileEdit, FileClock } from "lucide-react";
+import { getInfo } from "../../actions/info";
+import Loader from "../../components/Loader";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import StatisticCard from "./components/StatisticCard";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { RootState } from "./types";
+
+const Dashboard: React.FC = () => {
+  const { spaces, info } = useSelector((state: RootState) => ({
+    spaces: state.spaces,
+    info: state.info,
+  }));
+  const dispatch = useAppDispatch();
+  const isMobile = useIsMobile();
+
+  useEffect(() => {
+    if (spaces.selected !== "") {
+      dispatch(getInfo());
+    }
+  }, [spaces.selected, dispatch]);
+
+  const { article = {}, factCheck = {}, loading } = info;
+  const articlePublish = Number(article.publish) || 0;
+  const articleDraft = Number(article.draft) || 0;
+  const articleReady = Number(article.ready) || 0;
+  const articleFuture = Number(article.future) || 0;
+  const factCheckPublish = Number(factCheck.publish) || 0;
+  const factCheckDraft = Number(factCheck.draft) || 0;
+  const factCheckReady = Number(factCheck.ready) || 0;
+  const factCheckFuture = Number(factCheck.future) || 0;
+
+  if (loading) {
+    return (
+      <div className="flex flex-col h-full relative">
+        <Helmet title="Dashboard" />
+        {isMobile && (
+          <MobileBreadcrumb currentPage="Home" parentLabel="Dashboard" />
+        )}
+        <div className="flex-1 flex items-center justify-center">
+          <Loader className="relative inset-auto" />
+        </div>
+      </div>
+    );
+  }
+
+  const renderStats = (
+    title: string,
+    totalCount: number,
+    publishCount: number,
+    futureCount: number,
+    draftCount: number,
+    readyCount: number,
+    baseUrl: string
+  ) => (
+    <Card className="bg-[#F0F5FF] border border-gray-200 shadow-sm">
+      <CardHeader className={`pb-2 border-b ${isMobile ? "p-3" : ""}`}>
+        <CardTitle className={`${isMobile ? "text-base" : "text-lg"}`}>
+          {title}
+        </CardTitle>
+      </CardHeader>
+      <CardContent className={`${isMobile ? "p-3 pt-3" : "pt-4"}`}>
+        <div
+          className={`grid ${
+            isMobile ? "grid-cols-2 gap-2" : "grid-cols-5 gap-4"
+          }`}
+        >
+          <StatisticCard
+            title="Total"
+            value={totalCount}
+            loading={loading}
+            icon={<FileText size={isMobile ? 14 : 16} />}
+            href={baseUrl}
+            isMobile={isMobile}
+          />
+          <StatisticCard
+            title="Published"
+            value={publishCount}
+            loading={loading}
+            icon={<Check size={isMobile ? 14 : 16} />}
+            href={`${baseUrl}?status=publish`}
+            isMobile={isMobile}
+          />
+          <StatisticCard
+            title="Future publish"
+            value={futureCount}
+            loading={loading}
+            icon={<Clock size={isMobile ? 14 : 16} />}
+            href={`${baseUrl}?status=future`}
+            isMobile={isMobile}
+          />
+          <StatisticCard
+            title="Draft"
+            value={draftCount}
+            loading={loading}
+            icon={<FileEdit size={isMobile ? 14 : 16} />}
+            href={`${baseUrl}?status=draft`}
+            isMobile={isMobile}
+          />
+          <StatisticCard
+            title="Ready to publish"
+            value={readyCount}
+            loading={loading}
+            icon={<FileClock size={isMobile ? 14 : 16} />}
+            href={`${baseUrl}?status=ready`}
+            isMobile={isMobile}
+          />
+        </div>
+      </CardContent>
+    </Card>
+  );
+
+  return (
+    <>
+      <Helmet title={"Dashboard"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="Home" parentLabel="Dashboard" />
+      )}
+
+      <div className={`${isMobile ? "" : "p-6"}`}>
+        <div
+          className="container mx-auto"
+          style={{
+            maxWidth: isMobile ? "100%" : "1200px",
+          }}
+        >
+          {isMobile && (
+            <h1 className="text-xl font-semibold mb-4">Dashboard</h1>
+          )}
+
+          <div className={`space-y-${isMobile ? "4" : "6"}`}>
+            {renderStats(
+              "Posts",
+              articlePublish + articleDraft + articleReady + articleFuture,
+              articlePublish,
+              articleFuture,
+              articleDraft,
+              articleReady,
+              "/posts"
+            )}
+
+            {renderStats(
+              "Fact Checks",
+              factCheckPublish +
+                factCheckDraft +
+                factCheckReady +
+                factCheckFuture,
+              factCheckPublish,
+              factCheckFuture,
+              factCheckDraft,
+              factCheckReady,
+              "/fact-checks"
+            )}
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Dashboard;
diff --git a/studio/src/pages/dashboard/types.ts b/studio/src/pages/dashboard/types.ts
new file mode 100644
index 000000000..7cd4c9d13
--- /dev/null
+++ b/studio/src/pages/dashboard/types.ts
@@ -0,0 +1,53 @@
+import React from "react";
+
+// Dashboard types
+export interface RootState {
+  spaces: {
+    selected: string;
+    loading: boolean;
+  };
+  info: {
+    article: {
+      publish?: string | number;
+      draft?: string | number;
+      ready?: string | number;
+      future?: string | number;
+    };
+    factCheck: {
+      publish?: string | number;
+      draft?: string | number;
+      ready?: string | number;
+      future?: string | number;
+    };
+    loading: boolean;
+  };
+  sidebar: {
+    collapsed: boolean;
+  };
+  ratings: {
+    details: Record<string, any>;
+    loading: boolean;
+  };
+  formats: {
+    details: Record<string, any>;
+    loading: boolean;
+  };
+  policies: {
+    details: Record<string, any>;
+    loading: boolean;
+  };
+  events: {
+    details: Record<string, any>;
+    loading: boolean;
+  };
+}
+
+// StatisticCard types
+export interface StatisticCardProps {
+  title: string;
+  value: number;
+  loading: boolean;
+  icon?: React.ReactNode;
+  href: string;
+  isMobile: boolean;
+}
diff --git a/studio/src/pages/events/CreateEvent.js b/studio/src/pages/events/CreateEvent.js
deleted file mode 100644
index 717072f6c..000000000
--- a/studio/src/pages/events/CreateEvent.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import { useDispatch } from 'react-redux';
-import { createEvent } from '../../actions/events';
-
-import EventCreateForm from './components/EventForm';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateEvent() {
-  const history = useNavigation();
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(createEvent(values)).then(() => history('/admin/events'));
-  };
-  return (
-    <>
-      <Helmet title={'Create Event'} />
-      <EventCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-
-export default CreateEvent;
diff --git a/studio/src/pages/events/CreateEvent.test.js b/studio/src/pages/events/CreateEvent.test.js
deleted file mode 100644
index 5f59be1b9..000000000
--- a/studio/src/pages/events/CreateEvent.test.js
+++ /dev/null
@@ -1,97 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import CreateEvent from './CreateEvent';
-import * as actions from '../../actions/events';
-import EventCreateForm from './components/EventForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/events', () => ({
-  getEvents: jest.fn(),
-  createEvent: jest.fn(),
-}));
-
-describe('Event create component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore({
-    events: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-      details: {
-        11: { id: 11, name: 'Space 11' },
-      },
-      loading: false,
-      selected: 11,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <CreateEvent />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-      tree.unmount();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createEvent', (done) => {
-      actions.createEvent.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CreateEvent />
-            </Router>
-          </Provider>,
-        );
-      });
-      wrapper.find(EventCreateForm).props().onCreate({ id: 1, name: 'test' });
-      setTimeout(() => {
-        expect(actions.createEvent).toHaveBeenCalledWith({ id: 1, name: 'test' });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/events/EditEvent.js b/studio/src/pages/events/EditEvent.js
deleted file mode 100644
index 9366a87ef..000000000
--- a/studio/src/pages/events/EditEvent.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import EventEditForm from './components/EventForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { updateEvent, getEvent } from '../../actions/events';
-
-import { useParams } from 'react-router-dom';
-import { Skeleton } from 'antd';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditEvent() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-  const { event, loading } = useSelector((state) => {
-    return {
-      event: state.events.details[id] ? state.events.details[id] : null,
-      loading: state.events.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getEvent(id));
-  }, [dispatch, id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!event) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updateEvent({ ...event, ...values }));
-    history(`/admin/events/${id}/edit`);
-  };
-  return (
-    <>
-      <Helmet title={'Edit Event'} />
-      <EventEditForm data={event} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditEvent;
diff --git a/studio/src/pages/events/EditEvent.test.js b/studio/src/pages/events/EditEvent.test.js
deleted file mode 100644
index 1b7627e46..000000000
--- a/studio/src/pages/events/EditEvent.test.js
+++ /dev/null
@@ -1,189 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import { BrowserRouter as Router } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import EditEvent from './EditEvent';
-import * as actions from '../../actions/events';
-import EventEditForm from './components/EventForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/events', () => ({
-  getEvents: jest.fn(),
-  addEvent: jest.fn(),
-  getEvent: jest.fn(),
-  updateEvent: jest.fn(),
-}));
-
-let state = {
-  events: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-};
-
-describe('Event edit component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore(state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <EditEvent />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        events: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <EditEvent />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    state.events = {
-      req: [],
-      details: {
-        1: {
-          id: 1,
-          name: 'event-1',
-        },
-      },
-      loading: false,
-    };
-    beforeEach(() => {
-      store = mockStore(state);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getEvent.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditEvent />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(actions.getEvent).toHaveBeenCalledWith('1');
-    });
-    it('should call updateEvent', (done) => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      actions.updateEvent.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditEvent />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      wrapper
-        .find(EventEditForm)
-        .props()
-        .onCreate({ tags: { app: 'dega' } });
-      setTimeout(() => {
-        expect(actions.updateEvent).toHaveBeenCalledWith({
-          id: 1,
-          name: 'event-1',
-          tags: { app: 'dega' },
-        });
-        expect(push).toHaveBeenCalledWith('/admin/events/1/edit');
-        done();
-      }, 0);
-    });
-    it('should display RecordNotFound if event not found', () => {
-      state.events = {
-        req: [],
-        details: {
-          2: {
-            id: 2,
-            name: 'event-2',
-          },
-        },
-        loading: false,
-      };
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditEvent />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(EventEditForm).length).toBe(0);
-    });
-  });
-});
diff --git a/studio/src/pages/events/__snapshots__/CreateEvent.test.js.snap b/studio/src/pages/events/__snapshots__/CreateEvent.test.js.snap
deleted file mode 100644
index 0bb824952..000000000
--- a/studio/src/pages/events/__snapshots__/CreateEvent.test.js.snap
+++ /dev/null
@@ -1,690 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Event create component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateEvent>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Event"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Event"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Event"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <EventForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-event",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        labelCol={
-          Object {
-            "span": 9,
-          }
-        }
-        name="create-event"
-        onFinish={[Function]}
-        wrapperCol={
-          Object {
-            "span": 7,
-          }
-        }
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-horizontal"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-event",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-event"
-            initialValues={Object {}}
-            name="create-event"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-          >
-            <form
-              className="ant-form ant-form-horizontal"
-              id="create-event"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <FormItem
-                label="Name"
-                name="name"
-              >
-                <WrapperField
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name="name"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-event",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_name"
-                    label="Name"
-                    messageVariables={
-                      Object {
-                        "label": "Name",
-                      }
-                    }
-                    name={
-                      Array [
-                        "name",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-event_name"
-                          label="Name"
-                          name="name"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={9}
-                          >
-                            <div
-                              className="ant-col ant-col-9 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-event_name"
-                                title="Name"
-                              >
-                                Name
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Name"
-                          name={
-                            Array [
-                              "name",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={7}
-                          >
-                            <div
-                              className="ant-col ant-col-7 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="create-event_name"
-                                      onChange={[Function]}
-                                      placeholder="Enter name"
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-event_name"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            placeholder="Enter name"
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-event_name"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        placeholder="Enter name"
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-event_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter name"
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Tags"
-                name="tags"
-              >
-                <WrapperField
-                  label="Tags"
-                  messageVariables={
-                    Object {
-                      "label": "Tags",
-                    }
-                  }
-                  name="tags"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-event",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_tags"
-                    label="Tags"
-                    messageVariables={
-                      Object {
-                        "label": "Tags",
-                      }
-                    }
-                    name={
-                      Array [
-                        "tags",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-event_tags"
-                          label="Tags"
-                          name="tags"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={9}
-                          >
-                            <div
-                              className="ant-col ant-col-9 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-event_tags"
-                                title="Tags"
-                              >
-                                Tags
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Tags"
-                          name={
-                            Array [
-                              "tags",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={7}
-                          >
-                            <div
-                              className="ant-col ant-col-7 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <MONACOEditor
-                                      id="create-event_tags"
-                                      language="json"
-                                      onChange={[Function]}
-                                    >
-                                      <MonacoEditor
-                                        height="240"
-                                        language="json"
-                                        onChange={[Function]}
-                                        options={
-                                          Object {
-                                            "autoClosingBrackets": "auto",
-                                            "autoClosingQuotes": "auto",
-                                            "cursorBlinking": "smooth",
-                                            "folding": true,
-                                            "lineNumbersMinChars": 4,
-                                            "minimap": Object {
-                                              "enabled": false,
-                                            },
-                                            "scrollBeyondLastLine": false,
-                                            "scrollbar": Object {
-                                              "alwaysConsumeMouseWheel": false,
-                                            },
-                                            "theme": "vs-dark",
-                                            "wordWrap": "on",
-                                          }
-                                        }
-                                        width={440}
-                                      >
-                                        <div />
-                                      </MonacoEditor>
-                                    </MONACOEditor>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                wrapperCol={
-                  Object {
-                    "offset": 10,
-                    "span": 14,
-                  }
-                }
-              >
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={Object {}}
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                      wrapperCol={
-                        Object {
-                          "offset": 10,
-                          "span": 14,
-                        }
-                      }
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      validateStatus=""
-                      wrapperCol={
-                        Object {
-                          "offset": 10,
-                          "span": 14,
-                        }
-                      }
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                        offset={10}
-                        span={14}
-                      >
-                        <div
-                          className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Space>
-                                <div
-                                  className="ant-space ant-space-horizontal ant-space-align-center"
-                                  style={Object {}}
-                                >
-                                  <Item
-                                    className="ant-space-item"
-                                    direction="horizontal"
-                                    index={0}
-                                    key="ant-space-item-0"
-                                    marginDirection="marginRight"
-                                    wrap={false}
-                                  >
-                                    <div
-                                      className="ant-space-item"
-                                      style={
-                                        Object {
-                                          "marginRight": 8,
-                                        }
-                                      }
-                                    >
-                                      <Button
-                                        htmlType="submit"
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            onClick={[Function]}
-                                            type="submit"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Submit
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </Item>
-                                  <Item
-                                    className="ant-space-item"
-                                    direction="horizontal"
-                                    index={1}
-                                    key="ant-space-item-1"
-                                    marginDirection="marginRight"
-                                    wrap={false}
-                                  >
-                                    <div
-                                      className="ant-space-item"
-                                      style={Object {}}
-                                    >
-                                      <Button
-                                        htmlType="button"
-                                        onClick={[Function]}
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn"
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Reset
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </Item>
-                                </div>
-                              </Space>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </EventForm>
-  </CreateEvent>
-</Provider>
-`;
diff --git a/studio/src/pages/events/__snapshots__/EditEvent.test.js.snap b/studio/src/pages/events/__snapshots__/EditEvent.test.js.snap
deleted file mode 100644
index 679f40e89..000000000
--- a/studio/src/pages/events/__snapshots__/EditEvent.test.js.snap
+++ /dev/null
@@ -1,813 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Event edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EditEvent>
-        <Skeleton
-          avatar={false}
-          paragraph={true}
-          title={true}
-        >
-          <div
-            className="ant-skeleton"
-          >
-            <div
-              className="ant-skeleton-content"
-            >
-              <Title
-                prefixCls="ant-skeleton-title"
-                width="38%"
-              >
-                <h3
-                  className="ant-skeleton-title"
-                  style={
-                    Object {
-                      "width": "38%",
-                    }
-                  }
-                />
-              </Title>
-              <Paragraph
-                prefixCls="ant-skeleton-paragraph"
-                rows={3}
-                width="61%"
-              >
-                <ul
-                  className="ant-skeleton-paragraph"
-                >
-                  <li
-                    key="0"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="1"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="2"
-                    style={
-                      Object {
-                        "width": "61%",
-                      }
-                    }
-                  />
-                </ul>
-              </Paragraph>
-            </div>
-          </div>
-        </Skeleton>
-      </EditEvent>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Event edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditEvent>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Edit Event"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Edit Event"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Edit Event"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <EventForm
-      data={
-        Object {
-          "id": 1,
-          "name": "event-1",
-        }
-      }
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-event",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={
-          Object {
-            "id": 1,
-            "name": "event-1",
-          }
-        }
-        labelCol={
-          Object {
-            "span": 9,
-          }
-        }
-        name="create-event"
-        onFinish={[Function]}
-        wrapperCol={
-          Object {
-            "span": 7,
-          }
-        }
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-horizontal"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-event",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-event"
-            initialValues={
-              Object {
-                "id": 1,
-                "name": "event-1",
-              }
-            }
-            name="create-event"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-          >
-            <form
-              className="ant-form ant-form-horizontal"
-              id="create-event"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <FormItem
-                label="Name"
-                name="name"
-              >
-                <WrapperField
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name="name"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-event",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_name"
-                    label="Name"
-                    messageVariables={
-                      Object {
-                        "label": "Name",
-                      }
-                    }
-                    name={
-                      Array [
-                        "name",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-event_name"
-                          label="Name"
-                          name="name"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={9}
-                          >
-                            <div
-                              className="ant-col ant-col-9 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-event_name"
-                                title="Name"
-                              >
-                                Name
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Name"
-                          name={
-                            Array [
-                              "name",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={7}
-                          >
-                            <div
-                              className="ant-col ant-col-7 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                    value="event-1"
-                                  >
-                                    <Input
-                                      id="create-event_name"
-                                      onChange={[Function]}
-                                      placeholder="Enter name"
-                                      type="text"
-                                      value="event-1"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-event_name"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            placeholder="Enter name"
-                                            type="text"
-                                            value="event-1"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-event_name"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        placeholder="Enter name"
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value="event-1"
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-event_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter name"
-                                          type="text"
-                                          value="event-1"
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Tags"
-                name="tags"
-              >
-                <WrapperField
-                  label="Tags"
-                  messageVariables={
-                    Object {
-                      "label": "Tags",
-                    }
-                  }
-                  name="tags"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-event",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_tags"
-                    label="Tags"
-                    messageVariables={
-                      Object {
-                        "label": "Tags",
-                      }
-                    }
-                    name={
-                      Array [
-                        "tags",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-event_tags"
-                          label="Tags"
-                          name="tags"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={9}
-                          >
-                            <div
-                              className="ant-col ant-col-9 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-event_tags"
-                                title="Tags"
-                              >
-                                Tags
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Tags"
-                          name={
-                            Array [
-                              "tags",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={7}
-                          >
-                            <div
-                              className="ant-col ant-col-7 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <MONACOEditor
-                                      id="create-event_tags"
-                                      language="json"
-                                      onChange={[Function]}
-                                    >
-                                      <MonacoEditor
-                                        height="240"
-                                        language="json"
-                                        onChange={[Function]}
-                                        options={
-                                          Object {
-                                            "autoClosingBrackets": "auto",
-                                            "autoClosingQuotes": "auto",
-                                            "cursorBlinking": "smooth",
-                                            "folding": true,
-                                            "lineNumbersMinChars": 4,
-                                            "minimap": Object {
-                                              "enabled": false,
-                                            },
-                                            "scrollBeyondLastLine": false,
-                                            "scrollbar": Object {
-                                              "alwaysConsumeMouseWheel": false,
-                                            },
-                                            "theme": "vs-dark",
-                                            "wordWrap": "on",
-                                          }
-                                        }
-                                        width={440}
-                                      >
-                                        <div />
-                                      </MonacoEditor>
-                                    </MONACOEditor>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                wrapperCol={
-                  Object {
-                    "offset": 10,
-                    "span": 14,
-                  }
-                }
-              >
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={Object {}}
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                      wrapperCol={
-                        Object {
-                          "offset": 10,
-                          "span": 14,
-                        }
-                      }
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      validateStatus=""
-                      wrapperCol={
-                        Object {
-                          "offset": 10,
-                          "span": 14,
-                        }
-                      }
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                        offset={10}
-                        span={14}
-                      >
-                        <div
-                          className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Space>
-                                <div
-                                  className="ant-space ant-space-horizontal ant-space-align-center"
-                                  style={Object {}}
-                                >
-                                  <Item
-                                    className="ant-space-item"
-                                    direction="horizontal"
-                                    index={0}
-                                    key="ant-space-item-0"
-                                    marginDirection="marginRight"
-                                    wrap={false}
-                                  >
-                                    <div
-                                      className="ant-space-item"
-                                      style={
-                                        Object {
-                                          "marginRight": 8,
-                                        }
-                                      }
-                                    >
-                                      <Button
-                                        htmlType="submit"
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            onClick={[Function]}
-                                            type="submit"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Submit
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </Item>
-                                  <Item
-                                    className="ant-space-item"
-                                    direction="horizontal"
-                                    index={1}
-                                    key="ant-space-item-1"
-                                    marginDirection="marginRight"
-                                    wrap={false}
-                                  >
-                                    <div
-                                      className="ant-space-item"
-                                      style={Object {}}
-                                    >
-                                      <Button
-                                        htmlType="button"
-                                        onClick={[Function]}
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn"
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Reset
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </Item>
-                                </div>
-                              </Space>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </EventForm>
-  </EditEvent>
-</Provider>
-`;
diff --git a/studio/src/pages/events/__snapshots__/index.test.js.snap b/studio/src/pages/events/__snapshots__/index.test.js.snap
deleted file mode 100644
index 1a0848cc5..000000000
--- a/studio/src/pages/events/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,3074 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Event component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Events>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Events"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Events"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Events"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  gutter={16}
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={
-                      Object {
-                        "marginLeft": -8,
-                        "marginRight": -8,
-                      }
-                    }
-                  >
-                    <Link
-                      key="1"
-                      to="/admin/events/create"
-                    >
-                      <LinkAnchor
-                        href="/admin/events/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/admin/events/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Event
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <EventList>
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={Array []}
-                    loading={true}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 0,
-                      }
-                    }
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={true}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            key="loading"
-                          >
-                            <div
-                              className="ant-spin ant-spin-spinning"
-                            >
-                              <span
-                                className="ant-spin-dot ant-spin-dot-spin"
-                              >
-                                <i
-                                  className="ant-spin-dot-item"
-                                />
-                                <i
-                                  className="ant-spin-dot-item"
-                                />
-                                <i
-                                  className="ant-spin-dot-item"
-                                />
-                                <i
-                                  className="ant-spin-dot-item"
-                                />
-                              </span>
-                            </div>
-                          </div>
-                          <div
-                            className="ant-spin-container ant-spin-blur"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered ant-table-empty"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={Array []}
-                              dataSource={Array []}
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-placeholder"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                              colspan="2"
-                                            >
-                                              <div
-                                                class="ant-empty ant-empty-normal"
-                                              >
-                                                <div
-                                                  class="ant-empty-image"
-                                                >
-                                                  <svg
-                                                    class="ant-empty-img-simple"
-                                                    height="41"
-                                                    viewBox="0 0 64 41"
-                                                    width="64"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <g
-                                                      fill="none"
-                                                      fill-rule="evenodd"
-                                                      transform="translate(0 1)"
-                                                    >
-                                                      <ellipse
-                                                        class="ant-empty-img-simple-ellipse"
-                                                        cx="32"
-                                                        cy="33"
-                                                        rx="32"
-                                                        ry="7"
-                                                      />
-                                                      <g
-                                                        class="ant-empty-img-simple-g"
-                                                        fill-rule="nonzero"
-                                                      >
-                                                        <path
-                                                          d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                        />
-                                                        <path
-                                                          class="ant-empty-img-simple-path"
-                                                          d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                        />
-                                                      </g>
-                                                    </g>
-                                                  </svg>
-                                                </div>
-                                                <div
-                                                  class="ant-empty-description"
-                                                >
-                                                  No Data
-                                                </div>
-                                              </div>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={true}
-                              pagination={
-                                Object {
-                                  "current": 1,
-                                  "onChange": [Function],
-                                  "pageSize": 20,
-                                  "pageSizeOptions": Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ],
-                                  "showTotal": [Function],
-                                  "total": 0,
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered ant-table-empty",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [],
-                                      "dataSource": Array [],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-placeholder"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                    colspan="2"
-                                                  >
-                                                    <div
-                                                      class="ant-empty ant-empty-normal"
-                                                    >
-                                                      <div
-                                                        class="ant-empty-image"
-                                                      >
-                                                        <svg
-                                                          class="ant-empty-img-simple"
-                                                          height="41"
-                                                          viewBox="0 0 64 41"
-                                                          width="64"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <g
-                                                            fill="none"
-                                                            fill-rule="evenodd"
-                                                            transform="translate(0 1)"
-                                                          >
-                                                            <ellipse
-                                                              class="ant-empty-img-simple-ellipse"
-                                                              cx="32"
-                                                              cy="33"
-                                                              rx="32"
-                                                              ry="7"
-                                                            />
-                                                            <g
-                                                              class="ant-empty-img-simple-g"
-                                                              fill-rule="nonzero"
-                                                            >
-                                                              <path
-                                                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                              />
-                                                              <path
-                                                                class="ant-empty-img-simple-path"
-                                                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                              />
-                                                            </g>
-                                                          </g>
-                                                        </svg>
-                                                      </div>
-                                                      <div
-                                                        class="ant-empty-description"
-                                                      >
-                                                        No Data
-                                                      </div>
-                                                    </div>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": true,
-                                      "mergedExpandedKeys": Set {},
-                                      "pagination": Object {
-                                        "current": 1,
-                                        "onChange": [Function],
-                                        "pageSize": 20,
-                                        "pageSizeOptions": Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ],
-                                        "showTotal": [Function],
-                                        "total": 0,
-                                      },
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={2}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={Array []}
-                                          emptyNode={
-                                            <Context.Consumer>
-                                              [Function]
-                                            </Context.Consumer>
-                                          }
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <ExpandedRow
-                                              cellComponent="td"
-                                              className="ant-table-placeholder"
-                                              colSpan={2}
-                                              component="tr"
-                                              componentWidth={0}
-                                              expanded={true}
-                                              fixColumn={false}
-                                              horizonScroll={false}
-                                              prefixCls="ant-table"
-                                            >
-                                              <tr
-                                                className="ant-table-placeholder"
-                                                style={
-                                                  Object {
-                                                    "display": null,
-                                                  }
-                                                }
-                                              >
-                                                <Cell
-                                                  colSpan={2}
-                                                  component="td"
-                                                  prefixCls="ant-table"
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={2}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Empty
-                                                      image={<Simple />}
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Empty"
-                                                      >
-                                                        <div
-                                                          className="ant-empty ant-empty-normal"
-                                                        >
-                                                          <div
-                                                            className="ant-empty-image"
-                                                          >
-                                                            <Simple>
-                                                              <svg
-                                                                className="ant-empty-img-simple"
-                                                                height="41"
-                                                                viewBox="0 0 64 41"
-                                                                width="64"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <g
-                                                                  fill="none"
-                                                                  fillRule="evenodd"
-                                                                  transform="translate(0 1)"
-                                                                >
-                                                                  <ellipse
-                                                                    className="ant-empty-img-simple-ellipse"
-                                                                    cx="32"
-                                                                    cy="33"
-                                                                    rx="32"
-                                                                    ry="7"
-                                                                  />
-                                                                  <g
-                                                                    className="ant-empty-img-simple-g"
-                                                                    fillRule="nonzero"
-                                                                  >
-                                                                    <path
-                                                                      d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                    />
-                                                                    <path
-                                                                      className="ant-empty-img-simple-path"
-                                                                      d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                    />
-                                                                  </g>
-                                                                </g>
-                                                              </svg>
-                                                            </Simple>
-                                                          </div>
-                                                          <div
-                                                            className="ant-empty-description"
-                                                          >
-                                                            No Data
-                                                          </div>
-                                                        </div>
-                                                      </LocaleReceiver>
-                                                    </Empty>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </ExpandedRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </EventList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Events>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Event component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Events>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Events"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Events"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Events"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  gutter={16}
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={
-                      Object {
-                        "marginLeft": -8,
-                        "marginRight": -8,
-                      }
-                    }
-                  >
-                    <Link
-                      key="1"
-                      to="/admin/events/create"
-                    >
-                      <LinkAnchor
-                        href="/admin/events/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/admin/events/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Event
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <EventList>
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "id": 1,
-                          "name": "event",
-                        },
-                      ]
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 1,
-                      }
-                    }
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={
-                                Array [
-                                  Object {
-                                    "id": 1,
-                                    "name": "event",
-                                  },
-                                ]
-                              }
-                              dataSource={
-                                Array [
-                                  Object {
-                                    "id": 1,
-                                    "name": "event",
-                                  },
-                                ]
-                              }
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-row ant-table-row-level-0"
-                                            data-row-key="1"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <a
-                                                href="/admin/events/1/edit"
-                                                style="margin-right: 8px;"
-                                              >
-                                                <p>
-                                                  Event
-                                                </p>
-                                              </a>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              <button
-                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={false}
-                              pagination={
-                                Object {
-                                  "current": 1,
-                                  "onChange": [Function],
-                                  "pageSize": 20,
-                                  "pageSizeOptions": Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ],
-                                  "showTotal": [Function],
-                                  "total": 1,
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [
-                                        Object {
-                                          "id": 1,
-                                          "name": "event",
-                                        },
-                                      ],
-                                      "dataSource": Array [
-                                        Object {
-                                          "id": 1,
-                                          "name": "event",
-                                        },
-                                      ],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-row ant-table-row-level-0"
-                                                  data-row-key="1"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <a
-                                                      href="/admin/events/1/edit"
-                                                      style="margin-right: 8px;"
-                                                    >
-                                                      <p>
-                                                        Event
-                                                      </p>
-                                                    </a>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    <button
-                                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": false,
-                                      "mergedExpandedKeys": Set {},
-                                      "pagination": Object {
-                                        "current": 1,
-                                        "onChange": [Function],
-                                        "pageSize": 20,
-                                        "pageSizeOptions": Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ],
-                                        "showTotal": [Function],
-                                        "total": 1,
-                                      },
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={2}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={
-                                            Array [
-                                              Object {
-                                                "id": 1,
-                                                "name": "event",
-                                              },
-                                            ]
-                                          }
-                                          emptyNode={null}
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <BodyRow
-                                              cellComponent="td"
-                                              childrenColumnName="children"
-                                              expandedKeys={Set {}}
-                                              getRowKey={[Function]}
-                                              index={0}
-                                              key="1"
-                                              record={
-                                                Object {
-                                                  "id": 1,
-                                                  "name": "event",
-                                                }
-                                              }
-                                              recordKey={1}
-                                              rowComponent="tr"
-                                              rowKey={1}
-                                            >
-                                              <tr
-                                                className="ant-table-row ant-table-row-level-0"
-                                                data-row-key={1}
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              >
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="name"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "id": 1,
-                                                      "name": "event",
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                      to="/admin/events/1/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/admin/events/1/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/admin/events/1/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "marginRight": 8,
-                                                            }
-                                                          }
-                                                        >
-                                                          <p>
-                                                            Event
-                                                          </p>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  component="td"
-                                                  dataIndex="operation"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  index={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "id": 1,
-                                                      "name": "event",
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              icon={<ForwardRef(DeleteOutlined) />}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  type="button"
-                                                                >
-                                                                  <ForwardRef(DeleteOutlined)>
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </BodyRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                            <Pagination
-                              className="ant-table-pagination ant-table-pagination-right"
-                              current={1}
-                              onChange={[Function]}
-                              pageSize={20}
-                              pageSizeOptions={
-                                Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ]
-                              }
-                              showTotal={[Function]}
-                              total={1}
-                            >
-                              <LocaleReceiver
-                                componentName="Pagination"
-                                defaultLocale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                              >
-                                <Pagination
-                                  className="ant-table-pagination ant-table-pagination-right"
-                                  current={1}
-                                  defaultCurrent={1}
-                                  defaultPageSize={10}
-                                  hideOnSinglePage={false}
-                                  itemRender={[Function]}
-                                  jumpNextIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleRightOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  jumpPrevIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleLeftOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  locale={
-                                    Object {
-                                      "items_per_page": "/ page",
-                                      "jump_to": "Go to",
-                                      "jump_to_confirm": "confirm",
-                                      "next_3": "Next 3 Pages",
-                                      "next_5": "Next 5 Pages",
-                                      "next_page": "Next Page",
-                                      "page": "",
-                                      "prev_3": "Previous 3 Pages",
-                                      "prev_5": "Previous 5 Pages",
-                                      "prev_page": "Previous Page",
-                                    }
-                                  }
-                                  nextIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined) />
-                                    </button>
-                                  }
-                                  onChange={[Function]}
-                                  onShowSizeChange={[Function]}
-                                  pageSize={20}
-                                  pageSizeOptions={
-                                    Array [
-                                      "10",
-                                      "15",
-                                      "20",
-                                    ]
-                                  }
-                                  prefixCls="ant-pagination"
-                                  prevIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined) />
-                                    </button>
-                                  }
-                                  selectComponentClass={
-                                    Object {
-                                      "$$typeof": Symbol(react.forward_ref),
-                                      "OptGroup": [Function],
-                                      "Option": [Function],
-                                      "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                      "render": [Function],
-                                    }
-                                  }
-                                  selectPrefixCls="ant-select"
-                                  showLessItems={false}
-                                  showPrevNextJumpers={true}
-                                  showQuickJumper={false}
-                                  showTitle={true}
-                                  showTotal={[Function]}
-                                  style={Object {}}
-                                  total={1}
-                                  totalBoundaryShowSizeChanger={50}
-                                >
-                                  <ul
-                                    className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                    style={Object {}}
-                                    unselectable="unselectable"
-                                  >
-                                    <li
-                                      className="ant-pagination-total-text"
-                                    >
-                                      1-1 of 1 results
-                                    </li>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-prev ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Previous Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(LeftOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "left",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="left"
-                                              className="anticon anticon-left"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "left",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="left"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-left"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                    key="svg-left-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(LeftOutlined)>
-                                      </button>
-                                    </li>
-                                    <Pager
-                                      active={true}
-                                      itemRender={[Function]}
-                                      key="1"
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      page={1}
-                                      rootPrefixCls="ant-pagination"
-                                      showTitle={true}
-                                    >
-                                      <li
-                                        className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        tabIndex="0"
-                                        title={1}
-                                      >
-                                        <a
-                                          rel="nofollow"
-                                        >
-                                          1
-                                        </a>
-                                      </li>
-                                    </Pager>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-next ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Next Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(RightOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "right",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="right"
-                                              className="anticon anticon-right"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "right",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="right"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-right"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                    key="svg-right-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(RightOutlined)>
-                                      </button>
-                                    </li>
-                                    <Options
-                                      changeSize={null}
-                                      current={1}
-                                      goButton={false}
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      pageSize={20}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      quickGo={null}
-                                      rootPrefixCls="ant-pagination"
-                                      selectComponentClass={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "OptGroup": [Function],
-                                          "Option": [Function],
-                                          "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                          "render": [Function],
-                                        }
-                                      }
-                                      selectPrefixCls="ant-select"
-                                    />
-                                  </ul>
-                                </Pagination>
-                              </LocaleReceiver>
-                            </Pagination>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </EventList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Events>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/events/components/EventForm.js b/studio/src/pages/events/components/EventForm.js
deleted file mode 100644
index 72ce1d390..000000000
--- a/studio/src/pages/events/components/EventForm.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import { Button, Form, Input, Space } from 'antd';
-import MonacoEditor from '../../../components/MonacoEditor';
-const layout = {
-  labelCol: {
-    span: 9,
-  },
-  wrapperCol: {
-    span: 7,
-  },
-};
-const tailLayout = {
-  wrapperCol: {
-    offset: 10,
-    span: 14,
-  },
-};
-
-const EventForm = ({ onCreate, data = {} }) => {
-  const [form] = Form.useForm();
-  if (data && data.tags) {
-    if (typeof data.tags !== 'string') {
-      data.tags = JSON.stringify(data.tags);
-    }
-  }
-
-  const onReset = () => {
-    form.resetFields();
-  };
-  const getJsonVal = (val) => {
-    let regex = /,(?!\s*?[{["'\w])/;
-    let formattedJson = val.replace(regex, '');
-    return JSON.parse(formattedJson);
-  };
-  return (
-    <Form
-      {...layout}
-      form={form}
-      initialValues={{ ...data }}
-      name="create-event"
-      onFinish={(values) => {
-        if (values.tags) {
-          values.tags = getJsonVal(values.tags);
-        }
-        onCreate(values);
-        onReset();
-      }}
-    >
-      <Form.Item name="name" label="Name">
-        <Input placeholder="Enter name" />
-      </Form.Item>
-      <Form.Item name="tags" label="Tags">
-        <MonacoEditor language="json" />
-      </Form.Item>
-      <Form.Item {...tailLayout}>
-        <Space>
-          <Button type="primary" htmlType="submit">
-            Submit
-          </Button>
-          <Button htmlType="button" onClick={onReset}>
-            Reset
-          </Button>
-        </Space>
-      </Form.Item>
-    </Form>
-  );
-};
-export default EventForm;
diff --git a/studio/src/pages/events/components/EventForm.test.js b/studio/src/pages/events/components/EventForm.test.js
deleted file mode 100644
index 6fab81546..000000000
--- a/studio/src/pages/events/components/EventForm.test.js
+++ /dev/null
@@ -1,182 +0,0 @@
-import React from 'react';
-import { Provider, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-
-import '../../../matchMedia.mock';
-import EventForm from './EventForm';
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store, mockedDispatch;
-
-const data = {
-  name: 'event',
-};
-
-describe('Event form component', () => {
-  store = mockStore({});
-  store.dispatch = jest.fn();
-  mockedDispatch = jest.fn();
-  useDispatch.mockReturnValue(mockedDispatch);
-  store = mockStore({
-    events: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-  });
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <EventForm />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <EventForm data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <EventForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    store = mockStore({
-      events: {
-        req: [],
-        details: {},
-        loading: true,
-      },
-    });
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EventForm {...props} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith(props.data);
-        done();
-      }, 0);
-    });
-    it('should submit form with new name', (done) => {
-      const data2 = { ...data };
-      data2.tags = JSON.stringify({ app: 'dega' });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EventForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const input = wrapper.find('input').at(0);
-        input.simulate('change', { target: { value: 'new name' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          tags: {
-            app: 'dega',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      const data2 = { ...data };
-      data2.tags = {
-        app: 'dega',
-      };
-      data2.id = 1;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EventForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          tags: {
-            app: 'dega',
-          },
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/events/components/EventList.js b/studio/src/pages/events/components/EventList.js
deleted file mode 100644
index 47ef23045..000000000
--- a/studio/src/pages/events/components/EventList.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { Popconfirm, Button, Table } from 'antd';
-import { useDispatch, useSelector } from 'react-redux';
-import { deleteEvent, getEvents } from '../../../actions/events';
-import { Link } from 'react-router-dom';
-import deepEqual from 'deep-equal';
-import { DeleteOutlined } from '@ant-design/icons';
-
-function EventList() {
-  const dispatch = useDispatch();
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 20,
-  });
-  const { events, total, loading } = useSelector((state) => {
-    const node = state.events.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-    if (node)
-      return {
-        events: node.data.map((element) => state.events.details[element]),
-        total: node.total,
-        loading: state.events.loading,
-      };
-    return { events: [], total: 0, loading: state.events.loading };
-  });
-
-  React.useEffect(() => {
-    fetchEvents();
-  }, [filters]);
-
-  const fetchEvents = () => {
-    dispatch(getEvents(filters));
-  };
-  const getName = (eventLabel) => {
-    var labelArr = eventLabel.split('.');
-    for (var i = 0; i < labelArr.length; i++) {
-      labelArr[i] = labelArr[i][0].toUpperCase() + labelArr[i].slice(1);
-    }
-    return labelArr.join(' ');
-  };
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/admin/events/${record.id}/edit`}
-          >
-            <p>{getName(record.name)}</p>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      fixed: 'right',
-      align: 'center',
-      width: 150,
-      render: (_, record) => {
-        return (
-          <Popconfirm
-            title="Are you sure you want to delete this?"
-            onConfirm={() => dispatch(deleteEvent(record.id)).then(() => fetchEvents())}
-          >
-            <Button danger icon={<DeleteOutlined />} />
-          </Popconfirm>
-        );
-      },
-    },
-  ];
-
-  return (
-    <Table
-      bordered
-      columns={columns}
-      dataSource={events}
-      loading={loading}
-      rowKey={'id'}
-      pagination={{
-        showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-        total: total,
-        current: filters.page,
-        pageSize: filters.limit,
-        onChange: (pageNumber, pageSize) => setFilters({ page: pageNumber, limit: pageSize }),
-        pageSizeOptions: ['10', '15', '20'],
-      }}
-    />
-  );
-}
-
-export default EventList;
diff --git a/studio/src/pages/events/components/EventList.test.js b/studio/src/pages/events/components/EventList.test.js
deleted file mode 100644
index fdae39404..000000000
--- a/studio/src/pages/events/components/EventList.test.js
+++ /dev/null
@@ -1,188 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { Provider, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { Popconfirm, Button, Table } from 'antd';
-import { act } from 'react-dom/test-utils';
-
-import '../../../matchMedia.mock';
-import EventList from './EventList';
-import { getEvents, deleteEvent } from '../../../actions/events';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/events', () => ({
-  getEvents: jest.fn(),
-  deleteEvent: jest.fn(),
-}));
-
-let store, mockedDispatch;
-
-let state = {
-  events: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        name: 'event.deleted',
-      },
-      2: {
-        id: 2,
-        name: 'event.created',
-      },
-    },
-    loading: false,
-  },
-};
-
-describe('Event List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <EventList />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.events.loading = true;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <EventList />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with event', () => {
-      state.events.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <EventList />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(mockedDispatch).toHaveBeenCalledTimes(1);
-
-      expect(getEvents).toHaveBeenCalledWith({ page: 1, limit: 20 });
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EventList />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete event', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EventList />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-
-      expect(deleteEvent).toHaveBeenCalled();
-      expect(deleteEvent).toHaveBeenCalledWith(1);
-      expect(getEvents).toHaveBeenCalledWith({ page: 1 });
-    });
-    it('should edit format', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EventList />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('Event Deleted');
-      expect(link.prop('to')).toEqual('/admin/events/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        events: {
-          req: [],
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EventList />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/events/components/__snapshots__/EventForm.test.js.snap b/studio/src/pages/events/components/__snapshots__/EventForm.test.js.snap
deleted file mode 100644
index f82395d3a..000000000
--- a/studio/src/pages/events/components/__snapshots__/EventForm.test.js.snap
+++ /dev/null
@@ -1,2025 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Event form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EventForm
-    data={
-      Object {
-        "name": "event",
-      }
-    }
-    onCreate={[MockFunction]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-event",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "name": "event",
-        }
-      }
-      labelCol={
-        Object {
-          "span": 9,
-        }
-      }
-      name="create-event"
-      onFinish={[Function]}
-      wrapperCol={
-        Object {
-          "span": 7,
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-horizontal"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-event",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-event"
-          initialValues={
-            Object {
-              "name": "event",
-            }
-          }
-          name="create-event"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-        >
-          <form
-            className="ant-form ant-form-horizontal"
-            id="create-event"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <FormItem
-              label="Name"
-              name="name"
-            >
-              <WrapperField
-                label="Name"
-                messageVariables={
-                  Object {
-                    "label": "Name",
-                  }
-                }
-                name="name"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-event",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_name"
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name={
-                    Array [
-                      "name",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-event_name"
-                        label="Name"
-                        name="name"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={9}
-                        >
-                          <div
-                            className="ant-col ant-col-9 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-event_name"
-                              title="Name"
-                            >
-                              Name
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Name"
-                        name={
-                          Array [
-                            "name",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={7}
-                        >
-                          <div
-                            className="ant-col ant-col-7 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                  value="event"
-                                >
-                                  <Input
-                                    id="create-event_name"
-                                    onChange={[Function]}
-                                    placeholder="Enter name"
-                                    type="text"
-                                    value="event"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-event_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter name"
-                                          type="text"
-                                          value="event"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-event_name"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      placeholder="Enter name"
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value="event"
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-event_name"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        placeholder="Enter name"
-                                        type="text"
-                                        value="event"
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Tags"
-              name="tags"
-            >
-              <WrapperField
-                label="Tags"
-                messageVariables={
-                  Object {
-                    "label": "Tags",
-                  }
-                }
-                name="tags"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-event",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_tags"
-                  label="Tags"
-                  messageVariables={
-                    Object {
-                      "label": "Tags",
-                    }
-                  }
-                  name={
-                    Array [
-                      "tags",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-event_tags"
-                        label="Tags"
-                        name="tags"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={9}
-                        >
-                          <div
-                            className="ant-col ant-col-9 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-event_tags"
-                              title="Tags"
-                            >
-                              Tags
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Tags"
-                        name={
-                          Array [
-                            "tags",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={7}
-                        >
-                          <div
-                            className="ant-col ant-col-7 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <MONACOEditor
-                                    id="create-event_tags"
-                                    language="json"
-                                    onChange={[Function]}
-                                  >
-                                    <MonacoEditor
-                                      height="240"
-                                      language="json"
-                                      onChange={[Function]}
-                                      options={
-                                        Object {
-                                          "autoClosingBrackets": "auto",
-                                          "autoClosingQuotes": "auto",
-                                          "cursorBlinking": "smooth",
-                                          "folding": true,
-                                          "lineNumbersMinChars": 4,
-                                          "minimap": Object {
-                                            "enabled": false,
-                                          },
-                                          "scrollBeyondLastLine": false,
-                                          "scrollbar": Object {
-                                            "alwaysConsumeMouseWheel": false,
-                                          },
-                                          "theme": "vs-dark",
-                                          "wordWrap": "on",
-                                        }
-                                      }
-                                      width={440}
-                                    >
-                                      <div />
-                                    </MonacoEditor>
-                                  </MONACOEditor>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              wrapperCol={
-                Object {
-                  "offset": 10,
-                  "span": 14,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={10}
-                      span={14}
-                    >
-                      <div
-                        className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Space>
-                              <div
-                                className="ant-space ant-space-horizontal ant-space-align-center"
-                                style={Object {}}
-                              >
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={0}
-                                  key="ant-space-item-0"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={
-                                      Object {
-                                        "marginRight": 8,
-                                      }
-                                    }
-                                  >
-                                    <Button
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={1}
-                                  key="ant-space-item-1"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={Object {}}
-                                  >
-                                    <Button
-                                      htmlType="button"
-                                      onClick={[Function]}
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn"
-                                          onClick={[Function]}
-                                          type="button"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Reset
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                              </div>
-                            </Space>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </EventForm>
-</Provider>
-`;
-
-exports[`Event form component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EventForm
-    data={Array []}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-event",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      labelCol={
-        Object {
-          "span": 9,
-        }
-      }
-      name="create-event"
-      onFinish={[Function]}
-      wrapperCol={
-        Object {
-          "span": 7,
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-horizontal"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-event",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-event"
-          initialValues={Object {}}
-          name="create-event"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-        >
-          <form
-            className="ant-form ant-form-horizontal"
-            id="create-event"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <FormItem
-              label="Name"
-              name="name"
-            >
-              <WrapperField
-                label="Name"
-                messageVariables={
-                  Object {
-                    "label": "Name",
-                  }
-                }
-                name="name"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-event",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_name"
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name={
-                    Array [
-                      "name",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-event_name"
-                        label="Name"
-                        name="name"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={9}
-                        >
-                          <div
-                            className="ant-col ant-col-9 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-event_name"
-                              title="Name"
-                            >
-                              Name
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Name"
-                        name={
-                          Array [
-                            "name",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={7}
-                        >
-                          <div
-                            className="ant-col ant-col-7 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-event_name"
-                                    onChange={[Function]}
-                                    placeholder="Enter name"
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-event_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter name"
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-event_name"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      placeholder="Enter name"
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-event_name"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        placeholder="Enter name"
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Tags"
-              name="tags"
-            >
-              <WrapperField
-                label="Tags"
-                messageVariables={
-                  Object {
-                    "label": "Tags",
-                  }
-                }
-                name="tags"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-event",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_tags"
-                  label="Tags"
-                  messageVariables={
-                    Object {
-                      "label": "Tags",
-                    }
-                  }
-                  name={
-                    Array [
-                      "tags",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-event_tags"
-                        label="Tags"
-                        name="tags"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={9}
-                        >
-                          <div
-                            className="ant-col ant-col-9 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-event_tags"
-                              title="Tags"
-                            >
-                              Tags
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Tags"
-                        name={
-                          Array [
-                            "tags",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={7}
-                        >
-                          <div
-                            className="ant-col ant-col-7 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <MONACOEditor
-                                    id="create-event_tags"
-                                    language="json"
-                                    onChange={[Function]}
-                                  >
-                                    <MonacoEditor
-                                      height="240"
-                                      language="json"
-                                      onChange={[Function]}
-                                      options={
-                                        Object {
-                                          "autoClosingBrackets": "auto",
-                                          "autoClosingQuotes": "auto",
-                                          "cursorBlinking": "smooth",
-                                          "folding": true,
-                                          "lineNumbersMinChars": 4,
-                                          "minimap": Object {
-                                            "enabled": false,
-                                          },
-                                          "scrollBeyondLastLine": false,
-                                          "scrollbar": Object {
-                                            "alwaysConsumeMouseWheel": false,
-                                          },
-                                          "theme": "vs-dark",
-                                          "wordWrap": "on",
-                                        }
-                                      }
-                                      width={440}
-                                    >
-                                      <div />
-                                    </MonacoEditor>
-                                  </MONACOEditor>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              wrapperCol={
-                Object {
-                  "offset": 10,
-                  "span": 14,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={10}
-                      span={14}
-                    >
-                      <div
-                        className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Space>
-                              <div
-                                className="ant-space ant-space-horizontal ant-space-align-center"
-                                style={Object {}}
-                              >
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={0}
-                                  key="ant-space-item-0"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={
-                                      Object {
-                                        "marginRight": 8,
-                                      }
-                                    }
-                                  >
-                                    <Button
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={1}
-                                  key="ant-space-item-1"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={Object {}}
-                                  >
-                                    <Button
-                                      htmlType="button"
-                                      onClick={[Function]}
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn"
-                                          onClick={[Function]}
-                                          type="button"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Reset
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                              </div>
-                            </Space>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </EventForm>
-</Provider>
-`;
-
-exports[`Event form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EventForm>
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-event",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      labelCol={
-        Object {
-          "span": 9,
-        }
-      }
-      name="create-event"
-      onFinish={[Function]}
-      wrapperCol={
-        Object {
-          "span": 7,
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-horizontal"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-event",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-event"
-          initialValues={Object {}}
-          name="create-event"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-        >
-          <form
-            className="ant-form ant-form-horizontal"
-            id="create-event"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <FormItem
-              label="Name"
-              name="name"
-            >
-              <WrapperField
-                label="Name"
-                messageVariables={
-                  Object {
-                    "label": "Name",
-                  }
-                }
-                name="name"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-event",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_name"
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name={
-                    Array [
-                      "name",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-event_name"
-                        label="Name"
-                        name="name"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={9}
-                        >
-                          <div
-                            className="ant-col ant-col-9 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-event_name"
-                              title="Name"
-                            >
-                              Name
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Name"
-                        name={
-                          Array [
-                            "name",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={7}
-                        >
-                          <div
-                            className="ant-col ant-col-7 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-event_name"
-                                    onChange={[Function]}
-                                    placeholder="Enter name"
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-event_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter name"
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-event_name"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      placeholder="Enter name"
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-event_name"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        placeholder="Enter name"
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Tags"
-              name="tags"
-            >
-              <WrapperField
-                label="Tags"
-                messageVariables={
-                  Object {
-                    "label": "Tags",
-                  }
-                }
-                name="tags"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-event",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_tags"
-                  label="Tags"
-                  messageVariables={
-                    Object {
-                      "label": "Tags",
-                    }
-                  }
-                  name={
-                    Array [
-                      "tags",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-event_tags"
-                        label="Tags"
-                        name="tags"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={9}
-                        >
-                          <div
-                            className="ant-col ant-col-9 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-event_tags"
-                              title="Tags"
-                            >
-                              Tags
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Tags"
-                        name={
-                          Array [
-                            "tags",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={7}
-                        >
-                          <div
-                            className="ant-col ant-col-7 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <MONACOEditor
-                                    id="create-event_tags"
-                                    language="json"
-                                    onChange={[Function]}
-                                  >
-                                    <MonacoEditor
-                                      height="240"
-                                      language="json"
-                                      onChange={[Function]}
-                                      options={
-                                        Object {
-                                          "autoClosingBrackets": "auto",
-                                          "autoClosingQuotes": "auto",
-                                          "cursorBlinking": "smooth",
-                                          "folding": true,
-                                          "lineNumbersMinChars": 4,
-                                          "minimap": Object {
-                                            "enabled": false,
-                                          },
-                                          "scrollBeyondLastLine": false,
-                                          "scrollbar": Object {
-                                            "alwaysConsumeMouseWheel": false,
-                                          },
-                                          "theme": "vs-dark",
-                                          "wordWrap": "on",
-                                        }
-                                      }
-                                      width={440}
-                                    >
-                                      <div />
-                                    </MonacoEditor>
-                                  </MONACOEditor>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              wrapperCol={
-                Object {
-                  "offset": 10,
-                  "span": 14,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={10}
-                      span={14}
-                    >
-                      <div
-                        className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Space>
-                              <div
-                                className="ant-space ant-space-horizontal ant-space-align-center"
-                                style={Object {}}
-                              >
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={0}
-                                  key="ant-space-item-0"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={
-                                      Object {
-                                        "marginRight": 8,
-                                      }
-                                    }
-                                  >
-                                    <Button
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={1}
-                                  key="ant-space-item-1"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={Object {}}
-                                  >
-                                    <Button
-                                      htmlType="button"
-                                      onClick={[Function]}
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn"
-                                          onClick={[Function]}
-                                          type="button"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Reset
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                              </div>
-                            </Space>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </EventForm>
-</Provider>
-`;
diff --git a/studio/src/pages/events/components/__snapshots__/EventList.test.js.snap b/studio/src/pages/events/components/__snapshots__/EventList.test.js.snap
deleted file mode 100644
index 7cd2ea93d..000000000
--- a/studio/src/pages/events/components/__snapshots__/EventList.test.js.snap
+++ /dev/null
@@ -1,8692 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Event List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EventList>
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "id": 1,
-                "name": "event.deleted",
-              },
-              Object {
-                "id": 2,
-                "name": "event.created",
-              },
-            ]
-          }
-          loading={true}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  key="loading"
-                >
-                  <div
-                    className="ant-spin ant-spin-spinning"
-                  >
-                    <span
-                      className="ant-spin-dot ant-spin-dot-spin"
-                    >
-                      <i
-                        className="ant-spin-dot-item"
-                      />
-                      <i
-                        className="ant-spin-dot-item"
-                      />
-                      <i
-                        className="ant-spin-dot-item"
-                      />
-                      <i
-                        className="ant-spin-dot-item"
-                      />
-                    </span>
-                  </div>
-                </div>
-                <div
-                  className="ant-spin-container ant-spin-blur"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "id": 1,
-                          "name": "event.deleted",
-                        },
-                        Object {
-                          "id": 2,
-                          "name": "event.created",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "id": 1,
-                          "name": "event.deleted",
-                        },
-                        Object {
-                          "id": 2,
-                          "name": "event.created",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: auto;"
-                            >
-                              <colgroup>
-                                <col />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/admin/events/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      <p>
-                                        Event Deleted
-                                      </p>
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/admin/events/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      <p>
-                                        Event Created
-                                      </p>
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={true}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "id": 1,
-                                "name": "event.deleted",
-                              },
-                              Object {
-                                "id": 2,
-                                "name": "event.created",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "id": 1,
-                                "name": "event.deleted",
-                              },
-                              Object {
-                                "id": 2,
-                                "name": "event.created",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: auto;"
-                                  >
-                                    <colgroup>
-                                      <col />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/admin/events/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            <p>
-                                              Event Deleted
-                                            </p>
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/admin/events/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            <p>
-                                              Event Created
-                                            </p>
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": true,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "auto",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={2}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "id": 1,
-                                      "name": "event.deleted",
-                                    },
-                                    Object {
-                                      "id": 2,
-                                      "name": "event.created",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "id": 1,
-                                        "name": "event.deleted",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 1,
-                                            "name": "event.deleted",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/admin/events/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/admin/events/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/admin/events/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <p>
-                                                  Event Deleted
-                                                </p>
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 1,
-                                            "name": "event.deleted",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "id": 2,
-                                        "name": "event.created",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 2,
-                                            "name": "event.created",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/admin/events/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/admin/events/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/admin/events/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <p>
-                                                  Event Created
-                                                </p>
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 2,
-                                            "name": "event.created",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </EventList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Event List component snapshot testing should match component with event 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EventList>
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "id": 1,
-                "name": "event.deleted",
-              },
-              Object {
-                "id": 2,
-                "name": "event.created",
-              },
-            ]
-          }
-          loading={false}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={false}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  className="ant-spin-container"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "id": 1,
-                          "name": "event.deleted",
-                        },
-                        Object {
-                          "id": 2,
-                          "name": "event.created",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "id": 1,
-                          "name": "event.deleted",
-                        },
-                        Object {
-                          "id": 2,
-                          "name": "event.created",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: auto;"
-                            >
-                              <colgroup>
-                                <col />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/admin/events/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      <p>
-                                        Event Deleted
-                                      </p>
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/admin/events/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      <p>
-                                        Event Created
-                                      </p>
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "id": 1,
-                                "name": "event.deleted",
-                              },
-                              Object {
-                                "id": 2,
-                                "name": "event.created",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "id": 1,
-                                "name": "event.deleted",
-                              },
-                              Object {
-                                "id": 2,
-                                "name": "event.created",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: auto;"
-                                  >
-                                    <colgroup>
-                                      <col />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/admin/events/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            <p>
-                                              Event Deleted
-                                            </p>
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/admin/events/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            <p>
-                                              Event Created
-                                            </p>
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": false,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "auto",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={2}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "id": 1,
-                                      "name": "event.deleted",
-                                    },
-                                    Object {
-                                      "id": 2,
-                                      "name": "event.created",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "id": 1,
-                                        "name": "event.deleted",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 1,
-                                            "name": "event.deleted",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/admin/events/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/admin/events/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/admin/events/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <p>
-                                                  Event Deleted
-                                                </p>
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 1,
-                                            "name": "event.deleted",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "id": 2,
-                                        "name": "event.created",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 2,
-                                            "name": "event.created",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/admin/events/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/admin/events/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/admin/events/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <p>
-                                                  Event Created
-                                                </p>
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 2,
-                                            "name": "event.created",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </EventList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Event List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EventList>
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "id": 1,
-                "name": "event.deleted",
-              },
-              Object {
-                "id": 2,
-                "name": "event.created",
-              },
-            ]
-          }
-          loading={false}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={false}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  className="ant-spin-container"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "id": 1,
-                          "name": "event.deleted",
-                        },
-                        Object {
-                          "id": 2,
-                          "name": "event.created",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "id": 1,
-                          "name": "event.deleted",
-                        },
-                        Object {
-                          "id": 2,
-                          "name": "event.created",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: auto;"
-                            >
-                              <colgroup>
-                                <col />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/admin/events/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      <p>
-                                        Event Deleted
-                                      </p>
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/admin/events/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      <p>
-                                        Event Created
-                                      </p>
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "id": 1,
-                                "name": "event.deleted",
-                              },
-                              Object {
-                                "id": 2,
-                                "name": "event.created",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "id": 1,
-                                "name": "event.deleted",
-                              },
-                              Object {
-                                "id": 2,
-                                "name": "event.created",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: auto;"
-                                  >
-                                    <colgroup>
-                                      <col />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/admin/events/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            <p>
-                                              Event Deleted
-                                            </p>
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/admin/events/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            <p>
-                                              Event Created
-                                            </p>
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": false,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "auto",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={2}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "id": 1,
-                                      "name": "event.deleted",
-                                    },
-                                    Object {
-                                      "id": 2,
-                                      "name": "event.created",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "id": 1,
-                                        "name": "event.deleted",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 1,
-                                            "name": "event.deleted",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/admin/events/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/admin/events/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/admin/events/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <p>
-                                                  Event Deleted
-                                                </p>
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 1,
-                                            "name": "event.deleted",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "id": 2,
-                                        "name": "event.created",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 2,
-                                            "name": "event.created",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/admin/events/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/admin/events/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/admin/events/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <p>
-                                                  Event Created
-                                                </p>
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "id": 2,
-                                            "name": "event.created",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </EventList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/events/index.js b/studio/src/pages/events/index.js
deleted file mode 100644
index a9386c4ac..000000000
--- a/studio/src/pages/events/index.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-import EventList from './components/EventList';
-import { Space, Button, Row } from 'antd';
-import { Link } from 'react-router-dom';
-import { Helmet } from 'react-helmet';
-
-function Events() {
-  return (
-    <Space direction="vertical">
-      <Helmet title={'Events'} />
-      <Row gutter={16} justify="end">
-        <Link key="1" to="/admin/events/create">
-          <Button type="primary">New Event</Button>
-        </Link>
-      </Row>
-      <EventList />
-    </Space>
-  );
-}
-
-export default Events;
diff --git a/studio/src/pages/events/index.test.js b/studio/src/pages/events/index.test.js
deleted file mode 100644
index b374d3c59..000000000
--- a/studio/src/pages/events/index.test.js
+++ /dev/null
@@ -1,105 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import '../../matchMedia.mock';
-import Events from './index';
-import { mount } from 'enzyme';
-import { getEvents } from '../../actions/events';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/events', () => ({
-  getEvents: jest.fn(),
-  addEvent: jest.fn(),
-}));
-let state = {
-  events: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-};
-describe('Event component', () => {
-  let store;
-  let mockedDispatch;
-  beforeEach(() => {
-    store = mockStore(state);
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Events />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      const store2 = mockStore({
-        events: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-                limit: 20,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'event',
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      const tree = mount(
-        <Provider store={store2}>
-          <Router>
-            <Events />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getEvents).toHaveBeenCalledWith({ page: 1, limit: 20 });
-    });
-  });
-});
diff --git a/studio/src/pages/fact-checks/CreateFactCheck.js b/studio/src/pages/fact-checks/CreateFactCheck.js
deleted file mode 100644
index e872f2220..000000000
--- a/studio/src/pages/fact-checks/CreateFactCheck.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import FactCheckForm from './components/FactCheckForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { addPost } from '../../actions/posts';
-import getUserPermission from '../../utils/getUserPermission';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateFactCheck({ formats }) {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'fact-checks', action: 'get', spaces });
-  const history = useNavigation();
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(addPost(values)).then((post) => {
-      if (post && post.id) history(`/fact-checks/${post.id}/edit`);
-    });
-  };
-
-  if (!formats.loading && formats.factcheck) {
-    return (
-      <>
-        <Helmet title={'Create FactCheck'} />
-        <FactCheckForm onCreate={onCreate} actions={actions} format={formats.factcheck} />
-      </>
-    );
-  }
-
-  return <FormatNotFound status="info" title="Fact-Check format not found" link="/formats" />;
-}
-
-export default CreateFactCheck;
diff --git a/studio/src/pages/fact-checks/CreateFactCheck.test.js b/studio/src/pages/fact-checks/CreateFactCheck.test.js
deleted file mode 100644
index 9bf3f1e5f..000000000
--- a/studio/src/pages/fact-checks/CreateFactCheck.test.js
+++ /dev/null
@@ -1,170 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount, shallow } from 'enzyme';
-
-import '../../matchMedia.mock';
-import CreateFactCheck from './CreateFactCheck';
-import * as actions from '../../actions/posts';
-import FactCheckForm from './components/FactCheckForm';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/posts', () => ({
-  getPosts: jest.fn(),
-  addPost: jest.fn(),
-  publish: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-  loading: false,
-};
-
-describe('Fact check create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    posts: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    authors: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    tags: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    categories: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    formats: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-
-    claims: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    ratings: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-      details: {
-        11: { id: 11, name: 'Space 11' },
-      },
-      loading: false,
-      selected: 11,
-    },
-    sidebar: {
-      collapsed: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <CreateFactCheck formats={formats} />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-      tree.unmount();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call addPost', (done) => {
-      actions.addPost.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CreateFactCheck formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      wrapper.find(FactCheckForm).props().onCreate({ title: 'test', status: 'draft' });
-      setTimeout(() => {
-        expect(actions.addPost).toHaveBeenCalledWith({ title: 'test', status: 'draft' });
-        done();
-      }, 0);
-    });
-    it('should not display FactCheck form if fact-check format not found', () => {
-      const format = {
-        loading: false,
-        article: { id: 1, name: 'Article', slug: 'article' },
-      };
-      actions.publish.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CreateFactCheck formats={format} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find(FactCheckForm).length).toBe(0);
-      expect(wrapper.find(FormatNotFound).length).toBe(1);
-    });
-  });
-});
diff --git a/studio/src/pages/fact-checks/CreateFactCheck.tsx b/studio/src/pages/fact-checks/CreateFactCheck.tsx
new file mode 100644
index 000000000..5ab45f217
--- /dev/null
+++ b/studio/src/pages/fact-checks/CreateFactCheck.tsx
@@ -0,0 +1,144 @@
+import React, { useState, useEffect, useRef } from "react";
+import FactCheckForm from "./components/FactCheckForm";
+import { addPost } from "../../actions/posts";
+import FormatNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import Loader from "../../components/Loader";
+
+interface Format {
+  id: number;
+  name?: string;
+  [key: string]: any;
+}
+
+interface CreateFactCheckProps {
+  formats: {
+    loading: boolean;
+    factcheck: Format | null;
+  };
+}
+
+function CreateFactCheck({
+  formats,
+}: CreateFactCheckProps): React.ReactElement {
+  const navigate = useNavigation();
+  const dispatch = useAppDispatch();
+  const [loadingTimeout, setLoadingTimeout] = useState(false);
+  const cachedFormatRef = useRef<any>(null);
+  const timeoutRef = useRef<number | null>(null);
+  const [hasCachedFormat, setHasCachedFormat] = useState(false);
+
+  useEffect(() => {
+    try {
+      const savedFormats = localStorage.getItem("cachedFormats");
+      if (savedFormats) {
+        const parsedFormats = JSON.parse(savedFormats);
+        if (parsedFormats.factcheck) {
+          setHasCachedFormat(true);
+          cachedFormatRef.current = parsedFormats.factcheck;
+        }
+      }
+    } catch (error) {
+      console.error("Error loading cached formats:", error);
+    }
+
+    // Set a timeout to prevent infinite loading
+    if (formats.loading) {
+      timeoutRef.current = window.setTimeout(() => {
+        setLoadingTimeout(true);
+      }, 5000); // 5 seconds timeout
+    }
+
+    return () => {
+      if (timeoutRef.current) {
+        window.clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [formats.loading]);
+
+  // Update timeout state if formats loading state changes
+  useEffect(() => {
+    if (!formats.loading) {
+      if (timeoutRef.current) {
+        window.clearTimeout(timeoutRef.current);
+      }
+    }
+  }, [formats.loading]);
+
+  const onCreate = (values: any): void => {
+    if (values.authors && Array.isArray(values.authors)) {
+      values.author_ids = values.authors;
+    }
+
+    // Ensure important fields are properly set
+    if (!values.format_id && formats.factcheck) {
+      values.format_id = formats.factcheck.id;
+    } else if (
+      !values.format_id &&
+      hasCachedFormat &&
+      cachedFormatRef.current
+    ) {
+      values.format_id = cachedFormatRef.current.id;
+    }
+
+    dispatch(addPost(values))
+      .then((post: any) => {
+        if (post && post.id) {
+          navigate(`/fact-checks/${post.id}/edit`);
+        } else {
+          console.error("Post created but no ID returned");
+        }
+      })
+      .catch((error: any) => {
+        console.error("Error creating fact check:", error);
+      });
+  };
+
+  const shouldContinueRendering =
+    !formats.loading || loadingTimeout || hasCachedFormat;
+
+  // If we have a valid factcheck format, render the form
+  if (formats.factcheck) {
+    return (
+      <>
+        <Helmet title={"Create FactCheck"} />
+        <FactCheckForm onCreate={onCreate} format={formats.factcheck} />
+      </>
+    );
+  }
+
+  // If we have a cached format from localStorage and we've tried loading formats
+  if (shouldContinueRendering && hasCachedFormat && cachedFormatRef.current) {
+    return (
+      <>
+        <Helmet title={"Create FactCheck"} />
+        <FactCheckForm onCreate={onCreate} format={cachedFormatRef.current} />
+      </>
+    );
+  }
+
+  // If we're sure formats are loaded or timed out, and still no format found
+  if (shouldContinueRendering && !formats.factcheck && !hasCachedFormat) {
+    return (
+      <FormatNotFound
+        status="info"
+        title="Fact-Check format not found"
+        link="/settings/advanced/formats/create"
+      />
+    );
+  }
+
+  // Fallback loading state
+  return (
+    <div className="flex flex-col h-full relative">
+      <Helmet title="Create Fact Check" />
+      <div className="flex-1 flex items-center justify-center">
+        <Loader className="relative inset-auto" />
+      </div>
+    </div>
+  );
+}
+
+export default CreateFactCheck;
diff --git a/studio/src/pages/fact-checks/EditFactCheck.js b/studio/src/pages/fact-checks/EditFactCheck.js
deleted file mode 100644
index ff7f062ab..000000000
--- a/studio/src/pages/fact-checks/EditFactCheck.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import EditFactCheckForm from './components/FactCheckForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updatePost, getPost } from '../../actions/posts';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import getUserPermission from '../../utils/getUserPermission';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditFactCheck({ formats }) {
-  const history = useNavigation();
-  const { id } = useParams();
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'fact-checks', action: 'get', spaces });
-  const dispatch = useDispatch();
-
-  const { post, loading } = useSelector((state) => {
-    return {
-      post: state.posts.details[id] ? state.posts.details[id] : null,
-      loading: state.posts.loading,
-    };
-  });
-  React.useEffect(() => {
-    dispatch(getPost(id));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id]);
-  if (loading) return <Skeleton />;
-
-  if (!post) {
-    return <RecordNotFound />;
-  }
-  if (post && post.id && !formats.loading && post.format !== formats.factcheck.id)
-    return <RecordNotFound />;
-
-  const onUpdate = (values) => {
-    dispatch(updatePost({ ...post, ...values })).then(() => {
-      history(`/fact-checks/${id}/edit`);
-    });
-  };
-  return (
-    <>
-      <Helmet title={`${post?.title} - Edit Fact Check`} />
-      <EditFactCheckForm
-        data={post}
-        onCreate={onUpdate}
-        actions={actions}
-        format={formats.factcheck}
-      />
-    </>
-  );
-}
-
-export default EditFactCheck;
diff --git a/studio/src/pages/fact-checks/EditFactCheck.test.js b/studio/src/pages/fact-checks/EditFactCheck.test.js
deleted file mode 100644
index e43319033..000000000
--- a/studio/src/pages/fact-checks/EditFactCheck.test.js
+++ /dev/null
@@ -1,285 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { shallow, mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import EditFactCheck from './EditFactCheck';
-import * as actions from '../../actions/posts';
-import FactCheckEditForm from './components/FactCheckForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/posts', () => ({
-  getPosts: jest.fn(),
-  getPost: jest.fn(),
-  updatePost: jest.fn(),
-  addPost: jest.fn(),
-  publishPost: jest.fn(),
-  addTemplate: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-  loading: false,
-};
-let state = {
-  posts: {
-    req: [],
-    details: {},
-    loading: false,
-  },
-  authors: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  tags: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  categories: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  formats: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-
-  claims: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  claimants: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  ratings: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-};
-
-describe('FactCheck edit component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore(state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <EditFactCheck formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        posts: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-      });
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <EditFactCheck formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    state.posts = {
-      req: [],
-      details: {
-        1: {
-          id: 1,
-          title: 'FactCheck-1',
-          slug: 'factcheck-1',
-          tag_line: 'tag_line',
-          medium_id: 1,
-          format_id: 2,
-          format: 2,
-        },
-      },
-      loading: false,
-    };
-    beforeEach(() => {
-      store = mockStore(state);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getPost.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditFactCheck formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(actions.getPost).toHaveBeenCalledWith('1');
-    });
-    it('should call updatePost', (done) => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      actions.updatePost.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditFactCheck formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      wrapper.find(FactCheckEditForm).props().onCreate({ status: 'draft' });
-      setTimeout(() => {
-        expect(actions.updatePost).toHaveBeenCalledWith({
-          id: 1,
-          title: 'FactCheck-1',
-          slug: 'factcheck-1',
-          tag_line: 'tag_line',
-          medium_id: 1,
-          format_id: 2,
-          format: 2,
-          status: 'draft',
-          published_date: null,
-        });
-        expect(push).toHaveBeenCalledWith('/fact-checks/1/edit');
-        done();
-      }, 0);
-    });
-    it('should display RecordNotFound if post not found', () => {
-      state.posts = {
-        req: [],
-        details: {
-          2: {
-            id: 2,
-            title: 'Factcheck-2',
-            slug: 'factcheck-2',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 2,
-          },
-        },
-        loading: false,
-      };
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditFactCheck formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(FactCheckEditForm).length).toBe(0);
-    });
-    it('should display RecordNotFound if post format is not fact-check', () => {
-      state.posts = {
-        req: [],
-        details: {
-          1: {
-            id: 1,
-            title: 'Factcheck-2',
-            slug: 'factcheck-2',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 1,
-          },
-        },
-        loading: false,
-      };
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditFactCheck formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(FactCheckEditForm).length).toBe(0);
-    });
-  });
-});
diff --git a/studio/src/pages/fact-checks/EditFactCheck.tsx b/studio/src/pages/fact-checks/EditFactCheck.tsx
new file mode 100644
index 000000000..6d791ae1e
--- /dev/null
+++ b/studio/src/pages/fact-checks/EditFactCheck.tsx
@@ -0,0 +1,118 @@
+import { useEffect } from "react";
+import EditFactCheckForm from "./components/FactCheckForm";
+import { useSelector } from "react-redux";
+import { Skeleton } from "@/components/ui/skeleton";
+import { updatePost, getPost } from "../../actions/posts";
+import { useParams } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import getUserPermission from "../../utils/getUserPermission";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+interface Format {
+  id: string;
+  [key: string]: any;
+}
+
+interface Formats {
+  factcheck: Format;
+  loading: boolean;
+  [key: string]: any;
+}
+
+interface Post {
+  id: string;
+  title: string;
+  format: string;
+  [key: string]: any;
+}
+
+interface PostsState {
+  details: {
+    [key: string]: Post;
+  };
+  loading: boolean;
+}
+
+interface SpacesState {
+  [key: string]: any;
+}
+
+interface RootState {
+  posts: PostsState;
+  spaces: SpacesState;
+}
+
+interface EditFactCheckProps {
+  formats: Formats;
+}
+
+function EditFactCheck({ formats }: EditFactCheckProps): React.ReactElement {
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+  const spaces = useSelector((state: { spaces: SpacesState }) => state.spaces);
+  const actions = getUserPermission({
+    resource: "fact-checks",
+    action: "get",
+    spaces,
+  });
+  const dispatch = useAppDispatch();
+
+  const { post, loading } = useSelector((state: RootState) => {
+    return {
+      post: state.posts.details[id] ? state.posts.details[id] : null,
+      loading: state.posts.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      dispatch(getPost(id));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [id]);
+
+  if (loading) {
+    return (
+      <div className="flex flex-col space-y-3">
+        <Skeleton className="h-4 w-full" />
+        <Skeleton className="h-4 w-full" />
+        <Skeleton className="h-4 w-full" />
+      </div>
+    );
+  }
+
+  if (!post) {
+    return <RecordNotFound />;
+  }
+
+  if (
+    post &&
+    post.id &&
+    !formats.loading &&
+    post.format !== formats.factcheck.id
+  ) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: Partial<Post>) => {
+    dispatch(updatePost({ ...post, ...values })).then(() => {
+      history(`/fact-checks/${id}/edit`);
+    });
+  };
+
+  return (
+    <>
+      <Helmet title={`${post?.title} - Edit Fact Check`} />
+      <EditFactCheckForm
+        data={post}
+        onCreate={onUpdate}
+        actions={actions}
+        format={formats.factcheck}
+      />
+    </>
+  );
+}
+
+export default EditFactCheck;
diff --git a/studio/src/pages/fact-checks/Factly.js b/studio/src/pages/fact-checks/Factly.js
deleted file mode 100644
index 531278e20..000000000
--- a/studio/src/pages/fact-checks/Factly.js
+++ /dev/null
@@ -1,331 +0,0 @@
-import React from 'react';
-import { Typography, Space, Input, Form, Select, Button, Skeleton, Row, Col } from 'antd';
-import { SearchOutlined } from '@ant-design/icons';
-import { useState, useEffect } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { getSachFactChecks, getSachFilters } from '../../actions/sachFactChecks';
-import FactCheck from './components/sach-fact-check';
-import { getResultStringFromStats } from '../../utils/getStats';
-
-function Factly() {
-  const [form] = Form.useForm();
-  const dispatch = useDispatch();
-  const [language, setLanguage] = useState([]);
-  const [publisher, setPublisher] = useState([]);
-  const [country, setCountry] = useState([]);
-  const [dateOrder, setDateOrder] = useState('');
-  const [publisherList, setPublishersList] = useState([]);
-  const [publisherCountries, setPublisherCountries] = useState([]);
-  const [languages, setLanguages] = useState([]);
-  const [query, setQuery] = useState('');
-  const [pageNum, setPageNum] = useState(1);
-  const [totalMatches, setTotalMatches] = useState(0);
-  const [resultStats, setResultStats] = useState({});
-  const [isResultTextVisible, setIsResultTextVisible] = useState(false);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth < 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-  let languageNames = new Intl.DisplayNames(['en'], { type: 'language' });
-
-  const pageLimit = 20;
-  const fetchFilters = () => {
-    dispatch(getSachFilters(setLanguages, setPublishersList, setPublisherCountries));
-  };
-
-  const fetchFactChecks = () => {
-    dispatch(
-      getSachFactChecks(
-        {
-          q: query,
-          selectedLanguage: language,
-          selectedPublisher: publisher,
-          selectedCountry: country,
-          limit: pageLimit,
-          sortByDate: dateOrder,
-          offset: (pageNum - 1) * pageLimit,
-        },
-        setTotalMatches,
-        setResultStats,
-      ),
-    );
-  };
-
-  useEffect(() => {
-    fetchFilters();
-  }, []);
-
-  useEffect(() => {
-    fetchFactChecks();
-    setIsResultTextVisible(true);
-  }, [language, publisher, country, dateOrder, query, pageNum]);
-
-  useEffect(() => {
-    setPageNum(1);
-    setIsResultTextVisible(false);
-  }, [query]);
-
-  useEffect(() => {
-    if (query === '' || query === undefined) {
-      setDateOrder('desc');
-    } else {
-      setDateOrder('');
-    }
-  }, [query]);
-
-  useEffect(() => {
-    setDateOrder((prevDateOrder) => prevDateOrder);
-  }, [dateOrder]);
-
-  const handleFinish = (formData) => {
-    setQuery(formData.query);
-  };
-
-  const handleDateChange = (date) => {
-    setDateOrder(date);
-  };
-
-  const handleCountryChange = (country) => {
-    setCountry(country);
-  };
-
-  const handlePublisherChange = (publisher) => {
-    setPublisher(publisher);
-  };
-
-  const handleLanguageChange = (language) => {
-    setLanguage(language);
-  };
-
-  const handleNext = () => {
-    setPageNum((previousPageNum) => previousPageNum + 1);
-    window.scrollTo({ top: 0, left: 0 });
-  };
-
-  const handlePrevious = () => {
-    if (pageNum > 1) {
-      setPageNum((previousPageNum) => previousPageNum - 1);
-      window.scrollTo({ top: 0, left: 0 });
-    }
-  };
-
-  const { factChecks, loading } = useSelector(({ sachFactChecks }) => {
-    return {
-      factChecks: sachFactChecks.details,
-      loading: sachFactChecks.loading,
-    };
-  });
-
-  return (
-    <Space direction="vertical" size="medium">
-      <Row justify="space-between" style={{ marginBottom: '16px' }}>
-        <Col span={isMobileScreen ? 24 : 8}>
-          <Form
-            name="sach-form"
-            form={form}
-            onFinish={handleFinish}
-            layout={'inline'}
-            style={{ width: '100%' }}
-          >
-            <Row justify="space-between" style={{ width: '97%' }}>
-              <Col span={isMobileScreen ? 16 : 18}>
-                <Form.Item name="query" style={{ width: '100%' }}>
-                  <Input
-                    prefix={
-                      <SearchOutlined
-                        style={{ color: '#000000E0', fontSize: '16px', paddingRight: 8 }}
-                      />
-                    }
-                    placeholder={
-                      'Search for Fact-Checks about a person or topic or a specific claim'
-                    }
-                    allowClear
-                  />
-                </Form.Item>
-              </Col>
-              <Col>
-                <Button type="primary" htmlType="submit">
-                  {' '}
-                  Search{' '}
-                </Button>
-              </Col>
-            </Row>
-          </Form>
-        </Col>
-        <Col>
-          <div
-            style={{
-              marginTop: isMobileScreen ? '16px' : '0px',
-              width: 'fit-content',
-              display: 'flex',
-              alignItems: 'center',
-              gap: '8px',
-            }}
-          >
-            <Typography.Text style={{ width: '100%' }}>Sort by: </Typography.Text>
-            <Select
-              name="selectedDateOrder"
-              placeholder={'Sort by date'}
-              style={{ width: '80%' }}
-              onChange={handleDateChange}
-              value={dateOrder === '' ? null : dateOrder}
-              allowClear
-            >
-              <Select.Option value={'desc'}> latest </Select.Option>
-              <Select.Option value={'asc'}> oldest</Select.Option>
-            </Select>
-          </div>
-        </Col>
-      </Row>
-      <Row justify="space-between" gutter={[16, 16]}>
-        <Col
-          span={isMobileScreen ? 24 : 8}
-          style={{
-            display: 'flex',
-            alignItems: 'center',
-            gap: '8px',
-          }}
-        >
-          Languages:
-          <Select
-            name="selectedLanguage"
-            style={{ width: '100%' }}
-            placeholder={'Select Language'}
-            mode="multiple"
-            onChange={handleLanguageChange}
-          >
-            {languages.map((lang) => (
-              <Select.Option value={lang} key={lang}>
-                {languageNames.of(lang)}
-              </Select.Option>
-            ))}
-          </Select>
-        </Col>
-        <Col
-          span={isMobileScreen ? 24 : 8}
-          style={{
-            display: 'flex',
-            alignItems: 'center',
-            flexDirection: 'row',
-            gap: '8px',
-          }}
-        >
-          Countries:
-          <Select
-            style={{ width: '100%' }}
-            name="selectedCountry"
-            placeholder={'Select Country'}
-            mode="multiple"
-            onChange={handleCountryChange}
-          >
-            {publisherCountries.map((country) => (
-              <Select.Option value={country} key={country}>
-                {country}
-              </Select.Option>
-            ))}
-          </Select>
-        </Col>
-        <Col
-          span={isMobileScreen ? 24 : 8}
-          style={{
-            display: 'flex',
-            alignItems: 'center',
-            flexDirection: 'row',
-            gap: '8px',
-          }}
-        >
-          Publishers:
-          <Select
-            style={{ width: '100%' }}
-            name="selectedPublisher"
-            placeholder={'Select Publisher'}
-            mode="multiple"
-            onChange={handlePublisherChange}
-          >
-            {publisherList.map((publisher) => (
-              <Select.Option value={publisher} key={publisher}>
-                {publisher}
-              </Select.Option>
-            ))}
-          </Select>
-        </Col>
-      </Row>
-      {loading ? (
-        <Skeleton />
-      ) : (
-        <div
-          style={{
-            marginTop: '20px',
-          }}
-        >
-          {isResultTextVisible && factChecks?.length ? (
-            <p
-              style={{
-                color: ' #4b5563',
-                fontSize: '16px',
-              }}
-            >
-              {getResultStringFromStats(resultStats, totalMatches)}
-            </p>
-          ) : null}
-          {factChecks?.length
-            ? factChecks.map((factCheck, index) => (
-                <FactCheck
-                  factCheck={factCheck}
-                  key={index}
-                  // active={true}
-                  // setActiveFactCheck={setActiveFactCheck}
-                />
-              ))
-            : null}
-          {totalMatches > pageLimit ? (
-            <div
-              style={{
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'space-between',
-                marginTop: '20px',
-                gap: '10px',
-              }}
-            >
-              {pageNum > 1 ? (
-                <Button
-                  onClick={handlePrevious}
-                  type="primary"
-                  style={{
-                    marginRight: 'auto',
-                  }}
-                >
-                  Previous
-                </Button>
-              ) : null}
-              {pageNum * pageLimit < totalMatches ? (
-                <Button
-                  onClick={handleNext}
-                  type="primary"
-                  style={{
-                    marginLeft: 'auto',
-                  }}
-                >
-                  Next
-                </Button>
-              ) : null}
-            </div>
-          ) : null}
-        </div>
-      )}
-    </Space>
-  );
-}
-
-export default Factly;
diff --git a/studio/src/pages/fact-checks/Factly.tsx b/studio/src/pages/fact-checks/Factly.tsx
new file mode 100644
index 000000000..a21669b2d
--- /dev/null
+++ b/studio/src/pages/fact-checks/Factly.tsx
@@ -0,0 +1,264 @@
+import React, { useState, useEffect } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { Search } from "lucide-react";
+import {
+  getSachFactChecks,
+  getSachFilters,
+} from "../../actions/sachFactChecks";
+import FactCheck from "./components/sach-fact-check";
+import { getResultStringFromStats } from "../../utils/getStats";
+
+// Shadcn UI components
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Form, FormControl, FormField, FormItem } from "@/components/ui/form";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useForm } from "react-hook-form";
+
+// Types
+interface FormValues {
+  query: string;
+}
+
+interface FactCheck {
+  // Define the structure of a fact check based on your data
+  id: string;
+  // Add other properties as needed
+}
+
+interface SachFactChecksState {
+  details: FactCheck[];
+  loading: boolean;
+}
+
+interface RootState {
+  sachFactChecks: SachFactChecksState;
+}
+
+interface ResultStats {
+  // Define the structure of result stats
+  [key: string]: any;
+}
+
+function Factly(): React.ReactElement {
+  const dispatch = useDispatch();
+  const form = useForm<FormValues>();
+
+  const [language, setLanguage] = useState<string[]>([]);
+  const [publisher, setPublisher] = useState<string[]>([]);
+  const [country, setCountry] = useState<string[]>([]);
+  const [dateOrder, setDateOrder] = useState<string>("");
+  const [publisherList, setPublishersList] = useState<string[]>([]);
+  const [publisherCountries, setPublisherCountries] = useState<string[]>([]);
+  const [languages, setLanguages] = useState<string[]>([]);
+  const [query, setQuery] = useState<string>("");
+  const [pageNum, setPageNum] = useState<number>(1);
+  const [totalMatches, setTotalMatches] = useState<number>(0);
+  const [resultStats, setResultStats] = useState<ResultStats>({});
+  const [isResultTextVisible, setIsResultTextVisible] =
+    useState<boolean>(false);
+  const [isMobileScreen, setIsMobileScreen] = useState<boolean>(false);
+
+  const languageNames = new Intl.DisplayNames(["en"], { type: "language" });
+  const pageLimit = 20;
+
+  const fetchFilters = () => {
+    dispatch(
+      getSachFilters(setLanguages, setPublishersList, setPublisherCountries)
+    );
+  };
+
+  const fetchFactChecks = () => {
+    dispatch(
+      getSachFactChecks(
+        {
+          q: query,
+          selectedLanguage: language,
+          selectedPublisher: publisher,
+          selectedCountry: country,
+          limit: pageLimit,
+          sortByDate: dateOrder,
+          offset: (pageNum - 1) * pageLimit,
+        },
+        setTotalMatches,
+        setResultStats
+      )
+    );
+  };
+
+  useEffect(() => {
+    fetchFilters();
+  }, []);
+
+  useEffect(() => {
+    fetchFactChecks();
+    setIsResultTextVisible(true);
+  }, [language, publisher, country, dateOrder, query, pageNum]);
+
+  useEffect(() => {
+    setPageNum(1);
+    setIsResultTextVisible(false);
+  }, [query]);
+
+  useEffect(() => {
+    if (query === "" || query === undefined) {
+      setDateOrder("desc");
+    } else {
+      setDateOrder("");
+    }
+  }, [query]);
+
+  useEffect(() => {
+    setDateOrder((prevDateOrder) => prevDateOrder);
+  }, [dateOrder]);
+
+  const handleFinish = (formData: FormValues) => {
+    setQuery(formData.query);
+  };
+
+  const handleDateChange = (date: string) => {
+    setDateOrder(date);
+  };
+
+  const handleCountryChange = (selectedCountries: string[]) => {
+    setCountry(selectedCountries);
+  };
+
+  const handlePublisherChange = (selectedPublishers: string[]) => {
+    setPublisher(selectedPublishers);
+  };
+
+  const handleLanguageChange = (selectedLanguages: string[]) => {
+    setLanguage(selectedLanguages);
+  };
+
+  const { factChecks, loading } = useSelector((state: RootState) => {
+    return {
+      factChecks: state.sachFactChecks.details,
+      loading: state.sachFactChecks.loading,
+    };
+  });
+
+  return (
+    <div className="flex flex-col space-y-4">
+      <div className="flex flex-col md:flex-row justify-between mb-4 w-full">
+        <div className={`${isMobileScreen ? "w-full" : "w-2/3"} mb-4 md:mb-0`}>
+          <form
+            onSubmit={form.handleSubmit(handleFinish)}
+            className="flex space-x-2"
+          >
+            <div className="relative w-full">
+              <Search
+                className="absolute left-2 top-1/2 transform -translate-y-1/2 text-gray-500"
+                size={16}
+              />
+              <Input
+                {...form.register("query")}
+                className="pl-8 w-full"
+                placeholder="Search for Fact-Checks about a person or topic or a specific claim"
+              />
+            </div>
+            <Button type="submit">Search</Button>
+          </form>
+        </div>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div className="flex items-center gap-2">
+          <span>Languages:</span>
+          <div className="w-full">
+            <Select>
+              <SelectTrigger>
+                <SelectValue placeholder="Select Language" />
+              </SelectTrigger>
+              <SelectContent>
+                {languages.map((lang) => (
+                  <SelectItem key={lang} value={lang}>
+                    {languageNames.of(lang)}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+
+        <div className="flex items-center gap-2">
+          <span>Countries:</span>
+          <div className="w-full">
+            <Select>
+              <SelectTrigger>
+                <SelectValue placeholder="Select Country" />
+              </SelectTrigger>
+              <SelectContent>
+                {publisherCountries.map((country) => (
+                  <SelectItem key={country} value={country}>
+                    {country}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+
+        <div className="flex items-center gap-2">
+          <span>Publishers:</span>
+          <div className="w-full">
+            <Select>
+              <SelectTrigger>
+                <SelectValue placeholder="Select Publisher" />
+              </SelectTrigger>
+              <SelectContent>
+                {publisherList.map((publisher) => (
+                  <SelectItem key={publisher} value={publisher}>
+                    {publisher}
+                  </SelectItem>
+                ))}
+              </SelectContent>
+            </Select>
+          </div>
+        </div>
+      </div>
+
+      {loading ? (
+        <div className="space-y-2">
+          <Skeleton className="h-12 w-full" />
+          <Skeleton className="h-12 w-full" />
+          <Skeleton className="h-12 w-full" />
+        </div>
+      ) : (
+        <div className="mt-5">
+          {isResultTextVisible && factChecks?.length ? (
+            <p className="text-gray-600 text-base">
+              {getResultStringFromStats(resultStats, totalMatches)}
+            </p>
+          ) : null}
+
+          {factChecks?.length
+            ? factChecks.map((factCheck, index) => (
+                <FactCheck factCheck={factCheck} key={index} />
+              ))
+            : null}
+
+          {totalMatches > pageLimit ? (
+            <div className="flex justify-between items-center mt-5 gap-3">
+              {pageNum * pageLimit < totalMatches ? (
+                <div className="ml-auto">
+                  {/* Next button removed as requested */}
+                </div>
+              ) : null}
+            </div>
+          ) : null}
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default Factly;
diff --git a/studio/src/pages/fact-checks/GoogleFactCheck.js b/studio/src/pages/fact-checks/GoogleFactCheck.js
deleted file mode 100644
index 9f51ec0fc..000000000
--- a/studio/src/pages/fact-checks/GoogleFactCheck.js
+++ /dev/null
@@ -1,180 +0,0 @@
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { SearchOutlined } from '@ant-design/icons';
-import { getGoogleFactChecks } from '../../actions/googleFactChecks';
-import { Form, Input, Select, Button, List, Typography, Space } from 'antd';
-import deepEqual from 'deep-equal';
-import { languageCode } from '../fact-checks/LanguageCode';
-
-function GoogleFactCheck() {
-  const dispatch = useDispatch();
-  const { Option } = Select;
-  const [form] = Form.useForm();
-  const langCode = languageCode();
-  const [filters, setQuery] = React.useState({
-    page: 1,
-    query: 'factcheck',
-  });
-  const [currPageToken, setCurrPageToken] = React.useState('');
-  const [paginationStack, setPaginationStack] = React.useState([]);
-  const [indexPointer, setIndexPointer] = React.useState(null);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth < 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const { factChecks, loading, nextPage } = useSelector(({ googleFactChecks }) => {
-    const node = googleFactChecks.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-
-    if (node) {
-      return {
-        factChecks: node.data,
-        total: node.total,
-        loading: googleFactChecks.loading,
-        nextPage: node.nextPage,
-      };
-    }
-    return { factChecks: [], total: 0, loading: googleFactChecks.loading, nextPage: '' };
-  });
-
-  const fetchFactChecks = (values) => {
-    dispatch(getGoogleFactChecks(values));
-  };
-
-  const onSubmit = (values) => {
-    if (values.language === 'all') {
-      delete values.language;
-    }
-    setCurrPageToken('');
-    setIndexPointer(null);
-    setPaginationStack([]);
-    setQuery({ ...{ page: 1 }, ...values });
-  };
-
-  React.useEffect(() => {
-    if (filters.query) fetchFactChecks(filters);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  React.useEffect(() => {
-    if (!paginationStack.includes(currPageToken))
-      setPaginationStack((paginationStack) => [...paginationStack, currPageToken]);
-  }, [paginationStack, currPageToken]);
-
-  const onLoadMore = () => {
-    indexPointer + 1 === paginationStack.length
-      ? setIndexPointer(paginationStack.length)
-      : setIndexPointer(indexPointer + 1);
-    setCurrPageToken(nextPage);
-    setQuery({ ...filters, pageToken: nextPage });
-  };
-  const loadPrevious = () => {
-    const prev = paginationStack[indexPointer - 1];
-    setIndexPointer(indexPointer - 1);
-    setQuery({ ...filters, pageToken: prev });
-  };
-
-  const loadMore = !loading ? (
-    <div
-      style={{
-        float: 'right',
-        paddingBlock: '10px',
-      }}
-    >
-      <Space direction="horizontal">
-        <Button disabled={indexPointer === null || indexPointer === 0} onClick={loadPrevious}>
-          Back
-        </Button>
-        <Button disabled={!nextPage || nextPage === ''} onClick={onLoadMore}>
-          Next
-        </Button>
-      </Space>
-    </div>
-  ) : null;
-
-  return (
-    <Space direction={'vertical'}>
-      <Form
-        form={form}
-        name="google-fact-check"
-        layout={isMobileScreen ? 'vertical' : 'inline'}
-        onFinish={(values) => {
-          onSubmit(values);
-        }}
-        style={{ maxWidth: '100%' }}
-      >
-        <Form.Item
-          name="query"
-          rules={[
-            {
-              required: true,
-              message: 'Please enter your search query!',
-            },
-          ]}
-          style={{ width: isMobileScreen || '20%' }}
-        >
-          <Input
-            prefix={
-              <SearchOutlined style={{ color: '#000000E0', fontSize: '16px', paddingRight: 8 }} />
-            }
-            placeholder="Search fact checks"
-          />
-        </Form.Item>
-        <Form.Item name="language" label="Language" style={{ width: isMobileScreen || '15%' }}>
-          <Select defaultValue={'all'}>
-            {langCode.map((e, key) => {
-              return (
-                <Option key={key} value={e.code}>
-                  {e.language}
-                </Option>
-              );
-            })}
-          </Select>
-        </Form.Item>
-        <Form.Item>
-          <Button type="primary" htmlType="submit">
-            Submit
-          </Button>
-        </Form.Item>
-      </Form>
-      <List
-        bordered
-        className="google-fact-check-search-list"
-        loading={loading}
-        itemLayout="vertical"
-        dataSource={factChecks}
-        loadMore={loadMore}
-        renderItem={(item) => (
-          <List.Item key={item.text}>
-            <Typography.Title level={5}>{`Claim by ${item.claimant}:`}</Typography.Title>
-            <Typography.Title level={4}>{item.text}</Typography.Title>
-            {item.claimReview.map((each) => (
-              <>
-                <Typography>
-                  <b>{each.publisher.name}</b> rating : <b>{each.textualRating}</b>
-                </Typography>
-                <a href={each.url} target={'blank'}>
-                  {each.title}
-                </a>
-              </>
-            ))}
-          </List.Item>
-        )}
-      />
-    </Space>
-  );
-}
-
-export default GoogleFactCheck;
diff --git a/studio/src/pages/fact-checks/GoogleFactCheck.test.js b/studio/src/pages/fact-checks/GoogleFactCheck.test.js
deleted file mode 100644
index 3477fdec7..000000000
--- a/studio/src/pages/fact-checks/GoogleFactCheck.test.js
+++ /dev/null
@@ -1,223 +0,0 @@
-import React from 'react';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { List } from 'antd';
-
-import '../../matchMedia.mock';
-import GoogleFactCheck from './GoogleFactCheck';
-import { getGoogleFactChecks } from '../../actions/googleFactChecks';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-
-let state = {
-  googleFactChecks: {
-    req: [
-      {
-        data: [
-          {
-            text: 'Video shows Russian doctors celebrating the new COVID-19 vaccine.',
-            claimant: 'Facebook posts',
-            claimDate: '2020-09-08T02:48:10Z',
-            claimReview: [
-              {
-                publisher: {
-                  name: 'BOOM',
-                  site: 'boomlive.in',
-                },
-                url:
-                  'https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654',
-                title:
-                  'Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine',
-                reviewDate: '2020-09-08T02:48:10Z',
-                textualRating: 'False',
-                languageCode: 'en',
-              },
-            ],
-          },
-          {
-            text:
-              'Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel',
-            claimant: 'social media users',
-            claimDate: '2021-02-21T00:00:00Z',
-            claimReview: [
-              {
-                publisher: {
-                  name: 'BOOM',
-                  site: 'boomlive.in',
-                },
-                url:
-                  'https://www.usatoday.com/story/news/factcheck/2021/02/28/fact-check-false-claim-pelosi-travels-weekly-200-seat-plane/6860043002/',
-                title: 'Fact check: False claim that Pelosi travels weekly on 200-seat ...',
-                reviewDate: '2021-02-28T21:23:54Z',
-                textualRating: 'False',
-                languageCode: 'en',
-              },
-            ],
-          },
-        ],
-        query: {
-          page: 1,
-          query: 'factcheck',
-        },
-        total: 2,
-        nextPage: 'nextpage',
-      },
-    ],
-    loading: false,
-  },
-};
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../actions/googleFactChecks', () => ({
-  getGoogleFactChecks: jest.fn(),
-}));
-describe('GoogleFactCheck component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <GoogleFactCheck />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match when component loading', () => {
-      state.googleFactChecks.loading = true;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <GoogleFactCheck />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match when data', () => {
-      state.googleFactChecks.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <GoogleFactCheck />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getGoogleFactChecks).toHaveBeenCalledWith({ page: 1, query: 'factcheck' });
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle loadmore', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <GoogleFactCheck />
-          </Provider>,
-        );
-      });
-      const nextButton = wrapper.find('Button').at(2);
-      expect(nextButton.text()).toBe('Next');
-      nextButton.simulate('click');
-      expect(getGoogleFactChecks).toHaveBeenCalledWith({ page: 1, query: 'factcheck' });
-    });
-    it('should handle loadPrevious ', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <GoogleFactCheck />
-          </Provider>,
-        );
-      });
-      const nextButton = wrapper.find('Button').at(2);
-      expect(nextButton.text()).toBe('Next');
-      nextButton.simulate('click');
-      const previousButton = wrapper.find('Button').at(1);
-      expect(previousButton.text()).toBe('Back');
-      previousButton.simulate('click');
-      expect(getGoogleFactChecks).toHaveBeenCalledWith({ page: 1, query: 'factcheck' });
-    });
-    it('should submit filters', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <GoogleFactCheck />
-          </Provider>,
-        );
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'Russian doctors' } });
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 'en' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-      setTimeout(() => {
-        expect(getGoogleFactChecks).toHaveBeenCalledWith({
-          page: 1,
-          q: 'Russian doctors',
-        });
-      }, 0);
-    });
-    it('should submit with language as all', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <GoogleFactCheck />
-          </Provider>,
-        );
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'Russian doctors' } });
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 'all' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-      setTimeout(() => {
-        expect(getGoogleFactChecks).toHaveBeenCalledWith({
-          page: 1,
-          q: 'Russian doctors',
-          language: 'all',
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/fact-checks/GoogleFactCheck.tsx b/studio/src/pages/fact-checks/GoogleFactCheck.tsx
new file mode 100644
index 000000000..87f6c16ea
--- /dev/null
+++ b/studio/src/pages/fact-checks/GoogleFactCheck.tsx
@@ -0,0 +1,286 @@
+import React, { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import { Search } from "lucide-react";
+import { getGoogleFactChecks, Query } from "../../actions/googleFactChecks";
+import deepEqual from "deep-equal";
+import { languageCode } from "./LanguageCode";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Form, FormField, FormItem, FormControl } from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectTrigger,
+  SelectValue,
+  SelectContent,
+  SelectItem,
+} from "@/components/ui/select";
+import { Button } from "@/components/ui/button";
+import { Card, CardContent } from "@/components/ui/card";
+import { useForm } from "react-hook-form";
+import Loader from "@/components/Loader";
+
+// Define types
+interface LanguageCode {
+  code: string;
+  language: string;
+}
+
+interface ClaimReview {
+  publisher: {
+    name: string;
+  };
+  textualRating: string;
+  url: string;
+  title: string;
+}
+
+interface FactCheck {
+  text: string;
+  claimant: string;
+  claimReview: ClaimReview[];
+}
+
+interface FilterState extends Query {
+  page: number;
+  query: string;
+  pageToken?: string;
+  language?: string;
+}
+
+interface ReduxState {
+  googleFactChecks: {
+    loading: boolean;
+    req: {
+      query: FilterState;
+      data: FactCheck[];
+      total: number;
+      nextPage: string;
+    }[];
+  };
+}
+
+interface FormValues {
+  query: string;
+  language: string;
+}
+
+function GoogleFactCheck(): React.ReactElement {
+  const dispatch = useAppDispatch();
+  const form = useForm<FormValues>({
+    defaultValues: {
+      query: "factcheck",
+      language: "all",
+    },
+  });
+
+  const langCode: LanguageCode[] = languageCode();
+
+  const [filters, setQuery] = useState<FilterState>({
+    page: 1,
+    query: "factcheck",
+  });
+
+  const [currPageToken, setCurrPageToken] = useState<string>("");
+  const [paginationStack, setPaginationStack] = useState<string[]>([]);
+  const [indexPointer, setIndexPointer] = useState<number | null>(null);
+
+  const { factChecks, loading, nextPage } = useSelector((state: ReduxState) => {
+    const node = state.googleFactChecks.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node) {
+      return {
+        factChecks: node.data,
+        total: node.total,
+        loading: state.googleFactChecks.loading,
+        nextPage: node.nextPage,
+      };
+    }
+    return {
+      factChecks: [],
+      total: 0,
+      loading: state.googleFactChecks.loading,
+      nextPage: "",
+    };
+  });
+
+  const fetchFactChecks = (values: FilterState): void => {
+    dispatch(getGoogleFactChecks(values));
+  };
+
+  const onSubmit = (values: FormValues): void => {
+    const formattedValues: FilterState = {
+      page: 1,
+      query: values.query,
+    };
+
+    if (values.language !== "all") {
+      formattedValues.language = values.language;
+    }
+
+    setCurrPageToken("");
+    setIndexPointer(null);
+    setPaginationStack([]);
+    setQuery(formattedValues);
+  };
+
+  useEffect(() => {
+    if (filters.query) fetchFactChecks(filters);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [filters]);
+
+  useEffect(() => {
+    if (!paginationStack.includes(currPageToken))
+      setPaginationStack((paginationStack) => [
+        ...paginationStack,
+        currPageToken,
+      ]);
+  }, [paginationStack, currPageToken]);
+
+  const onLoadMore = (): void => {
+    if (indexPointer === null) {
+      setIndexPointer(0);
+    } else {
+      if (indexPointer + 1 === paginationStack.length) {
+        setIndexPointer(paginationStack.length);
+      } else {
+        setIndexPointer(indexPointer + 1);
+      }
+    }
+
+    setCurrPageToken(nextPage);
+    setQuery({ ...filters, pageToken: nextPage });
+  };
+
+  const loadPrevious = (): void => {
+    if (indexPointer === null) return;
+
+    const prev = paginationStack[indexPointer - 1];
+    setIndexPointer(indexPointer - 1);
+    setQuery({ ...filters, pageToken: prev });
+  };
+
+  return (
+    <div className="flex flex-col space-y-4 w-full">
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          className="flex flex-col md:flex-row gap-4 md:items-end"
+        >
+          <FormField
+            control={form.control}
+            name="query"
+            rules={{ required: "Please enter your search query!" }}
+            render={({ field }) => (
+              <FormItem className="w-full md:w-1/5">
+                <FormControl>
+                  <div className="relative">
+                    <Search className="absolute left-2 top-3 h-4 w-4 text-gray-500" />
+                    <Input
+                      placeholder="Search fact checks"
+                      {...field}
+                      className="pl-8"
+                    />
+                  </div>
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="language"
+            render={({ field }) => (
+              <FormItem className="w-full md:w-1/6">
+                <FormControl>
+                  <Select
+                    onValueChange={field.onChange}
+                    defaultValue={field.value}
+                  >
+                    <SelectTrigger>
+                      <SelectValue placeholder="Language" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {langCode.map((e, key) => (
+                        <SelectItem key={key} value={e.code}>
+                          {e.language}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <Button type="submit">Submit</Button>
+        </form>
+      </Form>
+
+      <div className="border rounded-md">
+        {loading ? (
+          <div className="flex justify-center items-center h-40">
+            <Loader />
+          </div>
+        ) : (
+          <>
+            {factChecks.map((item, index) => (
+              <Card
+                key={`${item.text}-${index}`}
+                className="border-0 border-b last:border-b-0"
+              >
+                <CardContent className="pt-4">
+                  <div className="space-y-2">
+                    <h5>{`Claim by ${item.claimant}:`}</h5>
+                    <h4>{item.text}</h4>
+                    {item.claimReview.map((each, idx) => (
+                      <div key={idx} className="space-y-1">
+                        <h3 className="font-medium">
+                          <span className="font-bold">
+                            {each.publisher.name}
+                          </span>{" "}
+                          rating:{" "}
+                          <span className="font-bold">
+                            {each.textualRating}
+                          </span>
+                        </h3>
+                        <a
+                          href={each.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="text-blue-600 hover:underline"
+                        >
+                          {each.title}
+                        </a>
+                      </div>
+                    ))}
+                  </div>
+                </CardContent>
+              </Card>
+            ))}
+          </>
+        )}
+      </div>
+
+      <div className="flex justify-end space-x-2 py-2">
+        <Button
+          variant="outline"
+          disabled={indexPointer === null || indexPointer === 0}
+          onClick={loadPrevious}
+        >
+          Back
+        </Button>
+        <Button
+          variant="outline"
+          disabled={!nextPage || nextPage === ""}
+          onClick={onLoadMore}
+        >
+          Next
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default GoogleFactCheck;
diff --git a/studio/src/pages/fact-checks/LanguageCode.js b/studio/src/pages/fact-checks/LanguageCode.js
deleted file mode 100644
index ffa5ce70b..000000000
--- a/studio/src/pages/fact-checks/LanguageCode.js
+++ /dev/null
@@ -1,62 +0,0 @@
-export function languageCode() {
-  const lang = [
-    { language: 'All', code: 'all' },
-    { language: 'Amharic', code: 'am' },
-    { language: 'Arabic', code: 'ar' },
-    { language: 'Basque', code: 'eu' },
-    { language: 'Bengali', code: 'bn' },
-    { language: 'English (UK)', code: 'en-GB' },
-    { language: 'Portuguese (Brazil)', code: 'pt-BR' },
-    { language: 'Bulgarian', code: 'bg' },
-    { language: 'Catalan', code: 'ca' },
-    { language: 'Cherokee', code: 'chr' },
-    { language: 'Croatian', code: 'hr' },
-    { language: 'Czech', code: 'cs' },
-    { language: 'Danish', code: 'da' },
-    { language: 'Dutch', code: 'nl' },
-    { language: 'English (US)', code: 'en' },
-    { language: 'Estonian', code: 'et' },
-    { language: 'Filipino', code: 'fil' },
-    { language: 'Finnish', code: 'fi' },
-    { language: 'French', code: 'fr' },
-    { language: 'German', code: 'de' },
-    { language: 'Greek', code: 'el' },
-    { language: 'Gujarati', code: 'gu' },
-    { language: 'Hebrew', code: 'iw' },
-    { language: 'Hindi', code: 'hi' },
-    { language: 'Hungarian', code: 'hu' },
-    { language: 'Icelandic', code: 'is' },
-    { language: 'Indonesian', code: 'id' },
-    { language: 'Italian', code: 'it' },
-    { language: 'Japanese', code: 'ja' },
-    { language: 'Kannada', code: 'kn' },
-    { language: 'Korean', code: 'ko' },
-    { language: 'Latvian', code: 'lv' },
-    { language: 'Lithuanian', code: 'lt' },
-    { language: 'Malay', code: 'ms' },
-    { language: 'Malayalam', code: 'ml' },
-    { language: 'Marathi', code: 'mr' },
-    { language: 'Norwegian', code: 'no' },
-    { language: 'Polish', code: 'pl' },
-    { language: 'Portuguese (Portugal)', code: 'pt-PT' },
-    { language: 'Romanian', code: 'ro' },
-    { language: 'Russian', code: 'ru' },
-    { language: 'Serbian', code: 'sr' },
-    { language: 'Chinese (PRC)', code: 'zh-CN' },
-    { language: 'Slovak', code: 'sk' },
-    { language: 'Slovenian', code: 'sl' },
-    { language: 'Spanish', code: 'es' },
-    { language: 'Swahili', code: 'sw' },
-    { language: 'Swedish', code: 'sv' },
-    { language: 'Tamil', code: 'ta' },
-    { language: 'Telugu', code: 'te' },
-    { language: 'Thai', code: 'th' },
-    { language: 'Chinese (Taiwan)', code: 'zh-TW' },
-    { language: 'Turkish', code: 'tr' },
-    { language: 'Urdu', code: 'ur' },
-    { language: 'Ukrainian', code: 'uk' },
-    { language: 'Vietnamese', code: 'vi' },
-    { language: 'Welsh', code: 'cy' },
-  ];
-  return lang;
-}
diff --git a/studio/src/pages/fact-checks/LanguageCode.ts b/studio/src/pages/fact-checks/LanguageCode.ts
new file mode 100644
index 000000000..a2bad2d58
--- /dev/null
+++ b/studio/src/pages/fact-checks/LanguageCode.ts
@@ -0,0 +1,67 @@
+interface LanguageItem {
+  language: string;
+  code: string;
+}
+
+export function languageCode(): LanguageItem[] {
+  const lang: LanguageItem[] = [
+    { language: "All", code: "all" },
+    { language: "Amharic", code: "am" },
+    { language: "Arabic", code: "ar" },
+    { language: "Basque", code: "eu" },
+    { language: "Bengali", code: "bn" },
+    { language: "English (UK)", code: "en-GB" },
+    { language: "Portuguese (Brazil)", code: "pt-BR" },
+    { language: "Bulgarian", code: "bg" },
+    { language: "Catalan", code: "ca" },
+    { language: "Cherokee", code: "chr" },
+    { language: "Croatian", code: "hr" },
+    { language: "Czech", code: "cs" },
+    { language: "Danish", code: "da" },
+    { language: "Dutch", code: "nl" },
+    { language: "English (US)", code: "en" },
+    { language: "Estonian", code: "et" },
+    { language: "Filipino", code: "fil" },
+    { language: "Finnish", code: "fi" },
+    { language: "French", code: "fr" },
+    { language: "German", code: "de" },
+    { language: "Greek", code: "el" },
+    { language: "Gujarati", code: "gu" },
+    { language: "Hebrew", code: "iw" },
+    { language: "Hindi", code: "hi" },
+    { language: "Hungarian", code: "hu" },
+    { language: "Icelandic", code: "is" },
+    { language: "Indonesian", code: "id" },
+    { language: "Italian", code: "it" },
+    { language: "Japanese", code: "ja" },
+    { language: "Kannada", code: "kn" },
+    { language: "Korean", code: "ko" },
+    { language: "Latvian", code: "lv" },
+    { language: "Lithuanian", code: "lt" },
+    { language: "Malay", code: "ms" },
+    { language: "Malayalam", code: "ml" },
+    { language: "Marathi", code: "mr" },
+    { language: "Norwegian", code: "no" },
+    { language: "Polish", code: "pl" },
+    { language: "Portuguese (Portugal)", code: "pt-PT" },
+    { language: "Romanian", code: "ro" },
+    { language: "Russian", code: "ru" },
+    { language: "Serbian", code: "sr" },
+    { language: "Chinese (PRC)", code: "zh-CN" },
+    { language: "Slovak", code: "sk" },
+    { language: "Slovenian", code: "sl" },
+    { language: "Spanish", code: "es" },
+    { language: "Swahili", code: "sw" },
+    { language: "Swedish", code: "sv" },
+    { language: "Tamil", code: "ta" },
+    { language: "Telugu", code: "te" },
+    { language: "Thai", code: "th" },
+    { language: "Chinese (Taiwan)", code: "zh-TW" },
+    { language: "Turkish", code: "tr" },
+    { language: "Urdu", code: "ur" },
+    { language: "Ukrainian", code: "uk" },
+    { language: "Vietnamese", code: "vi" },
+    { language: "Welsh", code: "cy" },
+  ];
+  return lang;
+}
diff --git a/studio/src/pages/fact-checks/__snapshots__/CreateFactCheck.test.js.snap b/studio/src/pages/fact-checks/__snapshots__/CreateFactCheck.test.js.snap
deleted file mode 100644
index e81cc43bd..000000000
--- a/studio/src/pages/fact-checks/__snapshots__/CreateFactCheck.test.js.snap
+++ /dev/null
@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Fact check create component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <CreateFactCheck
-    formats={
-      Object {
-        "article": Object {
-          "id": 1,
-          "name": "article",
-          "slug": "article",
-        },
-        "factcheck": Object {
-          "id": 2,
-          "name": "factcheck",
-          "slug": "fact-check",
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/fact-checks/__snapshots__/EditFactCheck.test.js.snap b/studio/src/pages/fact-checks/__snapshots__/EditFactCheck.test.js.snap
deleted file mode 100644
index 5d5247eff..000000000
--- a/studio/src/pages/fact-checks/__snapshots__/EditFactCheck.test.js.snap
+++ /dev/null
@@ -1,10645 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FactCheck edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EditFactCheck
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-      >
-        <Skeleton
-          avatar={false}
-          paragraph={true}
-          title={true}
-        >
-          <div
-            className="ant-skeleton"
-          >
-            <div
-              className="ant-skeleton-content"
-            >
-              <Title
-                prefixCls="ant-skeleton-title"
-                width="38%"
-              >
-                <h3
-                  className="ant-skeleton-title"
-                  style={
-                    Object {
-                      "width": "38%",
-                    }
-                  }
-                />
-              </Title>
-              <Paragraph
-                prefixCls="ant-skeleton-paragraph"
-                rows={3}
-                width="61%"
-              >
-                <ul
-                  className="ant-skeleton-paragraph"
-                >
-                  <li
-                    key="0"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="1"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="2"
-                    style={
-                      Object {
-                        "width": "61%",
-                      }
-                    }
-                  />
-                </ul>
-              </Paragraph>
-            </div>
-          </div>
-        </Skeleton>
-      </EditFactCheck>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`FactCheck edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EditFactCheck
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-      >
-        <HelmetWrapper
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="FactCheck-1 - Edit Fact Check"
-        >
-          <SideEffect(NullComponent)
-            defer={true}
-            encodeSpecialCharacters={true}
-            title="FactCheck-1 - Edit Fact Check"
-          >
-            <NullComponent
-              defer={true}
-              encodeSpecialCharacters={true}
-              title="FactCheck-1 - Edit Fact Check"
-            />
-          </SideEffect(NullComponent)>
-        </HelmetWrapper>
-        <FactCheckForm
-          actions={Array []}
-          data={
-            Object {
-              "format": 2,
-              "format_id": 2,
-              "id": 1,
-              "medium_id": 1,
-              "published_date": null,
-              "slug": "factcheck-1",
-              "status": "draft",
-              "tag_line": "tag_line",
-              "title": "FactCheck-1",
-            }
-          }
-          format={
-            Object {
-              "id": 2,
-              "name": "factcheck",
-              "slug": "fact-check",
-            }
-          }
-          onCreate={[Function]}
-        >
-          <Prompt
-            message="You have unsaved changes, are you sure you want to leave?"
-            when={false}
-          />
-          <ForwardRef(InternalForm)
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": undefined,
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            initialValues={
-              Object {
-                "format": 2,
-                "format_id": 2,
-                "id": 1,
-                "medium_id": 1,
-                "published_date": null,
-                "slug": "factcheck-1",
-                "status": "draft",
-                "tag_line": "tag_line",
-                "title": "FactCheck-1",
-              }
-            }
-            layout="vertical"
-            onFinish={[Function]}
-            onValuesChange={[Function]}
-            style={
-              Object {
-                "maxWidth": "100%",
-                "width": "100%",
-              }
-            }
-          >
-            <SizeContextProvider>
-              <ForwardRef(Form)
-                className="ant-form ant-form-vertical"
-                form={
-                  Object {
-                    "__INTERNAL__": Object {
-                      "itemRef": [Function],
-                      "name": undefined,
-                    },
-                    "getFieldError": [Function],
-                    "getFieldInstance": [Function],
-                    "getFieldValue": [Function],
-                    "getFieldsError": [Function],
-                    "getFieldsValue": [Function],
-                    "getInternalHooks": [Function],
-                    "isFieldTouched": [Function],
-                    "isFieldValidating": [Function],
-                    "isFieldsTouched": [Function],
-                    "isFieldsValidating": [Function],
-                    "resetFields": [Function],
-                    "scrollToField": [Function],
-                    "setFields": [Function],
-                    "setFieldsValue": [Function],
-                    "submit": [Function],
-                    "validateFields": [Function],
-                  }
-                }
-                initialValues={
-                  Object {
-                    "format": 2,
-                    "format_id": 2,
-                    "id": 1,
-                    "medium_id": 1,
-                    "published_date": null,
-                    "slug": "factcheck-1",
-                    "status": "draft",
-                    "tag_line": "tag_line",
-                    "title": "FactCheck-1",
-                  }
-                }
-                onFinish={[Function]}
-                onFinishFailed={[Function]}
-                onValuesChange={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <form
-                  className="ant-form ant-form-vertical"
-                  onReset={[Function]}
-                  onSubmit={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={
-                            Object {
-                              "marginBottom": 8,
-                            }
-                          }
-                        >
-                          <div
-                            style={
-                              Object {
-                                "float": "right",
-                              }
-                            }
-                          >
-                            <Space
-                              direction="horizontal"
-                            >
-                              <div
-                                className="ant-space ant-space-horizontal ant-space-align-center"
-                                style={Object {}}
-                              >
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={0}
-                                  key="ant-space-item-0"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={
-                                      Object {
-                                        "marginRight": 8,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      name="template"
-                                    >
-                                      <WrapperField
-                                        messageVariables={
-                                          Object {
-                                            "label": "template",
-                                          }
-                                        }
-                                        name="template"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": undefined,
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_template"
-                                          messageVariables={
-                                            Object {
-                                              "label": "template",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "template",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="value"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="template"
-                                                name="template"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                              />
-                                              <FormItemInput
-                                                errors={Array []}
-                                                name={
-                                                  Array [
-                                                    "template",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Button
-                                                            id="template"
-                                                            onChange={[Function]}
-                                                            onClick={[Function]}
-                                                            type="secondary"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-secondary"
-                                                                id="template"
-                                                                onChange={[Function]}
-                                                                onClick={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <LoadingIcon
-                                                                  existIcon={false}
-                                                                  loading={false}
-                                                                  prefixCls="ant-btn"
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionName="ant-btn-loading-icon-motion"
-                                                                    onAppearActive={[Function]}
-                                                                    onAppearStart={[Function]}
-                                                                    onEnterActive={[Function]}
-                                                                    onEnterStart={[Function]}
-                                                                    onLeaveActive={[Function]}
-                                                                    onLeaveStart={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </LoadingIcon>
-                                                                <span
-                                                                  key=".0"
-                                                                >
-                                                                  Create Template
-                                                                </span>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Item>
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={1}
-                                  key="ant-space-item-1"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={
-                                      Object {
-                                        "marginRight": 8,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      name="draft"
-                                    >
-                                      <WrapperField
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name="draft"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": undefined,
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_draft"
-                                          messageVariables={
-                                            Object {
-                                              "label": "draft",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "draft",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="value"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="draft"
-                                                name="draft"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                              />
-                                              <FormItemInput
-                                                errors={Array []}
-                                                name={
-                                                  Array [
-                                                    "draft",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Dropdown
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={
-                                                              <Menu>
-                                                                <MenuItem>
-                                                                  Ready to Publish 
-                                                                  <ForwardRef
-                                                                    checked={false}
-                                                                    onChange={[Function]}
-                                                                  />
-                                                                </MenuItem>
-                                                              </Menu>
-                                                            }
-                                                          >
-                                                            <ForwardRef(Dropdown)
-                                                              id="draft"
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              overlay={[Function]}
-                                                              overlayClassName=""
-                                                              placement="bottomLeft"
-                                                              prefixCls="ant-dropdown"
-                                                              transitionName="ant-slide-up"
-                                                            >
-                                                              <Trigger
-                                                                action={
-                                                                  Array [
-                                                                    "hover",
-                                                                  ]
-                                                                }
-                                                                afterPopupVisibleChange={[Function]}
-                                                                autoDestroy={false}
-                                                                blurDelay={0.15}
-                                                                builtinPlacements={
-                                                                  Object {
-                                                                    "bottomCenter": Object {
-                                                                      "offset": Array [
-                                                                        0,
-                                                                        4,
-                                                                      ],
-                                                                      "overflow": Object {
-                                                                        "adjustX": 1,
-                                                                        "adjustY": 1,
-                                                                      },
-                                                                      "points": Array [
-                                                                        "tc",
-                                                                        "bc",
-                                                                      ],
-                                                                      "targetOffset": Array [
-                                                                        0,
-                                                                        0,
-                                                                      ],
-                                                                    },
-                                                                    "bottomLeft": Object {
-                                                                      "offset": Array [
-                                                                        0,
-                                                                        4,
-                                                                      ],
-                                                                      "overflow": Object {
-                                                                        "adjustX": 1,
-                                                                        "adjustY": 1,
-                                                                      },
-                                                                      "points": Array [
-                                                                        "tl",
-                                                                        "bl",
-                                                                      ],
-                                                                      "targetOffset": Array [
-                                                                        0,
-                                                                        0,
-                                                                      ],
-                                                                    },
-                                                                    "bottomRight": Object {
-                                                                      "offset": Array [
-                                                                        0,
-                                                                        4,
-                                                                      ],
-                                                                      "overflow": Object {
-                                                                        "adjustX": 1,
-                                                                        "adjustY": 1,
-                                                                      },
-                                                                      "points": Array [
-                                                                        "tr",
-                                                                        "br",
-                                                                      ],
-                                                                      "targetOffset": Array [
-                                                                        0,
-                                                                        0,
-                                                                      ],
-                                                                    },
-                                                                    "topCenter": Object {
-                                                                      "offset": Array [
-                                                                        0,
-                                                                        -4,
-                                                                      ],
-                                                                      "overflow": Object {
-                                                                        "adjustX": 1,
-                                                                        "adjustY": 1,
-                                                                      },
-                                                                      "points": Array [
-                                                                        "bc",
-                                                                        "tc",
-                                                                      ],
-                                                                      "targetOffset": Array [
-                                                                        0,
-                                                                        0,
-                                                                      ],
-                                                                    },
-                                                                    "topLeft": Object {
-                                                                      "offset": Array [
-                                                                        0,
-                                                                        -4,
-                                                                      ],
-                                                                      "overflow": Object {
-                                                                        "adjustX": 1,
-                                                                        "adjustY": 1,
-                                                                      },
-                                                                      "points": Array [
-                                                                        "bl",
-                                                                        "tl",
-                                                                      ],
-                                                                      "targetOffset": Array [
-                                                                        0,
-                                                                        0,
-                                                                      ],
-                                                                    },
-                                                                    "topRight": Object {
-                                                                      "offset": Array [
-                                                                        0,
-                                                                        -4,
-                                                                      ],
-                                                                      "overflow": Object {
-                                                                        "adjustX": 1,
-                                                                        "adjustY": 1,
-                                                                      },
-                                                                      "points": Array [
-                                                                        "br",
-                                                                        "tr",
-                                                                      ],
-                                                                      "targetOffset": Array [
-                                                                        0,
-                                                                        0,
-                                                                      ],
-                                                                    },
-                                                                  }
-                                                                }
-                                                                defaultPopupVisible={false}
-                                                                destroyPopupOnHide={false}
-                                                                focusDelay={0}
-                                                                getDocument={[Function]}
-                                                                getPopupClassNameFromAlign={[Function]}
-                                                                hideAction={Array []}
-                                                                id="draft"
-                                                                mask={false}
-                                                                maskClosable={true}
-                                                                mouseEnterDelay={0.15}
-                                                                mouseLeaveDelay={0.1}
-                                                                onChange={[Function]}
-                                                                onPopupAlign={[Function]}
-                                                                onPopupVisibleChange={[Function]}
-                                                                overlay={[Function]}
-                                                                popup={[Function]}
-                                                                popupAlign={Object {}}
-                                                                popupClassName=""
-                                                                popupPlacement="bottomLeft"
-                                                                popupStyle={Object {}}
-                                                                popupTransitionName="ant-slide-up"
-                                                                prefixCls="ant-dropdown"
-                                                                showAction={Array []}
-                                                                stretch="minWidth"
-                                                              >
-                                                                <Button
-                                                                  className="ant-dropdown-trigger"
-                                                                  htmlType="submit"
-                                                                  key="trigger"
-                                                                  onClick={[Function]}
-                                                                  onMouseEnter={[Function]}
-                                                                  onMouseLeave={[Function]}
-                                                                  type="secondary"
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseEnter={[Function]}
-                                                                      onMouseLeave={[Function]}
-                                                                      type="submit"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <span
-                                                                        key=".0"
-                                                                      >
-                                                                        Save
-                                                                      </span>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </Trigger>
-                                                            </ForwardRef(Dropdown)>
-                                                          </Dropdown>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Item>
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={2}
-                                  key="ant-space-item-2"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                />
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={3}
-                                  key="ant-space-item-3"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={Object {}}
-                                  >
-                                    <FormItem
-                                      name="drawerOpen"
-                                    >
-                                      <WrapperField
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name="drawerOpen"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": undefined,
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_drawerOpen"
-                                          messageVariables={
-                                            Object {
-                                              "label": "drawerOpen",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "drawerOpen",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="value"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="drawerOpen"
-                                                name="drawerOpen"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                              />
-                                              <FormItemInput
-                                                errors={Array []}
-                                                name={
-                                                  Array [
-                                                    "drawerOpen",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Button
-                                                            id="drawerOpen"
-                                                            onChange={[Function]}
-                                                            onClick={[Function]}
-                                                            type="secondary"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-secondary"
-                                                                id="drawerOpen"
-                                                                onChange={[Function]}
-                                                                onClick={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <LoadingIcon
-                                                                  existIcon={false}
-                                                                  loading={false}
-                                                                  prefixCls="ant-btn"
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionName="ant-btn-loading-icon-motion"
-                                                                    onAppearActive={[Function]}
-                                                                    onAppearStart={[Function]}
-                                                                    onEnterActive={[Function]}
-                                                                    onEnterStart={[Function]}
-                                                                    onLeaveActive={[Function]}
-                                                                    onLeaveStart={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </LoadingIcon>
-                                                                <ForwardRef(SettingFilled)
-                                                                  key=".0"
-                                                                >
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "setting",
-                                                                        "theme": "filled",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="setting"
-                                                                      className="anticon anticon-setting"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "setting",
-                                                                            "theme": "filled",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="setting"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-setting"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                            key="svg-setting-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(SettingFilled)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </div>
-                                </Item>
-                              </div>
-                            </Space>
-                          </div>
-                        </div>
-                      </Item>
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={1}
-                        key="ant-space-item-1"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Row
-                            gutter={16}
-                          >
-                            <div
-                              className="ant-row"
-                              style={
-                                Object {
-                                  "marginLeft": -8,
-                                  "marginRight": -8,
-                                }
-                              }
-                            >
-                              <Col
-                                xl={
-                                  Object {
-                                    "offset": 3,
-                                    "span": 18,
-                                  }
-                                }
-                                xs={
-                                  Object {
-                                    "span": 24,
-                                  }
-                                }
-                                xxl={
-                                  Object {
-                                    "offset": 6,
-                                    "span": 12,
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                  style={
-                                    Object {
-                                      "paddingLeft": 8,
-                                      "paddingRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="title"
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name="title"
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_title"
-                                        messageVariables={
-                                          Object {
-                                            "label": "title",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "title",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please input the title!",
-                                              "required": true,
-                                            },
-                                            Object {
-                                              "max": 500,
-                                              "message": "Title must be maximum 500 characters.",
-                                            },
-                                          ]
-                                        }
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="title"
-                                              name="title"
-                                              prefixCls="ant-form"
-                                              required={true}
-                                              requiredMark={true}
-                                              rules={
-                                                Array [
-                                                  Object {
-                                                    "message": "Please input the title!",
-                                                    "required": true,
-                                                  },
-                                                  Object {
-                                                    "max": 500,
-                                                    "message": "Title must be maximum 500 characters.",
-                                                  },
-                                                ]
-                                              }
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "title",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              rules={
-                                                Array [
-                                                  Object {
-                                                    "message": "Please input the title!",
-                                                    "required": true,
-                                                  },
-                                                  Object {
-                                                    "max": 500,
-                                                    "message": "Title must be maximum 500 characters.",
-                                                  },
-                                                ]
-                                              }
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                        value="FactCheck-1"
-                                                      >
-                                                        <ForwardRef
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          id="title"
-                                                          onChange={[Function]}
-                                                          placeholder="Add title for the fact-check"
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "2.5rem",
-                                                              "fontWeight": "bold",
-                                                              "textAlign": "center",
-                                                            }
-                                                          }
-                                                          value="FactCheck-1"
-                                                        >
-                                                          <ClearableLabeledInput
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            bordered={false}
-                                                            element={
-                                                              <TextArea
-                                                                autoSize={
-                                                                  Object {
-                                                                    "maxRows": 6,
-                                                                    "minRows": 2,
-                                                                  }
-                                                                }
-                                                                className="ant-input-borderless"
-                                                                id="title"
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                placeholder="Add title for the fact-check"
-                                                                prefixCls="ant-input"
-                                                                style={
-                                                                  Object {
-                                                                    "fontSize": "2.5rem",
-                                                                    "fontWeight": "bold",
-                                                                    "textAlign": "center",
-                                                                  }
-                                                                }
-                                                                value="FactCheck-1"
-                                                              />
-                                                            }
-                                                            handleReset={[Function]}
-                                                            id="title"
-                                                            inputType="text"
-                                                            placeholder="Add title for the fact-check"
-                                                            prefixCls="ant-input"
-                                                            value="FactCheck-1"
-                                                          >
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="FactCheck-1"
-                                                            >
-                                                              <ResizableTextArea
-                                                                autoSize={
-                                                                  Object {
-                                                                    "maxRows": 6,
-                                                                    "minRows": 2,
-                                                                  }
-                                                                }
-                                                                className="ant-input-borderless"
-                                                                id="title"
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                placeholder="Add title for the fact-check"
-                                                                prefixCls="ant-input"
-                                                                style={
-                                                                  Object {
-                                                                    "fontSize": "2.5rem",
-                                                                    "fontWeight": "bold",
-                                                                    "textAlign": "center",
-                                                                  }
-                                                                }
-                                                                value="FactCheck-1"
-                                                              >
-                                                                <ResizeObserver
-                                                                  disabled={false}
-                                                                  onResize={[Function]}
-                                                                >
-                                                                  <textarea
-                                                                    className="ant-input ant-input-borderless"
-                                                                    id="title"
-                                                                    onChange={[Function]}
-                                                                    onCompositionEnd={[Function]}
-                                                                    onCompositionStart={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    placeholder="Add title for the fact-check"
-                                                                    style={
-                                                                      Object {
-                                                                        "fontSize": "2.5rem",
-                                                                        "fontWeight": "bold",
-                                                                        "textAlign": "center",
-                                                                      }
-                                                                    }
-                                                                    value="FactCheck-1"
-                                                                  />
-                                                                </ResizeObserver>
-                                                              </ResizableTextArea>
-                                                            </TextArea>
-                                                          </ClearableLabeledInput>
-                                                        </ForwardRef>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                  <DescriptionInput
-                                    formItemProps={
-                                      Object {
-                                        "className": "post-description",
-                                      }
-                                    }
-                                    noLabel={true}
-                                  >
-                                    <FormItem
-                                      className="post-description"
-                                      name="description"
-                                    >
-                                      <WrapperField
-                                        className="post-description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name="description"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                      >
-                                        <Field
-                                          className="post-description"
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": undefined,
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_description"
-                                          messageVariables={
-                                            Object {
-                                              "label": "description",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="value"
-                                        >
-                                          <Row
-                                            className="ant-form-item post-description"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item post-description"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                className="post-description"
-                                                htmlFor="description"
-                                                name="description"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                              />
-                                              <FormItemInput
-                                                className="post-description"
-                                                errors={Array []}
-                                                name={
-                                                  Array [
-                                                    "description",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <Editor
-                                                            id="description"
-                                                            onChange={[Function]}
-                                                          >
-                                                            <div
-                                                              style={null}
-                                                            />
-                                                          </Editor>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                  </DescriptionInput>
-                                  <DrawerWrapper
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <Drawer
-                                      closable={true}
-                                      getContainer={false}
-                                      headerStyle={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                      onClose={[Function]}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      title={
-                                        <h4
-                                          style={
-                                            Object {
-                                              "fontWeight": "bold",
-                                            }
-                                          }
-                                        >
-                                          Post Settings
-                                        </h4>
-                                      }
-                                      visible={false}
-                                      width={366}
-                                    >
-                                      <DrawerWrapper
-                                        afterVisibleChange={[Function]}
-                                        className=""
-                                        defaultOpen={false}
-                                        duration=".3s"
-                                        ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                        forceRender={false}
-                                        getContainer={false}
-                                        handler={false}
-                                        keyboard={true}
-                                        level={null}
-                                        maskClosable={true}
-                                        maskStyle={Object {}}
-                                        onChange={[Function]}
-                                        onClose={[Function]}
-                                        open={false}
-                                        placement="right"
-                                        prefixCls="ant-drawer"
-                                        showMask={true}
-                                        style={
-                                          Object {
-                                            "transform": undefined,
-                                            "zIndex": undefined,
-                                          }
-                                        }
-                                        width={366}
-                                        wrapperClassName=""
-                                      >
-                                        <div
-                                          className=""
-                                        >
-                                          <DrawerChild
-                                            afterVisibleChange={[Function]}
-                                            className=""
-                                            duration=".3s"
-                                            ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                            getContainer={[Function]}
-                                            handler={false}
-                                            keyboard={true}
-                                            level={null}
-                                            maskClosable={true}
-                                            maskStyle={Object {}}
-                                            onChange={[Function]}
-                                            onClose={[Function]}
-                                            onHandleClick={[Function]}
-                                            open={false}
-                                            placement="right"
-                                            prefixCls="ant-drawer"
-                                            showMask={true}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            width={366}
-                                          >
-                                            <div
-                                              className="ant-drawer ant-drawer-right"
-                                              onTransitionEnd={[Function]}
-                                              style={
-                                                Object {
-                                                  "transform": undefined,
-                                                  "zIndex": undefined,
-                                                }
-                                              }
-                                              tabIndex={-1}
-                                            >
-                                              <div
-                                                className="ant-drawer-mask"
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              />
-                                              <div
-                                                className="ant-drawer-content-wrapper"
-                                                style={
-                                                  Object {
-                                                    "height": undefined,
-                                                    "msTransform": "translateX(100%)",
-                                                    "transform": "translateX(100%)",
-                                                    "width": "366px",
-                                                  }
-                                                }
-                                              >
-                                                <div
-                                                  className="ant-drawer-content"
-                                                >
-                                                  <div
-                                                    className="ant-drawer-wrapper-body"
-                                                    onTransitionEnd={[Function]}
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-header"
-                                                      style={
-                                                        Object {
-                                                          "fontWeight": "bold",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-drawer-title"
-                                                      >
-                                                        <h4
-                                                          style={
-                                                            Object {
-                                                              "fontWeight": "bold",
-                                                            }
-                                                          }
-                                                        >
-                                                          Post Settings
-                                                        </h4>
-                                                      </div>
-                                                      <button
-                                                        aria-label="Close"
-                                                        className="ant-drawer-close"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "--scroll-bar": "0px",
-                                                          }
-                                                        }
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(CloseOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "close",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="close"
-                                                              className="anticon anticon-close"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "close",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="close"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-close"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                    key="svg-close-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(CloseOutlined)>
-                                                      </button>
-                                                    </div>
-                                                    <div
-                                                      className="ant-drawer-body"
-                                                    >
-                                                      <FormItem
-                                                        label="Featured Image"
-                                                        name="featured_medium_id"
-                                                      >
-                                                        <WrapperField
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name="featured_medium_id"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_featured_medium_id"
-                                                            label="Featured Image"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Featured Image",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "featured_medium_id",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="featured_medium_id"
-                                                                  label="Featured Image"
-                                                                  name="featured_medium_id"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="featured_medium_id"
-                                                                        title="Featured Image"
-                                                                      >
-                                                                        Featured Image
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Featured Image"
-                                                                  name={
-                                                                    Array [
-                                                                      "featured_medium_id",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <MediaSelector
-                                                                              id="featured_medium_id"
-                                                                              onChange={[Function]}
-                                                                            >
-                                                                              <Modal
-                                                                                closable={false}
-                                                                                confirmLoading={false}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                              >
-                                                                                <Dialog
-                                                                                  closable={false}
-                                                                                  closeIcon={
-                                                                                    <span
-                                                                                      className="ant-modal-close-x"
-                                                                                    >
-                                                                                      <ForwardRef(CloseOutlined)
-                                                                                        className="ant-modal-close-icon"
-                                                                                      />
-                                                                                    </span>
-                                                                                  }
-                                                                                  confirmLoading={false}
-                                                                                  focusTriggerAfterClose={true}
-                                                                                  footer={
-                                                                                    Array [
-                                                                                      <ForwardRef(InternalButton)
-                                                                                        onClick={[Function]}
-                                                                                      >
-                                                                                        Cancel
-                                                                                      </ForwardRef(InternalButton)>,
-                                                                                      <ForwardRef(InternalButton)
-                                                                                        onClick={[Function]}
-                                                                                        type="primary"
-                                                                                      >
-                                                                                        Ok
-                                                                                      </ForwardRef(InternalButton)>,
-                                                                                    ]
-                                                                                  }
-                                                                                  maskTransitionName="ant-fade"
-                                                                                  okType="primary"
-                                                                                  onCancel={[Function]}
-                                                                                  onClose={[Function]}
-                                                                                  prefixCls="ant-modal"
-                                                                                  transitionName="ant-zoom"
-                                                                                  visible={false}
-                                                                                  width="800px"
-                                                                                  wrapClassName=""
-                                                                                >
-                                                                                  <PortalWrapper
-                                                                                    visible={false}
-                                                                                  />
-                                                                                </Dialog>
-                                                                              </Modal>
-                                                                              <Space
-                                                                                direction="vertical"
-                                                                              >
-                                                                                <div
-                                                                                  className="ant-space ant-space-vertical"
-                                                                                  style={Object {}}
-                                                                                >
-                                                                                  <Item
-                                                                                    className="ant-space-item"
-                                                                                    direction="vertical"
-                                                                                    index={0}
-                                                                                    key="ant-space-item-0"
-                                                                                    marginDirection="marginRight"
-                                                                                    wrap={false}
-                                                                                  >
-                                                                                    <div
-                                                                                      className="ant-space-item"
-                                                                                      style={Object {}}
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "alignItems": "center",
-                                                                                            "display": "flex",
-                                                                                            "justifyContent": "center",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <div
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "position": "relative",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Button
-                                                                                            onClick={[Function]}
-                                                                                            style={
-                                                                                              Object {
-                                                                                                "background": "transparent",
-                                                                                                "borderStyle": "dashed",
-                                                                                                "display": "block",
-                                                                                                "height": "auto",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <Wave>
-                                                                                              <button
-                                                                                                className="ant-btn"
-                                                                                                onClick={[Function]}
-                                                                                                style={
-                                                                                                  Object {
-                                                                                                    "background": "transparent",
-                                                                                                    "borderStyle": "dashed",
-                                                                                                    "display": "block",
-                                                                                                    "height": "auto",
-                                                                                                  }
-                                                                                                }
-                                                                                                type="button"
-                                                                                              >
-                                                                                                <LoadingIcon
-                                                                                                  existIcon={false}
-                                                                                                  loading={false}
-                                                                                                  prefixCls="ant-btn"
-                                                                                                >
-                                                                                                  <CSSMotion
-                                                                                                    motionName="ant-btn-loading-icon-motion"
-                                                                                                    onAppearActive={[Function]}
-                                                                                                    onAppearStart={[Function]}
-                                                                                                    onEnterActive={[Function]}
-                                                                                                    onEnterStart={[Function]}
-                                                                                                    onLeaveActive={[Function]}
-                                                                                                    onLeaveStart={[Function]}
-                                                                                                    removeOnLeave={true}
-                                                                                                    visible={false}
-                                                                                                  >
-                                                                                                    <DomWrapper />
-                                                                                                  </CSSMotion>
-                                                                                                </LoadingIcon>
-                                                                                                <PlaceholderImage
-                                                                                                  height="auto"
-                                                                                                  key=".0"
-                                                                                                  width="100%"
-                                                                                                >
-                                                                                                  <img
-                                                                                                    alt=""
-                                                                                                    height="auto"
-                                                                                                    src="placeholderImage.svg"
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "maxWidth": "240px",
-                                                                                                        "objectFit": "contain",
-                                                                                                        "padding": "1rem",
-                                                                                                      }
-                                                                                                    }
-                                                                                                    width="100%"
-                                                                                                  />
-                                                                                                </PlaceholderImage>
-                                                                                              </button>
-                                                                                            </Wave>
-                                                                                          </Button>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </Item>
-                                                                                </div>
-                                                                              </Space>
-                                                                            </MediaSelector>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        key="true"
-                                                        label="Claims"
-                                                        name="claims"
-                                                      >
-                                                        <WrapperField
-                                                          label="Claims"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Claims",
-                                                            }
-                                                          }
-                                                          name="claims"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_claims"
-                                                            label="Claims"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Claims",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "claims",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="claims"
-                                                                  label="Claims"
-                                                                  name="claims"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="claims"
-                                                                        title="Claims"
-                                                                      >
-                                                                        Claims
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Claims"
-                                                                  name={
-                                                                    Array [
-                                                                      "claims",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Selector
-                                                                              action="Claims"
-                                                                              display="claim"
-                                                                              id="claims"
-                                                                              mode="multiple"
-                                                                              onChange={[Function]}
-                                                                            >
-                                                                              <ForwardRef(InternalSelect)
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                bordered={true}
-                                                                                defaultValue={Array []}
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                listHeight={128}
-                                                                                loading={true}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select claims"
-                                                                                searchValue=""
-                                                                                value={Array []}
-                                                                              >
-                                                                                <Select
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={
-                                                                                    <ForwardRef(LoadingOutlined)
-                                                                                      spin={true}
-                                                                                    />
-                                                                                  }
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={true}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select claims"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <ForwardRef(Select)
-                                                                                    allowClear={true}
-                                                                                    autoClearSearchValue={true}
-                                                                                    className=""
-                                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                    defaultValue={Array []}
-                                                                                    dropdownClassName=""
-                                                                                    filterOption={[Function]}
-                                                                                    getPopupContainer={[Function]}
-                                                                                    inputIcon={
-                                                                                      <ForwardRef(LoadingOutlined)
-                                                                                        spin={true}
-                                                                                      />
-                                                                                    }
-                                                                                    listHeight={128}
-                                                                                    listItemHeight={24}
-                                                                                    loading={true}
-                                                                                    menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                    mode="multiple"
-                                                                                    notFoundContent={null}
-                                                                                    onChange={[Function]}
-                                                                                    onPopupScroll={[Function]}
-                                                                                    onSearch={[Function]}
-                                                                                    placeholder="Select claims"
-                                                                                    prefixCls="ant-select"
-                                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                    searchValue=""
-                                                                                    transitionName="ant-slide-up"
-                                                                                    value={Array []}
-                                                                                  >
-                                                                                    <div
-                                                                                      className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
-                                                                                      onBlur={[Function]}
-                                                                                      onFocus={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onKeyUp={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <SelectTrigger
-                                                                                        containerWidth={null}
-                                                                                        dropdownClassName=""
-                                                                                        empty={true}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        popupElement={
-                                                                                          <ForwardRef(OptionList)
-                                                                                            childrenAsData={true}
-                                                                                            defaultActiveFirstOption={true}
-                                                                                            flattenOptions={Array []}
-                                                                                            height={128}
-                                                                                            itemHeight={24}
-                                                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                            multiple={true}
-                                                                                            notFoundContent={null}
-                                                                                            onActiveValue={[Function]}
-                                                                                            onMouseEnter={[Function]}
-                                                                                            onScroll={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            onToggleOpen={[Function]}
-                                                                                            options={Array []}
-                                                                                            prefixCls="ant-select"
-                                                                                            searchValue=""
-                                                                                            values={Set {}}
-                                                                                            virtual={true}
-                                                                                          />
-                                                                                        }
-                                                                                        prefixCls="ant-select"
-                                                                                        transitionName="ant-slide-up"
-                                                                                        visible={false}
-                                                                                      >
-                                                                                        <Trigger
-                                                                                          action={Array []}
-                                                                                          afterPopupVisibleChange={[Function]}
-                                                                                          autoDestroy={false}
-                                                                                          blurDelay={0.15}
-                                                                                          builtinPlacements={
-                                                                                            Object {
-                                                                                              "bottomLeft": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "tl",
-                                                                                                  "bl",
-                                                                                                ],
-                                                                                              },
-                                                                                              "bottomRight": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "tr",
-                                                                                                  "br",
-                                                                                                ],
-                                                                                              },
-                                                                                              "topLeft": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  -4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "bl",
-                                                                                                  "tl",
-                                                                                                ],
-                                                                                              },
-                                                                                              "topRight": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  -4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "br",
-                                                                                                  "tr",
-                                                                                                ],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          defaultPopupVisible={false}
-                                                                                          destroyPopupOnHide={false}
-                                                                                          focusDelay={0}
-                                                                                          getDocument={[Function]}
-                                                                                          getPopupClassNameFromAlign={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          getTriggerDOMNode={[Function]}
-                                                                                          hideAction={Array []}
-                                                                                          mask={false}
-                                                                                          maskClosable={true}
-                                                                                          mouseEnterDelay={0}
-                                                                                          mouseLeaveDelay={0.1}
-                                                                                          onPopupAlign={[Function]}
-                                                                                          onPopupVisibleChange={[Function]}
-                                                                                          popup={
-                                                                                            <div>
-                                                                                              <ForwardRef(OptionList)
-                                                                                                childrenAsData={true}
-                                                                                                defaultActiveFirstOption={true}
-                                                                                                flattenOptions={Array []}
-                                                                                                height={128}
-                                                                                                itemHeight={24}
-                                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                                multiple={true}
-                                                                                                notFoundContent={null}
-                                                                                                onActiveValue={[Function]}
-                                                                                                onMouseEnter={[Function]}
-                                                                                                onScroll={[Function]}
-                                                                                                onSelect={[Function]}
-                                                                                                onToggleOpen={[Function]}
-                                                                                                options={Array []}
-                                                                                                prefixCls="ant-select"
-                                                                                                searchValue=""
-                                                                                                values={Set {}}
-                                                                                                virtual={true}
-                                                                                              />
-                                                                                            </div>
-                                                                                          }
-                                                                                          popupAlign={Object {}}
-                                                                                          popupClassName="ant-select-dropdown-empty"
-                                                                                          popupPlacement="bottomLeft"
-                                                                                          popupStyle={
-                                                                                            Object {
-                                                                                              "minWidth": null,
-                                                                                              "width": null,
-                                                                                            }
-                                                                                          }
-                                                                                          popupTransitionName="ant-slide-up"
-                                                                                          popupVisible={false}
-                                                                                          prefixCls="ant-select-dropdown"
-                                                                                          showAction={Array []}
-                                                                                        >
-                                                                                          <Selector
-                                                                                            accessibilityIndex={0}
-                                                                                            activeValue={null}
-                                                                                            allowClear={true}
-                                                                                            autoClearSearchValue={true}
-                                                                                            className=""
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            defaultValue={Array []}
-                                                                                            domRef={
-                                                                                              Object {
-                                                                                                "current": <div
-                                                                                                  class="ant-select-selector"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style="opacity: 1;"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-search"
-                                                                                                        style="width: 0px;"
-                                                                                                      >
-                                                                                                        <input
-                                                                                                          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                          aria-autocomplete="list"
-                                                                                                          aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                          aria-haspopup="listbox"
-                                                                                                          aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                          autocomplete="off"
-                                                                                                          class="ant-select-selection-search-input"
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          readonly=""
-                                                                                                          role="combobox"
-                                                                                                          style="opacity: 0;"
-                                                                                                          type="search"
-                                                                                                          unselectable="on"
-                                                                                                          value=""
-                                                                                                        />
-                                                                                                        <span
-                                                                                                          aria-hidden="true"
-                                                                                                          class="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                          
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                  <span
-                                                                                                    class="ant-select-selection-placeholder"
-                                                                                                  >
-                                                                                                    Select claims
-                                                                                                  </span>
-                                                                                                </div>,
-                                                                                              }
-                                                                                            }
-                                                                                            dropdownClassName=""
-                                                                                            filterOption={[Function]}
-                                                                                            getPopupContainer={[Function]}
-                                                                                            inputElement={null}
-                                                                                            inputIcon={
-                                                                                              <ForwardRef(LoadingOutlined)
-                                                                                                spin={true}
-                                                                                              />
-                                                                                            }
-                                                                                            key="trigger"
-                                                                                            listHeight={128}
-                                                                                            listItemHeight={24}
-                                                                                            loading={true}
-                                                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                            mode="multiple"
-                                                                                            multiple={true}
-                                                                                            notFoundContent={null}
-                                                                                            onChange={[Function]}
-                                                                                            onPopupScroll={[Function]}
-                                                                                            onSearch={[Function]}
-                                                                                            onSearchSubmit={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            onToggleOpen={[Function]}
-                                                                                            placeholder="Select claims"
-                                                                                            prefixCls="ant-select"
-                                                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                            searchValue=""
-                                                                                            showSearch={true}
-                                                                                            tokenWithEnter={false}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={Array []}
-                                                                                            values={Array []}
-                                                                                          >
-                                                                                            <div
-                                                                                              className="ant-select-selector"
-                                                                                              onClick={[Function]}
-                                                                                              onMouseDown={[Function]}
-                                                                                            >
-                                                                                              <SelectSelector
-                                                                                                accessibilityIndex={0}
-                                                                                                activeValue={null}
-                                                                                                allowClear={true}
-                                                                                                autoClearSearchValue={true}
-                                                                                                className=""
-                                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                                defaultValue={Array []}
-                                                                                                domRef={
-                                                                                                  Object {
-                                                                                                    "current": <div
-                                                                                                      class="ant-select-selector"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                          style="opacity: 1;"
-                                                                                                        >
-                                                                                                          <div
-                                                                                                            class="ant-select-selection-search"
-                                                                                                            style="width: 0px;"
-                                                                                                          >
-                                                                                                            <input
-                                                                                                              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                              aria-autocomplete="list"
-                                                                                                              aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                              aria-haspopup="listbox"
-                                                                                                              aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                              autocomplete="off"
-                                                                                                              class="ant-select-selection-search-input"
-                                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                                              readonly=""
-                                                                                                              role="combobox"
-                                                                                                              style="opacity: 0;"
-                                                                                                              type="search"
-                                                                                                              unselectable="on"
-                                                                                                              value=""
-                                                                                                            />
-                                                                                                            <span
-                                                                                                              aria-hidden="true"
-                                                                                                              class="ant-select-selection-search-mirror"
-                                                                                                            >
-                                                                                                              
-                                                                                                               
-                                                                                                            </span>
-                                                                                                          </div>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-placeholder"
-                                                                                                      >
-                                                                                                        Select claims
-                                                                                                      </span>
-                                                                                                    </div>,
-                                                                                                  }
-                                                                                                }
-                                                                                                dropdownClassName=""
-                                                                                                filterOption={[Function]}
-                                                                                                getPopupContainer={[Function]}
-                                                                                                inputElement={null}
-                                                                                                inputIcon={
-                                                                                                  <ForwardRef(LoadingOutlined)
-                                                                                                    spin={true}
-                                                                                                  />
-                                                                                                }
-                                                                                                inputRef={
-                                                                                                  Object {
-                                                                                                    "current": <input
-                                                                                                      aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                      aria-autocomplete="list"
-                                                                                                      aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                      aria-haspopup="listbox"
-                                                                                                      aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                      autocomplete="off"
-                                                                                                      class="ant-select-selection-search-input"
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      readonly=""
-                                                                                                      role="combobox"
-                                                                                                      style="opacity: 0;"
-                                                                                                      type="search"
-                                                                                                      unselectable="on"
-                                                                                                      value=""
-                                                                                                    />,
-                                                                                                  }
-                                                                                                }
-                                                                                                listHeight={128}
-                                                                                                listItemHeight={24}
-                                                                                                loading={true}
-                                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                                mode="multiple"
-                                                                                                multiple={true}
-                                                                                                notFoundContent={null}
-                                                                                                onChange={[Function]}
-                                                                                                onInputChange={[Function]}
-                                                                                                onInputCompositionEnd={[Function]}
-                                                                                                onInputCompositionStart={[Function]}
-                                                                                                onInputKeyDown={[Function]}
-                                                                                                onInputMouseDown={[Function]}
-                                                                                                onInputPaste={[Function]}
-                                                                                                onPopupScroll={[Function]}
-                                                                                                onSearch={[Function]}
-                                                                                                onSearchSubmit={[Function]}
-                                                                                                onSelect={[Function]}
-                                                                                                onToggleOpen={[Function]}
-                                                                                                placeholder="Select claims"
-                                                                                                prefixCls="ant-select"
-                                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                searchValue=""
-                                                                                                showSearch={true}
-                                                                                                tokenWithEnter={false}
-                                                                                                transitionName="ant-slide-up"
-                                                                                                value={Array []}
-                                                                                                values={Array []}
-                                                                                              >
-                                                                                                <Overflow
-                                                                                                  data={Array []}
-                                                                                                  itemKey="key"
-                                                                                                  prefixCls="ant-select-selection-overflow"
-                                                                                                  renderItem={[Function]}
-                                                                                                  renderRest={[Function]}
-                                                                                                  suffix={
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-search"
-                                                                                                      onBlur={[Function]}
-                                                                                                      onFocus={[Function]}
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "width": 0,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <ForwardRef(Input)
-                                                                                                        accessibilityIndex={0}
-                                                                                                        attrs={Object {}}
-                                                                                                        editable={false}
-                                                                                                        inputElement={null}
-                                                                                                        onChange={[Function]}
-                                                                                                        onCompositionEnd={[Function]}
-                                                                                                        onCompositionStart={[Function]}
-                                                                                                        onKeyDown={[Function]}
-                                                                                                        onMouseDown={[Function]}
-                                                                                                        onPaste={[Function]}
-                                                                                                        prefixCls="ant-select"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden={true}
-                                                                                                        className="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  }
-                                                                                                >
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-overflow"
-                                                                                                  >
-                                                                                                    <Item
-                                                                                                      className="ant-select-selection-overflow-item-suffix"
-                                                                                                      display={true}
-                                                                                                      invalidate={false}
-                                                                                                      order={0}
-                                                                                                      prefixCls="ant-select-selection-overflow-item"
-                                                                                                      registerSize={[Function]}
-                                                                                                      responsive={0}
-                                                                                                      style={Object {}}
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "height": undefined,
-                                                                                                            "opacity": 1,
-                                                                                                            "order": undefined,
-                                                                                                            "overflowY": undefined,
-                                                                                                            "pointerEvents": undefined,
-                                                                                                            "position": undefined,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          className="ant-select-selection-search"
-                                                                                                          onBlur={[Function]}
-                                                                                                          onFocus={[Function]}
-                                                                                                          style={
-                                                                                                            Object {
-                                                                                                              "width": 0,
-                                                                                                            }
-                                                                                                          }
-                                                                                                        >
-                                                                                                          <Input
-                                                                                                            accessibilityIndex={0}
-                                                                                                            attrs={Object {}}
-                                                                                                            editable={false}
-                                                                                                            inputElement={null}
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            prefixCls="ant-select"
-                                                                                                            value=""
-                                                                                                          >
-                                                                                                            <input
-                                                                                                              aria-activedescendant="undefined_list_0"
-                                                                                                              aria-autocomplete="list"
-                                                                                                              aria-controls="undefined_list"
-                                                                                                              aria-haspopup="listbox"
-                                                                                                              aria-owns="undefined_list"
-                                                                                                              autoComplete="off"
-                                                                                                              className="ant-select-selection-search-input"
-                                                                                                              onChange={[Function]}
-                                                                                                              onCompositionEnd={[Function]}
-                                                                                                              onCompositionStart={[Function]}
-                                                                                                              onKeyDown={[Function]}
-                                                                                                              onMouseDown={[Function]}
-                                                                                                              onPaste={[Function]}
-                                                                                                              readOnly={true}
-                                                                                                              role="combobox"
-                                                                                                              style={
-                                                                                                                Object {
-                                                                                                                  "opacity": 0,
-                                                                                                                }
-                                                                                                              }
-                                                                                                              type="search"
-                                                                                                              unselectable="on"
-                                                                                                              value=""
-                                                                                                            />
-                                                                                                          </Input>
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </Item>
-                                                                                                  </div>
-                                                                                                </Overflow>
-                                                                                                <span
-                                                                                                  className="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select claims
-                                                                                                </span>
-                                                                                              </SelectSelector>
-                                                                                            </div>
-                                                                                          </Selector>
-                                                                                        </Trigger>
-                                                                                      </SelectTrigger>
-                                                                                      <TransBtn
-                                                                                        className="ant-select-arrow ant-select-arrow-loading"
-                                                                                        customizeIcon={
-                                                                                          <ForwardRef(LoadingOutlined)
-                                                                                            spin={true}
-                                                                                          />
-                                                                                        }
-                                                                                        customizeIconProps={
-                                                                                          Object {
-                                                                                            "focused": false,
-                                                                                            "loading": true,
-                                                                                            "open": undefined,
-                                                                                            "searchValue": "",
-                                                                                            "showSearch": true,
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <span
-                                                                                          aria-hidden={true}
-                                                                                          className="ant-select-arrow ant-select-arrow-loading"
-                                                                                          onMouseDown={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "WebkitUserSelect": "none",
-                                                                                              "userSelect": "none",
-                                                                                            }
-                                                                                          }
-                                                                                          unselectable="on"
-                                                                                        >
-                                                                                          <ForwardRef(LoadingOutlined)
-                                                                                            spin={true}
-                                                                                          >
-                                                                                            <AntdIcon
-                                                                                              icon={
-                                                                                                Object {
-                                                                                                  "icon": Object {
-                                                                                                    "attrs": Object {
-                                                                                                      "focusable": "false",
-                                                                                                      "viewBox": "0 0 1024 1024",
-                                                                                                    },
-                                                                                                    "children": Array [
-                                                                                                      Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                                        },
-                                                                                                        "tag": "path",
-                                                                                                      },
-                                                                                                    ],
-                                                                                                    "tag": "svg",
-                                                                                                  },
-                                                                                                  "name": "loading",
-                                                                                                  "theme": "outlined",
-                                                                                                }
-                                                                                              }
-                                                                                              spin={true}
-                                                                                            >
-                                                                                              <span
-                                                                                                aria-label="loading"
-                                                                                                className="anticon anticon-loading anticon-spin"
-                                                                                                role="img"
-                                                                                              >
-                                                                                                <IconReact
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "0 0 1024 1024",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "loading",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <svg
-                                                                                                    aria-hidden="true"
-                                                                                                    data-icon="loading"
-                                                                                                    fill="currentColor"
-                                                                                                    focusable="false"
-                                                                                                    height="1em"
-                                                                                                    key="svg-loading"
-                                                                                                    viewBox="0 0 1024 1024"
-                                                                                                    width="1em"
-                                                                                                  >
-                                                                                                    <path
-                                                                                                      d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                                                                                                      key="svg-loading-svg-0"
-                                                                                                    />
-                                                                                                  </svg>
-                                                                                                </IconReact>
-                                                                                              </span>
-                                                                                            </AntdIcon>
-                                                                                          </ForwardRef(LoadingOutlined)>
-                                                                                        </span>
-                                                                                      </TransBtn>
-                                                                                    </div>
-                                                                                  </ForwardRef(Select)>
-                                                                                </Select>
-                                                                              </ForwardRef(InternalSelect)>
-                                                                            </Selector>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem>
-                                                        <Row
-                                                          className="ant-form-item"
-                                                          key="row"
-                                                        >
-                                                          <div
-                                                            className="ant-row ant-form-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <FormItemLabel
-                                                              prefixCls="ant-form"
-                                                              requiredMark={true}
-                                                            />
-                                                            <FormItemInput
-                                                              errors={Array []}
-                                                              onDomErrorVisibleChange={[Function]}
-                                                              prefixCls="ant-form"
-                                                              status=""
-                                                              validateStatus=""
-                                                            >
-                                                              <Col
-                                                                className="ant-form-item-control"
-                                                              >
-                                                                <div
-                                                                  className="ant-col ant-form-item-control"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input-content"
-                                                                    >
-                                                                      <Button
-                                                                        onClick={[Function]}
-                                                                        type="primary"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-primary"
-                                                                            onClick={[Function]}
-                                                                            type="button"
-                                                                          >
-                                                                            <LoadingIcon
-                                                                              existIcon={false}
-                                                                              loading={false}
-                                                                              prefixCls="ant-btn"
-                                                                            >
-                                                                              <CSSMotion
-                                                                                motionName="ant-btn-loading-icon-motion"
-                                                                                onAppearActive={[Function]}
-                                                                                onAppearStart={[Function]}
-                                                                                onEnterActive={[Function]}
-                                                                                onEnterStart={[Function]}
-                                                                                onLeaveActive={[Function]}
-                                                                                onLeaveStart={[Function]}
-                                                                                removeOnLeave={true}
-                                                                                visible={false}
-                                                                              >
-                                                                                <DomWrapper />
-                                                                              </CSSMotion>
-                                                                            </LoadingIcon>
-                                                                            <span
-                                                                              key=".0"
-                                                                            >
-                                                                              Add Claim
-                                                                            </span>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </div>
-                                                                  </div>
-                                                                  <ErrorList
-                                                                    errors={Array []}
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionAppear={true}
-                                                                      motionDeadline={500}
-                                                                      motionName="ant-show-help"
-                                                                      onLeaveEnd={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </ErrorList>
-                                                                </div>
-                                                              </Col>
-                                                            </FormItemInput>
-                                                          </div>
-                                                        </Row>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Excerpt"
-                                                        name="excerpt"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name="excerpt"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_excerpt"
-                                                            label="Excerpt"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Excerpt",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "excerpt",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "max": 5000,
-                                                                  "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="excerpt"
-                                                                  label="Excerpt"
-                                                                  name="excerpt"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "max": 5000,
-                                                                        "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="excerpt"
-                                                                        title="Excerpt"
-                                                                      >
-                                                                        Excerpt
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Excerpt"
-                                                                  name={
-                                                                    Array [
-                                                                      "excerpt",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "max": 5000,
-                                                                        "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <ForwardRef
-                                                                              id="excerpt"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Excerpt"
-                                                                              rows={4}
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <TextArea
-                                                                                    className=""
-                                                                                    id="excerpt"
-                                                                                    onChange={[Function]}
-                                                                                    onCompositionEnd={[Function]}
-                                                                                    onCompositionStart={[Function]}
-                                                                                    placeholder="Excerpt"
-                                                                                    prefixCls="ant-input"
-                                                                                    rows={4}
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "fontSize": "medium",
-                                                                                      }
-                                                                                    }
-                                                                                  />
-                                                                                }
-                                                                                handleReset={[Function]}
-                                                                                id="excerpt"
-                                                                                inputType="text"
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                value=""
-                                                                              >
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizableTextArea
-                                                                                    className=""
-                                                                                    id="excerpt"
-                                                                                    onChange={[Function]}
-                                                                                    onCompositionEnd={[Function]}
-                                                                                    onCompositionStart={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    placeholder="Excerpt"
-                                                                                    prefixCls="ant-input"
-                                                                                    rows={4}
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "fontSize": "medium",
-                                                                                      }
-                                                                                    }
-                                                                                    value=""
-                                                                                  >
-                                                                                    <ResizeObserver
-                                                                                      disabled={true}
-                                                                                      onResize={[Function]}
-                                                                                    >
-                                                                                      <textarea
-                                                                                        className="ant-input"
-                                                                                        id="excerpt"
-                                                                                        onChange={[Function]}
-                                                                                        onCompositionEnd={[Function]}
-                                                                                        onCompositionStart={[Function]}
-                                                                                        onKeyDown={[Function]}
-                                                                                        placeholder="Excerpt"
-                                                                                        rows={4}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "fontSize": "medium",
-                                                                                          }
-                                                                                        }
-                                                                                        value=""
-                                                                                      />
-                                                                                    </ResizeObserver>
-                                                                                  </ResizableTextArea>
-                                                                                </TextArea>
-                                                                              </ClearableLabeledInput>
-                                                                            </ForwardRef>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Subtitle"
-                                                        name="subtitle"
-                                                      >
-                                                        <WrapperField
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name="subtitle"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_subtitle"
-                                                            label="Subtitle"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Subtitle",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "subtitle",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="subtitle"
-                                                                  label="Subtitle"
-                                                                  name="subtitle"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="subtitle"
-                                                                        title="Subtitle"
-                                                                      >
-                                                                        Subtitle
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Subtitle"
-                                                                  name={
-                                                                    Array [
-                                                                      "subtitle",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Input
-                                                                              id="subtitle"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              type="text"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="subtitle"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    placeholder="Subtitle"
-                                                                                    style={
-                                                                                      Object {
-                                                                                        "fontSize": "medium",
-                                                                                      }
-                                                                                    }
-                                                                                    type="text"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="subtitle"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                prefixCls="ant-input"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                  value=""
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <SlugInput>
-                                                        <FormItem
-                                                          label="Slug"
-                                                          name="slug"
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                        >
-                                                          <WrapperField
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name="slug"
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                          >
-                                                            <Field
-                                                              fieldContext={
-                                                                Object {
-                                                                  "__INTERNAL__": Object {
-                                                                    "itemRef": [Function],
-                                                                    "name": undefined,
-                                                                  },
-                                                                  "getFieldError": [Function],
-                                                                  "getFieldInstance": [Function],
-                                                                  "getFieldValue": [Function],
-                                                                  "getFieldsError": [Function],
-                                                                  "getFieldsValue": [Function],
-                                                                  "getInternalHooks": [Function],
-                                                                  "isFieldTouched": [Function],
-                                                                  "isFieldValidating": [Function],
-                                                                  "isFieldsTouched": [Function],
-                                                                  "isFieldsValidating": [Function],
-                                                                  "resetFields": [Function],
-                                                                  "scrollToField": [Function],
-                                                                  "setFields": [Function],
-                                                                  "setFieldsValue": [Function],
-                                                                  "submit": [Function],
-                                                                  "validateFields": [Function],
-                                                                  "validateTrigger": "onChange",
-                                                                }
-                                                              }
-                                                              key="_slug"
-                                                              label="Slug"
-                                                              messageVariables={
-                                                                Object {
-                                                                  "label": "Slug",
-                                                                }
-                                                              }
-                                                              name={
-                                                                Array [
-                                                                  "slug",
-                                                                ]
-                                                              }
-                                                              onReset={[Function]}
-                                                              rules={
-                                                                Array [
-                                                                  Object {
-                                                                    "message": "Please input the slug!",
-                                                                    "required": true,
-                                                                  },
-                                                                  Object {
-                                                                    "message": "Please enter valid slug!",
-                                                                    "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                  },
-                                                                ]
-                                                              }
-                                                              trigger="onChange"
-                                                              validateTrigger="onChange"
-                                                              valuePropName="value"
-                                                            >
-                                                              <Row
-                                                                className="ant-form-item"
-                                                                key="row"
-                                                              >
-                                                                <div
-                                                                  className="ant-row ant-form-item"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <FormItemLabel
-                                                                    htmlFor="slug"
-                                                                    label="Slug"
-                                                                    name="slug"
-                                                                    prefixCls="ant-form"
-                                                                    required={true}
-                                                                    requiredMark={true}
-                                                                    rules={
-                                                                      Array [
-                                                                        Object {
-                                                                          "message": "Please input the slug!",
-                                                                          "required": true,
-                                                                        },
-                                                                        Object {
-                                                                          "message": "Please enter valid slug!",
-                                                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <Col
-                                                                      className="ant-form-item-label"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-col ant-form-item-label"
-                                                                        style={Object {}}
-                                                                      >
-                                                                        <label
-                                                                          className="ant-form-item-required"
-                                                                          htmlFor="slug"
-                                                                          title="Slug"
-                                                                        >
-                                                                          Slug
-                                                                        </label>
-                                                                      </div>
-                                                                    </Col>
-                                                                  </FormItemLabel>
-                                                                  <FormItemInput
-                                                                    errors={Array []}
-                                                                    label="Slug"
-                                                                    name={
-                                                                      Array [
-                                                                        "slug",
-                                                                      ]
-                                                                    }
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                    prefixCls="ant-form"
-                                                                    rules={
-                                                                      Array [
-                                                                        Object {
-                                                                          "message": "Please input the slug!",
-                                                                          "required": true,
-                                                                        },
-                                                                        Object {
-                                                                          "message": "Please enter valid slug!",
-                                                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    status=""
-                                                                    touched={false}
-                                                                    validateStatus=""
-                                                                    validating={false}
-                                                                  >
-                                                                    <Col
-                                                                      className="ant-form-item-control"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-col ant-form-item-control"
-                                                                        style={Object {}}
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input"
-                                                                        >
-                                                                          <div
-                                                                            className="ant-form-item-control-input-content"
-                                                                          >
-                                                                            <Component
-                                                                              update={1}
-                                                                              value="factcheck-1"
-                                                                            >
-                                                                              <Input
-                                                                                id="slug"
-                                                                                onChange={[Function]}
-                                                                                type="text"
-                                                                                value="factcheck-1"
-                                                                              >
-                                                                                <ClearableLabeledInput
-                                                                                  bordered={true}
-                                                                                  element={
-                                                                                    <input
-                                                                                      className="ant-input"
-                                                                                      id="slug"
-                                                                                      onBlur={[Function]}
-                                                                                      onChange={[Function]}
-                                                                                      onFocus={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      type="text"
-                                                                                      value="factcheck-1"
-                                                                                    />
-                                                                                  }
-                                                                                  focused={false}
-                                                                                  handleReset={[Function]}
-                                                                                  id="slug"
-                                                                                  inputType="input"
-                                                                                  onChange={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  triggerFocus={[Function]}
-                                                                                  type="text"
-                                                                                  value="factcheck-1"
-                                                                                >
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                    value="factcheck-1"
-                                                                                  />
-                                                                                </ClearableLabeledInput>
-                                                                              </Input>
-                                                                            </Component>
-                                                                          </div>
-                                                                        </div>
-                                                                        <ErrorList
-                                                                          errors={Array []}
-                                                                          onDomErrorVisibleChange={[Function]}
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionAppear={true}
-                                                                            motionDeadline={500}
-                                                                            motionName="ant-show-help"
-                                                                            onLeaveEnd={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </ErrorList>
-                                                                      </div>
-                                                                    </Col>
-                                                                  </FormItemInput>
-                                                                </div>
-                                                              </Row>
-                                                            </Field>
-                                                          </WrapperField>
-                                                        </FormItem>
-                                                      </SlugInput>
-                                                      <FormItem
-                                                        label="Published Date"
-                                                        name="published_date"
-                                                      >
-                                                        <WrapperField
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name="published_date"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_published_date"
-                                                            label="Published Date"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Published Date",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "published_date",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="published_date"
-                                                                  label="Published Date"
-                                                                  name="published_date"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="published_date"
-                                                                        title="Published Date"
-                                                                      >
-                                                                        Published Date
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Published Date"
-                                                                  name={
-                                                                    Array [
-                                                                      "published_date",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                            value={null}
-                                                                          >
-                                                                            <Picker
-                                                                              id="published_date"
-                                                                              onChange={[Function]}
-                                                                              value={null}
-                                                                            >
-                                                                              <LocaleReceiver
-                                                                                componentName="DatePicker"
-                                                                                defaultLocale={
-                                                                                  Object {
-                                                                                    "lang": Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    },
-                                                                                    "timePickerLocale": Object {
-                                                                                      "placeholder": "Select time",
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start time",
-                                                                                        "End time",
-                                                                                      ],
-                                                                                    },
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <Picker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={null}
-                                                                                >
-                                                                                  <InnerPicker
-                                                                                    allowClear={true}
-                                                                                    className=""
-                                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                    components={
-                                                                                      Object {
-                                                                                        "button": [Function],
-                                                                                        "rangeItem": [Function],
-                                                                                      }
-                                                                                    }
-                                                                                    generateConfig={
-                                                                                      Object {
-                                                                                        "addDate": [Function],
-                                                                                        "addMonth": [Function],
-                                                                                        "addYear": [Function],
-                                                                                        "getDate": [Function],
-                                                                                        "getEndDate": [Function],
-                                                                                        "getFixedDate": [Function],
-                                                                                        "getHour": [Function],
-                                                                                        "getMinute": [Function],
-                                                                                        "getMonth": [Function],
-                                                                                        "getNow": [Function],
-                                                                                        "getSecond": [Function],
-                                                                                        "getWeekDay": [Function],
-                                                                                        "getYear": [Function],
-                                                                                        "isAfter": [Function],
-                                                                                        "isValidate": [Function],
-                                                                                        "locale": Object {
-                                                                                          "format": [Function],
-                                                                                          "getShortMonths": [Function],
-                                                                                          "getShortWeekDays": [Function],
-                                                                                          "getWeek": [Function],
-                                                                                          "getWeekFirstDate": [Function],
-                                                                                          "getWeekFirstDay": [Function],
-                                                                                          "parse": [Function],
-                                                                                        },
-                                                                                        "setDate": [Function],
-                                                                                        "setHour": [Function],
-                                                                                        "setMinute": [Function],
-                                                                                        "setMonth": [Function],
-                                                                                        "setSecond": [Function],
-                                                                                        "setYear": [Function],
-                                                                                      }
-                                                                                    }
-                                                                                    id="published_date"
-                                                                                    locale={
-                                                                                      Object {
-                                                                                        "backToToday": "Back to today",
-                                                                                        "clear": "Clear",
-                                                                                        "dateFormat": "M/D/YYYY",
-                                                                                        "dateSelect": "select date",
-                                                                                        "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                        "dayFormat": "D",
-                                                                                        "decadeSelect": "Choose a decade",
-                                                                                        "locale": "en_US",
-                                                                                        "month": "Month",
-                                                                                        "monthBeforeYear": true,
-                                                                                        "monthPlaceholder": "Select month",
-                                                                                        "monthSelect": "Choose a month",
-                                                                                        "nextCentury": "Next century",
-                                                                                        "nextDecade": "Next decade",
-                                                                                        "nextMonth": "Next month (PageDown)",
-                                                                                        "nextYear": "Next year (Control + right)",
-                                                                                        "now": "Now",
-                                                                                        "ok": "Ok",
-                                                                                        "placeholder": "Select date",
-                                                                                        "previousCentury": "Last century",
-                                                                                        "previousDecade": "Last decade",
-                                                                                        "previousMonth": "Previous month (PageUp)",
-                                                                                        "previousYear": "Last year (Control + left)",
-                                                                                        "quarterPlaceholder": "Select quarter",
-                                                                                        "rangeMonthPlaceholder": Array [
-                                                                                          "Start month",
-                                                                                          "End month",
-                                                                                        ],
-                                                                                        "rangePlaceholder": Array [
-                                                                                          "Start date",
-                                                                                          "End date",
-                                                                                        ],
-                                                                                        "rangeWeekPlaceholder": Array [
-                                                                                          "Start week",
-                                                                                          "End week",
-                                                                                        ],
-                                                                                        "rangeYearPlaceholder": Array [
-                                                                                          "Start year",
-                                                                                          "End year",
-                                                                                        ],
-                                                                                        "timeSelect": "select time",
-                                                                                        "today": "Today",
-                                                                                        "weekPlaceholder": "Select week",
-                                                                                        "weekSelect": "Choose a week",
-                                                                                        "year": "Year",
-                                                                                        "yearFormat": "YYYY",
-                                                                                        "yearPlaceholder": "Select year",
-                                                                                        "yearSelect": "Choose a year",
-                                                                                      }
-                                                                                    }
-                                                                                    nextIcon={
-                                                                                      <span
-                                                                                        className="ant-picker-next-icon"
-                                                                                      />
-                                                                                    }
-                                                                                    onChange={[Function]}
-                                                                                    pickerRef={
-                                                                                      Object {
-                                                                                        "current": Object {
-                                                                                          "blur": [Function],
-                                                                                          "focus": [Function],
-                                                                                        },
-                                                                                      }
-                                                                                    }
-                                                                                    placeholder="Select date"
-                                                                                    prefixCls="ant-picker"
-                                                                                    prevIcon={
-                                                                                      <span
-                                                                                        className="ant-picker-prev-icon"
-                                                                                      />
-                                                                                    }
-                                                                                    showToday={true}
-                                                                                    suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                    superNextIcon={
-                                                                                      <span
-                                                                                        className="ant-picker-super-next-icon"
-                                                                                      />
-                                                                                    }
-                                                                                    superPrevIcon={
-                                                                                      <span
-                                                                                        className="ant-picker-super-prev-icon"
-                                                                                      />
-                                                                                    }
-                                                                                    transitionName="ant-slide-up"
-                                                                                    value={null}
-                                                                                  >
-                                                                                    <PickerTrigger
-                                                                                      popupElement={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      prefixCls="ant-picker"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 1,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 1,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div
-                                                                                            className="ant-picker-panel-container"
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <PickerPanel
-                                                                                              allowClear={true}
-                                                                                              className="ant-picker-panel-focused"
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              components={
-                                                                                                Object {
-                                                                                                  "button": [Function],
-                                                                                                  "rangeItem": [Function],
-                                                                                                }
-                                                                                              }
-                                                                                              generateConfig={
-                                                                                                Object {
-                                                                                                  "addDate": [Function],
-                                                                                                  "addMonth": [Function],
-                                                                                                  "addYear": [Function],
-                                                                                                  "getDate": [Function],
-                                                                                                  "getEndDate": [Function],
-                                                                                                  "getFixedDate": [Function],
-                                                                                                  "getHour": [Function],
-                                                                                                  "getMinute": [Function],
-                                                                                                  "getMonth": [Function],
-                                                                                                  "getNow": [Function],
-                                                                                                  "getSecond": [Function],
-                                                                                                  "getWeekDay": [Function],
-                                                                                                  "getYear": [Function],
-                                                                                                  "isAfter": [Function],
-                                                                                                  "isValidate": [Function],
-                                                                                                  "locale": Object {
-                                                                                                    "format": [Function],
-                                                                                                    "getShortMonths": [Function],
-                                                                                                    "getShortWeekDays": [Function],
-                                                                                                    "getWeek": [Function],
-                                                                                                    "getWeekFirstDate": [Function],
-                                                                                                    "getWeekFirstDay": [Function],
-                                                                                                    "parse": [Function],
-                                                                                                  },
-                                                                                                  "setDate": [Function],
-                                                                                                  "setHour": [Function],
-                                                                                                  "setMinute": [Function],
-                                                                                                  "setMonth": [Function],
-                                                                                                  "setSecond": [Function],
-                                                                                                  "setYear": [Function],
-                                                                                                }
-                                                                                              }
-                                                                                              id="published_date"
-                                                                                              locale={
-                                                                                                Object {
-                                                                                                  "backToToday": "Back to today",
-                                                                                                  "clear": "Clear",
-                                                                                                  "dateFormat": "M/D/YYYY",
-                                                                                                  "dateSelect": "select date",
-                                                                                                  "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                  "dayFormat": "D",
-                                                                                                  "decadeSelect": "Choose a decade",
-                                                                                                  "locale": "en_US",
-                                                                                                  "month": "Month",
-                                                                                                  "monthBeforeYear": true,
-                                                                                                  "monthPlaceholder": "Select month",
-                                                                                                  "monthSelect": "Choose a month",
-                                                                                                  "nextCentury": "Next century",
-                                                                                                  "nextDecade": "Next decade",
-                                                                                                  "nextMonth": "Next month (PageDown)",
-                                                                                                  "nextYear": "Next year (Control + right)",
-                                                                                                  "now": "Now",
-                                                                                                  "ok": "Ok",
-                                                                                                  "placeholder": "Select date",
-                                                                                                  "previousCentury": "Last century",
-                                                                                                  "previousDecade": "Last decade",
-                                                                                                  "previousMonth": "Previous month (PageUp)",
-                                                                                                  "previousYear": "Last year (Control + left)",
-                                                                                                  "quarterPlaceholder": "Select quarter",
-                                                                                                  "rangeMonthPlaceholder": Array [
-                                                                                                    "Start month",
-                                                                                                    "End month",
-                                                                                                  ],
-                                                                                                  "rangePlaceholder": Array [
-                                                                                                    "Start date",
-                                                                                                    "End date",
-                                                                                                  ],
-                                                                                                  "rangeWeekPlaceholder": Array [
-                                                                                                    "Start week",
-                                                                                                    "End week",
-                                                                                                  ],
-                                                                                                  "rangeYearPlaceholder": Array [
-                                                                                                    "Start year",
-                                                                                                    "End year",
-                                                                                                  ],
-                                                                                                  "timeSelect": "select time",
-                                                                                                  "today": "Today",
-                                                                                                  "weekPlaceholder": "Select week",
-                                                                                                  "weekSelect": "Choose a week",
-                                                                                                  "year": "Year",
-                                                                                                  "yearFormat": "YYYY",
-                                                                                                  "yearPlaceholder": "Select year",
-                                                                                                  "yearSelect": "Choose a year",
-                                                                                                }
-                                                                                              }
-                                                                                              nextIcon={
-                                                                                                <span
-                                                                                                  className="ant-picker-next-icon"
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={null}
-                                                                                              onPanelChange={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              pickerRef={
-                                                                                                Object {
-                                                                                                  "current": Object {
-                                                                                                    "blur": [Function],
-                                                                                                    "focus": [Function],
-                                                                                                  },
-                                                                                                }
-                                                                                              }
-                                                                                              placeholder="Select date"
-                                                                                              prefixCls="ant-picker"
-                                                                                              prevIcon={
-                                                                                                <span
-                                                                                                  className="ant-picker-prev-icon"
-                                                                                                />
-                                                                                              }
-                                                                                              showToday={true}
-                                                                                              suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                              superNextIcon={
-                                                                                                <span
-                                                                                                  className="ant-picker-super-next-icon"
-                                                                                                />
-                                                                                              }
-                                                                                              superPrevIcon={
-                                                                                                <span
-                                                                                                  className="ant-picker-super-prev-icon"
-                                                                                                />
-                                                                                              }
-                                                                                              tabIndex={-1}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={null}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName=""
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={Object {}}
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-picker-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker"
-                                                                                          key="trigger"
-                                                                                          onMouseUp={[Function]}
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-picker-input"
-                                                                                          >
-                                                                                            <input
-                                                                                              autoComplete="off"
-                                                                                              id="published_date"
-                                                                                              onBlur={[Function]}
-                                                                                              onChange={[Function]}
-                                                                                              onFocus={[Function]}
-                                                                                              onKeyDown={[Function]}
-                                                                                              onMouseDown={[Function]}
-                                                                                              placeholder="Select date"
-                                                                                              readOnly={true}
-                                                                                              size={12}
-                                                                                              title=""
-                                                                                              value=""
-                                                                                            />
-                                                                                            <span
-                                                                                              className="ant-picker-suffix"
-                                                                                            >
-                                                                                              <ForwardRef(CalendarOutlined)>
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "calendar",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="calendar"
-                                                                                                    className="anticon anticon-calendar"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "calendar",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="calendar"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-calendar"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                          key="svg-calendar-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(CalendarOutlined)>
-                                                                                            </span>
-                                                                                          </div>
-                                                                                        </div>
-                                                                                      </Trigger>
-                                                                                    </PickerTrigger>
-                                                                                  </InnerPicker>
-                                                                                </Picker>
-                                                                              </LocaleReceiver>
-                                                                            </Picker>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Categories"
-                                                        name="categories"
-                                                      >
-                                                        <WrapperField
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name="categories"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_categories"
-                                                            label="Categories"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Categories",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "categories",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="categories"
-                                                                  label="Categories"
-                                                                  name="categories"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="categories"
-                                                                        title="Categories"
-                                                                      >
-                                                                        Categories
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Categories"
-                                                                  name={
-                                                                    Array [
-                                                                      "categories",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Selector
-                                                                              action="Categories"
-                                                                              createEntity="Category"
-                                                                              id="categories"
-                                                                              mode="multiple"
-                                                                              onChange={[Function]}
-                                                                            >
-                                                                              <ForwardRef(InternalSelect)
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                bordered={true}
-                                                                                defaultValue={Array []}
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                listHeight={128}
-                                                                                loading={true}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                searchValue=""
-                                                                                value={Array []}
-                                                                              >
-                                                                                <Select
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={
-                                                                                    <ForwardRef(LoadingOutlined)
-                                                                                      spin={true}
-                                                                                    />
-                                                                                  }
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={true}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <ForwardRef(Select)
-                                                                                    allowClear={true}
-                                                                                    autoClearSearchValue={true}
-                                                                                    className=""
-                                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                    defaultValue={Array []}
-                                                                                    dropdownClassName=""
-                                                                                    filterOption={[Function]}
-                                                                                    getPopupContainer={[Function]}
-                                                                                    inputIcon={
-                                                                                      <ForwardRef(LoadingOutlined)
-                                                                                        spin={true}
-                                                                                      />
-                                                                                    }
-                                                                                    listHeight={128}
-                                                                                    listItemHeight={24}
-                                                                                    loading={true}
-                                                                                    menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                    mode="multiple"
-                                                                                    notFoundContent={
-                                                                                      <Empty
-                                                                                        description="No categories available. Type something to create new Category"
-                                                                                        image={<Simple />}
-                                                                                      />
-                                                                                    }
-                                                                                    onChange={[Function]}
-                                                                                    onPopupScroll={[Function]}
-                                                                                    onSearch={[Function]}
-                                                                                    placeholder="Select categories"
-                                                                                    prefixCls="ant-select"
-                                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                    searchValue=""
-                                                                                    transitionName="ant-slide-up"
-                                                                                    value={Array []}
-                                                                                  >
-                                                                                    <div
-                                                                                      className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
-                                                                                      onBlur={[Function]}
-                                                                                      onFocus={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onKeyUp={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <SelectTrigger
-                                                                                        containerWidth={null}
-                                                                                        dropdownClassName=""
-                                                                                        empty={true}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        popupElement={
-                                                                                          <ForwardRef(OptionList)
-                                                                                            childrenAsData={true}
-                                                                                            defaultActiveFirstOption={true}
-                                                                                            flattenOptions={Array []}
-                                                                                            height={128}
-                                                                                            itemHeight={24}
-                                                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                            multiple={true}
-                                                                                            notFoundContent={
-                                                                                              <Empty
-                                                                                                description="No categories available. Type something to create new Category"
-                                                                                                image={<Simple />}
-                                                                                              />
-                                                                                            }
-                                                                                            onActiveValue={[Function]}
-                                                                                            onMouseEnter={[Function]}
-                                                                                            onScroll={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            onToggleOpen={[Function]}
-                                                                                            options={Array []}
-                                                                                            prefixCls="ant-select"
-                                                                                            searchValue=""
-                                                                                            values={Set {}}
-                                                                                            virtual={true}
-                                                                                          />
-                                                                                        }
-                                                                                        prefixCls="ant-select"
-                                                                                        transitionName="ant-slide-up"
-                                                                                      >
-                                                                                        <Trigger
-                                                                                          action={Array []}
-                                                                                          afterPopupVisibleChange={[Function]}
-                                                                                          autoDestroy={false}
-                                                                                          blurDelay={0.15}
-                                                                                          builtinPlacements={
-                                                                                            Object {
-                                                                                              "bottomLeft": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "tl",
-                                                                                                  "bl",
-                                                                                                ],
-                                                                                              },
-                                                                                              "bottomRight": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "tr",
-                                                                                                  "br",
-                                                                                                ],
-                                                                                              },
-                                                                                              "topLeft": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  -4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "bl",
-                                                                                                  "tl",
-                                                                                                ],
-                                                                                              },
-                                                                                              "topRight": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  -4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "br",
-                                                                                                  "tr",
-                                                                                                ],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          defaultPopupVisible={false}
-                                                                                          destroyPopupOnHide={false}
-                                                                                          focusDelay={0}
-                                                                                          getDocument={[Function]}
-                                                                                          getPopupClassNameFromAlign={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          getTriggerDOMNode={[Function]}
-                                                                                          hideAction={Array []}
-                                                                                          mask={false}
-                                                                                          maskClosable={true}
-                                                                                          mouseEnterDelay={0}
-                                                                                          mouseLeaveDelay={0.1}
-                                                                                          onPopupAlign={[Function]}
-                                                                                          onPopupVisibleChange={[Function]}
-                                                                                          popup={
-                                                                                            <div>
-                                                                                              <ForwardRef(OptionList)
-                                                                                                childrenAsData={true}
-                                                                                                defaultActiveFirstOption={true}
-                                                                                                flattenOptions={Array []}
-                                                                                                height={128}
-                                                                                                itemHeight={24}
-                                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                                multiple={true}
-                                                                                                notFoundContent={
-                                                                                                  <Empty
-                                                                                                    description="No categories available. Type something to create new Category"
-                                                                                                    image={<Simple />}
-                                                                                                  />
-                                                                                                }
-                                                                                                onActiveValue={[Function]}
-                                                                                                onMouseEnter={[Function]}
-                                                                                                onScroll={[Function]}
-                                                                                                onSelect={[Function]}
-                                                                                                onToggleOpen={[Function]}
-                                                                                                options={Array []}
-                                                                                                prefixCls="ant-select"
-                                                                                                searchValue=""
-                                                                                                values={Set {}}
-                                                                                                virtual={true}
-                                                                                              />
-                                                                                            </div>
-                                                                                          }
-                                                                                          popupAlign={Object {}}
-                                                                                          popupClassName="ant-select-dropdown-empty"
-                                                                                          popupPlacement="bottomLeft"
-                                                                                          popupStyle={
-                                                                                            Object {
-                                                                                              "minWidth": null,
-                                                                                              "width": null,
-                                                                                            }
-                                                                                          }
-                                                                                          popupTransitionName="ant-slide-up"
-                                                                                          prefixCls="ant-select-dropdown"
-                                                                                          showAction={Array []}
-                                                                                        >
-                                                                                          <Selector
-                                                                                            accessibilityIndex={0}
-                                                                                            activeValue={null}
-                                                                                            allowClear={true}
-                                                                                            autoClearSearchValue={true}
-                                                                                            className=""
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            defaultValue={Array []}
-                                                                                            domRef={
-                                                                                              Object {
-                                                                                                "current": <div
-                                                                                                  class="ant-select-selector"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style="opacity: 1;"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-search"
-                                                                                                        style="width: 0px;"
-                                                                                                      >
-                                                                                                        <input
-                                                                                                          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                          aria-autocomplete="list"
-                                                                                                          aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                          aria-haspopup="listbox"
-                                                                                                          aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                          autocomplete="off"
-                                                                                                          class="ant-select-selection-search-input"
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          readonly=""
-                                                                                                          role="combobox"
-                                                                                                          style="opacity: 0;"
-                                                                                                          type="search"
-                                                                                                          unselectable="on"
-                                                                                                          value=""
-                                                                                                        />
-                                                                                                        <span
-                                                                                                          aria-hidden="true"
-                                                                                                          class="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                          
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                  <span
-                                                                                                    class="ant-select-selection-placeholder"
-                                                                                                  >
-                                                                                                    Select categories
-                                                                                                  </span>
-                                                                                                </div>,
-                                                                                              }
-                                                                                            }
-                                                                                            dropdownClassName=""
-                                                                                            filterOption={[Function]}
-                                                                                            getPopupContainer={[Function]}
-                                                                                            inputElement={null}
-                                                                                            inputIcon={
-                                                                                              <ForwardRef(LoadingOutlined)
-                                                                                                spin={true}
-                                                                                              />
-                                                                                            }
-                                                                                            key="trigger"
-                                                                                            listHeight={128}
-                                                                                            listItemHeight={24}
-                                                                                            loading={true}
-                                                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                            mode="multiple"
-                                                                                            multiple={true}
-                                                                                            notFoundContent={
-                                                                                              <Empty
-                                                                                                description="No categories available. Type something to create new Category"
-                                                                                                image={<Simple />}
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={[Function]}
-                                                                                            onPopupScroll={[Function]}
-                                                                                            onSearch={[Function]}
-                                                                                            onSearchSubmit={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            onToggleOpen={[Function]}
-                                                                                            placeholder="Select categories"
-                                                                                            prefixCls="ant-select"
-                                                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                            searchValue=""
-                                                                                            showSearch={true}
-                                                                                            tokenWithEnter={false}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={Array []}
-                                                                                            values={Array []}
-                                                                                          >
-                                                                                            <div
-                                                                                              className="ant-select-selector"
-                                                                                              onClick={[Function]}
-                                                                                              onMouseDown={[Function]}
-                                                                                            >
-                                                                                              <SelectSelector
-                                                                                                accessibilityIndex={0}
-                                                                                                activeValue={null}
-                                                                                                allowClear={true}
-                                                                                                autoClearSearchValue={true}
-                                                                                                className=""
-                                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                                defaultValue={Array []}
-                                                                                                domRef={
-                                                                                                  Object {
-                                                                                                    "current": <div
-                                                                                                      class="ant-select-selector"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                          style="opacity: 1;"
-                                                                                                        >
-                                                                                                          <div
-                                                                                                            class="ant-select-selection-search"
-                                                                                                            style="width: 0px;"
-                                                                                                          >
-                                                                                                            <input
-                                                                                                              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                              aria-autocomplete="list"
-                                                                                                              aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                              aria-haspopup="listbox"
-                                                                                                              aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                              autocomplete="off"
-                                                                                                              class="ant-select-selection-search-input"
-                                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                                              readonly=""
-                                                                                                              role="combobox"
-                                                                                                              style="opacity: 0;"
-                                                                                                              type="search"
-                                                                                                              unselectable="on"
-                                                                                                              value=""
-                                                                                                            />
-                                                                                                            <span
-                                                                                                              aria-hidden="true"
-                                                                                                              class="ant-select-selection-search-mirror"
-                                                                                                            >
-                                                                                                              
-                                                                                                               
-                                                                                                            </span>
-                                                                                                          </div>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-placeholder"
-                                                                                                      >
-                                                                                                        Select categories
-                                                                                                      </span>
-                                                                                                    </div>,
-                                                                                                  }
-                                                                                                }
-                                                                                                dropdownClassName=""
-                                                                                                filterOption={[Function]}
-                                                                                                getPopupContainer={[Function]}
-                                                                                                inputElement={null}
-                                                                                                inputIcon={
-                                                                                                  <ForwardRef(LoadingOutlined)
-                                                                                                    spin={true}
-                                                                                                  />
-                                                                                                }
-                                                                                                inputRef={
-                                                                                                  Object {
-                                                                                                    "current": <input
-                                                                                                      aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                      aria-autocomplete="list"
-                                                                                                      aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                      aria-haspopup="listbox"
-                                                                                                      aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                      autocomplete="off"
-                                                                                                      class="ant-select-selection-search-input"
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      readonly=""
-                                                                                                      role="combobox"
-                                                                                                      style="opacity: 0;"
-                                                                                                      type="search"
-                                                                                                      unselectable="on"
-                                                                                                      value=""
-                                                                                                    />,
-                                                                                                  }
-                                                                                                }
-                                                                                                listHeight={128}
-                                                                                                listItemHeight={24}
-                                                                                                loading={true}
-                                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                                mode="multiple"
-                                                                                                multiple={true}
-                                                                                                notFoundContent={
-                                                                                                  <Empty
-                                                                                                    description="No categories available. Type something to create new Category"
-                                                                                                    image={<Simple />}
-                                                                                                  />
-                                                                                                }
-                                                                                                onChange={[Function]}
-                                                                                                onInputChange={[Function]}
-                                                                                                onInputCompositionEnd={[Function]}
-                                                                                                onInputCompositionStart={[Function]}
-                                                                                                onInputKeyDown={[Function]}
-                                                                                                onInputMouseDown={[Function]}
-                                                                                                onInputPaste={[Function]}
-                                                                                                onPopupScroll={[Function]}
-                                                                                                onSearch={[Function]}
-                                                                                                onSearchSubmit={[Function]}
-                                                                                                onSelect={[Function]}
-                                                                                                onToggleOpen={[Function]}
-                                                                                                placeholder="Select categories"
-                                                                                                prefixCls="ant-select"
-                                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                searchValue=""
-                                                                                                showSearch={true}
-                                                                                                tokenWithEnter={false}
-                                                                                                transitionName="ant-slide-up"
-                                                                                                value={Array []}
-                                                                                                values={Array []}
-                                                                                              >
-                                                                                                <Overflow
-                                                                                                  data={Array []}
-                                                                                                  itemKey="key"
-                                                                                                  prefixCls="ant-select-selection-overflow"
-                                                                                                  renderItem={[Function]}
-                                                                                                  renderRest={[Function]}
-                                                                                                  suffix={
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-search"
-                                                                                                      onBlur={[Function]}
-                                                                                                      onFocus={[Function]}
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "width": 0,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <ForwardRef(Input)
-                                                                                                        accessibilityIndex={0}
-                                                                                                        attrs={Object {}}
-                                                                                                        editable={false}
-                                                                                                        inputElement={null}
-                                                                                                        onChange={[Function]}
-                                                                                                        onCompositionEnd={[Function]}
-                                                                                                        onCompositionStart={[Function]}
-                                                                                                        onKeyDown={[Function]}
-                                                                                                        onMouseDown={[Function]}
-                                                                                                        onPaste={[Function]}
-                                                                                                        prefixCls="ant-select"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden={true}
-                                                                                                        className="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  }
-                                                                                                >
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-overflow"
-                                                                                                  >
-                                                                                                    <Item
-                                                                                                      className="ant-select-selection-overflow-item-suffix"
-                                                                                                      display={true}
-                                                                                                      invalidate={false}
-                                                                                                      order={0}
-                                                                                                      prefixCls="ant-select-selection-overflow-item"
-                                                                                                      registerSize={[Function]}
-                                                                                                      responsive={0}
-                                                                                                      style={Object {}}
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "height": undefined,
-                                                                                                            "opacity": 1,
-                                                                                                            "order": undefined,
-                                                                                                            "overflowY": undefined,
-                                                                                                            "pointerEvents": undefined,
-                                                                                                            "position": undefined,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          className="ant-select-selection-search"
-                                                                                                          onBlur={[Function]}
-                                                                                                          onFocus={[Function]}
-                                                                                                          style={
-                                                                                                            Object {
-                                                                                                              "width": 0,
-                                                                                                            }
-                                                                                                          }
-                                                                                                        >
-                                                                                                          <Input
-                                                                                                            accessibilityIndex={0}
-                                                                                                            attrs={Object {}}
-                                                                                                            editable={false}
-                                                                                                            inputElement={null}
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            prefixCls="ant-select"
-                                                                                                            value=""
-                                                                                                          >
-                                                                                                            <input
-                                                                                                              aria-activedescendant="undefined_list_0"
-                                                                                                              aria-autocomplete="list"
-                                                                                                              aria-controls="undefined_list"
-                                                                                                              aria-haspopup="listbox"
-                                                                                                              aria-owns="undefined_list"
-                                                                                                              autoComplete="off"
-                                                                                                              className="ant-select-selection-search-input"
-                                                                                                              onChange={[Function]}
-                                                                                                              onCompositionEnd={[Function]}
-                                                                                                              onCompositionStart={[Function]}
-                                                                                                              onKeyDown={[Function]}
-                                                                                                              onMouseDown={[Function]}
-                                                                                                              onPaste={[Function]}
-                                                                                                              readOnly={true}
-                                                                                                              role="combobox"
-                                                                                                              style={
-                                                                                                                Object {
-                                                                                                                  "opacity": 0,
-                                                                                                                }
-                                                                                                              }
-                                                                                                              type="search"
-                                                                                                              unselectable="on"
-                                                                                                              value=""
-                                                                                                            />
-                                                                                                          </Input>
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </Item>
-                                                                                                  </div>
-                                                                                                </Overflow>
-                                                                                                <span
-                                                                                                  className="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select categories
-                                                                                                </span>
-                                                                                              </SelectSelector>
-                                                                                            </div>
-                                                                                          </Selector>
-                                                                                        </Trigger>
-                                                                                      </SelectTrigger>
-                                                                                      <TransBtn
-                                                                                        className="ant-select-arrow ant-select-arrow-loading"
-                                                                                        customizeIcon={
-                                                                                          <ForwardRef(LoadingOutlined)
-                                                                                            spin={true}
-                                                                                          />
-                                                                                        }
-                                                                                        customizeIconProps={
-                                                                                          Object {
-                                                                                            "focused": false,
-                                                                                            "loading": true,
-                                                                                            "open": undefined,
-                                                                                            "searchValue": "",
-                                                                                            "showSearch": true,
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <span
-                                                                                          aria-hidden={true}
-                                                                                          className="ant-select-arrow ant-select-arrow-loading"
-                                                                                          onMouseDown={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "WebkitUserSelect": "none",
-                                                                                              "userSelect": "none",
-                                                                                            }
-                                                                                          }
-                                                                                          unselectable="on"
-                                                                                        >
-                                                                                          <ForwardRef(LoadingOutlined)
-                                                                                            spin={true}
-                                                                                          >
-                                                                                            <AntdIcon
-                                                                                              icon={
-                                                                                                Object {
-                                                                                                  "icon": Object {
-                                                                                                    "attrs": Object {
-                                                                                                      "focusable": "false",
-                                                                                                      "viewBox": "0 0 1024 1024",
-                                                                                                    },
-                                                                                                    "children": Array [
-                                                                                                      Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                                        },
-                                                                                                        "tag": "path",
-                                                                                                      },
-                                                                                                    ],
-                                                                                                    "tag": "svg",
-                                                                                                  },
-                                                                                                  "name": "loading",
-                                                                                                  "theme": "outlined",
-                                                                                                }
-                                                                                              }
-                                                                                              spin={true}
-                                                                                            >
-                                                                                              <span
-                                                                                                aria-label="loading"
-                                                                                                className="anticon anticon-loading anticon-spin"
-                                                                                                role="img"
-                                                                                              >
-                                                                                                <IconReact
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "0 0 1024 1024",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "loading",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <svg
-                                                                                                    aria-hidden="true"
-                                                                                                    data-icon="loading"
-                                                                                                    fill="currentColor"
-                                                                                                    focusable="false"
-                                                                                                    height="1em"
-                                                                                                    key="svg-loading"
-                                                                                                    viewBox="0 0 1024 1024"
-                                                                                                    width="1em"
-                                                                                                  >
-                                                                                                    <path
-                                                                                                      d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                                                                                                      key="svg-loading-svg-0"
-                                                                                                    />
-                                                                                                  </svg>
-                                                                                                </IconReact>
-                                                                                              </span>
-                                                                                            </AntdIcon>
-                                                                                          </ForwardRef(LoadingOutlined)>
-                                                                                        </span>
-                                                                                      </TransBtn>
-                                                                                    </div>
-                                                                                  </ForwardRef(Select)>
-                                                                                </Select>
-                                                                              </ForwardRef(InternalSelect)>
-                                                                            </Selector>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Tags"
-                                                        name="tags"
-                                                      >
-                                                        <WrapperField
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name="tags"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_tags"
-                                                            label="Tags"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Tags",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "tags",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="tags"
-                                                                  label="Tags"
-                                                                  name="tags"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="tags"
-                                                                        title="Tags"
-                                                                      >
-                                                                        Tags
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Tags"
-                                                                  name={
-                                                                    Array [
-                                                                      "tags",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Selector
-                                                                              action="Tags"
-                                                                              createEntity="Tag"
-                                                                              id="tags"
-                                                                              mode="multiple"
-                                                                              onChange={[Function]}
-                                                                            >
-                                                                              <ForwardRef(InternalSelect)
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                bordered={true}
-                                                                                defaultValue={Array []}
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                listHeight={128}
-                                                                                loading={true}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                searchValue=""
-                                                                                value={Array []}
-                                                                              >
-                                                                                <Select
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={
-                                                                                    <ForwardRef(LoadingOutlined)
-                                                                                      spin={true}
-                                                                                    />
-                                                                                  }
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={true}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <ForwardRef(Select)
-                                                                                    allowClear={true}
-                                                                                    autoClearSearchValue={true}
-                                                                                    className=""
-                                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                    defaultValue={Array []}
-                                                                                    dropdownClassName=""
-                                                                                    filterOption={[Function]}
-                                                                                    getPopupContainer={[Function]}
-                                                                                    inputIcon={
-                                                                                      <ForwardRef(LoadingOutlined)
-                                                                                        spin={true}
-                                                                                      />
-                                                                                    }
-                                                                                    listHeight={128}
-                                                                                    listItemHeight={24}
-                                                                                    loading={true}
-                                                                                    menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                    mode="multiple"
-                                                                                    notFoundContent={
-                                                                                      <Empty
-                                                                                        description="No tags available. Type something to create new Tag"
-                                                                                        image={<Simple />}
-                                                                                      />
-                                                                                    }
-                                                                                    onChange={[Function]}
-                                                                                    onPopupScroll={[Function]}
-                                                                                    onSearch={[Function]}
-                                                                                    placeholder="Select tags"
-                                                                                    prefixCls="ant-select"
-                                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                    searchValue=""
-                                                                                    transitionName="ant-slide-up"
-                                                                                    value={Array []}
-                                                                                  >
-                                                                                    <div
-                                                                                      className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
-                                                                                      onBlur={[Function]}
-                                                                                      onFocus={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onKeyUp={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <SelectTrigger
-                                                                                        containerWidth={null}
-                                                                                        dropdownClassName=""
-                                                                                        empty={true}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        popupElement={
-                                                                                          <ForwardRef(OptionList)
-                                                                                            childrenAsData={true}
-                                                                                            defaultActiveFirstOption={true}
-                                                                                            flattenOptions={Array []}
-                                                                                            height={128}
-                                                                                            itemHeight={24}
-                                                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                            multiple={true}
-                                                                                            notFoundContent={
-                                                                                              <Empty
-                                                                                                description="No tags available. Type something to create new Tag"
-                                                                                                image={<Simple />}
-                                                                                              />
-                                                                                            }
-                                                                                            onActiveValue={[Function]}
-                                                                                            onMouseEnter={[Function]}
-                                                                                            onScroll={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            onToggleOpen={[Function]}
-                                                                                            options={Array []}
-                                                                                            prefixCls="ant-select"
-                                                                                            searchValue=""
-                                                                                            values={Set {}}
-                                                                                            virtual={true}
-                                                                                          />
-                                                                                        }
-                                                                                        prefixCls="ant-select"
-                                                                                        transitionName="ant-slide-up"
-                                                                                      >
-                                                                                        <Trigger
-                                                                                          action={Array []}
-                                                                                          afterPopupVisibleChange={[Function]}
-                                                                                          autoDestroy={false}
-                                                                                          blurDelay={0.15}
-                                                                                          builtinPlacements={
-                                                                                            Object {
-                                                                                              "bottomLeft": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "tl",
-                                                                                                  "bl",
-                                                                                                ],
-                                                                                              },
-                                                                                              "bottomRight": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "tr",
-                                                                                                  "br",
-                                                                                                ],
-                                                                                              },
-                                                                                              "topLeft": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  -4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "bl",
-                                                                                                  "tl",
-                                                                                                ],
-                                                                                              },
-                                                                                              "topRight": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  -4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "br",
-                                                                                                  "tr",
-                                                                                                ],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          defaultPopupVisible={false}
-                                                                                          destroyPopupOnHide={false}
-                                                                                          focusDelay={0}
-                                                                                          getDocument={[Function]}
-                                                                                          getPopupClassNameFromAlign={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          getTriggerDOMNode={[Function]}
-                                                                                          hideAction={Array []}
-                                                                                          mask={false}
-                                                                                          maskClosable={true}
-                                                                                          mouseEnterDelay={0}
-                                                                                          mouseLeaveDelay={0.1}
-                                                                                          onPopupAlign={[Function]}
-                                                                                          onPopupVisibleChange={[Function]}
-                                                                                          popup={
-                                                                                            <div>
-                                                                                              <ForwardRef(OptionList)
-                                                                                                childrenAsData={true}
-                                                                                                defaultActiveFirstOption={true}
-                                                                                                flattenOptions={Array []}
-                                                                                                height={128}
-                                                                                                itemHeight={24}
-                                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                                multiple={true}
-                                                                                                notFoundContent={
-                                                                                                  <Empty
-                                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                                    image={<Simple />}
-                                                                                                  />
-                                                                                                }
-                                                                                                onActiveValue={[Function]}
-                                                                                                onMouseEnter={[Function]}
-                                                                                                onScroll={[Function]}
-                                                                                                onSelect={[Function]}
-                                                                                                onToggleOpen={[Function]}
-                                                                                                options={Array []}
-                                                                                                prefixCls="ant-select"
-                                                                                                searchValue=""
-                                                                                                values={Set {}}
-                                                                                                virtual={true}
-                                                                                              />
-                                                                                            </div>
-                                                                                          }
-                                                                                          popupAlign={Object {}}
-                                                                                          popupClassName="ant-select-dropdown-empty"
-                                                                                          popupPlacement="bottomLeft"
-                                                                                          popupStyle={
-                                                                                            Object {
-                                                                                              "minWidth": null,
-                                                                                              "width": null,
-                                                                                            }
-                                                                                          }
-                                                                                          popupTransitionName="ant-slide-up"
-                                                                                          prefixCls="ant-select-dropdown"
-                                                                                          showAction={Array []}
-                                                                                        >
-                                                                                          <Selector
-                                                                                            accessibilityIndex={0}
-                                                                                            activeValue={null}
-                                                                                            allowClear={true}
-                                                                                            autoClearSearchValue={true}
-                                                                                            className=""
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            defaultValue={Array []}
-                                                                                            domRef={
-                                                                                              Object {
-                                                                                                "current": <div
-                                                                                                  class="ant-select-selector"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style="opacity: 1;"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-search"
-                                                                                                        style="width: 0px;"
-                                                                                                      >
-                                                                                                        <input
-                                                                                                          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                          aria-autocomplete="list"
-                                                                                                          aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                          aria-haspopup="listbox"
-                                                                                                          aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                          autocomplete="off"
-                                                                                                          class="ant-select-selection-search-input"
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          readonly=""
-                                                                                                          role="combobox"
-                                                                                                          style="opacity: 0;"
-                                                                                                          type="search"
-                                                                                                          unselectable="on"
-                                                                                                          value=""
-                                                                                                        />
-                                                                                                        <span
-                                                                                                          aria-hidden="true"
-                                                                                                          class="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                          
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                  <span
-                                                                                                    class="ant-select-selection-placeholder"
-                                                                                                  >
-                                                                                                    Select tags
-                                                                                                  </span>
-                                                                                                </div>,
-                                                                                              }
-                                                                                            }
-                                                                                            dropdownClassName=""
-                                                                                            filterOption={[Function]}
-                                                                                            getPopupContainer={[Function]}
-                                                                                            inputElement={null}
-                                                                                            inputIcon={
-                                                                                              <ForwardRef(LoadingOutlined)
-                                                                                                spin={true}
-                                                                                              />
-                                                                                            }
-                                                                                            key="trigger"
-                                                                                            listHeight={128}
-                                                                                            listItemHeight={24}
-                                                                                            loading={true}
-                                                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                            mode="multiple"
-                                                                                            multiple={true}
-                                                                                            notFoundContent={
-                                                                                              <Empty
-                                                                                                description="No tags available. Type something to create new Tag"
-                                                                                                image={<Simple />}
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={[Function]}
-                                                                                            onPopupScroll={[Function]}
-                                                                                            onSearch={[Function]}
-                                                                                            onSearchSubmit={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            onToggleOpen={[Function]}
-                                                                                            placeholder="Select tags"
-                                                                                            prefixCls="ant-select"
-                                                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                            searchValue=""
-                                                                                            showSearch={true}
-                                                                                            tokenWithEnter={false}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={Array []}
-                                                                                            values={Array []}
-                                                                                          >
-                                                                                            <div
-                                                                                              className="ant-select-selector"
-                                                                                              onClick={[Function]}
-                                                                                              onMouseDown={[Function]}
-                                                                                            >
-                                                                                              <SelectSelector
-                                                                                                accessibilityIndex={0}
-                                                                                                activeValue={null}
-                                                                                                allowClear={true}
-                                                                                                autoClearSearchValue={true}
-                                                                                                className=""
-                                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                                defaultValue={Array []}
-                                                                                                domRef={
-                                                                                                  Object {
-                                                                                                    "current": <div
-                                                                                                      class="ant-select-selector"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                          style="opacity: 1;"
-                                                                                                        >
-                                                                                                          <div
-                                                                                                            class="ant-select-selection-search"
-                                                                                                            style="width: 0px;"
-                                                                                                          >
-                                                                                                            <input
-                                                                                                              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                              aria-autocomplete="list"
-                                                                                                              aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                              aria-haspopup="listbox"
-                                                                                                              aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                              autocomplete="off"
-                                                                                                              class="ant-select-selection-search-input"
-                                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                                              readonly=""
-                                                                                                              role="combobox"
-                                                                                                              style="opacity: 0;"
-                                                                                                              type="search"
-                                                                                                              unselectable="on"
-                                                                                                              value=""
-                                                                                                            />
-                                                                                                            <span
-                                                                                                              aria-hidden="true"
-                                                                                                              class="ant-select-selection-search-mirror"
-                                                                                                            >
-                                                                                                              
-                                                                                                               
-                                                                                                            </span>
-                                                                                                          </div>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-placeholder"
-                                                                                                      >
-                                                                                                        Select tags
-                                                                                                      </span>
-                                                                                                    </div>,
-                                                                                                  }
-                                                                                                }
-                                                                                                dropdownClassName=""
-                                                                                                filterOption={[Function]}
-                                                                                                getPopupContainer={[Function]}
-                                                                                                inputElement={null}
-                                                                                                inputIcon={
-                                                                                                  <ForwardRef(LoadingOutlined)
-                                                                                                    spin={true}
-                                                                                                  />
-                                                                                                }
-                                                                                                inputRef={
-                                                                                                  Object {
-                                                                                                    "current": <input
-                                                                                                      aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                      aria-autocomplete="list"
-                                                                                                      aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                      aria-haspopup="listbox"
-                                                                                                      aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                      autocomplete="off"
-                                                                                                      class="ant-select-selection-search-input"
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      readonly=""
-                                                                                                      role="combobox"
-                                                                                                      style="opacity: 0;"
-                                                                                                      type="search"
-                                                                                                      unselectable="on"
-                                                                                                      value=""
-                                                                                                    />,
-                                                                                                  }
-                                                                                                }
-                                                                                                listHeight={128}
-                                                                                                listItemHeight={24}
-                                                                                                loading={true}
-                                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                                mode="multiple"
-                                                                                                multiple={true}
-                                                                                                notFoundContent={
-                                                                                                  <Empty
-                                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                                    image={<Simple />}
-                                                                                                  />
-                                                                                                }
-                                                                                                onChange={[Function]}
-                                                                                                onInputChange={[Function]}
-                                                                                                onInputCompositionEnd={[Function]}
-                                                                                                onInputCompositionStart={[Function]}
-                                                                                                onInputKeyDown={[Function]}
-                                                                                                onInputMouseDown={[Function]}
-                                                                                                onInputPaste={[Function]}
-                                                                                                onPopupScroll={[Function]}
-                                                                                                onSearch={[Function]}
-                                                                                                onSearchSubmit={[Function]}
-                                                                                                onSelect={[Function]}
-                                                                                                onToggleOpen={[Function]}
-                                                                                                placeholder="Select tags"
-                                                                                                prefixCls="ant-select"
-                                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                searchValue=""
-                                                                                                showSearch={true}
-                                                                                                tokenWithEnter={false}
-                                                                                                transitionName="ant-slide-up"
-                                                                                                value={Array []}
-                                                                                                values={Array []}
-                                                                                              >
-                                                                                                <Overflow
-                                                                                                  data={Array []}
-                                                                                                  itemKey="key"
-                                                                                                  prefixCls="ant-select-selection-overflow"
-                                                                                                  renderItem={[Function]}
-                                                                                                  renderRest={[Function]}
-                                                                                                  suffix={
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-search"
-                                                                                                      onBlur={[Function]}
-                                                                                                      onFocus={[Function]}
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "width": 0,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <ForwardRef(Input)
-                                                                                                        accessibilityIndex={0}
-                                                                                                        attrs={Object {}}
-                                                                                                        editable={false}
-                                                                                                        inputElement={null}
-                                                                                                        onChange={[Function]}
-                                                                                                        onCompositionEnd={[Function]}
-                                                                                                        onCompositionStart={[Function]}
-                                                                                                        onKeyDown={[Function]}
-                                                                                                        onMouseDown={[Function]}
-                                                                                                        onPaste={[Function]}
-                                                                                                        prefixCls="ant-select"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden={true}
-                                                                                                        className="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  }
-                                                                                                >
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-overflow"
-                                                                                                  >
-                                                                                                    <Item
-                                                                                                      className="ant-select-selection-overflow-item-suffix"
-                                                                                                      display={true}
-                                                                                                      invalidate={false}
-                                                                                                      order={0}
-                                                                                                      prefixCls="ant-select-selection-overflow-item"
-                                                                                                      registerSize={[Function]}
-                                                                                                      responsive={0}
-                                                                                                      style={Object {}}
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "height": undefined,
-                                                                                                            "opacity": 1,
-                                                                                                            "order": undefined,
-                                                                                                            "overflowY": undefined,
-                                                                                                            "pointerEvents": undefined,
-                                                                                                            "position": undefined,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          className="ant-select-selection-search"
-                                                                                                          onBlur={[Function]}
-                                                                                                          onFocus={[Function]}
-                                                                                                          style={
-                                                                                                            Object {
-                                                                                                              "width": 0,
-                                                                                                            }
-                                                                                                          }
-                                                                                                        >
-                                                                                                          <Input
-                                                                                                            accessibilityIndex={0}
-                                                                                                            attrs={Object {}}
-                                                                                                            editable={false}
-                                                                                                            inputElement={null}
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            prefixCls="ant-select"
-                                                                                                            value=""
-                                                                                                          >
-                                                                                                            <input
-                                                                                                              aria-activedescendant="undefined_list_0"
-                                                                                                              aria-autocomplete="list"
-                                                                                                              aria-controls="undefined_list"
-                                                                                                              aria-haspopup="listbox"
-                                                                                                              aria-owns="undefined_list"
-                                                                                                              autoComplete="off"
-                                                                                                              className="ant-select-selection-search-input"
-                                                                                                              onChange={[Function]}
-                                                                                                              onCompositionEnd={[Function]}
-                                                                                                              onCompositionStart={[Function]}
-                                                                                                              onKeyDown={[Function]}
-                                                                                                              onMouseDown={[Function]}
-                                                                                                              onPaste={[Function]}
-                                                                                                              readOnly={true}
-                                                                                                              role="combobox"
-                                                                                                              style={
-                                                                                                                Object {
-                                                                                                                  "opacity": 0,
-                                                                                                                }
-                                                                                                              }
-                                                                                                              type="search"
-                                                                                                              unselectable="on"
-                                                                                                              value=""
-                                                                                                            />
-                                                                                                          </Input>
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </Item>
-                                                                                                  </div>
-                                                                                                </Overflow>
-                                                                                                <span
-                                                                                                  className="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select tags
-                                                                                                </span>
-                                                                                              </SelectSelector>
-                                                                                            </div>
-                                                                                          </Selector>
-                                                                                        </Trigger>
-                                                                                      </SelectTrigger>
-                                                                                      <TransBtn
-                                                                                        className="ant-select-arrow ant-select-arrow-loading"
-                                                                                        customizeIcon={
-                                                                                          <ForwardRef(LoadingOutlined)
-                                                                                            spin={true}
-                                                                                          />
-                                                                                        }
-                                                                                        customizeIconProps={
-                                                                                          Object {
-                                                                                            "focused": false,
-                                                                                            "loading": true,
-                                                                                            "open": undefined,
-                                                                                            "searchValue": "",
-                                                                                            "showSearch": true,
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <span
-                                                                                          aria-hidden={true}
-                                                                                          className="ant-select-arrow ant-select-arrow-loading"
-                                                                                          onMouseDown={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "WebkitUserSelect": "none",
-                                                                                              "userSelect": "none",
-                                                                                            }
-                                                                                          }
-                                                                                          unselectable="on"
-                                                                                        >
-                                                                                          <ForwardRef(LoadingOutlined)
-                                                                                            spin={true}
-                                                                                          >
-                                                                                            <AntdIcon
-                                                                                              icon={
-                                                                                                Object {
-                                                                                                  "icon": Object {
-                                                                                                    "attrs": Object {
-                                                                                                      "focusable": "false",
-                                                                                                      "viewBox": "0 0 1024 1024",
-                                                                                                    },
-                                                                                                    "children": Array [
-                                                                                                      Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                                        },
-                                                                                                        "tag": "path",
-                                                                                                      },
-                                                                                                    ],
-                                                                                                    "tag": "svg",
-                                                                                                  },
-                                                                                                  "name": "loading",
-                                                                                                  "theme": "outlined",
-                                                                                                }
-                                                                                              }
-                                                                                              spin={true}
-                                                                                            >
-                                                                                              <span
-                                                                                                aria-label="loading"
-                                                                                                className="anticon anticon-loading anticon-spin"
-                                                                                                role="img"
-                                                                                              >
-                                                                                                <IconReact
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "0 0 1024 1024",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "loading",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <svg
-                                                                                                    aria-hidden="true"
-                                                                                                    data-icon="loading"
-                                                                                                    fill="currentColor"
-                                                                                                    focusable="false"
-                                                                                                    height="1em"
-                                                                                                    key="svg-loading"
-                                                                                                    viewBox="0 0 1024 1024"
-                                                                                                    width="1em"
-                                                                                                  >
-                                                                                                    <path
-                                                                                                      d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                                                                                                      key="svg-loading-svg-0"
-                                                                                                    />
-                                                                                                  </svg>
-                                                                                                </IconReact>
-                                                                                              </span>
-                                                                                            </AntdIcon>
-                                                                                          </ForwardRef(LoadingOutlined)>
-                                                                                        </span>
-                                                                                      </TransBtn>
-                                                                                    </div>
-                                                                                  </ForwardRef(Select)>
-                                                                                </Select>
-                                                                              </ForwardRef(InternalSelect)>
-                                                                            </Selector>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Authors"
-                                                        name="authors"
-                                                      >
-                                                        <WrapperField
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name="authors"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_authors"
-                                                            label="Authors"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Authors",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "authors",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="authors"
-                                                                  label="Authors"
-                                                                  name="authors"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="authors"
-                                                                        title="Authors"
-                                                                      >
-                                                                        Authors
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Authors"
-                                                                  name={
-                                                                    Array [
-                                                                      "authors",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Selector
-                                                                              action="Authors"
-                                                                              display="display_name"
-                                                                              id="authors"
-                                                                              mode="multiple"
-                                                                              onChange={[Function]}
-                                                                            >
-                                                                              <ForwardRef(InternalSelect)
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                bordered={true}
-                                                                                defaultValue={Array []}
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                listHeight={128}
-                                                                                loading={true}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                searchValue=""
-                                                                                value={Array []}
-                                                                              >
-                                                                                <Select
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={
-                                                                                    <ForwardRef(LoadingOutlined)
-                                                                                      spin={true}
-                                                                                    />
-                                                                                  }
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={true}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <ForwardRef(Select)
-                                                                                    allowClear={true}
-                                                                                    autoClearSearchValue={true}
-                                                                                    className=""
-                                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                    defaultValue={Array []}
-                                                                                    dropdownClassName=""
-                                                                                    filterOption={[Function]}
-                                                                                    getPopupContainer={[Function]}
-                                                                                    inputIcon={
-                                                                                      <ForwardRef(LoadingOutlined)
-                                                                                        spin={true}
-                                                                                      />
-                                                                                    }
-                                                                                    listHeight={128}
-                                                                                    listItemHeight={24}
-                                                                                    loading={true}
-                                                                                    menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                    mode="multiple"
-                                                                                    notFoundContent={null}
-                                                                                    onChange={[Function]}
-                                                                                    onPopupScroll={[Function]}
-                                                                                    onSearch={[Function]}
-                                                                                    placeholder="Select authors"
-                                                                                    prefixCls="ant-select"
-                                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                    searchValue=""
-                                                                                    transitionName="ant-slide-up"
-                                                                                    value={Array []}
-                                                                                  >
-                                                                                    <div
-                                                                                      className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-arrow ant-select-loading ant-select-show-search"
-                                                                                      onBlur={[Function]}
-                                                                                      onFocus={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      onKeyUp={[Function]}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <SelectTrigger
-                                                                                        containerWidth={null}
-                                                                                        dropdownClassName=""
-                                                                                        empty={true}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        popupElement={
-                                                                                          <ForwardRef(OptionList)
-                                                                                            childrenAsData={true}
-                                                                                            defaultActiveFirstOption={true}
-                                                                                            flattenOptions={Array []}
-                                                                                            height={128}
-                                                                                            itemHeight={24}
-                                                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                            multiple={true}
-                                                                                            notFoundContent={null}
-                                                                                            onActiveValue={[Function]}
-                                                                                            onMouseEnter={[Function]}
-                                                                                            onScroll={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            onToggleOpen={[Function]}
-                                                                                            options={Array []}
-                                                                                            prefixCls="ant-select"
-                                                                                            searchValue=""
-                                                                                            values={Set {}}
-                                                                                            virtual={true}
-                                                                                          />
-                                                                                        }
-                                                                                        prefixCls="ant-select"
-                                                                                        transitionName="ant-slide-up"
-                                                                                        visible={false}
-                                                                                      >
-                                                                                        <Trigger
-                                                                                          action={Array []}
-                                                                                          afterPopupVisibleChange={[Function]}
-                                                                                          autoDestroy={false}
-                                                                                          blurDelay={0.15}
-                                                                                          builtinPlacements={
-                                                                                            Object {
-                                                                                              "bottomLeft": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "tl",
-                                                                                                  "bl",
-                                                                                                ],
-                                                                                              },
-                                                                                              "bottomRight": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "tr",
-                                                                                                  "br",
-                                                                                                ],
-                                                                                              },
-                                                                                              "topLeft": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  -4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "bl",
-                                                                                                  "tl",
-                                                                                                ],
-                                                                                              },
-                                                                                              "topRight": Object {
-                                                                                                "offset": Array [
-                                                                                                  0,
-                                                                                                  -4,
-                                                                                                ],
-                                                                                                "overflow": Object {
-                                                                                                  "adjustX": 0,
-                                                                                                  "adjustY": 1,
-                                                                                                },
-                                                                                                "points": Array [
-                                                                                                  "br",
-                                                                                                  "tr",
-                                                                                                ],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          defaultPopupVisible={false}
-                                                                                          destroyPopupOnHide={false}
-                                                                                          focusDelay={0}
-                                                                                          getDocument={[Function]}
-                                                                                          getPopupClassNameFromAlign={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          getTriggerDOMNode={[Function]}
-                                                                                          hideAction={Array []}
-                                                                                          mask={false}
-                                                                                          maskClosable={true}
-                                                                                          mouseEnterDelay={0}
-                                                                                          mouseLeaveDelay={0.1}
-                                                                                          onPopupAlign={[Function]}
-                                                                                          onPopupVisibleChange={[Function]}
-                                                                                          popup={
-                                                                                            <div>
-                                                                                              <ForwardRef(OptionList)
-                                                                                                childrenAsData={true}
-                                                                                                defaultActiveFirstOption={true}
-                                                                                                flattenOptions={Array []}
-                                                                                                height={128}
-                                                                                                itemHeight={24}
-                                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                                multiple={true}
-                                                                                                notFoundContent={null}
-                                                                                                onActiveValue={[Function]}
-                                                                                                onMouseEnter={[Function]}
-                                                                                                onScroll={[Function]}
-                                                                                                onSelect={[Function]}
-                                                                                                onToggleOpen={[Function]}
-                                                                                                options={Array []}
-                                                                                                prefixCls="ant-select"
-                                                                                                searchValue=""
-                                                                                                values={Set {}}
-                                                                                                virtual={true}
-                                                                                              />
-                                                                                            </div>
-                                                                                          }
-                                                                                          popupAlign={Object {}}
-                                                                                          popupClassName="ant-select-dropdown-empty"
-                                                                                          popupPlacement="bottomLeft"
-                                                                                          popupStyle={
-                                                                                            Object {
-                                                                                              "minWidth": null,
-                                                                                              "width": null,
-                                                                                            }
-                                                                                          }
-                                                                                          popupTransitionName="ant-slide-up"
-                                                                                          popupVisible={false}
-                                                                                          prefixCls="ant-select-dropdown"
-                                                                                          showAction={Array []}
-                                                                                        >
-                                                                                          <Selector
-                                                                                            accessibilityIndex={0}
-                                                                                            activeValue={null}
-                                                                                            allowClear={true}
-                                                                                            autoClearSearchValue={true}
-                                                                                            className=""
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            defaultValue={Array []}
-                                                                                            domRef={
-                                                                                              Object {
-                                                                                                "current": <div
-                                                                                                  class="ant-select-selector"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style="opacity: 1;"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-search"
-                                                                                                        style="width: 0px;"
-                                                                                                      >
-                                                                                                        <input
-                                                                                                          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                          aria-autocomplete="list"
-                                                                                                          aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                          aria-haspopup="listbox"
-                                                                                                          aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                          autocomplete="off"
-                                                                                                          class="ant-select-selection-search-input"
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          readonly=""
-                                                                                                          role="combobox"
-                                                                                                          style="opacity: 0;"
-                                                                                                          type="search"
-                                                                                                          unselectable="on"
-                                                                                                          value=""
-                                                                                                        />
-                                                                                                        <span
-                                                                                                          aria-hidden="true"
-                                                                                                          class="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                          
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                  <span
-                                                                                                    class="ant-select-selection-placeholder"
-                                                                                                  >
-                                                                                                    Select authors
-                                                                                                  </span>
-                                                                                                </div>,
-                                                                                              }
-                                                                                            }
-                                                                                            dropdownClassName=""
-                                                                                            filterOption={[Function]}
-                                                                                            getPopupContainer={[Function]}
-                                                                                            inputElement={null}
-                                                                                            inputIcon={
-                                                                                              <ForwardRef(LoadingOutlined)
-                                                                                                spin={true}
-                                                                                              />
-                                                                                            }
-                                                                                            key="trigger"
-                                                                                            listHeight={128}
-                                                                                            listItemHeight={24}
-                                                                                            loading={true}
-                                                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                            mode="multiple"
-                                                                                            multiple={true}
-                                                                                            notFoundContent={null}
-                                                                                            onChange={[Function]}
-                                                                                            onPopupScroll={[Function]}
-                                                                                            onSearch={[Function]}
-                                                                                            onSearchSubmit={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            onToggleOpen={[Function]}
-                                                                                            placeholder="Select authors"
-                                                                                            prefixCls="ant-select"
-                                                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                            searchValue=""
-                                                                                            showSearch={true}
-                                                                                            tokenWithEnter={false}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={Array []}
-                                                                                            values={Array []}
-                                                                                          >
-                                                                                            <div
-                                                                                              className="ant-select-selector"
-                                                                                              onClick={[Function]}
-                                                                                              onMouseDown={[Function]}
-                                                                                            >
-                                                                                              <SelectSelector
-                                                                                                accessibilityIndex={0}
-                                                                                                activeValue={null}
-                                                                                                allowClear={true}
-                                                                                                autoClearSearchValue={true}
-                                                                                                className=""
-                                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                                defaultValue={Array []}
-                                                                                                domRef={
-                                                                                                  Object {
-                                                                                                    "current": <div
-                                                                                                      class="ant-select-selector"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                          style="opacity: 1;"
-                                                                                                        >
-                                                                                                          <div
-                                                                                                            class="ant-select-selection-search"
-                                                                                                            style="width: 0px;"
-                                                                                                          >
-                                                                                                            <input
-                                                                                                              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                              aria-autocomplete="list"
-                                                                                                              aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                              aria-haspopup="listbox"
-                                                                                                              aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                              autocomplete="off"
-                                                                                                              class="ant-select-selection-search-input"
-                                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                                              readonly=""
-                                                                                                              role="combobox"
-                                                                                                              style="opacity: 0;"
-                                                                                                              type="search"
-                                                                                                              unselectable="on"
-                                                                                                              value=""
-                                                                                                            />
-                                                                                                            <span
-                                                                                                              aria-hidden="true"
-                                                                                                              class="ant-select-selection-search-mirror"
-                                                                                                            >
-                                                                                                              
-                                                                                                               
-                                                                                                            </span>
-                                                                                                          </div>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-placeholder"
-                                                                                                      >
-                                                                                                        Select authors
-                                                                                                      </span>
-                                                                                                    </div>,
-                                                                                                  }
-                                                                                                }
-                                                                                                dropdownClassName=""
-                                                                                                filterOption={[Function]}
-                                                                                                getPopupContainer={[Function]}
-                                                                                                inputElement={null}
-                                                                                                inputIcon={
-                                                                                                  <ForwardRef(LoadingOutlined)
-                                                                                                    spin={true}
-                                                                                                  />
-                                                                                                }
-                                                                                                inputRef={
-                                                                                                  Object {
-                                                                                                    "current": <input
-                                                                                                      aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                      aria-autocomplete="list"
-                                                                                                      aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                      aria-haspopup="listbox"
-                                                                                                      aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                      autocomplete="off"
-                                                                                                      class="ant-select-selection-search-input"
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      readonly=""
-                                                                                                      role="combobox"
-                                                                                                      style="opacity: 0;"
-                                                                                                      type="search"
-                                                                                                      unselectable="on"
-                                                                                                      value=""
-                                                                                                    />,
-                                                                                                  }
-                                                                                                }
-                                                                                                listHeight={128}
-                                                                                                listItemHeight={24}
-                                                                                                loading={true}
-                                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                                mode="multiple"
-                                                                                                multiple={true}
-                                                                                                notFoundContent={null}
-                                                                                                onChange={[Function]}
-                                                                                                onInputChange={[Function]}
-                                                                                                onInputCompositionEnd={[Function]}
-                                                                                                onInputCompositionStart={[Function]}
-                                                                                                onInputKeyDown={[Function]}
-                                                                                                onInputMouseDown={[Function]}
-                                                                                                onInputPaste={[Function]}
-                                                                                                onPopupScroll={[Function]}
-                                                                                                onSearch={[Function]}
-                                                                                                onSearchSubmit={[Function]}
-                                                                                                onSelect={[Function]}
-                                                                                                onToggleOpen={[Function]}
-                                                                                                placeholder="Select authors"
-                                                                                                prefixCls="ant-select"
-                                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                searchValue=""
-                                                                                                showSearch={true}
-                                                                                                tokenWithEnter={false}
-                                                                                                transitionName="ant-slide-up"
-                                                                                                value={Array []}
-                                                                                                values={Array []}
-                                                                                              >
-                                                                                                <Overflow
-                                                                                                  data={Array []}
-                                                                                                  itemKey="key"
-                                                                                                  prefixCls="ant-select-selection-overflow"
-                                                                                                  renderItem={[Function]}
-                                                                                                  renderRest={[Function]}
-                                                                                                  suffix={
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-search"
-                                                                                                      onBlur={[Function]}
-                                                                                                      onFocus={[Function]}
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "width": 0,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <ForwardRef(Input)
-                                                                                                        accessibilityIndex={0}
-                                                                                                        attrs={Object {}}
-                                                                                                        editable={false}
-                                                                                                        inputElement={null}
-                                                                                                        onChange={[Function]}
-                                                                                                        onCompositionEnd={[Function]}
-                                                                                                        onCompositionStart={[Function]}
-                                                                                                        onKeyDown={[Function]}
-                                                                                                        onMouseDown={[Function]}
-                                                                                                        onPaste={[Function]}
-                                                                                                        prefixCls="ant-select"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden={true}
-                                                                                                        className="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  }
-                                                                                                >
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-overflow"
-                                                                                                  >
-                                                                                                    <Item
-                                                                                                      className="ant-select-selection-overflow-item-suffix"
-                                                                                                      display={true}
-                                                                                                      invalidate={false}
-                                                                                                      order={0}
-                                                                                                      prefixCls="ant-select-selection-overflow-item"
-                                                                                                      registerSize={[Function]}
-                                                                                                      responsive={0}
-                                                                                                      style={Object {}}
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "height": undefined,
-                                                                                                            "opacity": 1,
-                                                                                                            "order": undefined,
-                                                                                                            "overflowY": undefined,
-                                                                                                            "pointerEvents": undefined,
-                                                                                                            "position": undefined,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          className="ant-select-selection-search"
-                                                                                                          onBlur={[Function]}
-                                                                                                          onFocus={[Function]}
-                                                                                                          style={
-                                                                                                            Object {
-                                                                                                              "width": 0,
-                                                                                                            }
-                                                                                                          }
-                                                                                                        >
-                                                                                                          <Input
-                                                                                                            accessibilityIndex={0}
-                                                                                                            attrs={Object {}}
-                                                                                                            editable={false}
-                                                                                                            inputElement={null}
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            prefixCls="ant-select"
-                                                                                                            value=""
-                                                                                                          >
-                                                                                                            <input
-                                                                                                              aria-activedescendant="undefined_list_0"
-                                                                                                              aria-autocomplete="list"
-                                                                                                              aria-controls="undefined_list"
-                                                                                                              aria-haspopup="listbox"
-                                                                                                              aria-owns="undefined_list"
-                                                                                                              autoComplete="off"
-                                                                                                              className="ant-select-selection-search-input"
-                                                                                                              onChange={[Function]}
-                                                                                                              onCompositionEnd={[Function]}
-                                                                                                              onCompositionStart={[Function]}
-                                                                                                              onKeyDown={[Function]}
-                                                                                                              onMouseDown={[Function]}
-                                                                                                              onPaste={[Function]}
-                                                                                                              readOnly={true}
-                                                                                                              role="combobox"
-                                                                                                              style={
-                                                                                                                Object {
-                                                                                                                  "opacity": 0,
-                                                                                                                }
-                                                                                                              }
-                                                                                                              type="search"
-                                                                                                              unselectable="on"
-                                                                                                              value=""
-                                                                                                            />
-                                                                                                          </Input>
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </Item>
-                                                                                                  </div>
-                                                                                                </Overflow>
-                                                                                                <span
-                                                                                                  className="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select authors
-                                                                                                </span>
-                                                                                              </SelectSelector>
-                                                                                            </div>
-                                                                                          </Selector>
-                                                                                        </Trigger>
-                                                                                      </SelectTrigger>
-                                                                                      <TransBtn
-                                                                                        className="ant-select-arrow ant-select-arrow-loading"
-                                                                                        customizeIcon={
-                                                                                          <ForwardRef(LoadingOutlined)
-                                                                                            spin={true}
-                                                                                          />
-                                                                                        }
-                                                                                        customizeIconProps={
-                                                                                          Object {
-                                                                                            "focused": false,
-                                                                                            "loading": true,
-                                                                                            "open": undefined,
-                                                                                            "searchValue": "",
-                                                                                            "showSearch": true,
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <span
-                                                                                          aria-hidden={true}
-                                                                                          className="ant-select-arrow ant-select-arrow-loading"
-                                                                                          onMouseDown={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "WebkitUserSelect": "none",
-                                                                                              "userSelect": "none",
-                                                                                            }
-                                                                                          }
-                                                                                          unselectable="on"
-                                                                                        >
-                                                                                          <ForwardRef(LoadingOutlined)
-                                                                                            spin={true}
-                                                                                          >
-                                                                                            <AntdIcon
-                                                                                              icon={
-                                                                                                Object {
-                                                                                                  "icon": Object {
-                                                                                                    "attrs": Object {
-                                                                                                      "focusable": "false",
-                                                                                                      "viewBox": "0 0 1024 1024",
-                                                                                                    },
-                                                                                                    "children": Array [
-                                                                                                      Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                                        },
-                                                                                                        "tag": "path",
-                                                                                                      },
-                                                                                                    ],
-                                                                                                    "tag": "svg",
-                                                                                                  },
-                                                                                                  "name": "loading",
-                                                                                                  "theme": "outlined",
-                                                                                                }
-                                                                                              }
-                                                                                              spin={true}
-                                                                                            >
-                                                                                              <span
-                                                                                                aria-label="loading"
-                                                                                                className="anticon anticon-loading anticon-spin"
-                                                                                                role="img"
-                                                                                              >
-                                                                                                <IconReact
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "0 0 1024 1024",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "loading",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <svg
-                                                                                                    aria-hidden="true"
-                                                                                                    data-icon="loading"
-                                                                                                    fill="currentColor"
-                                                                                                    focusable="false"
-                                                                                                    height="1em"
-                                                                                                    key="svg-loading"
-                                                                                                    viewBox="0 0 1024 1024"
-                                                                                                    width="1em"
-                                                                                                  >
-                                                                                                    <path
-                                                                                                      d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
-                                                                                                      key="svg-loading-svg-0"
-                                                                                                    />
-                                                                                                  </svg>
-                                                                                                </IconReact>
-                                                                                              </span>
-                                                                                            </AntdIcon>
-                                                                                          </ForwardRef(LoadingOutlined)>
-                                                                                        </span>
-                                                                                      </TransBtn>
-                                                                                    </div>
-                                                                                  </ForwardRef(Select)>
-                                                                                </Select>
-                                                                              </ForwardRef(InternalSelect)>
-                                                                            </Selector>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem>
-                                                        <Row
-                                                          className="ant-form-item"
-                                                          key="row"
-                                                        >
-                                                          <div
-                                                            className="ant-row ant-form-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <FormItemLabel
-                                                              prefixCls="ant-form"
-                                                              requiredMark={true}
-                                                            />
-                                                            <FormItemInput
-                                                              errors={Array []}
-                                                              onDomErrorVisibleChange={[Function]}
-                                                              prefixCls="ant-form"
-                                                              status=""
-                                                              validateStatus=""
-                                                            >
-                                                              <Col
-                                                                className="ant-form-item-control"
-                                                              >
-                                                                <div
-                                                                  className="ant-col ant-form-item-control"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input-content"
-                                                                    >
-                                                                      <Button
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn"
-                                                                            onClick={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "width": "100%",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <LoadingIcon
-                                                                              existIcon={false}
-                                                                              loading={false}
-                                                                              prefixCls="ant-btn"
-                                                                            >
-                                                                              <CSSMotion
-                                                                                motionName="ant-btn-loading-icon-motion"
-                                                                                onAppearActive={[Function]}
-                                                                                onAppearStart={[Function]}
-                                                                                onEnterActive={[Function]}
-                                                                                onEnterStart={[Function]}
-                                                                                onLeaveActive={[Function]}
-                                                                                onLeaveStart={[Function]}
-                                                                                removeOnLeave={true}
-                                                                                visible={false}
-                                                                              >
-                                                                                <DomWrapper />
-                                                                              </CSSMotion>
-                                                                            </LoadingIcon>
-                                                                            <span
-                                                                              key=".0"
-                                                                            >
-                                                                              Add Meta Data
-                                                                            </span>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </div>
-                                                                  </div>
-                                                                  <ErrorList
-                                                                    errors={Array []}
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionAppear={true}
-                                                                      motionDeadline={500}
-                                                                      motionName="ant-show-help"
-                                                                      onLeaveEnd={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </ErrorList>
-                                                                </div>
-                                                              </Col>
-                                                            </FormItemInput>
-                                                          </div>
-                                                        </Row>
-                                                      </FormItem>
-                                                      <FormItem>
-                                                        <Row
-                                                          className="ant-form-item"
-                                                          key="row"
-                                                        >
-                                                          <div
-                                                            className="ant-row ant-form-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <FormItemLabel
-                                                              prefixCls="ant-form"
-                                                              requiredMark={true}
-                                                            />
-                                                            <FormItemInput
-                                                              errors={Array []}
-                                                              onDomErrorVisibleChange={[Function]}
-                                                              prefixCls="ant-form"
-                                                              status=""
-                                                              validateStatus=""
-                                                            >
-                                                              <Col
-                                                                className="ant-form-item-control"
-                                                              >
-                                                                <div
-                                                                  className="ant-col ant-form-item-control"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input-content"
-                                                                    >
-                                                                      <Button
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn"
-                                                                            onClick={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "width": "100%",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <LoadingIcon
-                                                                              existIcon={false}
-                                                                              loading={false}
-                                                                              prefixCls="ant-btn"
-                                                                            >
-                                                                              <CSSMotion
-                                                                                motionName="ant-btn-loading-icon-motion"
-                                                                                onAppearActive={[Function]}
-                                                                                onAppearStart={[Function]}
-                                                                                onEnterActive={[Function]}
-                                                                                onEnterStart={[Function]}
-                                                                                onLeaveActive={[Function]}
-                                                                                onLeaveStart={[Function]}
-                                                                                removeOnLeave={true}
-                                                                                visible={false}
-                                                                              >
-                                                                                <DomWrapper />
-                                                                              </CSSMotion>
-                                                                            </LoadingIcon>
-                                                                            <span
-                                                                              key=".0"
-                                                                            >
-                                                                              Code Injection
-                                                                            </span>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </div>
-                                                                  </div>
-                                                                  <ErrorList
-                                                                    errors={Array []}
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionAppear={true}
-                                                                      motionDeadline={500}
-                                                                      motionName="ant-show-help"
-                                                                      onLeaveEnd={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </ErrorList>
-                                                                </div>
-                                                              </Col>
-                                                            </FormItemInput>
-                                                          </div>
-                                                        </Row>
-                                                      </FormItem>
-                                                      <FormItem>
-                                                        <Row
-                                                          className="ant-form-item"
-                                                          key="row"
-                                                        >
-                                                          <div
-                                                            className="ant-row ant-form-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <FormItemLabel
-                                                              prefixCls="ant-form"
-                                                              requiredMark={true}
-                                                            />
-                                                            <FormItemInput
-                                                              errors={Array []}
-                                                              onDomErrorVisibleChange={[Function]}
-                                                              prefixCls="ant-form"
-                                                              status=""
-                                                              validateStatus=""
-                                                            >
-                                                              <Col
-                                                                className="ant-form-item-control"
-                                                              >
-                                                                <div
-                                                                  className="ant-col ant-form-item-control"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input-content"
-                                                                    >
-                                                                      <Button
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn"
-                                                                            onClick={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "width": "100%",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <LoadingIcon
-                                                                              existIcon={false}
-                                                                              loading={false}
-                                                                              prefixCls="ant-btn"
-                                                                            >
-                                                                              <CSSMotion
-                                                                                motionName="ant-btn-loading-icon-motion"
-                                                                                onAppearActive={[Function]}
-                                                                                onAppearStart={[Function]}
-                                                                                onEnterActive={[Function]}
-                                                                                onEnterStart={[Function]}
-                                                                                onLeaveActive={[Function]}
-                                                                                onLeaveStart={[Function]}
-                                                                                removeOnLeave={true}
-                                                                                visible={false}
-                                                                              >
-                                                                                <DomWrapper />
-                                                                              </CSSMotion>
-                                                                            </LoadingIcon>
-                                                                            <span
-                                                                              key=".0"
-                                                                            >
-                                                                              View Schemas
-                                                                            </span>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </div>
-                                                                  </div>
-                                                                  <ErrorList
-                                                                    errors={Array []}
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionAppear={true}
-                                                                      motionDeadline={500}
-                                                                      motionName="ant-show-help"
-                                                                      onLeaveEnd={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </ErrorList>
-                                                                </div>
-                                                              </Col>
-                                                            </FormItemInput>
-                                                          </div>
-                                                        </Row>
-                                                      </FormItem>
-                                                      <FormItem>
-                                                        <Row
-                                                          className="ant-form-item"
-                                                          key="row"
-                                                        >
-                                                          <div
-                                                            className="ant-row ant-form-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <FormItemLabel
-                                                              prefixCls="ant-form"
-                                                              requiredMark={true}
-                                                            />
-                                                            <FormItemInput
-                                                              errors={Array []}
-                                                              onDomErrorVisibleChange={[Function]}
-                                                              prefixCls="ant-form"
-                                                              status=""
-                                                              validateStatus=""
-                                                            >
-                                                              <Col
-                                                                className="ant-form-item-control"
-                                                              >
-                                                                <div
-                                                                  className="ant-col ant-form-item-control"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input-content"
-                                                                    >
-                                                                      <Button
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn"
-                                                                            onClick={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "width": "100%",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <LoadingIcon
-                                                                              existIcon={false}
-                                                                              loading={false}
-                                                                              prefixCls="ant-btn"
-                                                                            >
-                                                                              <CSSMotion
-                                                                                motionName="ant-btn-loading-icon-motion"
-                                                                                onAppearActive={[Function]}
-                                                                                onAppearStart={[Function]}
-                                                                                onEnterActive={[Function]}
-                                                                                onEnterStart={[Function]}
-                                                                                onLeaveActive={[Function]}
-                                                                                onLeaveStart={[Function]}
-                                                                                removeOnLeave={true}
-                                                                                visible={false}
-                                                                              >
-                                                                                <DomWrapper />
-                                                                              </CSSMotion>
-                                                                            </LoadingIcon>
-                                                                            <span
-                                                                              key=".0"
-                                                                            >
-                                                                              Add Meta Fields
-                                                                            </span>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </div>
-                                                                  </div>
-                                                                  <ErrorList
-                                                                    errors={Array []}
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionAppear={true}
-                                                                      motionDeadline={500}
-                                                                      motionName="ant-show-help"
-                                                                      onLeaveEnd={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </ErrorList>
-                                                                </div>
-                                                              </Col>
-                                                            </FormItemInput>
-                                                          </div>
-                                                        </Row>
-                                                      </FormItem>
-                                                      <Modal
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onOk={[Function]}
-                                                        title="View Schemas"
-                                                        visible={false}
-                                                        width={520}
-                                                      >
-                                                        <Dialog
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Copy
-                                                              </ForwardRef(InternalButton)>,
-                                                              <a
-                                                                className="ant-btn ant-btn-secondary"
-                                                                href="https://search.google.com/test/rich-results"
-                                                                rel="noreferrer noopener"
-                                                                target="_blank"
-                                                              >
-                                                                Test in Google Rich Results Text
-                                                              </a>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          onOk={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          title="View Schemas"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width={520}
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                    </div>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </DrawerChild>
-                                        </div>
-                                      </DrawerWrapper>
-                                    </Drawer>
-                                  </DrawerWrapper>
-                                  <DrawerWrapper
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <Drawer
-                                      bodyStyle={
-                                        Object {
-                                          "paddingBottom": 40,
-                                        }
-                                      }
-                                      closable={true}
-                                      getContainer={false}
-                                      headerStyle={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                      onClose={[Function]}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      title={
-                                        <h4
-                                          style={
-                                            Object {
-                                              "fontWeight": "bold",
-                                            }
-                                          }
-                                        >
-                                          Post Meta data
-                                        </h4>
-                                      }
-                                      visible={false}
-                                      width={480}
-                                    >
-                                      <DrawerWrapper
-                                        afterVisibleChange={[Function]}
-                                        className=""
-                                        defaultOpen={false}
-                                        duration=".3s"
-                                        ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                        forceRender={false}
-                                        getContainer={false}
-                                        handler={false}
-                                        keyboard={true}
-                                        level={null}
-                                        maskClosable={true}
-                                        maskStyle={Object {}}
-                                        onChange={[Function]}
-                                        onClose={[Function]}
-                                        open={false}
-                                        placement="right"
-                                        prefixCls="ant-drawer"
-                                        showMask={true}
-                                        style={
-                                          Object {
-                                            "transform": undefined,
-                                            "zIndex": undefined,
-                                          }
-                                        }
-                                        width={480}
-                                        wrapperClassName=""
-                                      >
-                                        <div
-                                          className=""
-                                        >
-                                          <DrawerChild
-                                            afterVisibleChange={[Function]}
-                                            className=""
-                                            duration=".3s"
-                                            ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                            getContainer={[Function]}
-                                            handler={false}
-                                            keyboard={true}
-                                            level={null}
-                                            maskClosable={true}
-                                            maskStyle={Object {}}
-                                            onChange={[Function]}
-                                            onClose={[Function]}
-                                            onHandleClick={[Function]}
-                                            open={false}
-                                            placement="right"
-                                            prefixCls="ant-drawer"
-                                            showMask={true}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            width={480}
-                                          >
-                                            <div
-                                              className="ant-drawer ant-drawer-right"
-                                              onTransitionEnd={[Function]}
-                                              style={
-                                                Object {
-                                                  "transform": undefined,
-                                                  "zIndex": undefined,
-                                                }
-                                              }
-                                              tabIndex={-1}
-                                            >
-                                              <div
-                                                className="ant-drawer-mask"
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              />
-                                              <div
-                                                className="ant-drawer-content-wrapper"
-                                                style={
-                                                  Object {
-                                                    "height": undefined,
-                                                    "msTransform": "translateX(100%)",
-                                                    "transform": "translateX(100%)",
-                                                    "width": "480px",
-                                                  }
-                                                }
-                                              >
-                                                <div
-                                                  className="ant-drawer-content"
-                                                >
-                                                  <div
-                                                    className="ant-drawer-wrapper-body"
-                                                    onTransitionEnd={[Function]}
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-header"
-                                                      style={
-                                                        Object {
-                                                          "fontWeight": "bold",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-drawer-title"
-                                                      >
-                                                        <h4
-                                                          style={
-                                                            Object {
-                                                              "fontWeight": "bold",
-                                                            }
-                                                          }
-                                                        >
-                                                          Post Meta data
-                                                        </h4>
-                                                      </div>
-                                                      <button
-                                                        aria-label="Close"
-                                                        className="ant-drawer-close"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "--scroll-bar": "0px",
-                                                          }
-                                                        }
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(CloseOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "close",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="close"
-                                                              className="anticon anticon-close"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "close",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="close"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-close"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                    key="svg-close-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(CloseOutlined)>
-                                                      </button>
-                                                    </div>
-                                                    <div
-                                                      className="ant-drawer-body"
-                                                      style={
-                                                        Object {
-                                                          "paddingBottom": 40,
-                                                        }
-                                                      }
-                                                    >
-                                                      <FormItem
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Row
-                                                          className="ant-form-item"
-                                                          key="row"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="ant-row ant-form-item"
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <FormItemLabel
-                                                              prefixCls="ant-form"
-                                                              requiredMark={true}
-                                                              style={
-                                                                Object {
-                                                                  "marginLeft": "-20px",
-                                                                }
-                                                              }
-                                                            />
-                                                            <FormItemInput
-                                                              errors={Array []}
-                                                              onDomErrorVisibleChange={[Function]}
-                                                              prefixCls="ant-form"
-                                                              status=""
-                                                              style={
-                                                                Object {
-                                                                  "marginLeft": "-20px",
-                                                                }
-                                                              }
-                                                              validateStatus=""
-                                                            >
-                                                              <Col
-                                                                className="ant-form-item-control"
-                                                              >
-                                                                <div
-                                                                  className="ant-col ant-form-item-control"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input-content"
-                                                                    >
-                                                                      <Button
-                                                                        onClick={[Function]}
-                                                                        type="text"
-                                                                      >
-                                                                        <button
-                                                                          className="ant-btn ant-btn-text"
-                                                                          onClick={[Function]}
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <ForwardRef(LeftOutlined)
-                                                                            key=".0"
-                                                                          >
-                                                                            <AntdIcon
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "left",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <span
-                                                                                aria-label="left"
-                                                                                className="anticon anticon-left"
-                                                                                role="img"
-                                                                              >
-                                                                                <IconReact
-                                                                                  icon={
-                                                                                    Object {
-                                                                                      "icon": Object {
-                                                                                        "attrs": Object {
-                                                                                          "focusable": "false",
-                                                                                          "viewBox": "64 64 896 896",
-                                                                                        },
-                                                                                        "children": Array [
-                                                                                          Object {
-                                                                                            "attrs": Object {
-                                                                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                            },
-                                                                                            "tag": "path",
-                                                                                          },
-                                                                                        ],
-                                                                                        "tag": "svg",
-                                                                                      },
-                                                                                      "name": "left",
-                                                                                      "theme": "outlined",
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <svg
-                                                                                    aria-hidden="true"
-                                                                                    data-icon="left"
-                                                                                    fill="currentColor"
-                                                                                    focusable="false"
-                                                                                    height="1em"
-                                                                                    key="svg-left"
-                                                                                    viewBox="64 64 896 896"
-                                                                                    width="1em"
-                                                                                  >
-                                                                                    <path
-                                                                                      d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                      key="svg-left-svg-0"
-                                                                                    />
-                                                                                  </svg>
-                                                                                </IconReact>
-                                                                              </span>
-                                                                            </AntdIcon>
-                                                                          </ForwardRef(LeftOutlined)>
-                                                                          <span
-                                                                            key=".1"
-                                                                          >
-                                                                            Back
-                                                                          </span>
-                                                                        </button>
-                                                                      </Button>
-                                                                    </div>
-                                                                  </div>
-                                                                  <ErrorList
-                                                                    errors={Array []}
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionAppear={true}
-                                                                      motionDeadline={500}
-                                                                      motionName="ant-show-help"
-                                                                      onLeaveEnd={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </ErrorList>
-                                                                </div>
-                                                              </Col>
-                                                            </FormItemInput>
-                                                          </div>
-                                                        </Row>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Meta Title"
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_meta_title"
-                                                            label="Meta Title"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Meta Title",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "meta",
-                                                                "title",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="meta_title"
-                                                                  label="Meta Title"
-                                                                  name={
-                                                                    Array [
-                                                                      "meta",
-                                                                      "title",
-                                                                    ]
-                                                                  }
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="meta_title"
-                                                                        title="Meta Title"
-                                                                      >
-                                                                        Meta Title
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Meta Title"
-                                                                  name={
-                                                                    Array [
-                                                                      "meta",
-                                                                      "title",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Input
-                                                                              id="meta_title"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="meta_title"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="meta_title"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value=""
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Meta Description"
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_meta_description"
-                                                            label="Meta Description"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Meta Description",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "meta",
-                                                                "description",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="meta_description"
-                                                                  label="Meta Description"
-                                                                  name={
-                                                                    Array [
-                                                                      "meta",
-                                                                      "description",
-                                                                    ]
-                                                                  }
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="meta_description"
-                                                                        title="Meta Description"
-                                                                      >
-                                                                        Meta Description
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Meta Description"
-                                                                  name={
-                                                                    Array [
-                                                                      "meta",
-                                                                      "description",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <ForwardRef
-                                                                              id="meta_description"
-                                                                              onChange={[Function]}
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <TextArea
-                                                                                    className=""
-                                                                                    id="meta_description"
-                                                                                    onChange={[Function]}
-                                                                                    onCompositionEnd={[Function]}
-                                                                                    onCompositionStart={[Function]}
-                                                                                    prefixCls="ant-input"
-                                                                                  />
-                                                                                }
-                                                                                handleReset={[Function]}
-                                                                                id="meta_description"
-                                                                                inputType="text"
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizableTextArea
-                                                                                    className=""
-                                                                                    id="meta_description"
-                                                                                    onChange={[Function]}
-                                                                                    onCompositionEnd={[Function]}
-                                                                                    onCompositionStart={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    prefixCls="ant-input"
-                                                                                    value=""
-                                                                                  >
-                                                                                    <ResizeObserver
-                                                                                      disabled={true}
-                                                                                      onResize={[Function]}
-                                                                                    >
-                                                                                      <textarea
-                                                                                        className="ant-input"
-                                                                                        id="meta_description"
-                                                                                        onChange={[Function]}
-                                                                                        onCompositionEnd={[Function]}
-                                                                                        onCompositionStart={[Function]}
-                                                                                        onKeyDown={[Function]}
-                                                                                        style={Object {}}
-                                                                                        value=""
-                                                                                      />
-                                                                                    </ResizeObserver>
-                                                                                  </ResizableTextArea>
-                                                                                </TextArea>
-                                                                              </ClearableLabeledInput>
-                                                                            </ForwardRef>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Canonical URL"
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_meta_canonical_URL"
-                                                            label="Canonical URL"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Canonical URL",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "meta",
-                                                                "canonical_URL",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="meta_canonical_URL"
-                                                                  label="Canonical URL"
-                                                                  name={
-                                                                    Array [
-                                                                      "meta",
-                                                                      "canonical_URL",
-                                                                    ]
-                                                                  }
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="meta_canonical_URL"
-                                                                        title="Canonical URL"
-                                                                      >
-                                                                        Canonical URL
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Canonical URL"
-                                                                  name={
-                                                                    Array [
-                                                                      "meta",
-                                                                      "canonical_URL",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Input
-                                                                              id="meta_canonical_URL"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="meta_canonical_URL"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="meta_canonical_URL"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value=""
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </div>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </DrawerChild>
-                                        </div>
-                                      </DrawerWrapper>
-                                    </Drawer>
-                                  </DrawerWrapper>
-                                  <DrawerWrapper
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <Drawer
-                                      bodyStyle={
-                                        Object {
-                                          "paddingBottom": 40,
-                                        }
-                                      }
-                                      closable={true}
-                                      getContainer={false}
-                                      headerStyle={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                      onClose={[Function]}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      title={
-                                        <h4
-                                          style={
-                                            Object {
-                                              "fontWeight": "bold",
-                                            }
-                                          }
-                                        >
-                                          Code Injection
-                                        </h4>
-                                      }
-                                      visible={false}
-                                      width={710}
-                                    >
-                                      <DrawerWrapper
-                                        afterVisibleChange={[Function]}
-                                        className=""
-                                        defaultOpen={false}
-                                        duration=".3s"
-                                        ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                        forceRender={false}
-                                        getContainer={false}
-                                        handler={false}
-                                        keyboard={true}
-                                        level={null}
-                                        maskClosable={true}
-                                        maskStyle={Object {}}
-                                        onChange={[Function]}
-                                        onClose={[Function]}
-                                        open={false}
-                                        placement="right"
-                                        prefixCls="ant-drawer"
-                                        showMask={true}
-                                        style={
-                                          Object {
-                                            "transform": undefined,
-                                            "zIndex": undefined,
-                                          }
-                                        }
-                                        width={710}
-                                        wrapperClassName=""
-                                      >
-                                        <div
-                                          className=""
-                                        >
-                                          <DrawerChild
-                                            afterVisibleChange={[Function]}
-                                            className=""
-                                            duration=".3s"
-                                            ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                            getContainer={[Function]}
-                                            handler={false}
-                                            keyboard={true}
-                                            level={null}
-                                            maskClosable={true}
-                                            maskStyle={Object {}}
-                                            onChange={[Function]}
-                                            onClose={[Function]}
-                                            onHandleClick={[Function]}
-                                            open={false}
-                                            placement="right"
-                                            prefixCls="ant-drawer"
-                                            showMask={true}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            width={710}
-                                          >
-                                            <div
-                                              className="ant-drawer ant-drawer-right"
-                                              onTransitionEnd={[Function]}
-                                              style={
-                                                Object {
-                                                  "transform": undefined,
-                                                  "zIndex": undefined,
-                                                }
-                                              }
-                                              tabIndex={-1}
-                                            >
-                                              <div
-                                                className="ant-drawer-mask"
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              />
-                                              <div
-                                                className="ant-drawer-content-wrapper"
-                                                style={
-                                                  Object {
-                                                    "height": undefined,
-                                                    "msTransform": "translateX(100%)",
-                                                    "transform": "translateX(100%)",
-                                                    "width": "710px",
-                                                  }
-                                                }
-                                              >
-                                                <div
-                                                  className="ant-drawer-content"
-                                                >
-                                                  <div
-                                                    className="ant-drawer-wrapper-body"
-                                                    onTransitionEnd={[Function]}
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-header"
-                                                      style={
-                                                        Object {
-                                                          "fontWeight": "bold",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-drawer-title"
-                                                      >
-                                                        <h4
-                                                          style={
-                                                            Object {
-                                                              "fontWeight": "bold",
-                                                            }
-                                                          }
-                                                        >
-                                                          Code Injection
-                                                        </h4>
-                                                      </div>
-                                                      <button
-                                                        aria-label="Close"
-                                                        className="ant-drawer-close"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "--scroll-bar": "0px",
-                                                          }
-                                                        }
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(CloseOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "close",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="close"
-                                                              className="anticon anticon-close"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "close",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="close"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-close"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                    key="svg-close-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(CloseOutlined)>
-                                                      </button>
-                                                    </div>
-                                                    <div
-                                                      className="ant-drawer-body"
-                                                      style={
-                                                        Object {
-                                                          "paddingBottom": 40,
-                                                        }
-                                                      }
-                                                    >
-                                                      <FormItem
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Row
-                                                          className="ant-form-item"
-                                                          key="row"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="ant-row ant-form-item"
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <FormItemLabel
-                                                              prefixCls="ant-form"
-                                                              requiredMark={true}
-                                                              style={
-                                                                Object {
-                                                                  "marginLeft": "-20px",
-                                                                }
-                                                              }
-                                                            />
-                                                            <FormItemInput
-                                                              errors={Array []}
-                                                              onDomErrorVisibleChange={[Function]}
-                                                              prefixCls="ant-form"
-                                                              status=""
-                                                              style={
-                                                                Object {
-                                                                  "marginLeft": "-20px",
-                                                                }
-                                                              }
-                                                              validateStatus=""
-                                                            >
-                                                              <Col
-                                                                className="ant-form-item-control"
-                                                              >
-                                                                <div
-                                                                  className="ant-col ant-form-item-control"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input-content"
-                                                                    >
-                                                                      <Button
-                                                                        onClick={[Function]}
-                                                                        type="text"
-                                                                      >
-                                                                        <button
-                                                                          className="ant-btn ant-btn-text"
-                                                                          onClick={[Function]}
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <ForwardRef(LeftOutlined)
-                                                                            key=".0"
-                                                                          >
-                                                                            <AntdIcon
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "left",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <span
-                                                                                aria-label="left"
-                                                                                className="anticon anticon-left"
-                                                                                role="img"
-                                                                              >
-                                                                                <IconReact
-                                                                                  icon={
-                                                                                    Object {
-                                                                                      "icon": Object {
-                                                                                        "attrs": Object {
-                                                                                          "focusable": "false",
-                                                                                          "viewBox": "64 64 896 896",
-                                                                                        },
-                                                                                        "children": Array [
-                                                                                          Object {
-                                                                                            "attrs": Object {
-                                                                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                            },
-                                                                                            "tag": "path",
-                                                                                          },
-                                                                                        ],
-                                                                                        "tag": "svg",
-                                                                                      },
-                                                                                      "name": "left",
-                                                                                      "theme": "outlined",
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <svg
-                                                                                    aria-hidden="true"
-                                                                                    data-icon="left"
-                                                                                    fill="currentColor"
-                                                                                    focusable="false"
-                                                                                    height="1em"
-                                                                                    key="svg-left"
-                                                                                    viewBox="64 64 896 896"
-                                                                                    width="1em"
-                                                                                  >
-                                                                                    <path
-                                                                                      d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                      key="svg-left-svg-0"
-                                                                                    />
-                                                                                  </svg>
-                                                                                </IconReact>
-                                                                              </span>
-                                                                            </AntdIcon>
-                                                                          </ForwardRef(LeftOutlined)>
-                                                                          <span
-                                                                            key=".1"
-                                                                          >
-                                                                            Back
-                                                                          </span>
-                                                                        </button>
-                                                                      </Button>
-                                                                    </div>
-                                                                  </div>
-                                                                  <ErrorList
-                                                                    errors={Array []}
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionAppear={true}
-                                                                      motionDeadline={500}
-                                                                      motionName="ant-show-help"
-                                                                      onLeaveEnd={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </ErrorList>
-                                                                </div>
-                                                              </Col>
-                                                            </FormItemInput>
-                                                          </div>
-                                                        </Row>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Header Code"
-                                                        name="header_code"
-                                                      >
-                                                        <WrapperField
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name="header_code"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_header_code"
-                                                            label="Header Code"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Header Code",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "header_code",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="header_code"
-                                                                  label="Header Code"
-                                                                  name="header_code"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="header_code"
-                                                                        title="Header Code"
-                                                                      >
-                                                                        Header Code
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Header Code"
-                                                                  name={
-                                                                    Array [
-                                                                      "header_code",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <MONACOEditor
-                                                                              id="header_code"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              width={650}
-                                                                            >
-                                                                              <MonacoEditor
-                                                                                height="240"
-                                                                                language="html"
-                                                                                onChange={[Function]}
-                                                                                options={
-                                                                                  Object {
-                                                                                    "autoClosingBrackets": "auto",
-                                                                                    "autoClosingQuotes": "auto",
-                                                                                    "cursorBlinking": "smooth",
-                                                                                    "folding": true,
-                                                                                    "lineNumbersMinChars": 4,
-                                                                                    "minimap": Object {
-                                                                                      "enabled": false,
-                                                                                    },
-                                                                                    "scrollBeyondLastLine": false,
-                                                                                    "scrollbar": Object {
-                                                                                      "alwaysConsumeMouseWheel": false,
-                                                                                    },
-                                                                                    "theme": "vs-dark",
-                                                                                    "wordWrap": "on",
-                                                                                  }
-                                                                                }
-                                                                                width={650}
-                                                                              >
-                                                                                <div />
-                                                                              </MonacoEditor>
-                                                                            </MONACOEditor>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        label="Footer Code"
-                                                        name="footer_code"
-                                                      >
-                                                        <WrapperField
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name="footer_code"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_footer_code"
-                                                            label="Footer Code"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Footer Code",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "footer_code",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="footer_code"
-                                                                  label="Footer Code"
-                                                                  name="footer_code"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="footer_code"
-                                                                        title="Footer Code"
-                                                                      >
-                                                                        Footer Code
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Footer Code"
-                                                                  name={
-                                                                    Array [
-                                                                      "footer_code",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <MONACOEditor
-                                                                              id="footer_code"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              width={650}
-                                                                            >
-                                                                              <MonacoEditor
-                                                                                height="240"
-                                                                                language="html"
-                                                                                onChange={[Function]}
-                                                                                options={
-                                                                                  Object {
-                                                                                    "autoClosingBrackets": "auto",
-                                                                                    "autoClosingQuotes": "auto",
-                                                                                    "cursorBlinking": "smooth",
-                                                                                    "folding": true,
-                                                                                    "lineNumbersMinChars": 4,
-                                                                                    "minimap": Object {
-                                                                                      "enabled": false,
-                                                                                    },
-                                                                                    "scrollBeyondLastLine": false,
-                                                                                    "scrollbar": Object {
-                                                                                      "alwaysConsumeMouseWheel": false,
-                                                                                    },
-                                                                                    "theme": "vs-dark",
-                                                                                    "wordWrap": "on",
-                                                                                  }
-                                                                                }
-                                                                                width={650}
-                                                                              >
-                                                                                <div />
-                                                                              </MonacoEditor>
-                                                                            </MONACOEditor>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </div>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </DrawerChild>
-                                        </div>
-                                      </DrawerWrapper>
-                                    </Drawer>
-                                  </DrawerWrapper>
-                                  <DrawerWrapper
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <Drawer
-                                      bodyStyle={
-                                        Object {
-                                          "paddingBottom": 40,
-                                        }
-                                      }
-                                      closable={true}
-                                      getContainer={false}
-                                      headerStyle={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                      onClose={[Function]}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      title={
-                                        <h4
-                                          style={
-                                            Object {
-                                              "fontWeight": "bold",
-                                            }
-                                          }
-                                        >
-                                          Meta Fields
-                                        </h4>
-                                      }
-                                      visible={false}
-                                      width={480}
-                                    >
-                                      <DrawerWrapper
-                                        afterVisibleChange={[Function]}
-                                        className=""
-                                        defaultOpen={false}
-                                        duration=".3s"
-                                        ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                        forceRender={false}
-                                        getContainer={false}
-                                        handler={false}
-                                        keyboard={true}
-                                        level={null}
-                                        maskClosable={true}
-                                        maskStyle={Object {}}
-                                        onChange={[Function]}
-                                        onClose={[Function]}
-                                        open={false}
-                                        placement="right"
-                                        prefixCls="ant-drawer"
-                                        showMask={true}
-                                        style={
-                                          Object {
-                                            "transform": undefined,
-                                            "zIndex": undefined,
-                                          }
-                                        }
-                                        width={480}
-                                        wrapperClassName=""
-                                      >
-                                        <div
-                                          className=""
-                                        >
-                                          <DrawerChild
-                                            afterVisibleChange={[Function]}
-                                            className=""
-                                            duration=".3s"
-                                            ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                            getContainer={[Function]}
-                                            handler={false}
-                                            keyboard={true}
-                                            level={null}
-                                            maskClosable={true}
-                                            maskStyle={Object {}}
-                                            onChange={[Function]}
-                                            onClose={[Function]}
-                                            onHandleClick={[Function]}
-                                            open={false}
-                                            placement="right"
-                                            prefixCls="ant-drawer"
-                                            showMask={true}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            width={480}
-                                          >
-                                            <div
-                                              className="ant-drawer ant-drawer-right"
-                                              onTransitionEnd={[Function]}
-                                              style={
-                                                Object {
-                                                  "transform": undefined,
-                                                  "zIndex": undefined,
-                                                }
-                                              }
-                                              tabIndex={-1}
-                                            >
-                                              <div
-                                                className="ant-drawer-mask"
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              />
-                                              <div
-                                                className="ant-drawer-content-wrapper"
-                                                style={
-                                                  Object {
-                                                    "height": undefined,
-                                                    "msTransform": "translateX(100%)",
-                                                    "transform": "translateX(100%)",
-                                                    "width": "480px",
-                                                  }
-                                                }
-                                              >
-                                                <div
-                                                  className="ant-drawer-content"
-                                                >
-                                                  <div
-                                                    className="ant-drawer-wrapper-body"
-                                                    onTransitionEnd={[Function]}
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-header"
-                                                      style={
-                                                        Object {
-                                                          "fontWeight": "bold",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-drawer-title"
-                                                      >
-                                                        <h4
-                                                          style={
-                                                            Object {
-                                                              "fontWeight": "bold",
-                                                            }
-                                                          }
-                                                        >
-                                                          Meta Fields
-                                                        </h4>
-                                                      </div>
-                                                      <button
-                                                        aria-label="Close"
-                                                        className="ant-drawer-close"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "--scroll-bar": "0px",
-                                                          }
-                                                        }
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(CloseOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "close",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="close"
-                                                              className="anticon anticon-close"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "close",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="close"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-close"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                    key="svg-close-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(CloseOutlined)>
-                                                      </button>
-                                                    </div>
-                                                    <div
-                                                      className="ant-drawer-body"
-                                                      style={
-                                                        Object {
-                                                          "paddingBottom": 40,
-                                                        }
-                                                      }
-                                                    >
-                                                      <FormItem
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Row
-                                                          className="ant-form-item"
-                                                          key="row"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="ant-row ant-form-item"
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <FormItemLabel
-                                                              prefixCls="ant-form"
-                                                              requiredMark={true}
-                                                              style={
-                                                                Object {
-                                                                  "marginLeft": "-20px",
-                                                                }
-                                                              }
-                                                            />
-                                                            <FormItemInput
-                                                              errors={Array []}
-                                                              onDomErrorVisibleChange={[Function]}
-                                                              prefixCls="ant-form"
-                                                              status=""
-                                                              style={
-                                                                Object {
-                                                                  "marginLeft": "-20px",
-                                                                }
-                                                              }
-                                                              validateStatus=""
-                                                            >
-                                                              <Col
-                                                                className="ant-form-item-control"
-                                                              >
-                                                                <div
-                                                                  className="ant-col ant-form-item-control"
-                                                                  style={Object {}}
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input-content"
-                                                                    >
-                                                                      <Button
-                                                                        onClick={[Function]}
-                                                                        type="text"
-                                                                      >
-                                                                        <button
-                                                                          className="ant-btn ant-btn-text"
-                                                                          onClick={[Function]}
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <ForwardRef(LeftOutlined)
-                                                                            key=".0"
-                                                                          >
-                                                                            <AntdIcon
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "left",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <span
-                                                                                aria-label="left"
-                                                                                className="anticon anticon-left"
-                                                                                role="img"
-                                                                              >
-                                                                                <IconReact
-                                                                                  icon={
-                                                                                    Object {
-                                                                                      "icon": Object {
-                                                                                        "attrs": Object {
-                                                                                          "focusable": "false",
-                                                                                          "viewBox": "64 64 896 896",
-                                                                                        },
-                                                                                        "children": Array [
-                                                                                          Object {
-                                                                                            "attrs": Object {
-                                                                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                            },
-                                                                                            "tag": "path",
-                                                                                          },
-                                                                                        ],
-                                                                                        "tag": "svg",
-                                                                                      },
-                                                                                      "name": "left",
-                                                                                      "theme": "outlined",
-                                                                                    }
-                                                                                  }
-                                                                                >
-                                                                                  <svg
-                                                                                    aria-hidden="true"
-                                                                                    data-icon="left"
-                                                                                    fill="currentColor"
-                                                                                    focusable="false"
-                                                                                    height="1em"
-                                                                                    key="svg-left"
-                                                                                    viewBox="64 64 896 896"
-                                                                                    width="1em"
-                                                                                  >
-                                                                                    <path
-                                                                                      d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                      key="svg-left-svg-0"
-                                                                                    />
-                                                                                  </svg>
-                                                                                </IconReact>
-                                                                              </span>
-                                                                            </AntdIcon>
-                                                                          </ForwardRef(LeftOutlined)>
-                                                                          <span
-                                                                            key=".1"
-                                                                          >
-                                                                            Back
-                                                                          </span>
-                                                                        </button>
-                                                                      </Button>
-                                                                    </div>
-                                                                  </div>
-                                                                  <ErrorList
-                                                                    errors={Array []}
-                                                                    onDomErrorVisibleChange={[Function]}
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionAppear={true}
-                                                                      motionDeadline={500}
-                                                                      motionName="ant-show-help"
-                                                                      onLeaveEnd={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </ErrorList>
-                                                                </div>
-                                                              </Col>
-                                                            </FormItemInput>
-                                                          </div>
-                                                        </Row>
-                                                      </FormItem>
-                                                      <FormItem
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        name="meta_fields"
-                                                      >
-                                                        <WrapperField
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name="meta_fields"
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            extra="add JSON if you have to pass any extra data"
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_meta_fields"
-                                                            label="Meta Fields"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Meta Fields",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "meta_fields",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  extra="add JSON if you have to pass any extra data"
-                                                                  htmlFor="meta_fields"
-                                                                  label="Meta Fields"
-                                                                  name="meta_fields"
-                                                                  prefixCls="ant-form"
-                                                                  required={false}
-                                                                  requiredMark={true}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className=""
-                                                                        htmlFor="meta_fields"
-                                                                        title="Meta Fields"
-                                                                      >
-                                                                        Meta Fields
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  extra="add JSON if you have to pass any extra data"
-                                                                  label="Meta Fields"
-                                                                  name={
-                                                                    Array [
-                                                                      "meta_fields",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <MONACOEditor
-                                                                              id="meta_fields"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                            >
-                                                                              <MonacoEditor
-                                                                                height="240"
-                                                                                language="json"
-                                                                                onChange={[Function]}
-                                                                                options={
-                                                                                  Object {
-                                                                                    "autoClosingBrackets": "auto",
-                                                                                    "autoClosingQuotes": "auto",
-                                                                                    "cursorBlinking": "smooth",
-                                                                                    "folding": true,
-                                                                                    "lineNumbersMinChars": 4,
-                                                                                    "minimap": Object {
-                                                                                      "enabled": false,
-                                                                                    },
-                                                                                    "scrollBeyondLastLine": false,
-                                                                                    "scrollbar": Object {
-                                                                                      "alwaysConsumeMouseWheel": false,
-                                                                                    },
-                                                                                    "theme": "vs-dark",
-                                                                                    "wordWrap": "on",
-                                                                                  }
-                                                                                }
-                                                                                width={440}
-                                                                              >
-                                                                                <div />
-                                                                              </MonacoEditor>
-                                                                            </MONACOEditor>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                      <div
-                                                                        className="ant-form-item-extra"
-                                                                      >
-                                                                        add JSON if you have to pass any extra data
-                                                                      </div>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </div>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </DrawerChild>
-                                        </div>
-                                      </DrawerWrapper>
-                                    </Drawer>
-                                  </DrawerWrapper>
-                                </div>
-                              </Col>
-                            </div>
-                          </Row>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </form>
-              </ForwardRef(Form)>
-            </SizeContextProvider>
-          </ForwardRef(InternalForm)>
-        </FactCheckForm>
-      </EditFactCheck>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/fact-checks/__snapshots__/GoogleFactCheck.test.js.snap b/studio/src/pages/fact-checks/__snapshots__/GoogleFactCheck.test.js.snap
deleted file mode 100644
index c19d9f26a..000000000
--- a/studio/src/pages/fact-checks/__snapshots__/GoogleFactCheck.test.js.snap
+++ /dev/null
@@ -1,9713 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`GoogleFactCheck component snapshot testing should match when component loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <GoogleFactCheck>
-    <Space
-      direction="vertical"
-    >
-      <div
-        className="ant-space ant-space-vertical"
-        style={Object {}}
-      >
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={0}
-          key="ant-space-item-0"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={
-              Object {
-                "marginBottom": 8,
-              }
-            }
-          >
-            <ForwardRef(InternalForm)
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": "google-fact-check",
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              layout="inline"
-              name="google-fact-check"
-              onFinish={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                }
-              }
-            >
-              <SizeContextProvider>
-                <ForwardRef(Form)
-                  className="ant-form ant-form-inline"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "google-fact-check",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  id="google-fact-check"
-                  name="google-fact-check"
-                  onFinish={[Function]}
-                  onFinishFailed={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <form
-                    className="ant-form ant-form-inline"
-                    id="google-fact-check"
-                    onReset={[Function]}
-                    onSubmit={[Function]}
-                    style={
-                      Object {
-                        "maxWidth": "100%",
-                      }
-                    }
-                  >
-                    <FormItem
-                      label="Search"
-                      name="query"
-                      rules={
-                        Array [
-                          Object {
-                            "message": "Please enter your search query!",
-                            "required": true,
-                          },
-                        ]
-                      }
-                      style={
-                        Object {
-                          "width": "25%",
-                        }
-                      }
-                    >
-                      <WrapperField
-                        label="Search"
-                        messageVariables={
-                          Object {
-                            "label": "Search",
-                          }
-                        }
-                        name="query"
-                        onReset={[Function]}
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please enter your search query!",
-                              "required": true,
-                            },
-                          ]
-                        }
-                        style={
-                          Object {
-                            "width": "25%",
-                          }
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "google-fact-check",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_query"
-                          label="Search"
-                          messageVariables={
-                            Object {
-                              "label": "Search",
-                            }
-                          }
-                          name={
-                            Array [
-                              "query",
-                            ]
-                          }
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please enter your search query!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          style={
-                            Object {
-                              "width": "25%",
-                            }
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                            style={
-                              Object {
-                                "width": "25%",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={
-                                Object {
-                                  "width": "25%",
-                                }
-                              }
-                            >
-                              <FormItemLabel
-                                htmlFor="google-fact-check_query"
-                                label="Search"
-                                name="query"
-                                prefixCls="ant-form"
-                                required={true}
-                                requiredMark={true}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter your search query!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className="ant-form-item-required"
-                                      htmlFor="google-fact-check_query"
-                                      title="Search"
-                                    >
-                                      Search
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="Search"
-                                name={
-                                  Array [
-                                    "query",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter your search query!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                status=""
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={2}
-                                        >
-                                          <Input
-                                            id="google-fact-check_query"
-                                            onChange={[Function]}
-                                            placeholder="search fact checks"
-                                            type="text"
-                                          >
-                                            <ClearableLabeledInput
-                                              bordered={true}
-                                              element={
-                                                <input
-                                                  className="ant-input"
-                                                  id="google-fact-check_query"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="search fact checks"
-                                                  type="text"
-                                                />
-                                              }
-                                              focused={false}
-                                              handleReset={[Function]}
-                                              id="google-fact-check_query"
-                                              inputType="input"
-                                              onChange={[Function]}
-                                              placeholder="search fact checks"
-                                              prefixCls="ant-input"
-                                              triggerFocus={[Function]}
-                                              type="text"
-                                              value=""
-                                            >
-                                              <input
-                                                className="ant-input"
-                                                id="google-fact-check_query"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="search fact checks"
-                                                type="text"
-                                                value=""
-                                              />
-                                            </ClearableLabeledInput>
-                                          </Input>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                    <FormItem
-                      label="language"
-                      name="language"
-                      style={
-                        Object {
-                          "width": "25%",
-                        }
-                      }
-                    >
-                      <WrapperField
-                        label="language"
-                        messageVariables={
-                          Object {
-                            "label": "language",
-                          }
-                        }
-                        name="language"
-                        onReset={[Function]}
-                        style={
-                          Object {
-                            "width": "25%",
-                          }
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "google-fact-check",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_language"
-                          label="language"
-                          messageVariables={
-                            Object {
-                              "label": "language",
-                            }
-                          }
-                          name={
-                            Array [
-                              "language",
-                            ]
-                          }
-                          onReset={[Function]}
-                          style={
-                            Object {
-                              "width": "25%",
-                            }
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                            style={
-                              Object {
-                                "width": "25%",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={
-                                Object {
-                                  "width": "25%",
-                                }
-                              }
-                            >
-                              <FormItemLabel
-                                htmlFor="google-fact-check_language"
-                                label="language"
-                                name="language"
-                                prefixCls="ant-form"
-                                required={false}
-                                requiredMark={true}
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className=""
-                                      htmlFor="google-fact-check_language"
-                                      title="language"
-                                    >
-                                      language
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="language"
-                                name={
-                                  Array [
-                                    "language",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={2}
-                                        >
-                                          <ForwardRef(InternalSelect)
-                                            defaultValue="all"
-                                            id="google-fact-check_language"
-                                            onChange={[Function]}
-                                          >
-                                            <Select
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              defaultValue="all"
-                                              dropdownClassName=""
-                                              id="google-fact-check_language"
-                                              inputIcon={[Function]}
-                                              listHeight={256}
-                                              listItemHeight={24}
-                                              menuItemSelectedIcon={null}
-                                              notFoundContent={
-                                                <Context.Consumer>
-                                                  [Function]
-                                                </Context.Consumer>
-                                              }
-                                              onChange={[Function]}
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              transitionName="ant-slide-up"
-                                            >
-                                              <ForwardRef(Select)
-                                                className=""
-                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                defaultValue="all"
-                                                dropdownClassName=""
-                                                id="google-fact-check_language"
-                                                inputIcon={[Function]}
-                                                listHeight={256}
-                                                listItemHeight={24}
-                                                menuItemSelectedIcon={null}
-                                                notFoundContent={
-                                                  <Context.Consumer>
-                                                    [Function]
-                                                  </Context.Consumer>
-                                                }
-                                                onChange={[Function]}
-                                                prefixCls="ant-select"
-                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                transitionName="ant-slide-up"
-                                              >
-                                                <div
-                                                  className="ant-select ant-select-single ant-select-show-arrow"
-                                                  onBlur={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  onMouseDown={[Function]}
-                                                >
-                                                  <SelectTrigger
-                                                    containerWidth={null}
-                                                    dropdownClassName=""
-                                                    empty={false}
-                                                    getTriggerDOMNode={[Function]}
-                                                    popupElement={
-                                                      <ForwardRef(OptionList)
-                                                        childrenAsData={true}
-                                                        defaultActiveFirstOption={true}
-                                                        flattenOptions={
-                                                          Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "All",
-                                                                "key": "0",
-                                                                "value": "all",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "0",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Amharic",
-                                                                "key": "1",
-                                                                "value": "am",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "1",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Arabic",
-                                                                "key": "2",
-                                                                "value": "ar",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "2",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Basque",
-                                                                "key": "3",
-                                                                "value": "eu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "3",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Bengali",
-                                                                "key": "4",
-                                                                "value": "bn",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "4",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "English (UK)",
-                                                                "key": "5",
-                                                                "value": "en-GB",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "5",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Portuguese (Brazil)",
-                                                                "key": "6",
-                                                                "value": "pt-BR",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "6",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Bulgarian",
-                                                                "key": "7",
-                                                                "value": "bg",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "7",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Catalan",
-                                                                "key": "8",
-                                                                "value": "ca",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "8",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Cherokee",
-                                                                "key": "9",
-                                                                "value": "chr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "9",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Croatian",
-                                                                "key": "10",
-                                                                "value": "hr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "10",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Czech",
-                                                                "key": "11",
-                                                                "value": "cs",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "11",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Danish",
-                                                                "key": "12",
-                                                                "value": "da",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "12",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Dutch",
-                                                                "key": "13",
-                                                                "value": "nl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "13",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "English (US)",
-                                                                "key": "14",
-                                                                "value": "en",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "14",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Estonian",
-                                                                "key": "15",
-                                                                "value": "et",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "15",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Filipino",
-                                                                "key": "16",
-                                                                "value": "fil",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "16",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Finnish",
-                                                                "key": "17",
-                                                                "value": "fi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "17",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "French",
-                                                                "key": "18",
-                                                                "value": "fr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "18",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "German",
-                                                                "key": "19",
-                                                                "value": "de",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "19",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Greek",
-                                                                "key": "20",
-                                                                "value": "el",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "20",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Gujarati",
-                                                                "key": "21",
-                                                                "value": "gu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "21",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hebrew",
-                                                                "key": "22",
-                                                                "value": "iw",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "22",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hindi",
-                                                                "key": "23",
-                                                                "value": "hi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "23",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hungarian",
-                                                                "key": "24",
-                                                                "value": "hu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "24",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Icelandic",
-                                                                "key": "25",
-                                                                "value": "is",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "25",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Indonesian",
-                                                                "key": "26",
-                                                                "value": "id",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "26",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Italian",
-                                                                "key": "27",
-                                                                "value": "it",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "27",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Japanese",
-                                                                "key": "28",
-                                                                "value": "ja",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "28",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Kannada",
-                                                                "key": "29",
-                                                                "value": "kn",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "29",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Korean",
-                                                                "key": "30",
-                                                                "value": "ko",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "30",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Latvian",
-                                                                "key": "31",
-                                                                "value": "lv",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "31",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Lithuanian",
-                                                                "key": "32",
-                                                                "value": "lt",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "32",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Malay",
-                                                                "key": "33",
-                                                                "value": "ms",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "33",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Malayalam",
-                                                                "key": "34",
-                                                                "value": "ml",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "34",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Marathi",
-                                                                "key": "35",
-                                                                "value": "mr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "35",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Norwegian",
-                                                                "key": "36",
-                                                                "value": "no",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "36",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Polish",
-                                                                "key": "37",
-                                                                "value": "pl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "37",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Portuguese (Portugal)",
-                                                                "key": "38",
-                                                                "value": "pt-PT",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "38",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Romanian",
-                                                                "key": "39",
-                                                                "value": "ro",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "39",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Russian",
-                                                                "key": "40",
-                                                                "value": "ru",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "40",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Serbian",
-                                                                "key": "41",
-                                                                "value": "sr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "41",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Chinese (PRC)",
-                                                                "key": "42",
-                                                                "value": "zh-CN",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "42",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Slovak",
-                                                                "key": "43",
-                                                                "value": "sk",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "43",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Slovenian",
-                                                                "key": "44",
-                                                                "value": "sl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "44",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Spanish",
-                                                                "key": "45",
-                                                                "value": "es",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "45",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Swahili",
-                                                                "key": "46",
-                                                                "value": "sw",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "46",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Swedish",
-                                                                "key": "47",
-                                                                "value": "sv",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "47",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Tamil",
-                                                                "key": "48",
-                                                                "value": "ta",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "48",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Telugu",
-                                                                "key": "49",
-                                                                "value": "te",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "49",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Thai",
-                                                                "key": "50",
-                                                                "value": "th",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "50",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Chinese (Taiwan)",
-                                                                "key": "51",
-                                                                "value": "zh-TW",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "51",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Turkish",
-                                                                "key": "52",
-                                                                "value": "tr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "52",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Urdu",
-                                                                "key": "53",
-                                                                "value": "ur",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "53",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Ukrainian",
-                                                                "key": "54",
-                                                                "value": "uk",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "54",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Vietnamese",
-                                                                "key": "55",
-                                                                "value": "vi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "55",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Welsh",
-                                                                "key": "56",
-                                                                "value": "cy",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "56",
-                                                            },
-                                                          ]
-                                                        }
-                                                        height={256}
-                                                        id="google-fact-check_language"
-                                                        itemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onActiveValue={[Function]}
-                                                        onMouseEnter={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "children": "All",
-                                                              "key": "0",
-                                                              "value": "all",
-                                                            },
-                                                            Object {
-                                                              "children": "Amharic",
-                                                              "key": "1",
-                                                              "value": "am",
-                                                            },
-                                                            Object {
-                                                              "children": "Arabic",
-                                                              "key": "2",
-                                                              "value": "ar",
-                                                            },
-                                                            Object {
-                                                              "children": "Basque",
-                                                              "key": "3",
-                                                              "value": "eu",
-                                                            },
-                                                            Object {
-                                                              "children": "Bengali",
-                                                              "key": "4",
-                                                              "value": "bn",
-                                                            },
-                                                            Object {
-                                                              "children": "English (UK)",
-                                                              "key": "5",
-                                                              "value": "en-GB",
-                                                            },
-                                                            Object {
-                                                              "children": "Portuguese (Brazil)",
-                                                              "key": "6",
-                                                              "value": "pt-BR",
-                                                            },
-                                                            Object {
-                                                              "children": "Bulgarian",
-                                                              "key": "7",
-                                                              "value": "bg",
-                                                            },
-                                                            Object {
-                                                              "children": "Catalan",
-                                                              "key": "8",
-                                                              "value": "ca",
-                                                            },
-                                                            Object {
-                                                              "children": "Cherokee",
-                                                              "key": "9",
-                                                              "value": "chr",
-                                                            },
-                                                            Object {
-                                                              "children": "Croatian",
-                                                              "key": "10",
-                                                              "value": "hr",
-                                                            },
-                                                            Object {
-                                                              "children": "Czech",
-                                                              "key": "11",
-                                                              "value": "cs",
-                                                            },
-                                                            Object {
-                                                              "children": "Danish",
-                                                              "key": "12",
-                                                              "value": "da",
-                                                            },
-                                                            Object {
-                                                              "children": "Dutch",
-                                                              "key": "13",
-                                                              "value": "nl",
-                                                            },
-                                                            Object {
-                                                              "children": "English (US)",
-                                                              "key": "14",
-                                                              "value": "en",
-                                                            },
-                                                            Object {
-                                                              "children": "Estonian",
-                                                              "key": "15",
-                                                              "value": "et",
-                                                            },
-                                                            Object {
-                                                              "children": "Filipino",
-                                                              "key": "16",
-                                                              "value": "fil",
-                                                            },
-                                                            Object {
-                                                              "children": "Finnish",
-                                                              "key": "17",
-                                                              "value": "fi",
-                                                            },
-                                                            Object {
-                                                              "children": "French",
-                                                              "key": "18",
-                                                              "value": "fr",
-                                                            },
-                                                            Object {
-                                                              "children": "German",
-                                                              "key": "19",
-                                                              "value": "de",
-                                                            },
-                                                            Object {
-                                                              "children": "Greek",
-                                                              "key": "20",
-                                                              "value": "el",
-                                                            },
-                                                            Object {
-                                                              "children": "Gujarati",
-                                                              "key": "21",
-                                                              "value": "gu",
-                                                            },
-                                                            Object {
-                                                              "children": "Hebrew",
-                                                              "key": "22",
-                                                              "value": "iw",
-                                                            },
-                                                            Object {
-                                                              "children": "Hindi",
-                                                              "key": "23",
-                                                              "value": "hi",
-                                                            },
-                                                            Object {
-                                                              "children": "Hungarian",
-                                                              "key": "24",
-                                                              "value": "hu",
-                                                            },
-                                                            Object {
-                                                              "children": "Icelandic",
-                                                              "key": "25",
-                                                              "value": "is",
-                                                            },
-                                                            Object {
-                                                              "children": "Indonesian",
-                                                              "key": "26",
-                                                              "value": "id",
-                                                            },
-                                                            Object {
-                                                              "children": "Italian",
-                                                              "key": "27",
-                                                              "value": "it",
-                                                            },
-                                                            Object {
-                                                              "children": "Japanese",
-                                                              "key": "28",
-                                                              "value": "ja",
-                                                            },
-                                                            Object {
-                                                              "children": "Kannada",
-                                                              "key": "29",
-                                                              "value": "kn",
-                                                            },
-                                                            Object {
-                                                              "children": "Korean",
-                                                              "key": "30",
-                                                              "value": "ko",
-                                                            },
-                                                            Object {
-                                                              "children": "Latvian",
-                                                              "key": "31",
-                                                              "value": "lv",
-                                                            },
-                                                            Object {
-                                                              "children": "Lithuanian",
-                                                              "key": "32",
-                                                              "value": "lt",
-                                                            },
-                                                            Object {
-                                                              "children": "Malay",
-                                                              "key": "33",
-                                                              "value": "ms",
-                                                            },
-                                                            Object {
-                                                              "children": "Malayalam",
-                                                              "key": "34",
-                                                              "value": "ml",
-                                                            },
-                                                            Object {
-                                                              "children": "Marathi",
-                                                              "key": "35",
-                                                              "value": "mr",
-                                                            },
-                                                            Object {
-                                                              "children": "Norwegian",
-                                                              "key": "36",
-                                                              "value": "no",
-                                                            },
-                                                            Object {
-                                                              "children": "Polish",
-                                                              "key": "37",
-                                                              "value": "pl",
-                                                            },
-                                                            Object {
-                                                              "children": "Portuguese (Portugal)",
-                                                              "key": "38",
-                                                              "value": "pt-PT",
-                                                            },
-                                                            Object {
-                                                              "children": "Romanian",
-                                                              "key": "39",
-                                                              "value": "ro",
-                                                            },
-                                                            Object {
-                                                              "children": "Russian",
-                                                              "key": "40",
-                                                              "value": "ru",
-                                                            },
-                                                            Object {
-                                                              "children": "Serbian",
-                                                              "key": "41",
-                                                              "value": "sr",
-                                                            },
-                                                            Object {
-                                                              "children": "Chinese (PRC)",
-                                                              "key": "42",
-                                                              "value": "zh-CN",
-                                                            },
-                                                            Object {
-                                                              "children": "Slovak",
-                                                              "key": "43",
-                                                              "value": "sk",
-                                                            },
-                                                            Object {
-                                                              "children": "Slovenian",
-                                                              "key": "44",
-                                                              "value": "sl",
-                                                            },
-                                                            Object {
-                                                              "children": "Spanish",
-                                                              "key": "45",
-                                                              "value": "es",
-                                                            },
-                                                            Object {
-                                                              "children": "Swahili",
-                                                              "key": "46",
-                                                              "value": "sw",
-                                                            },
-                                                            Object {
-                                                              "children": "Swedish",
-                                                              "key": "47",
-                                                              "value": "sv",
-                                                            },
-                                                            Object {
-                                                              "children": "Tamil",
-                                                              "key": "48",
-                                                              "value": "ta",
-                                                            },
-                                                            Object {
-                                                              "children": "Telugu",
-                                                              "key": "49",
-                                                              "value": "te",
-                                                            },
-                                                            Object {
-                                                              "children": "Thai",
-                                                              "key": "50",
-                                                              "value": "th",
-                                                            },
-                                                            Object {
-                                                              "children": "Chinese (Taiwan)",
-                                                              "key": "51",
-                                                              "value": "zh-TW",
-                                                            },
-                                                            Object {
-                                                              "children": "Turkish",
-                                                              "key": "52",
-                                                              "value": "tr",
-                                                            },
-                                                            Object {
-                                                              "children": "Urdu",
-                                                              "key": "53",
-                                                              "value": "ur",
-                                                            },
-                                                            Object {
-                                                              "children": "Ukrainian",
-                                                              "key": "54",
-                                                              "value": "uk",
-                                                            },
-                                                            Object {
-                                                              "children": "Vietnamese",
-                                                              "key": "55",
-                                                              "value": "vi",
-                                                            },
-                                                            Object {
-                                                              "children": "Welsh",
-                                                              "key": "56",
-                                                              "value": "cy",
-                                                            },
-                                                          ]
-                                                        }
-                                                        prefixCls="ant-select"
-                                                        searchValue=""
-                                                        values={
-                                                          Set {
-                                                            "all",
-                                                          }
-                                                        }
-                                                        virtual={true}
-                                                      />
-                                                    }
-                                                    prefixCls="ant-select"
-                                                    transitionName="ant-slide-up"
-                                                  >
-                                                    <Trigger
-                                                      action={Array []}
-                                                      afterPopupVisibleChange={[Function]}
-                                                      autoDestroy={false}
-                                                      blurDelay={0.15}
-                                                      builtinPlacements={
-                                                        Object {
-                                                          "bottomLeft": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tl",
-                                                              "bl",
-                                                            ],
-                                                          },
-                                                          "bottomRight": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tr",
-                                                              "br",
-                                                            ],
-                                                          },
-                                                          "topLeft": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "bl",
-                                                              "tl",
-                                                            ],
-                                                          },
-                                                          "topRight": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "br",
-                                                              "tr",
-                                                            ],
-                                                          },
-                                                        }
-                                                      }
-                                                      defaultPopupVisible={false}
-                                                      destroyPopupOnHide={false}
-                                                      focusDelay={0}
-                                                      getDocument={[Function]}
-                                                      getPopupClassNameFromAlign={[Function]}
-                                                      getTriggerDOMNode={[Function]}
-                                                      hideAction={Array []}
-                                                      mask={false}
-                                                      maskClosable={true}
-                                                      mouseEnterDelay={0}
-                                                      mouseLeaveDelay={0.1}
-                                                      onPopupAlign={[Function]}
-                                                      onPopupVisibleChange={[Function]}
-                                                      popup={
-                                                        <div>
-                                                          <ForwardRef(OptionList)
-                                                            childrenAsData={true}
-                                                            defaultActiveFirstOption={true}
-                                                            flattenOptions={
-                                                              Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "All",
-                                                                    "key": "0",
-                                                                    "value": "all",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "0",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Amharic",
-                                                                    "key": "1",
-                                                                    "value": "am",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "1",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Arabic",
-                                                                    "key": "2",
-                                                                    "value": "ar",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "2",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Basque",
-                                                                    "key": "3",
-                                                                    "value": "eu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "3",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Bengali",
-                                                                    "key": "4",
-                                                                    "value": "bn",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "4",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "English (UK)",
-                                                                    "key": "5",
-                                                                    "value": "en-GB",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "5",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Portuguese (Brazil)",
-                                                                    "key": "6",
-                                                                    "value": "pt-BR",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "6",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Bulgarian",
-                                                                    "key": "7",
-                                                                    "value": "bg",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "7",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Catalan",
-                                                                    "key": "8",
-                                                                    "value": "ca",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "8",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Cherokee",
-                                                                    "key": "9",
-                                                                    "value": "chr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "9",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Croatian",
-                                                                    "key": "10",
-                                                                    "value": "hr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "10",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Czech",
-                                                                    "key": "11",
-                                                                    "value": "cs",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "11",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Danish",
-                                                                    "key": "12",
-                                                                    "value": "da",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "12",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Dutch",
-                                                                    "key": "13",
-                                                                    "value": "nl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "13",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "English (US)",
-                                                                    "key": "14",
-                                                                    "value": "en",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "14",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Estonian",
-                                                                    "key": "15",
-                                                                    "value": "et",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "15",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Filipino",
-                                                                    "key": "16",
-                                                                    "value": "fil",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "16",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Finnish",
-                                                                    "key": "17",
-                                                                    "value": "fi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "17",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "French",
-                                                                    "key": "18",
-                                                                    "value": "fr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "18",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "German",
-                                                                    "key": "19",
-                                                                    "value": "de",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "19",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Greek",
-                                                                    "key": "20",
-                                                                    "value": "el",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "20",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Gujarati",
-                                                                    "key": "21",
-                                                                    "value": "gu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "21",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hebrew",
-                                                                    "key": "22",
-                                                                    "value": "iw",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "22",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hindi",
-                                                                    "key": "23",
-                                                                    "value": "hi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "23",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hungarian",
-                                                                    "key": "24",
-                                                                    "value": "hu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "24",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Icelandic",
-                                                                    "key": "25",
-                                                                    "value": "is",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "25",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Indonesian",
-                                                                    "key": "26",
-                                                                    "value": "id",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "26",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Italian",
-                                                                    "key": "27",
-                                                                    "value": "it",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "27",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Japanese",
-                                                                    "key": "28",
-                                                                    "value": "ja",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "28",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Kannada",
-                                                                    "key": "29",
-                                                                    "value": "kn",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "29",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Korean",
-                                                                    "key": "30",
-                                                                    "value": "ko",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "30",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Latvian",
-                                                                    "key": "31",
-                                                                    "value": "lv",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "31",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Lithuanian",
-                                                                    "key": "32",
-                                                                    "value": "lt",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "32",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Malay",
-                                                                    "key": "33",
-                                                                    "value": "ms",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "33",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Malayalam",
-                                                                    "key": "34",
-                                                                    "value": "ml",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "34",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Marathi",
-                                                                    "key": "35",
-                                                                    "value": "mr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "35",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Norwegian",
-                                                                    "key": "36",
-                                                                    "value": "no",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "36",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Polish",
-                                                                    "key": "37",
-                                                                    "value": "pl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "37",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Portuguese (Portugal)",
-                                                                    "key": "38",
-                                                                    "value": "pt-PT",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "38",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Romanian",
-                                                                    "key": "39",
-                                                                    "value": "ro",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "39",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Russian",
-                                                                    "key": "40",
-                                                                    "value": "ru",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "40",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Serbian",
-                                                                    "key": "41",
-                                                                    "value": "sr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "41",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Chinese (PRC)",
-                                                                    "key": "42",
-                                                                    "value": "zh-CN",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "42",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Slovak",
-                                                                    "key": "43",
-                                                                    "value": "sk",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "43",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Slovenian",
-                                                                    "key": "44",
-                                                                    "value": "sl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "44",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Spanish",
-                                                                    "key": "45",
-                                                                    "value": "es",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "45",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Swahili",
-                                                                    "key": "46",
-                                                                    "value": "sw",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "46",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Swedish",
-                                                                    "key": "47",
-                                                                    "value": "sv",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "47",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Tamil",
-                                                                    "key": "48",
-                                                                    "value": "ta",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "48",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Telugu",
-                                                                    "key": "49",
-                                                                    "value": "te",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "49",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Thai",
-                                                                    "key": "50",
-                                                                    "value": "th",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "50",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Chinese (Taiwan)",
-                                                                    "key": "51",
-                                                                    "value": "zh-TW",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "51",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Turkish",
-                                                                    "key": "52",
-                                                                    "value": "tr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "52",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Urdu",
-                                                                    "key": "53",
-                                                                    "value": "ur",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "53",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Ukrainian",
-                                                                    "key": "54",
-                                                                    "value": "uk",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "54",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Vietnamese",
-                                                                    "key": "55",
-                                                                    "value": "vi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "55",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Welsh",
-                                                                    "key": "56",
-                                                                    "value": "cy",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "56",
-                                                                },
-                                                              ]
-                                                            }
-                                                            height={256}
-                                                            id="google-fact-check_language"
-                                                            itemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            multiple={false}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onActiveValue={[Function]}
-                                                            onMouseEnter={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            options={
-                                                              Array [
-                                                                Object {
-                                                                  "children": "All",
-                                                                  "key": "0",
-                                                                  "value": "all",
-                                                                },
-                                                                Object {
-                                                                  "children": "Amharic",
-                                                                  "key": "1",
-                                                                  "value": "am",
-                                                                },
-                                                                Object {
-                                                                  "children": "Arabic",
-                                                                  "key": "2",
-                                                                  "value": "ar",
-                                                                },
-                                                                Object {
-                                                                  "children": "Basque",
-                                                                  "key": "3",
-                                                                  "value": "eu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Bengali",
-                                                                  "key": "4",
-                                                                  "value": "bn",
-                                                                },
-                                                                Object {
-                                                                  "children": "English (UK)",
-                                                                  "key": "5",
-                                                                  "value": "en-GB",
-                                                                },
-                                                                Object {
-                                                                  "children": "Portuguese (Brazil)",
-                                                                  "key": "6",
-                                                                  "value": "pt-BR",
-                                                                },
-                                                                Object {
-                                                                  "children": "Bulgarian",
-                                                                  "key": "7",
-                                                                  "value": "bg",
-                                                                },
-                                                                Object {
-                                                                  "children": "Catalan",
-                                                                  "key": "8",
-                                                                  "value": "ca",
-                                                                },
-                                                                Object {
-                                                                  "children": "Cherokee",
-                                                                  "key": "9",
-                                                                  "value": "chr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Croatian",
-                                                                  "key": "10",
-                                                                  "value": "hr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Czech",
-                                                                  "key": "11",
-                                                                  "value": "cs",
-                                                                },
-                                                                Object {
-                                                                  "children": "Danish",
-                                                                  "key": "12",
-                                                                  "value": "da",
-                                                                },
-                                                                Object {
-                                                                  "children": "Dutch",
-                                                                  "key": "13",
-                                                                  "value": "nl",
-                                                                },
-                                                                Object {
-                                                                  "children": "English (US)",
-                                                                  "key": "14",
-                                                                  "value": "en",
-                                                                },
-                                                                Object {
-                                                                  "children": "Estonian",
-                                                                  "key": "15",
-                                                                  "value": "et",
-                                                                },
-                                                                Object {
-                                                                  "children": "Filipino",
-                                                                  "key": "16",
-                                                                  "value": "fil",
-                                                                },
-                                                                Object {
-                                                                  "children": "Finnish",
-                                                                  "key": "17",
-                                                                  "value": "fi",
-                                                                },
-                                                                Object {
-                                                                  "children": "French",
-                                                                  "key": "18",
-                                                                  "value": "fr",
-                                                                },
-                                                                Object {
-                                                                  "children": "German",
-                                                                  "key": "19",
-                                                                  "value": "de",
-                                                                },
-                                                                Object {
-                                                                  "children": "Greek",
-                                                                  "key": "20",
-                                                                  "value": "el",
-                                                                },
-                                                                Object {
-                                                                  "children": "Gujarati",
-                                                                  "key": "21",
-                                                                  "value": "gu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hebrew",
-                                                                  "key": "22",
-                                                                  "value": "iw",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hindi",
-                                                                  "key": "23",
-                                                                  "value": "hi",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hungarian",
-                                                                  "key": "24",
-                                                                  "value": "hu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Icelandic",
-                                                                  "key": "25",
-                                                                  "value": "is",
-                                                                },
-                                                                Object {
-                                                                  "children": "Indonesian",
-                                                                  "key": "26",
-                                                                  "value": "id",
-                                                                },
-                                                                Object {
-                                                                  "children": "Italian",
-                                                                  "key": "27",
-                                                                  "value": "it",
-                                                                },
-                                                                Object {
-                                                                  "children": "Japanese",
-                                                                  "key": "28",
-                                                                  "value": "ja",
-                                                                },
-                                                                Object {
-                                                                  "children": "Kannada",
-                                                                  "key": "29",
-                                                                  "value": "kn",
-                                                                },
-                                                                Object {
-                                                                  "children": "Korean",
-                                                                  "key": "30",
-                                                                  "value": "ko",
-                                                                },
-                                                                Object {
-                                                                  "children": "Latvian",
-                                                                  "key": "31",
-                                                                  "value": "lv",
-                                                                },
-                                                                Object {
-                                                                  "children": "Lithuanian",
-                                                                  "key": "32",
-                                                                  "value": "lt",
-                                                                },
-                                                                Object {
-                                                                  "children": "Malay",
-                                                                  "key": "33",
-                                                                  "value": "ms",
-                                                                },
-                                                                Object {
-                                                                  "children": "Malayalam",
-                                                                  "key": "34",
-                                                                  "value": "ml",
-                                                                },
-                                                                Object {
-                                                                  "children": "Marathi",
-                                                                  "key": "35",
-                                                                  "value": "mr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Norwegian",
-                                                                  "key": "36",
-                                                                  "value": "no",
-                                                                },
-                                                                Object {
-                                                                  "children": "Polish",
-                                                                  "key": "37",
-                                                                  "value": "pl",
-                                                                },
-                                                                Object {
-                                                                  "children": "Portuguese (Portugal)",
-                                                                  "key": "38",
-                                                                  "value": "pt-PT",
-                                                                },
-                                                                Object {
-                                                                  "children": "Romanian",
-                                                                  "key": "39",
-                                                                  "value": "ro",
-                                                                },
-                                                                Object {
-                                                                  "children": "Russian",
-                                                                  "key": "40",
-                                                                  "value": "ru",
-                                                                },
-                                                                Object {
-                                                                  "children": "Serbian",
-                                                                  "key": "41",
-                                                                  "value": "sr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Chinese (PRC)",
-                                                                  "key": "42",
-                                                                  "value": "zh-CN",
-                                                                },
-                                                                Object {
-                                                                  "children": "Slovak",
-                                                                  "key": "43",
-                                                                  "value": "sk",
-                                                                },
-                                                                Object {
-                                                                  "children": "Slovenian",
-                                                                  "key": "44",
-                                                                  "value": "sl",
-                                                                },
-                                                                Object {
-                                                                  "children": "Spanish",
-                                                                  "key": "45",
-                                                                  "value": "es",
-                                                                },
-                                                                Object {
-                                                                  "children": "Swahili",
-                                                                  "key": "46",
-                                                                  "value": "sw",
-                                                                },
-                                                                Object {
-                                                                  "children": "Swedish",
-                                                                  "key": "47",
-                                                                  "value": "sv",
-                                                                },
-                                                                Object {
-                                                                  "children": "Tamil",
-                                                                  "key": "48",
-                                                                  "value": "ta",
-                                                                },
-                                                                Object {
-                                                                  "children": "Telugu",
-                                                                  "key": "49",
-                                                                  "value": "te",
-                                                                },
-                                                                Object {
-                                                                  "children": "Thai",
-                                                                  "key": "50",
-                                                                  "value": "th",
-                                                                },
-                                                                Object {
-                                                                  "children": "Chinese (Taiwan)",
-                                                                  "key": "51",
-                                                                  "value": "zh-TW",
-                                                                },
-                                                                Object {
-                                                                  "children": "Turkish",
-                                                                  "key": "52",
-                                                                  "value": "tr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Urdu",
-                                                                  "key": "53",
-                                                                  "value": "ur",
-                                                                },
-                                                                Object {
-                                                                  "children": "Ukrainian",
-                                                                  "key": "54",
-                                                                  "value": "uk",
-                                                                },
-                                                                Object {
-                                                                  "children": "Vietnamese",
-                                                                  "key": "55",
-                                                                  "value": "vi",
-                                                                },
-                                                                Object {
-                                                                  "children": "Welsh",
-                                                                  "key": "56",
-                                                                  "value": "cy",
-                                                                },
-                                                              ]
-                                                            }
-                                                            prefixCls="ant-select"
-                                                            searchValue=""
-                                                            values={
-                                                              Set {
-                                                                "all",
-                                                              }
-                                                            }
-                                                            virtual={true}
-                                                          />
-                                                        </div>
-                                                      }
-                                                      popupAlign={Object {}}
-                                                      popupClassName=""
-                                                      popupPlacement="bottomLeft"
-                                                      popupStyle={
-                                                        Object {
-                                                          "minWidth": null,
-                                                          "width": null,
-                                                        }
-                                                      }
-                                                      popupTransitionName="ant-slide-up"
-                                                      prefixCls="ant-select-dropdown"
-                                                      showAction={Array []}
-                                                    >
-                                                      <Selector
-                                                        accessibilityIndex={0}
-                                                        activeValue={null}
-                                                        className=""
-                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                        defaultValue="all"
-                                                        domRef={
-                                                          Object {
-                                                            "current": <div
-                                                              class="ant-select-selector"
-                                                            >
-                                                              <span
-                                                                class="ant-select-selection-search"
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </span>
-                                                              <span
-                                                                class="ant-select-selection-item"
-                                                                title="All"
-                                                              >
-                                                                All
-                                                              </span>
-                                                            </div>,
-                                                          }
-                                                        }
-                                                        dropdownClassName=""
-                                                        id="google-fact-check_language"
-                                                        inputElement={null}
-                                                        inputIcon={[Function]}
-                                                        key="trigger"
-                                                        listHeight={256}
-                                                        listItemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onChange={[Function]}
-                                                        onSearch={[Function]}
-                                                        onSearchSubmit={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        prefixCls="ant-select"
-                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                        searchValue=""
-                                                        showSearch={false}
-                                                        tokenWithEnter={false}
-                                                        transitionName="ant-slide-up"
-                                                        values={
-                                                          Array [
-                                                            Object {
-                                                              "disabled": undefined,
-                                                              "key": "all",
-                                                              "label": "All",
-                                                              "value": "all",
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-select-selector"
-                                                          onClick={[Function]}
-                                                          onMouseDown={[Function]}
-                                                        >
-                                                          <SingleSelector
-                                                            accessibilityIndex={0}
-                                                            activeValue={null}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="all"
-                                                            domRef={
-                                                              Object {
-                                                                "current": <div
-                                                                  class="ant-select-selector"
-                                                                >
-                                                                  <span
-                                                                    class="ant-select-selection-search"
-                                                                  >
-                                                                    <input
-                                                                      aria-activedescendant="google-fact-check_language_list_0"
-                                                                      aria-autocomplete="list"
-                                                                      aria-controls="google-fact-check_language_list"
-                                                                      aria-haspopup="listbox"
-                                                                      aria-owns="google-fact-check_language_list"
-                                                                      autocomplete="off"
-                                                                      class="ant-select-selection-search-input"
-                                                                      id="google-fact-check_language"
-                                                                      readonly=""
-                                                                      role="combobox"
-                                                                      style="opacity: 0;"
-                                                                      type="search"
-                                                                      unselectable="on"
-                                                                      value=""
-                                                                    />
-                                                                  </span>
-                                                                  <span
-                                                                    class="ant-select-selection-item"
-                                                                    title="All"
-                                                                  >
-                                                                    All
-                                                                  </span>
-                                                                </div>,
-                                                              }
-                                                            }
-                                                            dropdownClassName=""
-                                                            id="google-fact-check_language"
-                                                            inputElement={null}
-                                                            inputIcon={[Function]}
-                                                            inputRef={
-                                                              Object {
-                                                                "current": <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />,
-                                                              }
-                                                            }
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            multiple={false}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            onInputChange={[Function]}
-                                                            onInputCompositionEnd={[Function]}
-                                                            onInputCompositionStart={[Function]}
-                                                            onInputKeyDown={[Function]}
-                                                            onInputMouseDown={[Function]}
-                                                            onInputPaste={[Function]}
-                                                            onSearch={[Function]}
-                                                            onSearchSubmit={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            showSearch={false}
-                                                            tokenWithEnter={false}
-                                                            transitionName="ant-slide-up"
-                                                            values={
-                                                              Array [
-                                                                Object {
-                                                                  "disabled": undefined,
-                                                                  "key": "all",
-                                                                  "label": "All",
-                                                                  "value": "all",
-                                                                },
-                                                              ]
-                                                            }
-                                                          >
-                                                            <span
-                                                              className="ant-select-selection-search"
-                                                            >
-                                                              <Input
-                                                                accessibilityIndex={0}
-                                                                attrs={Object {}}
-                                                                editable={false}
-                                                                id="google-fact-check_language"
-                                                                inputElement={null}
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onPaste={[Function]}
-                                                                prefixCls="ant-select"
-                                                                value=""
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autoComplete="off"
-                                                                  className="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onPaste={[Function]}
-                                                                  readOnly={true}
-                                                                  role="combobox"
-                                                                  style={
-                                                                    Object {
-                                                                      "opacity": 0,
-                                                                    }
-                                                                  }
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </Input>
-                                                            </span>
-                                                            <span
-                                                              className="ant-select-selection-item"
-                                                              title="All"
-                                                            >
-                                                              All
-                                                            </span>
-                                                          </SingleSelector>
-                                                        </div>
-                                                      </Selector>
-                                                    </Trigger>
-                                                  </SelectTrigger>
-                                                  <TransBtn
-                                                    className="ant-select-arrow"
-                                                    customizeIcon={[Function]}
-                                                    customizeIconProps={
-                                                      Object {
-                                                        "focused": false,
-                                                        "loading": undefined,
-                                                        "open": undefined,
-                                                        "searchValue": "",
-                                                        "showSearch": false,
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-hidden={true}
-                                                      className="ant-select-arrow"
-                                                      onMouseDown={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "WebkitUserSelect": "none",
-                                                          "userSelect": "none",
-                                                        }
-                                                      }
-                                                      unselectable="on"
-                                                    >
-                                                      <ForwardRef(DownOutlined)
-                                                        className="ant-select-suffix"
-                                                      >
-                                                        <AntdIcon
-                                                          className="ant-select-suffix"
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "down",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="down"
-                                                            className="anticon anticon-down ant-select-suffix"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "down",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="down"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-down"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                  key="svg-down-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(DownOutlined)>
-                                                    </span>
-                                                  </TransBtn>
-                                                </div>
-                                              </ForwardRef(Select)>
-                                            </Select>
-                                          </ForwardRef(InternalSelect)>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                    <FormItem>
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            prefixCls="ant-form"
-                            requiredMark={true}
-                          />
-                          <FormItemInput
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            validateStatus=""
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                            >
-                              <div
-                                className="ant-col ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Button
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </FormItem>
-                  </form>
-                </ForwardRef(Form)>
-              </SizeContextProvider>
-            </ForwardRef(InternalForm)>
-          </div>
-        </Item>
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={1}
-          key="ant-space-item-1"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={Object {}}
-          >
-            <List
-              bordered={true}
-              className="google-fact-check-search-list"
-              dataSource={
-                Array [
-                  Object {
-                    "claimDate": "2020-09-08T02:48:10Z",
-                    "claimReview": Array [
-                      Object {
-                        "languageCode": "en",
-                        "publisher": Object {
-                          "name": "BOOM",
-                          "site": "boomlive.in",
-                        },
-                        "reviewDate": "2020-09-08T02:48:10Z",
-                        "textualRating": "False",
-                        "title": "Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine",
-                        "url": "https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654",
-                      },
-                    ],
-                    "claimant": "Facebook posts",
-                    "text": "Video shows Russian doctors celebrating the new COVID-19 vaccine.",
-                  },
-                  Object {
-                    "claimDate": "2021-02-21T00:00:00Z",
-                    "claimReview": Array [
-                      Object {
-                        "languageCode": "en",
-                        "publisher": Object {
-                          "name": "BOOM",
-                          "site": "boomlive.in",
-                        },
-                        "reviewDate": "2021-02-28T21:23:54Z",
-                        "textualRating": "False",
-                        "title": "Fact check: False claim that Pelosi travels weekly on 200-seat ...",
-                        "url": "https://www.usatoday.com/story/news/factcheck/2021/02/28/fact-check-false-claim-pelosi-travels-weekly-200-seat-plane/6860043002/",
-                      },
-                    ],
-                    "claimant": "social media users",
-                    "text": "Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel",
-                  },
-                ]
-              }
-              itemLayout="vertical"
-              loadMore={null}
-              loading={true}
-              renderItem={[Function]}
-            >
-              <div
-                className="ant-list ant-list-vertical ant-list-split ant-list-bordered ant-list-loading google-fact-check-search-list"
-              >
-                <Spin
-                  size="default"
-                  spinning={true}
-                  wrapperClassName=""
-                >
-                  <div
-                    className="ant-spin-nested-loading"
-                  >
-                    <div
-                      key="loading"
-                    >
-                      <div
-                        className="ant-spin ant-spin-spinning"
-                      >
-                        <span
-                          className="ant-spin-dot ant-spin-dot-spin"
-                        >
-                          <i
-                            className="ant-spin-dot-item"
-                          />
-                          <i
-                            className="ant-spin-dot-item"
-                          />
-                          <i
-                            className="ant-spin-dot-item"
-                          />
-                          <i
-                            className="ant-spin-dot-item"
-                          />
-                        </span>
-                      </div>
-                    </div>
-                    <div
-                      className="ant-spin-container ant-spin-blur"
-                      key="container"
-                    >
-                      <ul
-                        className="ant-list-items"
-                      >
-                        <Item
-                          key="Video shows Russian doctors celebrating the new COVID-19 vaccine."
-                        >
-                          <li
-                            className="ant-list-item ant-list-item-no-flex"
-                          >
-                            <Title
-                              level={5}
-                            >
-                              <Base
-                                component="h5"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h5"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h5
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Claim by Facebook posts:
-                                      </h5>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Title
-                              level={4}
-                            >
-                              <Base
-                                component="h4"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h4"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h4
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Video shows Russian doctors celebrating the new COVID-19 vaccine.
-                                      </h4>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Typography>
-                              <article
-                                className="ant-typography"
-                              >
-                                <b>
-                                  BOOM
-                                </b>
-                                 rating : 
-                                <b>
-                                  False
-                                </b>
-                              </article>
-                            </Typography>
-                            <a
-                              href="https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654"
-                              target="blank"
-                            >
-                              Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine
-                            </a>
-                          </li>
-                        </Item>
-                        <Item
-                          key="Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel"
-                        >
-                          <li
-                            className="ant-list-item ant-list-item-no-flex"
-                          >
-                            <Title
-                              level={5}
-                            >
-                              <Base
-                                component="h5"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h5"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h5
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Claim by social media users:
-                                      </h5>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Title
-                              level={4}
-                            >
-                              <Base
-                                component="h4"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h4"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h4
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel
-                                      </h4>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Typography>
-                              <article
-                                className="ant-typography"
-                              >
-                                <b>
-                                  BOOM
-                                </b>
-                                 rating : 
-                                <b>
-                                  False
-                                </b>
-                              </article>
-                            </Typography>
-                            <a
-                              href="https://www.usatoday.com/story/news/factcheck/2021/02/28/fact-check-false-claim-pelosi-travels-weekly-200-seat-plane/6860043002/"
-                              target="blank"
-                            >
-                              Fact check: False claim that Pelosi travels weekly on 200-seat ...
-                            </a>
-                          </li>
-                        </Item>
-                      </ul>
-                    </div>
-                  </div>
-                </Spin>
-              </div>
-            </List>
-          </div>
-        </Item>
-      </div>
-    </Space>
-  </GoogleFactCheck>
-</Provider>
-`;
-
-exports[`GoogleFactCheck component snapshot testing should match when data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <GoogleFactCheck>
-    <Space
-      direction="vertical"
-    >
-      <div
-        className="ant-space ant-space-vertical"
-        style={Object {}}
-      >
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={0}
-          key="ant-space-item-0"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={
-              Object {
-                "marginBottom": 8,
-              }
-            }
-          >
-            <ForwardRef(InternalForm)
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": "google-fact-check",
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              layout="inline"
-              name="google-fact-check"
-              onFinish={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                }
-              }
-            >
-              <SizeContextProvider>
-                <ForwardRef(Form)
-                  className="ant-form ant-form-inline"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "google-fact-check",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  id="google-fact-check"
-                  name="google-fact-check"
-                  onFinish={[Function]}
-                  onFinishFailed={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <form
-                    className="ant-form ant-form-inline"
-                    id="google-fact-check"
-                    onReset={[Function]}
-                    onSubmit={[Function]}
-                    style={
-                      Object {
-                        "maxWidth": "100%",
-                      }
-                    }
-                  >
-                    <FormItem
-                      label="Search"
-                      name="query"
-                      rules={
-                        Array [
-                          Object {
-                            "message": "Please enter your search query!",
-                            "required": true,
-                          },
-                        ]
-                      }
-                      style={
-                        Object {
-                          "width": "25%",
-                        }
-                      }
-                    >
-                      <WrapperField
-                        label="Search"
-                        messageVariables={
-                          Object {
-                            "label": "Search",
-                          }
-                        }
-                        name="query"
-                        onReset={[Function]}
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please enter your search query!",
-                              "required": true,
-                            },
-                          ]
-                        }
-                        style={
-                          Object {
-                            "width": "25%",
-                          }
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "google-fact-check",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_query"
-                          label="Search"
-                          messageVariables={
-                            Object {
-                              "label": "Search",
-                            }
-                          }
-                          name={
-                            Array [
-                              "query",
-                            ]
-                          }
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please enter your search query!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          style={
-                            Object {
-                              "width": "25%",
-                            }
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                            style={
-                              Object {
-                                "width": "25%",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={
-                                Object {
-                                  "width": "25%",
-                                }
-                              }
-                            >
-                              <FormItemLabel
-                                htmlFor="google-fact-check_query"
-                                label="Search"
-                                name="query"
-                                prefixCls="ant-form"
-                                required={true}
-                                requiredMark={true}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter your search query!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className="ant-form-item-required"
-                                      htmlFor="google-fact-check_query"
-                                      title="Search"
-                                    >
-                                      Search
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="Search"
-                                name={
-                                  Array [
-                                    "query",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter your search query!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                status=""
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={2}
-                                        >
-                                          <Input
-                                            id="google-fact-check_query"
-                                            onChange={[Function]}
-                                            placeholder="search fact checks"
-                                            type="text"
-                                          >
-                                            <ClearableLabeledInput
-                                              bordered={true}
-                                              element={
-                                                <input
-                                                  className="ant-input"
-                                                  id="google-fact-check_query"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="search fact checks"
-                                                  type="text"
-                                                />
-                                              }
-                                              focused={false}
-                                              handleReset={[Function]}
-                                              id="google-fact-check_query"
-                                              inputType="input"
-                                              onChange={[Function]}
-                                              placeholder="search fact checks"
-                                              prefixCls="ant-input"
-                                              triggerFocus={[Function]}
-                                              type="text"
-                                              value=""
-                                            >
-                                              <input
-                                                className="ant-input"
-                                                id="google-fact-check_query"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="search fact checks"
-                                                type="text"
-                                                value=""
-                                              />
-                                            </ClearableLabeledInput>
-                                          </Input>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                    <FormItem
-                      label="language"
-                      name="language"
-                      style={
-                        Object {
-                          "width": "25%",
-                        }
-                      }
-                    >
-                      <WrapperField
-                        label="language"
-                        messageVariables={
-                          Object {
-                            "label": "language",
-                          }
-                        }
-                        name="language"
-                        onReset={[Function]}
-                        style={
-                          Object {
-                            "width": "25%",
-                          }
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "google-fact-check",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_language"
-                          label="language"
-                          messageVariables={
-                            Object {
-                              "label": "language",
-                            }
-                          }
-                          name={
-                            Array [
-                              "language",
-                            ]
-                          }
-                          onReset={[Function]}
-                          style={
-                            Object {
-                              "width": "25%",
-                            }
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                            style={
-                              Object {
-                                "width": "25%",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={
-                                Object {
-                                  "width": "25%",
-                                }
-                              }
-                            >
-                              <FormItemLabel
-                                htmlFor="google-fact-check_language"
-                                label="language"
-                                name="language"
-                                prefixCls="ant-form"
-                                required={false}
-                                requiredMark={true}
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className=""
-                                      htmlFor="google-fact-check_language"
-                                      title="language"
-                                    >
-                                      language
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="language"
-                                name={
-                                  Array [
-                                    "language",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={2}
-                                        >
-                                          <ForwardRef(InternalSelect)
-                                            defaultValue="all"
-                                            id="google-fact-check_language"
-                                            onChange={[Function]}
-                                          >
-                                            <Select
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              defaultValue="all"
-                                              dropdownClassName=""
-                                              id="google-fact-check_language"
-                                              inputIcon={[Function]}
-                                              listHeight={256}
-                                              listItemHeight={24}
-                                              menuItemSelectedIcon={null}
-                                              notFoundContent={
-                                                <Context.Consumer>
-                                                  [Function]
-                                                </Context.Consumer>
-                                              }
-                                              onChange={[Function]}
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              transitionName="ant-slide-up"
-                                            >
-                                              <ForwardRef(Select)
-                                                className=""
-                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                defaultValue="all"
-                                                dropdownClassName=""
-                                                id="google-fact-check_language"
-                                                inputIcon={[Function]}
-                                                listHeight={256}
-                                                listItemHeight={24}
-                                                menuItemSelectedIcon={null}
-                                                notFoundContent={
-                                                  <Context.Consumer>
-                                                    [Function]
-                                                  </Context.Consumer>
-                                                }
-                                                onChange={[Function]}
-                                                prefixCls="ant-select"
-                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                transitionName="ant-slide-up"
-                                              >
-                                                <div
-                                                  className="ant-select ant-select-single ant-select-show-arrow"
-                                                  onBlur={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  onMouseDown={[Function]}
-                                                >
-                                                  <SelectTrigger
-                                                    containerWidth={null}
-                                                    dropdownClassName=""
-                                                    empty={false}
-                                                    getTriggerDOMNode={[Function]}
-                                                    popupElement={
-                                                      <ForwardRef(OptionList)
-                                                        childrenAsData={true}
-                                                        defaultActiveFirstOption={true}
-                                                        flattenOptions={
-                                                          Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "All",
-                                                                "key": "0",
-                                                                "value": "all",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "0",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Amharic",
-                                                                "key": "1",
-                                                                "value": "am",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "1",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Arabic",
-                                                                "key": "2",
-                                                                "value": "ar",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "2",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Basque",
-                                                                "key": "3",
-                                                                "value": "eu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "3",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Bengali",
-                                                                "key": "4",
-                                                                "value": "bn",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "4",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "English (UK)",
-                                                                "key": "5",
-                                                                "value": "en-GB",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "5",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Portuguese (Brazil)",
-                                                                "key": "6",
-                                                                "value": "pt-BR",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "6",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Bulgarian",
-                                                                "key": "7",
-                                                                "value": "bg",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "7",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Catalan",
-                                                                "key": "8",
-                                                                "value": "ca",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "8",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Cherokee",
-                                                                "key": "9",
-                                                                "value": "chr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "9",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Croatian",
-                                                                "key": "10",
-                                                                "value": "hr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "10",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Czech",
-                                                                "key": "11",
-                                                                "value": "cs",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "11",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Danish",
-                                                                "key": "12",
-                                                                "value": "da",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "12",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Dutch",
-                                                                "key": "13",
-                                                                "value": "nl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "13",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "English (US)",
-                                                                "key": "14",
-                                                                "value": "en",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "14",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Estonian",
-                                                                "key": "15",
-                                                                "value": "et",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "15",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Filipino",
-                                                                "key": "16",
-                                                                "value": "fil",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "16",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Finnish",
-                                                                "key": "17",
-                                                                "value": "fi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "17",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "French",
-                                                                "key": "18",
-                                                                "value": "fr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "18",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "German",
-                                                                "key": "19",
-                                                                "value": "de",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "19",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Greek",
-                                                                "key": "20",
-                                                                "value": "el",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "20",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Gujarati",
-                                                                "key": "21",
-                                                                "value": "gu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "21",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hebrew",
-                                                                "key": "22",
-                                                                "value": "iw",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "22",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hindi",
-                                                                "key": "23",
-                                                                "value": "hi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "23",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hungarian",
-                                                                "key": "24",
-                                                                "value": "hu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "24",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Icelandic",
-                                                                "key": "25",
-                                                                "value": "is",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "25",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Indonesian",
-                                                                "key": "26",
-                                                                "value": "id",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "26",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Italian",
-                                                                "key": "27",
-                                                                "value": "it",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "27",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Japanese",
-                                                                "key": "28",
-                                                                "value": "ja",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "28",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Kannada",
-                                                                "key": "29",
-                                                                "value": "kn",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "29",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Korean",
-                                                                "key": "30",
-                                                                "value": "ko",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "30",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Latvian",
-                                                                "key": "31",
-                                                                "value": "lv",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "31",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Lithuanian",
-                                                                "key": "32",
-                                                                "value": "lt",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "32",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Malay",
-                                                                "key": "33",
-                                                                "value": "ms",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "33",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Malayalam",
-                                                                "key": "34",
-                                                                "value": "ml",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "34",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Marathi",
-                                                                "key": "35",
-                                                                "value": "mr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "35",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Norwegian",
-                                                                "key": "36",
-                                                                "value": "no",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "36",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Polish",
-                                                                "key": "37",
-                                                                "value": "pl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "37",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Portuguese (Portugal)",
-                                                                "key": "38",
-                                                                "value": "pt-PT",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "38",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Romanian",
-                                                                "key": "39",
-                                                                "value": "ro",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "39",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Russian",
-                                                                "key": "40",
-                                                                "value": "ru",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "40",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Serbian",
-                                                                "key": "41",
-                                                                "value": "sr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "41",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Chinese (PRC)",
-                                                                "key": "42",
-                                                                "value": "zh-CN",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "42",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Slovak",
-                                                                "key": "43",
-                                                                "value": "sk",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "43",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Slovenian",
-                                                                "key": "44",
-                                                                "value": "sl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "44",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Spanish",
-                                                                "key": "45",
-                                                                "value": "es",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "45",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Swahili",
-                                                                "key": "46",
-                                                                "value": "sw",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "46",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Swedish",
-                                                                "key": "47",
-                                                                "value": "sv",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "47",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Tamil",
-                                                                "key": "48",
-                                                                "value": "ta",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "48",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Telugu",
-                                                                "key": "49",
-                                                                "value": "te",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "49",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Thai",
-                                                                "key": "50",
-                                                                "value": "th",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "50",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Chinese (Taiwan)",
-                                                                "key": "51",
-                                                                "value": "zh-TW",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "51",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Turkish",
-                                                                "key": "52",
-                                                                "value": "tr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "52",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Urdu",
-                                                                "key": "53",
-                                                                "value": "ur",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "53",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Ukrainian",
-                                                                "key": "54",
-                                                                "value": "uk",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "54",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Vietnamese",
-                                                                "key": "55",
-                                                                "value": "vi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "55",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Welsh",
-                                                                "key": "56",
-                                                                "value": "cy",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "56",
-                                                            },
-                                                          ]
-                                                        }
-                                                        height={256}
-                                                        id="google-fact-check_language"
-                                                        itemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onActiveValue={[Function]}
-                                                        onMouseEnter={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "children": "All",
-                                                              "key": "0",
-                                                              "value": "all",
-                                                            },
-                                                            Object {
-                                                              "children": "Amharic",
-                                                              "key": "1",
-                                                              "value": "am",
-                                                            },
-                                                            Object {
-                                                              "children": "Arabic",
-                                                              "key": "2",
-                                                              "value": "ar",
-                                                            },
-                                                            Object {
-                                                              "children": "Basque",
-                                                              "key": "3",
-                                                              "value": "eu",
-                                                            },
-                                                            Object {
-                                                              "children": "Bengali",
-                                                              "key": "4",
-                                                              "value": "bn",
-                                                            },
-                                                            Object {
-                                                              "children": "English (UK)",
-                                                              "key": "5",
-                                                              "value": "en-GB",
-                                                            },
-                                                            Object {
-                                                              "children": "Portuguese (Brazil)",
-                                                              "key": "6",
-                                                              "value": "pt-BR",
-                                                            },
-                                                            Object {
-                                                              "children": "Bulgarian",
-                                                              "key": "7",
-                                                              "value": "bg",
-                                                            },
-                                                            Object {
-                                                              "children": "Catalan",
-                                                              "key": "8",
-                                                              "value": "ca",
-                                                            },
-                                                            Object {
-                                                              "children": "Cherokee",
-                                                              "key": "9",
-                                                              "value": "chr",
-                                                            },
-                                                            Object {
-                                                              "children": "Croatian",
-                                                              "key": "10",
-                                                              "value": "hr",
-                                                            },
-                                                            Object {
-                                                              "children": "Czech",
-                                                              "key": "11",
-                                                              "value": "cs",
-                                                            },
-                                                            Object {
-                                                              "children": "Danish",
-                                                              "key": "12",
-                                                              "value": "da",
-                                                            },
-                                                            Object {
-                                                              "children": "Dutch",
-                                                              "key": "13",
-                                                              "value": "nl",
-                                                            },
-                                                            Object {
-                                                              "children": "English (US)",
-                                                              "key": "14",
-                                                              "value": "en",
-                                                            },
-                                                            Object {
-                                                              "children": "Estonian",
-                                                              "key": "15",
-                                                              "value": "et",
-                                                            },
-                                                            Object {
-                                                              "children": "Filipino",
-                                                              "key": "16",
-                                                              "value": "fil",
-                                                            },
-                                                            Object {
-                                                              "children": "Finnish",
-                                                              "key": "17",
-                                                              "value": "fi",
-                                                            },
-                                                            Object {
-                                                              "children": "French",
-                                                              "key": "18",
-                                                              "value": "fr",
-                                                            },
-                                                            Object {
-                                                              "children": "German",
-                                                              "key": "19",
-                                                              "value": "de",
-                                                            },
-                                                            Object {
-                                                              "children": "Greek",
-                                                              "key": "20",
-                                                              "value": "el",
-                                                            },
-                                                            Object {
-                                                              "children": "Gujarati",
-                                                              "key": "21",
-                                                              "value": "gu",
-                                                            },
-                                                            Object {
-                                                              "children": "Hebrew",
-                                                              "key": "22",
-                                                              "value": "iw",
-                                                            },
-                                                            Object {
-                                                              "children": "Hindi",
-                                                              "key": "23",
-                                                              "value": "hi",
-                                                            },
-                                                            Object {
-                                                              "children": "Hungarian",
-                                                              "key": "24",
-                                                              "value": "hu",
-                                                            },
-                                                            Object {
-                                                              "children": "Icelandic",
-                                                              "key": "25",
-                                                              "value": "is",
-                                                            },
-                                                            Object {
-                                                              "children": "Indonesian",
-                                                              "key": "26",
-                                                              "value": "id",
-                                                            },
-                                                            Object {
-                                                              "children": "Italian",
-                                                              "key": "27",
-                                                              "value": "it",
-                                                            },
-                                                            Object {
-                                                              "children": "Japanese",
-                                                              "key": "28",
-                                                              "value": "ja",
-                                                            },
-                                                            Object {
-                                                              "children": "Kannada",
-                                                              "key": "29",
-                                                              "value": "kn",
-                                                            },
-                                                            Object {
-                                                              "children": "Korean",
-                                                              "key": "30",
-                                                              "value": "ko",
-                                                            },
-                                                            Object {
-                                                              "children": "Latvian",
-                                                              "key": "31",
-                                                              "value": "lv",
-                                                            },
-                                                            Object {
-                                                              "children": "Lithuanian",
-                                                              "key": "32",
-                                                              "value": "lt",
-                                                            },
-                                                            Object {
-                                                              "children": "Malay",
-                                                              "key": "33",
-                                                              "value": "ms",
-                                                            },
-                                                            Object {
-                                                              "children": "Malayalam",
-                                                              "key": "34",
-                                                              "value": "ml",
-                                                            },
-                                                            Object {
-                                                              "children": "Marathi",
-                                                              "key": "35",
-                                                              "value": "mr",
-                                                            },
-                                                            Object {
-                                                              "children": "Norwegian",
-                                                              "key": "36",
-                                                              "value": "no",
-                                                            },
-                                                            Object {
-                                                              "children": "Polish",
-                                                              "key": "37",
-                                                              "value": "pl",
-                                                            },
-                                                            Object {
-                                                              "children": "Portuguese (Portugal)",
-                                                              "key": "38",
-                                                              "value": "pt-PT",
-                                                            },
-                                                            Object {
-                                                              "children": "Romanian",
-                                                              "key": "39",
-                                                              "value": "ro",
-                                                            },
-                                                            Object {
-                                                              "children": "Russian",
-                                                              "key": "40",
-                                                              "value": "ru",
-                                                            },
-                                                            Object {
-                                                              "children": "Serbian",
-                                                              "key": "41",
-                                                              "value": "sr",
-                                                            },
-                                                            Object {
-                                                              "children": "Chinese (PRC)",
-                                                              "key": "42",
-                                                              "value": "zh-CN",
-                                                            },
-                                                            Object {
-                                                              "children": "Slovak",
-                                                              "key": "43",
-                                                              "value": "sk",
-                                                            },
-                                                            Object {
-                                                              "children": "Slovenian",
-                                                              "key": "44",
-                                                              "value": "sl",
-                                                            },
-                                                            Object {
-                                                              "children": "Spanish",
-                                                              "key": "45",
-                                                              "value": "es",
-                                                            },
-                                                            Object {
-                                                              "children": "Swahili",
-                                                              "key": "46",
-                                                              "value": "sw",
-                                                            },
-                                                            Object {
-                                                              "children": "Swedish",
-                                                              "key": "47",
-                                                              "value": "sv",
-                                                            },
-                                                            Object {
-                                                              "children": "Tamil",
-                                                              "key": "48",
-                                                              "value": "ta",
-                                                            },
-                                                            Object {
-                                                              "children": "Telugu",
-                                                              "key": "49",
-                                                              "value": "te",
-                                                            },
-                                                            Object {
-                                                              "children": "Thai",
-                                                              "key": "50",
-                                                              "value": "th",
-                                                            },
-                                                            Object {
-                                                              "children": "Chinese (Taiwan)",
-                                                              "key": "51",
-                                                              "value": "zh-TW",
-                                                            },
-                                                            Object {
-                                                              "children": "Turkish",
-                                                              "key": "52",
-                                                              "value": "tr",
-                                                            },
-                                                            Object {
-                                                              "children": "Urdu",
-                                                              "key": "53",
-                                                              "value": "ur",
-                                                            },
-                                                            Object {
-                                                              "children": "Ukrainian",
-                                                              "key": "54",
-                                                              "value": "uk",
-                                                            },
-                                                            Object {
-                                                              "children": "Vietnamese",
-                                                              "key": "55",
-                                                              "value": "vi",
-                                                            },
-                                                            Object {
-                                                              "children": "Welsh",
-                                                              "key": "56",
-                                                              "value": "cy",
-                                                            },
-                                                          ]
-                                                        }
-                                                        prefixCls="ant-select"
-                                                        searchValue=""
-                                                        values={
-                                                          Set {
-                                                            "all",
-                                                          }
-                                                        }
-                                                        virtual={true}
-                                                      />
-                                                    }
-                                                    prefixCls="ant-select"
-                                                    transitionName="ant-slide-up"
-                                                  >
-                                                    <Trigger
-                                                      action={Array []}
-                                                      afterPopupVisibleChange={[Function]}
-                                                      autoDestroy={false}
-                                                      blurDelay={0.15}
-                                                      builtinPlacements={
-                                                        Object {
-                                                          "bottomLeft": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tl",
-                                                              "bl",
-                                                            ],
-                                                          },
-                                                          "bottomRight": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tr",
-                                                              "br",
-                                                            ],
-                                                          },
-                                                          "topLeft": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "bl",
-                                                              "tl",
-                                                            ],
-                                                          },
-                                                          "topRight": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "br",
-                                                              "tr",
-                                                            ],
-                                                          },
-                                                        }
-                                                      }
-                                                      defaultPopupVisible={false}
-                                                      destroyPopupOnHide={false}
-                                                      focusDelay={0}
-                                                      getDocument={[Function]}
-                                                      getPopupClassNameFromAlign={[Function]}
-                                                      getTriggerDOMNode={[Function]}
-                                                      hideAction={Array []}
-                                                      mask={false}
-                                                      maskClosable={true}
-                                                      mouseEnterDelay={0}
-                                                      mouseLeaveDelay={0.1}
-                                                      onPopupAlign={[Function]}
-                                                      onPopupVisibleChange={[Function]}
-                                                      popup={
-                                                        <div>
-                                                          <ForwardRef(OptionList)
-                                                            childrenAsData={true}
-                                                            defaultActiveFirstOption={true}
-                                                            flattenOptions={
-                                                              Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "All",
-                                                                    "key": "0",
-                                                                    "value": "all",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "0",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Amharic",
-                                                                    "key": "1",
-                                                                    "value": "am",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "1",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Arabic",
-                                                                    "key": "2",
-                                                                    "value": "ar",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "2",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Basque",
-                                                                    "key": "3",
-                                                                    "value": "eu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "3",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Bengali",
-                                                                    "key": "4",
-                                                                    "value": "bn",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "4",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "English (UK)",
-                                                                    "key": "5",
-                                                                    "value": "en-GB",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "5",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Portuguese (Brazil)",
-                                                                    "key": "6",
-                                                                    "value": "pt-BR",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "6",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Bulgarian",
-                                                                    "key": "7",
-                                                                    "value": "bg",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "7",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Catalan",
-                                                                    "key": "8",
-                                                                    "value": "ca",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "8",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Cherokee",
-                                                                    "key": "9",
-                                                                    "value": "chr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "9",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Croatian",
-                                                                    "key": "10",
-                                                                    "value": "hr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "10",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Czech",
-                                                                    "key": "11",
-                                                                    "value": "cs",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "11",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Danish",
-                                                                    "key": "12",
-                                                                    "value": "da",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "12",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Dutch",
-                                                                    "key": "13",
-                                                                    "value": "nl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "13",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "English (US)",
-                                                                    "key": "14",
-                                                                    "value": "en",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "14",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Estonian",
-                                                                    "key": "15",
-                                                                    "value": "et",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "15",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Filipino",
-                                                                    "key": "16",
-                                                                    "value": "fil",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "16",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Finnish",
-                                                                    "key": "17",
-                                                                    "value": "fi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "17",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "French",
-                                                                    "key": "18",
-                                                                    "value": "fr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "18",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "German",
-                                                                    "key": "19",
-                                                                    "value": "de",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "19",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Greek",
-                                                                    "key": "20",
-                                                                    "value": "el",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "20",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Gujarati",
-                                                                    "key": "21",
-                                                                    "value": "gu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "21",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hebrew",
-                                                                    "key": "22",
-                                                                    "value": "iw",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "22",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hindi",
-                                                                    "key": "23",
-                                                                    "value": "hi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "23",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hungarian",
-                                                                    "key": "24",
-                                                                    "value": "hu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "24",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Icelandic",
-                                                                    "key": "25",
-                                                                    "value": "is",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "25",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Indonesian",
-                                                                    "key": "26",
-                                                                    "value": "id",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "26",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Italian",
-                                                                    "key": "27",
-                                                                    "value": "it",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "27",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Japanese",
-                                                                    "key": "28",
-                                                                    "value": "ja",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "28",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Kannada",
-                                                                    "key": "29",
-                                                                    "value": "kn",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "29",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Korean",
-                                                                    "key": "30",
-                                                                    "value": "ko",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "30",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Latvian",
-                                                                    "key": "31",
-                                                                    "value": "lv",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "31",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Lithuanian",
-                                                                    "key": "32",
-                                                                    "value": "lt",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "32",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Malay",
-                                                                    "key": "33",
-                                                                    "value": "ms",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "33",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Malayalam",
-                                                                    "key": "34",
-                                                                    "value": "ml",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "34",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Marathi",
-                                                                    "key": "35",
-                                                                    "value": "mr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "35",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Norwegian",
-                                                                    "key": "36",
-                                                                    "value": "no",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "36",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Polish",
-                                                                    "key": "37",
-                                                                    "value": "pl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "37",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Portuguese (Portugal)",
-                                                                    "key": "38",
-                                                                    "value": "pt-PT",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "38",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Romanian",
-                                                                    "key": "39",
-                                                                    "value": "ro",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "39",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Russian",
-                                                                    "key": "40",
-                                                                    "value": "ru",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "40",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Serbian",
-                                                                    "key": "41",
-                                                                    "value": "sr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "41",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Chinese (PRC)",
-                                                                    "key": "42",
-                                                                    "value": "zh-CN",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "42",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Slovak",
-                                                                    "key": "43",
-                                                                    "value": "sk",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "43",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Slovenian",
-                                                                    "key": "44",
-                                                                    "value": "sl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "44",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Spanish",
-                                                                    "key": "45",
-                                                                    "value": "es",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "45",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Swahili",
-                                                                    "key": "46",
-                                                                    "value": "sw",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "46",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Swedish",
-                                                                    "key": "47",
-                                                                    "value": "sv",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "47",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Tamil",
-                                                                    "key": "48",
-                                                                    "value": "ta",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "48",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Telugu",
-                                                                    "key": "49",
-                                                                    "value": "te",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "49",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Thai",
-                                                                    "key": "50",
-                                                                    "value": "th",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "50",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Chinese (Taiwan)",
-                                                                    "key": "51",
-                                                                    "value": "zh-TW",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "51",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Turkish",
-                                                                    "key": "52",
-                                                                    "value": "tr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "52",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Urdu",
-                                                                    "key": "53",
-                                                                    "value": "ur",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "53",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Ukrainian",
-                                                                    "key": "54",
-                                                                    "value": "uk",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "54",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Vietnamese",
-                                                                    "key": "55",
-                                                                    "value": "vi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "55",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Welsh",
-                                                                    "key": "56",
-                                                                    "value": "cy",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "56",
-                                                                },
-                                                              ]
-                                                            }
-                                                            height={256}
-                                                            id="google-fact-check_language"
-                                                            itemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            multiple={false}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onActiveValue={[Function]}
-                                                            onMouseEnter={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            options={
-                                                              Array [
-                                                                Object {
-                                                                  "children": "All",
-                                                                  "key": "0",
-                                                                  "value": "all",
-                                                                },
-                                                                Object {
-                                                                  "children": "Amharic",
-                                                                  "key": "1",
-                                                                  "value": "am",
-                                                                },
-                                                                Object {
-                                                                  "children": "Arabic",
-                                                                  "key": "2",
-                                                                  "value": "ar",
-                                                                },
-                                                                Object {
-                                                                  "children": "Basque",
-                                                                  "key": "3",
-                                                                  "value": "eu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Bengali",
-                                                                  "key": "4",
-                                                                  "value": "bn",
-                                                                },
-                                                                Object {
-                                                                  "children": "English (UK)",
-                                                                  "key": "5",
-                                                                  "value": "en-GB",
-                                                                },
-                                                                Object {
-                                                                  "children": "Portuguese (Brazil)",
-                                                                  "key": "6",
-                                                                  "value": "pt-BR",
-                                                                },
-                                                                Object {
-                                                                  "children": "Bulgarian",
-                                                                  "key": "7",
-                                                                  "value": "bg",
-                                                                },
-                                                                Object {
-                                                                  "children": "Catalan",
-                                                                  "key": "8",
-                                                                  "value": "ca",
-                                                                },
-                                                                Object {
-                                                                  "children": "Cherokee",
-                                                                  "key": "9",
-                                                                  "value": "chr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Croatian",
-                                                                  "key": "10",
-                                                                  "value": "hr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Czech",
-                                                                  "key": "11",
-                                                                  "value": "cs",
-                                                                },
-                                                                Object {
-                                                                  "children": "Danish",
-                                                                  "key": "12",
-                                                                  "value": "da",
-                                                                },
-                                                                Object {
-                                                                  "children": "Dutch",
-                                                                  "key": "13",
-                                                                  "value": "nl",
-                                                                },
-                                                                Object {
-                                                                  "children": "English (US)",
-                                                                  "key": "14",
-                                                                  "value": "en",
-                                                                },
-                                                                Object {
-                                                                  "children": "Estonian",
-                                                                  "key": "15",
-                                                                  "value": "et",
-                                                                },
-                                                                Object {
-                                                                  "children": "Filipino",
-                                                                  "key": "16",
-                                                                  "value": "fil",
-                                                                },
-                                                                Object {
-                                                                  "children": "Finnish",
-                                                                  "key": "17",
-                                                                  "value": "fi",
-                                                                },
-                                                                Object {
-                                                                  "children": "French",
-                                                                  "key": "18",
-                                                                  "value": "fr",
-                                                                },
-                                                                Object {
-                                                                  "children": "German",
-                                                                  "key": "19",
-                                                                  "value": "de",
-                                                                },
-                                                                Object {
-                                                                  "children": "Greek",
-                                                                  "key": "20",
-                                                                  "value": "el",
-                                                                },
-                                                                Object {
-                                                                  "children": "Gujarati",
-                                                                  "key": "21",
-                                                                  "value": "gu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hebrew",
-                                                                  "key": "22",
-                                                                  "value": "iw",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hindi",
-                                                                  "key": "23",
-                                                                  "value": "hi",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hungarian",
-                                                                  "key": "24",
-                                                                  "value": "hu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Icelandic",
-                                                                  "key": "25",
-                                                                  "value": "is",
-                                                                },
-                                                                Object {
-                                                                  "children": "Indonesian",
-                                                                  "key": "26",
-                                                                  "value": "id",
-                                                                },
-                                                                Object {
-                                                                  "children": "Italian",
-                                                                  "key": "27",
-                                                                  "value": "it",
-                                                                },
-                                                                Object {
-                                                                  "children": "Japanese",
-                                                                  "key": "28",
-                                                                  "value": "ja",
-                                                                },
-                                                                Object {
-                                                                  "children": "Kannada",
-                                                                  "key": "29",
-                                                                  "value": "kn",
-                                                                },
-                                                                Object {
-                                                                  "children": "Korean",
-                                                                  "key": "30",
-                                                                  "value": "ko",
-                                                                },
-                                                                Object {
-                                                                  "children": "Latvian",
-                                                                  "key": "31",
-                                                                  "value": "lv",
-                                                                },
-                                                                Object {
-                                                                  "children": "Lithuanian",
-                                                                  "key": "32",
-                                                                  "value": "lt",
-                                                                },
-                                                                Object {
-                                                                  "children": "Malay",
-                                                                  "key": "33",
-                                                                  "value": "ms",
-                                                                },
-                                                                Object {
-                                                                  "children": "Malayalam",
-                                                                  "key": "34",
-                                                                  "value": "ml",
-                                                                },
-                                                                Object {
-                                                                  "children": "Marathi",
-                                                                  "key": "35",
-                                                                  "value": "mr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Norwegian",
-                                                                  "key": "36",
-                                                                  "value": "no",
-                                                                },
-                                                                Object {
-                                                                  "children": "Polish",
-                                                                  "key": "37",
-                                                                  "value": "pl",
-                                                                },
-                                                                Object {
-                                                                  "children": "Portuguese (Portugal)",
-                                                                  "key": "38",
-                                                                  "value": "pt-PT",
-                                                                },
-                                                                Object {
-                                                                  "children": "Romanian",
-                                                                  "key": "39",
-                                                                  "value": "ro",
-                                                                },
-                                                                Object {
-                                                                  "children": "Russian",
-                                                                  "key": "40",
-                                                                  "value": "ru",
-                                                                },
-                                                                Object {
-                                                                  "children": "Serbian",
-                                                                  "key": "41",
-                                                                  "value": "sr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Chinese (PRC)",
-                                                                  "key": "42",
-                                                                  "value": "zh-CN",
-                                                                },
-                                                                Object {
-                                                                  "children": "Slovak",
-                                                                  "key": "43",
-                                                                  "value": "sk",
-                                                                },
-                                                                Object {
-                                                                  "children": "Slovenian",
-                                                                  "key": "44",
-                                                                  "value": "sl",
-                                                                },
-                                                                Object {
-                                                                  "children": "Spanish",
-                                                                  "key": "45",
-                                                                  "value": "es",
-                                                                },
-                                                                Object {
-                                                                  "children": "Swahili",
-                                                                  "key": "46",
-                                                                  "value": "sw",
-                                                                },
-                                                                Object {
-                                                                  "children": "Swedish",
-                                                                  "key": "47",
-                                                                  "value": "sv",
-                                                                },
-                                                                Object {
-                                                                  "children": "Tamil",
-                                                                  "key": "48",
-                                                                  "value": "ta",
-                                                                },
-                                                                Object {
-                                                                  "children": "Telugu",
-                                                                  "key": "49",
-                                                                  "value": "te",
-                                                                },
-                                                                Object {
-                                                                  "children": "Thai",
-                                                                  "key": "50",
-                                                                  "value": "th",
-                                                                },
-                                                                Object {
-                                                                  "children": "Chinese (Taiwan)",
-                                                                  "key": "51",
-                                                                  "value": "zh-TW",
-                                                                },
-                                                                Object {
-                                                                  "children": "Turkish",
-                                                                  "key": "52",
-                                                                  "value": "tr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Urdu",
-                                                                  "key": "53",
-                                                                  "value": "ur",
-                                                                },
-                                                                Object {
-                                                                  "children": "Ukrainian",
-                                                                  "key": "54",
-                                                                  "value": "uk",
-                                                                },
-                                                                Object {
-                                                                  "children": "Vietnamese",
-                                                                  "key": "55",
-                                                                  "value": "vi",
-                                                                },
-                                                                Object {
-                                                                  "children": "Welsh",
-                                                                  "key": "56",
-                                                                  "value": "cy",
-                                                                },
-                                                              ]
-                                                            }
-                                                            prefixCls="ant-select"
-                                                            searchValue=""
-                                                            values={
-                                                              Set {
-                                                                "all",
-                                                              }
-                                                            }
-                                                            virtual={true}
-                                                          />
-                                                        </div>
-                                                      }
-                                                      popupAlign={Object {}}
-                                                      popupClassName=""
-                                                      popupPlacement="bottomLeft"
-                                                      popupStyle={
-                                                        Object {
-                                                          "minWidth": null,
-                                                          "width": null,
-                                                        }
-                                                      }
-                                                      popupTransitionName="ant-slide-up"
-                                                      prefixCls="ant-select-dropdown"
-                                                      showAction={Array []}
-                                                    >
-                                                      <Selector
-                                                        accessibilityIndex={0}
-                                                        activeValue={null}
-                                                        className=""
-                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                        defaultValue="all"
-                                                        domRef={
-                                                          Object {
-                                                            "current": <div
-                                                              class="ant-select-selector"
-                                                            >
-                                                              <span
-                                                                class="ant-select-selection-search"
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </span>
-                                                              <span
-                                                                class="ant-select-selection-item"
-                                                                title="All"
-                                                              >
-                                                                All
-                                                              </span>
-                                                            </div>,
-                                                          }
-                                                        }
-                                                        dropdownClassName=""
-                                                        id="google-fact-check_language"
-                                                        inputElement={null}
-                                                        inputIcon={[Function]}
-                                                        key="trigger"
-                                                        listHeight={256}
-                                                        listItemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onChange={[Function]}
-                                                        onSearch={[Function]}
-                                                        onSearchSubmit={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        prefixCls="ant-select"
-                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                        searchValue=""
-                                                        showSearch={false}
-                                                        tokenWithEnter={false}
-                                                        transitionName="ant-slide-up"
-                                                        values={
-                                                          Array [
-                                                            Object {
-                                                              "disabled": undefined,
-                                                              "key": "all",
-                                                              "label": "All",
-                                                              "value": "all",
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-select-selector"
-                                                          onClick={[Function]}
-                                                          onMouseDown={[Function]}
-                                                        >
-                                                          <SingleSelector
-                                                            accessibilityIndex={0}
-                                                            activeValue={null}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="all"
-                                                            domRef={
-                                                              Object {
-                                                                "current": <div
-                                                                  class="ant-select-selector"
-                                                                >
-                                                                  <span
-                                                                    class="ant-select-selection-search"
-                                                                  >
-                                                                    <input
-                                                                      aria-activedescendant="google-fact-check_language_list_0"
-                                                                      aria-autocomplete="list"
-                                                                      aria-controls="google-fact-check_language_list"
-                                                                      aria-haspopup="listbox"
-                                                                      aria-owns="google-fact-check_language_list"
-                                                                      autocomplete="off"
-                                                                      class="ant-select-selection-search-input"
-                                                                      id="google-fact-check_language"
-                                                                      readonly=""
-                                                                      role="combobox"
-                                                                      style="opacity: 0;"
-                                                                      type="search"
-                                                                      unselectable="on"
-                                                                      value=""
-                                                                    />
-                                                                  </span>
-                                                                  <span
-                                                                    class="ant-select-selection-item"
-                                                                    title="All"
-                                                                  >
-                                                                    All
-                                                                  </span>
-                                                                </div>,
-                                                              }
-                                                            }
-                                                            dropdownClassName=""
-                                                            id="google-fact-check_language"
-                                                            inputElement={null}
-                                                            inputIcon={[Function]}
-                                                            inputRef={
-                                                              Object {
-                                                                "current": <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />,
-                                                              }
-                                                            }
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            multiple={false}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            onInputChange={[Function]}
-                                                            onInputCompositionEnd={[Function]}
-                                                            onInputCompositionStart={[Function]}
-                                                            onInputKeyDown={[Function]}
-                                                            onInputMouseDown={[Function]}
-                                                            onInputPaste={[Function]}
-                                                            onSearch={[Function]}
-                                                            onSearchSubmit={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            showSearch={false}
-                                                            tokenWithEnter={false}
-                                                            transitionName="ant-slide-up"
-                                                            values={
-                                                              Array [
-                                                                Object {
-                                                                  "disabled": undefined,
-                                                                  "key": "all",
-                                                                  "label": "All",
-                                                                  "value": "all",
-                                                                },
-                                                              ]
-                                                            }
-                                                          >
-                                                            <span
-                                                              className="ant-select-selection-search"
-                                                            >
-                                                              <Input
-                                                                accessibilityIndex={0}
-                                                                attrs={Object {}}
-                                                                editable={false}
-                                                                id="google-fact-check_language"
-                                                                inputElement={null}
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onPaste={[Function]}
-                                                                prefixCls="ant-select"
-                                                                value=""
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autoComplete="off"
-                                                                  className="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onPaste={[Function]}
-                                                                  readOnly={true}
-                                                                  role="combobox"
-                                                                  style={
-                                                                    Object {
-                                                                      "opacity": 0,
-                                                                    }
-                                                                  }
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </Input>
-                                                            </span>
-                                                            <span
-                                                              className="ant-select-selection-item"
-                                                              title="All"
-                                                            >
-                                                              All
-                                                            </span>
-                                                          </SingleSelector>
-                                                        </div>
-                                                      </Selector>
-                                                    </Trigger>
-                                                  </SelectTrigger>
-                                                  <TransBtn
-                                                    className="ant-select-arrow"
-                                                    customizeIcon={[Function]}
-                                                    customizeIconProps={
-                                                      Object {
-                                                        "focused": false,
-                                                        "loading": undefined,
-                                                        "open": undefined,
-                                                        "searchValue": "",
-                                                        "showSearch": false,
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-hidden={true}
-                                                      className="ant-select-arrow"
-                                                      onMouseDown={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "WebkitUserSelect": "none",
-                                                          "userSelect": "none",
-                                                        }
-                                                      }
-                                                      unselectable="on"
-                                                    >
-                                                      <ForwardRef(DownOutlined)
-                                                        className="ant-select-suffix"
-                                                      >
-                                                        <AntdIcon
-                                                          className="ant-select-suffix"
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "down",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="down"
-                                                            className="anticon anticon-down ant-select-suffix"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "down",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="down"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-down"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                  key="svg-down-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(DownOutlined)>
-                                                    </span>
-                                                  </TransBtn>
-                                                </div>
-                                              </ForwardRef(Select)>
-                                            </Select>
-                                          </ForwardRef(InternalSelect)>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                    <FormItem>
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            prefixCls="ant-form"
-                            requiredMark={true}
-                          />
-                          <FormItemInput
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            validateStatus=""
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                            >
-                              <div
-                                className="ant-col ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Button
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </FormItem>
-                  </form>
-                </ForwardRef(Form)>
-              </SizeContextProvider>
-            </ForwardRef(InternalForm)>
-          </div>
-        </Item>
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={1}
-          key="ant-space-item-1"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={Object {}}
-          >
-            <List
-              bordered={true}
-              className="google-fact-check-search-list"
-              dataSource={
-                Array [
-                  Object {
-                    "claimDate": "2020-09-08T02:48:10Z",
-                    "claimReview": Array [
-                      Object {
-                        "languageCode": "en",
-                        "publisher": Object {
-                          "name": "BOOM",
-                          "site": "boomlive.in",
-                        },
-                        "reviewDate": "2020-09-08T02:48:10Z",
-                        "textualRating": "False",
-                        "title": "Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine",
-                        "url": "https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654",
-                      },
-                    ],
-                    "claimant": "Facebook posts",
-                    "text": "Video shows Russian doctors celebrating the new COVID-19 vaccine.",
-                  },
-                  Object {
-                    "claimDate": "2021-02-21T00:00:00Z",
-                    "claimReview": Array [
-                      Object {
-                        "languageCode": "en",
-                        "publisher": Object {
-                          "name": "BOOM",
-                          "site": "boomlive.in",
-                        },
-                        "reviewDate": "2021-02-28T21:23:54Z",
-                        "textualRating": "False",
-                        "title": "Fact check: False claim that Pelosi travels weekly on 200-seat ...",
-                        "url": "https://www.usatoday.com/story/news/factcheck/2021/02/28/fact-check-false-claim-pelosi-travels-weekly-200-seat-plane/6860043002/",
-                      },
-                    ],
-                    "claimant": "social media users",
-                    "text": "Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel",
-                  },
-                ]
-              }
-              itemLayout="vertical"
-              loadMore={
-                <div
-                  style={
-                    Object {
-                      "float": "right",
-                      "paddingBlock": "10px",
-                    }
-                  }
-                >
-                  <Space
-                    direction="horizontal"
-                  >
-                    <ForwardRef(InternalButton)
-                      disabled={true}
-                      onClick={[Function]}
-                    >
-                      Back
-                    </ForwardRef(InternalButton)>
-                    <ForwardRef(InternalButton)
-                      disabled={false}
-                      onClick={[Function]}
-                    >
-                      Next
-                    </ForwardRef(InternalButton)>
-                  </Space>
-                </div>
-              }
-              loading={false}
-              renderItem={[Function]}
-            >
-              <div
-                className="ant-list ant-list-vertical ant-list-split ant-list-bordered ant-list-something-after-last-item google-fact-check-search-list"
-              >
-                <Spin
-                  size="default"
-                  spinning={false}
-                  wrapperClassName=""
-                >
-                  <div
-                    className="ant-spin-nested-loading"
-                  >
-                    <div
-                      className="ant-spin-container"
-                      key="container"
-                    >
-                      <ul
-                        className="ant-list-items"
-                      >
-                        <Item
-                          key="Video shows Russian doctors celebrating the new COVID-19 vaccine."
-                        >
-                          <li
-                            className="ant-list-item ant-list-item-no-flex"
-                          >
-                            <Title
-                              level={5}
-                            >
-                              <Base
-                                component="h5"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h5"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h5
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Claim by Facebook posts:
-                                      </h5>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Title
-                              level={4}
-                            >
-                              <Base
-                                component="h4"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h4"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h4
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Video shows Russian doctors celebrating the new COVID-19 vaccine.
-                                      </h4>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Typography>
-                              <article
-                                className="ant-typography"
-                              >
-                                <b>
-                                  BOOM
-                                </b>
-                                 rating : 
-                                <b>
-                                  False
-                                </b>
-                              </article>
-                            </Typography>
-                            <a
-                              href="https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654"
-                              target="blank"
-                            >
-                              Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine
-                            </a>
-                          </li>
-                        </Item>
-                        <Item
-                          key="Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel"
-                        >
-                          <li
-                            className="ant-list-item ant-list-item-no-flex"
-                          >
-                            <Title
-                              level={5}
-                            >
-                              <Base
-                                component="h5"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h5"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h5
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Claim by social media users:
-                                      </h5>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Title
-                              level={4}
-                            >
-                              <Base
-                                component="h4"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h4"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h4
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel
-                                      </h4>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Typography>
-                              <article
-                                className="ant-typography"
-                              >
-                                <b>
-                                  BOOM
-                                </b>
-                                 rating : 
-                                <b>
-                                  False
-                                </b>
-                              </article>
-                            </Typography>
-                            <a
-                              href="https://www.usatoday.com/story/news/factcheck/2021/02/28/fact-check-false-claim-pelosi-travels-weekly-200-seat-plane/6860043002/"
-                              target="blank"
-                            >
-                              Fact check: False claim that Pelosi travels weekly on 200-seat ...
-                            </a>
-                          </li>
-                        </Item>
-                      </ul>
-                    </div>
-                  </div>
-                </Spin>
-                <div
-                  style={
-                    Object {
-                      "float": "right",
-                      "paddingBlock": "10px",
-                    }
-                  }
-                >
-                  <Space
-                    direction="horizontal"
-                  >
-                    <div
-                      className="ant-space ant-space-horizontal ant-space-align-center"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="horizontal"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={
-                            Object {
-                              "marginRight": 8,
-                            }
-                          }
-                        >
-                          <Button
-                            disabled={true}
-                            onClick={[Function]}
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn"
-                                disabled={true}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  Back
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </div>
-                      </Item>
-                      <Item
-                        className="ant-space-item"
-                        direction="horizontal"
-                        index={1}
-                        key="ant-space-item-1"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Button
-                            disabled={false}
-                            onClick={[Function]}
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn"
-                                disabled={false}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  Next
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </div>
-              </div>
-            </List>
-          </div>
-        </Item>
-      </div>
-    </Space>
-  </GoogleFactCheck>
-</Provider>
-`;
-
-exports[`GoogleFactCheck component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <GoogleFactCheck>
-    <Space
-      direction="vertical"
-    >
-      <div
-        className="ant-space ant-space-vertical"
-        style={Object {}}
-      >
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={0}
-          key="ant-space-item-0"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={
-              Object {
-                "marginBottom": 8,
-              }
-            }
-          >
-            <ForwardRef(InternalForm)
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": "google-fact-check",
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              layout="inline"
-              name="google-fact-check"
-              onFinish={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                }
-              }
-            >
-              <SizeContextProvider>
-                <ForwardRef(Form)
-                  className="ant-form ant-form-inline"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "google-fact-check",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  id="google-fact-check"
-                  name="google-fact-check"
-                  onFinish={[Function]}
-                  onFinishFailed={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <form
-                    className="ant-form ant-form-inline"
-                    id="google-fact-check"
-                    onReset={[Function]}
-                    onSubmit={[Function]}
-                    style={
-                      Object {
-                        "maxWidth": "100%",
-                      }
-                    }
-                  >
-                    <FormItem
-                      label="Search"
-                      name="query"
-                      rules={
-                        Array [
-                          Object {
-                            "message": "Please enter your search query!",
-                            "required": true,
-                          },
-                        ]
-                      }
-                      style={
-                        Object {
-                          "width": "25%",
-                        }
-                      }
-                    >
-                      <WrapperField
-                        label="Search"
-                        messageVariables={
-                          Object {
-                            "label": "Search",
-                          }
-                        }
-                        name="query"
-                        onReset={[Function]}
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please enter your search query!",
-                              "required": true,
-                            },
-                          ]
-                        }
-                        style={
-                          Object {
-                            "width": "25%",
-                          }
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "google-fact-check",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_query"
-                          label="Search"
-                          messageVariables={
-                            Object {
-                              "label": "Search",
-                            }
-                          }
-                          name={
-                            Array [
-                              "query",
-                            ]
-                          }
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please enter your search query!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          style={
-                            Object {
-                              "width": "25%",
-                            }
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                            style={
-                              Object {
-                                "width": "25%",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={
-                                Object {
-                                  "width": "25%",
-                                }
-                              }
-                            >
-                              <FormItemLabel
-                                htmlFor="google-fact-check_query"
-                                label="Search"
-                                name="query"
-                                prefixCls="ant-form"
-                                required={true}
-                                requiredMark={true}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter your search query!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className="ant-form-item-required"
-                                      htmlFor="google-fact-check_query"
-                                      title="Search"
-                                    >
-                                      Search
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="Search"
-                                name={
-                                  Array [
-                                    "query",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter your search query!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                status=""
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={2}
-                                        >
-                                          <Input
-                                            id="google-fact-check_query"
-                                            onChange={[Function]}
-                                            placeholder="search fact checks"
-                                            type="text"
-                                          >
-                                            <ClearableLabeledInput
-                                              bordered={true}
-                                              element={
-                                                <input
-                                                  className="ant-input"
-                                                  id="google-fact-check_query"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="search fact checks"
-                                                  type="text"
-                                                />
-                                              }
-                                              focused={false}
-                                              handleReset={[Function]}
-                                              id="google-fact-check_query"
-                                              inputType="input"
-                                              onChange={[Function]}
-                                              placeholder="search fact checks"
-                                              prefixCls="ant-input"
-                                              triggerFocus={[Function]}
-                                              type="text"
-                                              value=""
-                                            >
-                                              <input
-                                                className="ant-input"
-                                                id="google-fact-check_query"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="search fact checks"
-                                                type="text"
-                                                value=""
-                                              />
-                                            </ClearableLabeledInput>
-                                          </Input>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                    <FormItem
-                      label="language"
-                      name="language"
-                      style={
-                        Object {
-                          "width": "25%",
-                        }
-                      }
-                    >
-                      <WrapperField
-                        label="language"
-                        messageVariables={
-                          Object {
-                            "label": "language",
-                          }
-                        }
-                        name="language"
-                        onReset={[Function]}
-                        style={
-                          Object {
-                            "width": "25%",
-                          }
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "google-fact-check",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_language"
-                          label="language"
-                          messageVariables={
-                            Object {
-                              "label": "language",
-                            }
-                          }
-                          name={
-                            Array [
-                              "language",
-                            ]
-                          }
-                          onReset={[Function]}
-                          style={
-                            Object {
-                              "width": "25%",
-                            }
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                            style={
-                              Object {
-                                "width": "25%",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={
-                                Object {
-                                  "width": "25%",
-                                }
-                              }
-                            >
-                              <FormItemLabel
-                                htmlFor="google-fact-check_language"
-                                label="language"
-                                name="language"
-                                prefixCls="ant-form"
-                                required={false}
-                                requiredMark={true}
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className=""
-                                      htmlFor="google-fact-check_language"
-                                      title="language"
-                                    >
-                                      language
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="language"
-                                name={
-                                  Array [
-                                    "language",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                style={
-                                  Object {
-                                    "width": "25%",
-                                  }
-                                }
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={2}
-                                        >
-                                          <ForwardRef(InternalSelect)
-                                            defaultValue="all"
-                                            id="google-fact-check_language"
-                                            onChange={[Function]}
-                                          >
-                                            <Select
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              defaultValue="all"
-                                              dropdownClassName=""
-                                              id="google-fact-check_language"
-                                              inputIcon={[Function]}
-                                              listHeight={256}
-                                              listItemHeight={24}
-                                              menuItemSelectedIcon={null}
-                                              notFoundContent={
-                                                <Context.Consumer>
-                                                  [Function]
-                                                </Context.Consumer>
-                                              }
-                                              onChange={[Function]}
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              transitionName="ant-slide-up"
-                                            >
-                                              <ForwardRef(Select)
-                                                className=""
-                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                defaultValue="all"
-                                                dropdownClassName=""
-                                                id="google-fact-check_language"
-                                                inputIcon={[Function]}
-                                                listHeight={256}
-                                                listItemHeight={24}
-                                                menuItemSelectedIcon={null}
-                                                notFoundContent={
-                                                  <Context.Consumer>
-                                                    [Function]
-                                                  </Context.Consumer>
-                                                }
-                                                onChange={[Function]}
-                                                prefixCls="ant-select"
-                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                transitionName="ant-slide-up"
-                                              >
-                                                <div
-                                                  className="ant-select ant-select-single ant-select-show-arrow"
-                                                  onBlur={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  onMouseDown={[Function]}
-                                                >
-                                                  <SelectTrigger
-                                                    containerWidth={null}
-                                                    dropdownClassName=""
-                                                    empty={false}
-                                                    getTriggerDOMNode={[Function]}
-                                                    popupElement={
-                                                      <ForwardRef(OptionList)
-                                                        childrenAsData={true}
-                                                        defaultActiveFirstOption={true}
-                                                        flattenOptions={
-                                                          Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "All",
-                                                                "key": "0",
-                                                                "value": "all",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "0",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Amharic",
-                                                                "key": "1",
-                                                                "value": "am",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "1",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Arabic",
-                                                                "key": "2",
-                                                                "value": "ar",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "2",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Basque",
-                                                                "key": "3",
-                                                                "value": "eu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "3",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Bengali",
-                                                                "key": "4",
-                                                                "value": "bn",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "4",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "English (UK)",
-                                                                "key": "5",
-                                                                "value": "en-GB",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "5",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Portuguese (Brazil)",
-                                                                "key": "6",
-                                                                "value": "pt-BR",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "6",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Bulgarian",
-                                                                "key": "7",
-                                                                "value": "bg",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "7",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Catalan",
-                                                                "key": "8",
-                                                                "value": "ca",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "8",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Cherokee",
-                                                                "key": "9",
-                                                                "value": "chr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "9",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Croatian",
-                                                                "key": "10",
-                                                                "value": "hr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "10",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Czech",
-                                                                "key": "11",
-                                                                "value": "cs",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "11",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Danish",
-                                                                "key": "12",
-                                                                "value": "da",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "12",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Dutch",
-                                                                "key": "13",
-                                                                "value": "nl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "13",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "English (US)",
-                                                                "key": "14",
-                                                                "value": "en",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "14",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Estonian",
-                                                                "key": "15",
-                                                                "value": "et",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "15",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Filipino",
-                                                                "key": "16",
-                                                                "value": "fil",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "16",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Finnish",
-                                                                "key": "17",
-                                                                "value": "fi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "17",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "French",
-                                                                "key": "18",
-                                                                "value": "fr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "18",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "German",
-                                                                "key": "19",
-                                                                "value": "de",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "19",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Greek",
-                                                                "key": "20",
-                                                                "value": "el",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "20",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Gujarati",
-                                                                "key": "21",
-                                                                "value": "gu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "21",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hebrew",
-                                                                "key": "22",
-                                                                "value": "iw",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "22",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hindi",
-                                                                "key": "23",
-                                                                "value": "hi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "23",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Hungarian",
-                                                                "key": "24",
-                                                                "value": "hu",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "24",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Icelandic",
-                                                                "key": "25",
-                                                                "value": "is",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "25",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Indonesian",
-                                                                "key": "26",
-                                                                "value": "id",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "26",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Italian",
-                                                                "key": "27",
-                                                                "value": "it",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "27",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Japanese",
-                                                                "key": "28",
-                                                                "value": "ja",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "28",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Kannada",
-                                                                "key": "29",
-                                                                "value": "kn",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "29",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Korean",
-                                                                "key": "30",
-                                                                "value": "ko",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "30",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Latvian",
-                                                                "key": "31",
-                                                                "value": "lv",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "31",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Lithuanian",
-                                                                "key": "32",
-                                                                "value": "lt",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "32",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Malay",
-                                                                "key": "33",
-                                                                "value": "ms",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "33",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Malayalam",
-                                                                "key": "34",
-                                                                "value": "ml",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "34",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Marathi",
-                                                                "key": "35",
-                                                                "value": "mr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "35",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Norwegian",
-                                                                "key": "36",
-                                                                "value": "no",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "36",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Polish",
-                                                                "key": "37",
-                                                                "value": "pl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "37",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Portuguese (Portugal)",
-                                                                "key": "38",
-                                                                "value": "pt-PT",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "38",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Romanian",
-                                                                "key": "39",
-                                                                "value": "ro",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "39",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Russian",
-                                                                "key": "40",
-                                                                "value": "ru",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "40",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Serbian",
-                                                                "key": "41",
-                                                                "value": "sr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "41",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Chinese (PRC)",
-                                                                "key": "42",
-                                                                "value": "zh-CN",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "42",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Slovak",
-                                                                "key": "43",
-                                                                "value": "sk",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "43",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Slovenian",
-                                                                "key": "44",
-                                                                "value": "sl",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "44",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Spanish",
-                                                                "key": "45",
-                                                                "value": "es",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "45",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Swahili",
-                                                                "key": "46",
-                                                                "value": "sw",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "46",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Swedish",
-                                                                "key": "47",
-                                                                "value": "sv",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "47",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Tamil",
-                                                                "key": "48",
-                                                                "value": "ta",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "48",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Telugu",
-                                                                "key": "49",
-                                                                "value": "te",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "49",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Thai",
-                                                                "key": "50",
-                                                                "value": "th",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "50",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Chinese (Taiwan)",
-                                                                "key": "51",
-                                                                "value": "zh-TW",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "51",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Turkish",
-                                                                "key": "52",
-                                                                "value": "tr",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "52",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Urdu",
-                                                                "key": "53",
-                                                                "value": "ur",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "53",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Ukrainian",
-                                                                "key": "54",
-                                                                "value": "uk",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "54",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Vietnamese",
-                                                                "key": "55",
-                                                                "value": "vi",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "55",
-                                                            },
-                                                            Object {
-                                                              "data": Object {
-                                                                "children": "Welsh",
-                                                                "key": "56",
-                                                                "value": "cy",
-                                                              },
-                                                              "groupOption": false,
-                                                              "key": "56",
-                                                            },
-                                                          ]
-                                                        }
-                                                        height={256}
-                                                        id="google-fact-check_language"
-                                                        itemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onActiveValue={[Function]}
-                                                        onMouseEnter={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        options={
-                                                          Array [
-                                                            Object {
-                                                              "children": "All",
-                                                              "key": "0",
-                                                              "value": "all",
-                                                            },
-                                                            Object {
-                                                              "children": "Amharic",
-                                                              "key": "1",
-                                                              "value": "am",
-                                                            },
-                                                            Object {
-                                                              "children": "Arabic",
-                                                              "key": "2",
-                                                              "value": "ar",
-                                                            },
-                                                            Object {
-                                                              "children": "Basque",
-                                                              "key": "3",
-                                                              "value": "eu",
-                                                            },
-                                                            Object {
-                                                              "children": "Bengali",
-                                                              "key": "4",
-                                                              "value": "bn",
-                                                            },
-                                                            Object {
-                                                              "children": "English (UK)",
-                                                              "key": "5",
-                                                              "value": "en-GB",
-                                                            },
-                                                            Object {
-                                                              "children": "Portuguese (Brazil)",
-                                                              "key": "6",
-                                                              "value": "pt-BR",
-                                                            },
-                                                            Object {
-                                                              "children": "Bulgarian",
-                                                              "key": "7",
-                                                              "value": "bg",
-                                                            },
-                                                            Object {
-                                                              "children": "Catalan",
-                                                              "key": "8",
-                                                              "value": "ca",
-                                                            },
-                                                            Object {
-                                                              "children": "Cherokee",
-                                                              "key": "9",
-                                                              "value": "chr",
-                                                            },
-                                                            Object {
-                                                              "children": "Croatian",
-                                                              "key": "10",
-                                                              "value": "hr",
-                                                            },
-                                                            Object {
-                                                              "children": "Czech",
-                                                              "key": "11",
-                                                              "value": "cs",
-                                                            },
-                                                            Object {
-                                                              "children": "Danish",
-                                                              "key": "12",
-                                                              "value": "da",
-                                                            },
-                                                            Object {
-                                                              "children": "Dutch",
-                                                              "key": "13",
-                                                              "value": "nl",
-                                                            },
-                                                            Object {
-                                                              "children": "English (US)",
-                                                              "key": "14",
-                                                              "value": "en",
-                                                            },
-                                                            Object {
-                                                              "children": "Estonian",
-                                                              "key": "15",
-                                                              "value": "et",
-                                                            },
-                                                            Object {
-                                                              "children": "Filipino",
-                                                              "key": "16",
-                                                              "value": "fil",
-                                                            },
-                                                            Object {
-                                                              "children": "Finnish",
-                                                              "key": "17",
-                                                              "value": "fi",
-                                                            },
-                                                            Object {
-                                                              "children": "French",
-                                                              "key": "18",
-                                                              "value": "fr",
-                                                            },
-                                                            Object {
-                                                              "children": "German",
-                                                              "key": "19",
-                                                              "value": "de",
-                                                            },
-                                                            Object {
-                                                              "children": "Greek",
-                                                              "key": "20",
-                                                              "value": "el",
-                                                            },
-                                                            Object {
-                                                              "children": "Gujarati",
-                                                              "key": "21",
-                                                              "value": "gu",
-                                                            },
-                                                            Object {
-                                                              "children": "Hebrew",
-                                                              "key": "22",
-                                                              "value": "iw",
-                                                            },
-                                                            Object {
-                                                              "children": "Hindi",
-                                                              "key": "23",
-                                                              "value": "hi",
-                                                            },
-                                                            Object {
-                                                              "children": "Hungarian",
-                                                              "key": "24",
-                                                              "value": "hu",
-                                                            },
-                                                            Object {
-                                                              "children": "Icelandic",
-                                                              "key": "25",
-                                                              "value": "is",
-                                                            },
-                                                            Object {
-                                                              "children": "Indonesian",
-                                                              "key": "26",
-                                                              "value": "id",
-                                                            },
-                                                            Object {
-                                                              "children": "Italian",
-                                                              "key": "27",
-                                                              "value": "it",
-                                                            },
-                                                            Object {
-                                                              "children": "Japanese",
-                                                              "key": "28",
-                                                              "value": "ja",
-                                                            },
-                                                            Object {
-                                                              "children": "Kannada",
-                                                              "key": "29",
-                                                              "value": "kn",
-                                                            },
-                                                            Object {
-                                                              "children": "Korean",
-                                                              "key": "30",
-                                                              "value": "ko",
-                                                            },
-                                                            Object {
-                                                              "children": "Latvian",
-                                                              "key": "31",
-                                                              "value": "lv",
-                                                            },
-                                                            Object {
-                                                              "children": "Lithuanian",
-                                                              "key": "32",
-                                                              "value": "lt",
-                                                            },
-                                                            Object {
-                                                              "children": "Malay",
-                                                              "key": "33",
-                                                              "value": "ms",
-                                                            },
-                                                            Object {
-                                                              "children": "Malayalam",
-                                                              "key": "34",
-                                                              "value": "ml",
-                                                            },
-                                                            Object {
-                                                              "children": "Marathi",
-                                                              "key": "35",
-                                                              "value": "mr",
-                                                            },
-                                                            Object {
-                                                              "children": "Norwegian",
-                                                              "key": "36",
-                                                              "value": "no",
-                                                            },
-                                                            Object {
-                                                              "children": "Polish",
-                                                              "key": "37",
-                                                              "value": "pl",
-                                                            },
-                                                            Object {
-                                                              "children": "Portuguese (Portugal)",
-                                                              "key": "38",
-                                                              "value": "pt-PT",
-                                                            },
-                                                            Object {
-                                                              "children": "Romanian",
-                                                              "key": "39",
-                                                              "value": "ro",
-                                                            },
-                                                            Object {
-                                                              "children": "Russian",
-                                                              "key": "40",
-                                                              "value": "ru",
-                                                            },
-                                                            Object {
-                                                              "children": "Serbian",
-                                                              "key": "41",
-                                                              "value": "sr",
-                                                            },
-                                                            Object {
-                                                              "children": "Chinese (PRC)",
-                                                              "key": "42",
-                                                              "value": "zh-CN",
-                                                            },
-                                                            Object {
-                                                              "children": "Slovak",
-                                                              "key": "43",
-                                                              "value": "sk",
-                                                            },
-                                                            Object {
-                                                              "children": "Slovenian",
-                                                              "key": "44",
-                                                              "value": "sl",
-                                                            },
-                                                            Object {
-                                                              "children": "Spanish",
-                                                              "key": "45",
-                                                              "value": "es",
-                                                            },
-                                                            Object {
-                                                              "children": "Swahili",
-                                                              "key": "46",
-                                                              "value": "sw",
-                                                            },
-                                                            Object {
-                                                              "children": "Swedish",
-                                                              "key": "47",
-                                                              "value": "sv",
-                                                            },
-                                                            Object {
-                                                              "children": "Tamil",
-                                                              "key": "48",
-                                                              "value": "ta",
-                                                            },
-                                                            Object {
-                                                              "children": "Telugu",
-                                                              "key": "49",
-                                                              "value": "te",
-                                                            },
-                                                            Object {
-                                                              "children": "Thai",
-                                                              "key": "50",
-                                                              "value": "th",
-                                                            },
-                                                            Object {
-                                                              "children": "Chinese (Taiwan)",
-                                                              "key": "51",
-                                                              "value": "zh-TW",
-                                                            },
-                                                            Object {
-                                                              "children": "Turkish",
-                                                              "key": "52",
-                                                              "value": "tr",
-                                                            },
-                                                            Object {
-                                                              "children": "Urdu",
-                                                              "key": "53",
-                                                              "value": "ur",
-                                                            },
-                                                            Object {
-                                                              "children": "Ukrainian",
-                                                              "key": "54",
-                                                              "value": "uk",
-                                                            },
-                                                            Object {
-                                                              "children": "Vietnamese",
-                                                              "key": "55",
-                                                              "value": "vi",
-                                                            },
-                                                            Object {
-                                                              "children": "Welsh",
-                                                              "key": "56",
-                                                              "value": "cy",
-                                                            },
-                                                          ]
-                                                        }
-                                                        prefixCls="ant-select"
-                                                        searchValue=""
-                                                        values={
-                                                          Set {
-                                                            "all",
-                                                          }
-                                                        }
-                                                        virtual={true}
-                                                      />
-                                                    }
-                                                    prefixCls="ant-select"
-                                                    transitionName="ant-slide-up"
-                                                  >
-                                                    <Trigger
-                                                      action={Array []}
-                                                      afterPopupVisibleChange={[Function]}
-                                                      autoDestroy={false}
-                                                      blurDelay={0.15}
-                                                      builtinPlacements={
-                                                        Object {
-                                                          "bottomLeft": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tl",
-                                                              "bl",
-                                                            ],
-                                                          },
-                                                          "bottomRight": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tr",
-                                                              "br",
-                                                            ],
-                                                          },
-                                                          "topLeft": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "bl",
-                                                              "tl",
-                                                            ],
-                                                          },
-                                                          "topRight": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "br",
-                                                              "tr",
-                                                            ],
-                                                          },
-                                                        }
-                                                      }
-                                                      defaultPopupVisible={false}
-                                                      destroyPopupOnHide={false}
-                                                      focusDelay={0}
-                                                      getDocument={[Function]}
-                                                      getPopupClassNameFromAlign={[Function]}
-                                                      getTriggerDOMNode={[Function]}
-                                                      hideAction={Array []}
-                                                      mask={false}
-                                                      maskClosable={true}
-                                                      mouseEnterDelay={0}
-                                                      mouseLeaveDelay={0.1}
-                                                      onPopupAlign={[Function]}
-                                                      onPopupVisibleChange={[Function]}
-                                                      popup={
-                                                        <div>
-                                                          <ForwardRef(OptionList)
-                                                            childrenAsData={true}
-                                                            defaultActiveFirstOption={true}
-                                                            flattenOptions={
-                                                              Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "All",
-                                                                    "key": "0",
-                                                                    "value": "all",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "0",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Amharic",
-                                                                    "key": "1",
-                                                                    "value": "am",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "1",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Arabic",
-                                                                    "key": "2",
-                                                                    "value": "ar",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "2",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Basque",
-                                                                    "key": "3",
-                                                                    "value": "eu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "3",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Bengali",
-                                                                    "key": "4",
-                                                                    "value": "bn",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "4",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "English (UK)",
-                                                                    "key": "5",
-                                                                    "value": "en-GB",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "5",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Portuguese (Brazil)",
-                                                                    "key": "6",
-                                                                    "value": "pt-BR",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "6",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Bulgarian",
-                                                                    "key": "7",
-                                                                    "value": "bg",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "7",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Catalan",
-                                                                    "key": "8",
-                                                                    "value": "ca",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "8",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Cherokee",
-                                                                    "key": "9",
-                                                                    "value": "chr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "9",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Croatian",
-                                                                    "key": "10",
-                                                                    "value": "hr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "10",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Czech",
-                                                                    "key": "11",
-                                                                    "value": "cs",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "11",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Danish",
-                                                                    "key": "12",
-                                                                    "value": "da",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "12",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Dutch",
-                                                                    "key": "13",
-                                                                    "value": "nl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "13",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "English (US)",
-                                                                    "key": "14",
-                                                                    "value": "en",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "14",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Estonian",
-                                                                    "key": "15",
-                                                                    "value": "et",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "15",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Filipino",
-                                                                    "key": "16",
-                                                                    "value": "fil",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "16",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Finnish",
-                                                                    "key": "17",
-                                                                    "value": "fi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "17",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "French",
-                                                                    "key": "18",
-                                                                    "value": "fr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "18",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "German",
-                                                                    "key": "19",
-                                                                    "value": "de",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "19",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Greek",
-                                                                    "key": "20",
-                                                                    "value": "el",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "20",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Gujarati",
-                                                                    "key": "21",
-                                                                    "value": "gu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "21",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hebrew",
-                                                                    "key": "22",
-                                                                    "value": "iw",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "22",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hindi",
-                                                                    "key": "23",
-                                                                    "value": "hi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "23",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Hungarian",
-                                                                    "key": "24",
-                                                                    "value": "hu",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "24",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Icelandic",
-                                                                    "key": "25",
-                                                                    "value": "is",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "25",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Indonesian",
-                                                                    "key": "26",
-                                                                    "value": "id",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "26",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Italian",
-                                                                    "key": "27",
-                                                                    "value": "it",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "27",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Japanese",
-                                                                    "key": "28",
-                                                                    "value": "ja",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "28",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Kannada",
-                                                                    "key": "29",
-                                                                    "value": "kn",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "29",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Korean",
-                                                                    "key": "30",
-                                                                    "value": "ko",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "30",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Latvian",
-                                                                    "key": "31",
-                                                                    "value": "lv",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "31",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Lithuanian",
-                                                                    "key": "32",
-                                                                    "value": "lt",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "32",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Malay",
-                                                                    "key": "33",
-                                                                    "value": "ms",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "33",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Malayalam",
-                                                                    "key": "34",
-                                                                    "value": "ml",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "34",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Marathi",
-                                                                    "key": "35",
-                                                                    "value": "mr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "35",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Norwegian",
-                                                                    "key": "36",
-                                                                    "value": "no",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "36",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Polish",
-                                                                    "key": "37",
-                                                                    "value": "pl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "37",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Portuguese (Portugal)",
-                                                                    "key": "38",
-                                                                    "value": "pt-PT",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "38",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Romanian",
-                                                                    "key": "39",
-                                                                    "value": "ro",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "39",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Russian",
-                                                                    "key": "40",
-                                                                    "value": "ru",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "40",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Serbian",
-                                                                    "key": "41",
-                                                                    "value": "sr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "41",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Chinese (PRC)",
-                                                                    "key": "42",
-                                                                    "value": "zh-CN",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "42",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Slovak",
-                                                                    "key": "43",
-                                                                    "value": "sk",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "43",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Slovenian",
-                                                                    "key": "44",
-                                                                    "value": "sl",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "44",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Spanish",
-                                                                    "key": "45",
-                                                                    "value": "es",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "45",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Swahili",
-                                                                    "key": "46",
-                                                                    "value": "sw",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "46",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Swedish",
-                                                                    "key": "47",
-                                                                    "value": "sv",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "47",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Tamil",
-                                                                    "key": "48",
-                                                                    "value": "ta",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "48",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Telugu",
-                                                                    "key": "49",
-                                                                    "value": "te",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "49",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Thai",
-                                                                    "key": "50",
-                                                                    "value": "th",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "50",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Chinese (Taiwan)",
-                                                                    "key": "51",
-                                                                    "value": "zh-TW",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "51",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Turkish",
-                                                                    "key": "52",
-                                                                    "value": "tr",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "52",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Urdu",
-                                                                    "key": "53",
-                                                                    "value": "ur",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "53",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Ukrainian",
-                                                                    "key": "54",
-                                                                    "value": "uk",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "54",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Vietnamese",
-                                                                    "key": "55",
-                                                                    "value": "vi",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "55",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "Welsh",
-                                                                    "key": "56",
-                                                                    "value": "cy",
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "56",
-                                                                },
-                                                              ]
-                                                            }
-                                                            height={256}
-                                                            id="google-fact-check_language"
-                                                            itemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            multiple={false}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onActiveValue={[Function]}
-                                                            onMouseEnter={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            options={
-                                                              Array [
-                                                                Object {
-                                                                  "children": "All",
-                                                                  "key": "0",
-                                                                  "value": "all",
-                                                                },
-                                                                Object {
-                                                                  "children": "Amharic",
-                                                                  "key": "1",
-                                                                  "value": "am",
-                                                                },
-                                                                Object {
-                                                                  "children": "Arabic",
-                                                                  "key": "2",
-                                                                  "value": "ar",
-                                                                },
-                                                                Object {
-                                                                  "children": "Basque",
-                                                                  "key": "3",
-                                                                  "value": "eu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Bengali",
-                                                                  "key": "4",
-                                                                  "value": "bn",
-                                                                },
-                                                                Object {
-                                                                  "children": "English (UK)",
-                                                                  "key": "5",
-                                                                  "value": "en-GB",
-                                                                },
-                                                                Object {
-                                                                  "children": "Portuguese (Brazil)",
-                                                                  "key": "6",
-                                                                  "value": "pt-BR",
-                                                                },
-                                                                Object {
-                                                                  "children": "Bulgarian",
-                                                                  "key": "7",
-                                                                  "value": "bg",
-                                                                },
-                                                                Object {
-                                                                  "children": "Catalan",
-                                                                  "key": "8",
-                                                                  "value": "ca",
-                                                                },
-                                                                Object {
-                                                                  "children": "Cherokee",
-                                                                  "key": "9",
-                                                                  "value": "chr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Croatian",
-                                                                  "key": "10",
-                                                                  "value": "hr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Czech",
-                                                                  "key": "11",
-                                                                  "value": "cs",
-                                                                },
-                                                                Object {
-                                                                  "children": "Danish",
-                                                                  "key": "12",
-                                                                  "value": "da",
-                                                                },
-                                                                Object {
-                                                                  "children": "Dutch",
-                                                                  "key": "13",
-                                                                  "value": "nl",
-                                                                },
-                                                                Object {
-                                                                  "children": "English (US)",
-                                                                  "key": "14",
-                                                                  "value": "en",
-                                                                },
-                                                                Object {
-                                                                  "children": "Estonian",
-                                                                  "key": "15",
-                                                                  "value": "et",
-                                                                },
-                                                                Object {
-                                                                  "children": "Filipino",
-                                                                  "key": "16",
-                                                                  "value": "fil",
-                                                                },
-                                                                Object {
-                                                                  "children": "Finnish",
-                                                                  "key": "17",
-                                                                  "value": "fi",
-                                                                },
-                                                                Object {
-                                                                  "children": "French",
-                                                                  "key": "18",
-                                                                  "value": "fr",
-                                                                },
-                                                                Object {
-                                                                  "children": "German",
-                                                                  "key": "19",
-                                                                  "value": "de",
-                                                                },
-                                                                Object {
-                                                                  "children": "Greek",
-                                                                  "key": "20",
-                                                                  "value": "el",
-                                                                },
-                                                                Object {
-                                                                  "children": "Gujarati",
-                                                                  "key": "21",
-                                                                  "value": "gu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hebrew",
-                                                                  "key": "22",
-                                                                  "value": "iw",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hindi",
-                                                                  "key": "23",
-                                                                  "value": "hi",
-                                                                },
-                                                                Object {
-                                                                  "children": "Hungarian",
-                                                                  "key": "24",
-                                                                  "value": "hu",
-                                                                },
-                                                                Object {
-                                                                  "children": "Icelandic",
-                                                                  "key": "25",
-                                                                  "value": "is",
-                                                                },
-                                                                Object {
-                                                                  "children": "Indonesian",
-                                                                  "key": "26",
-                                                                  "value": "id",
-                                                                },
-                                                                Object {
-                                                                  "children": "Italian",
-                                                                  "key": "27",
-                                                                  "value": "it",
-                                                                },
-                                                                Object {
-                                                                  "children": "Japanese",
-                                                                  "key": "28",
-                                                                  "value": "ja",
-                                                                },
-                                                                Object {
-                                                                  "children": "Kannada",
-                                                                  "key": "29",
-                                                                  "value": "kn",
-                                                                },
-                                                                Object {
-                                                                  "children": "Korean",
-                                                                  "key": "30",
-                                                                  "value": "ko",
-                                                                },
-                                                                Object {
-                                                                  "children": "Latvian",
-                                                                  "key": "31",
-                                                                  "value": "lv",
-                                                                },
-                                                                Object {
-                                                                  "children": "Lithuanian",
-                                                                  "key": "32",
-                                                                  "value": "lt",
-                                                                },
-                                                                Object {
-                                                                  "children": "Malay",
-                                                                  "key": "33",
-                                                                  "value": "ms",
-                                                                },
-                                                                Object {
-                                                                  "children": "Malayalam",
-                                                                  "key": "34",
-                                                                  "value": "ml",
-                                                                },
-                                                                Object {
-                                                                  "children": "Marathi",
-                                                                  "key": "35",
-                                                                  "value": "mr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Norwegian",
-                                                                  "key": "36",
-                                                                  "value": "no",
-                                                                },
-                                                                Object {
-                                                                  "children": "Polish",
-                                                                  "key": "37",
-                                                                  "value": "pl",
-                                                                },
-                                                                Object {
-                                                                  "children": "Portuguese (Portugal)",
-                                                                  "key": "38",
-                                                                  "value": "pt-PT",
-                                                                },
-                                                                Object {
-                                                                  "children": "Romanian",
-                                                                  "key": "39",
-                                                                  "value": "ro",
-                                                                },
-                                                                Object {
-                                                                  "children": "Russian",
-                                                                  "key": "40",
-                                                                  "value": "ru",
-                                                                },
-                                                                Object {
-                                                                  "children": "Serbian",
-                                                                  "key": "41",
-                                                                  "value": "sr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Chinese (PRC)",
-                                                                  "key": "42",
-                                                                  "value": "zh-CN",
-                                                                },
-                                                                Object {
-                                                                  "children": "Slovak",
-                                                                  "key": "43",
-                                                                  "value": "sk",
-                                                                },
-                                                                Object {
-                                                                  "children": "Slovenian",
-                                                                  "key": "44",
-                                                                  "value": "sl",
-                                                                },
-                                                                Object {
-                                                                  "children": "Spanish",
-                                                                  "key": "45",
-                                                                  "value": "es",
-                                                                },
-                                                                Object {
-                                                                  "children": "Swahili",
-                                                                  "key": "46",
-                                                                  "value": "sw",
-                                                                },
-                                                                Object {
-                                                                  "children": "Swedish",
-                                                                  "key": "47",
-                                                                  "value": "sv",
-                                                                },
-                                                                Object {
-                                                                  "children": "Tamil",
-                                                                  "key": "48",
-                                                                  "value": "ta",
-                                                                },
-                                                                Object {
-                                                                  "children": "Telugu",
-                                                                  "key": "49",
-                                                                  "value": "te",
-                                                                },
-                                                                Object {
-                                                                  "children": "Thai",
-                                                                  "key": "50",
-                                                                  "value": "th",
-                                                                },
-                                                                Object {
-                                                                  "children": "Chinese (Taiwan)",
-                                                                  "key": "51",
-                                                                  "value": "zh-TW",
-                                                                },
-                                                                Object {
-                                                                  "children": "Turkish",
-                                                                  "key": "52",
-                                                                  "value": "tr",
-                                                                },
-                                                                Object {
-                                                                  "children": "Urdu",
-                                                                  "key": "53",
-                                                                  "value": "ur",
-                                                                },
-                                                                Object {
-                                                                  "children": "Ukrainian",
-                                                                  "key": "54",
-                                                                  "value": "uk",
-                                                                },
-                                                                Object {
-                                                                  "children": "Vietnamese",
-                                                                  "key": "55",
-                                                                  "value": "vi",
-                                                                },
-                                                                Object {
-                                                                  "children": "Welsh",
-                                                                  "key": "56",
-                                                                  "value": "cy",
-                                                                },
-                                                              ]
-                                                            }
-                                                            prefixCls="ant-select"
-                                                            searchValue=""
-                                                            values={
-                                                              Set {
-                                                                "all",
-                                                              }
-                                                            }
-                                                            virtual={true}
-                                                          />
-                                                        </div>
-                                                      }
-                                                      popupAlign={Object {}}
-                                                      popupClassName=""
-                                                      popupPlacement="bottomLeft"
-                                                      popupStyle={
-                                                        Object {
-                                                          "minWidth": null,
-                                                          "width": null,
-                                                        }
-                                                      }
-                                                      popupTransitionName="ant-slide-up"
-                                                      prefixCls="ant-select-dropdown"
-                                                      showAction={Array []}
-                                                    >
-                                                      <Selector
-                                                        accessibilityIndex={0}
-                                                        activeValue={null}
-                                                        className=""
-                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                        defaultValue="all"
-                                                        domRef={
-                                                          Object {
-                                                            "current": <div
-                                                              class="ant-select-selector"
-                                                            >
-                                                              <span
-                                                                class="ant-select-selection-search"
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </span>
-                                                              <span
-                                                                class="ant-select-selection-item"
-                                                                title="All"
-                                                              >
-                                                                All
-                                                              </span>
-                                                            </div>,
-                                                          }
-                                                        }
-                                                        dropdownClassName=""
-                                                        id="google-fact-check_language"
-                                                        inputElement={null}
-                                                        inputIcon={[Function]}
-                                                        key="trigger"
-                                                        listHeight={256}
-                                                        listItemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onChange={[Function]}
-                                                        onSearch={[Function]}
-                                                        onSearchSubmit={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        prefixCls="ant-select"
-                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                        searchValue=""
-                                                        showSearch={false}
-                                                        tokenWithEnter={false}
-                                                        transitionName="ant-slide-up"
-                                                        values={
-                                                          Array [
-                                                            Object {
-                                                              "disabled": undefined,
-                                                              "key": "all",
-                                                              "label": "All",
-                                                              "value": "all",
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-select-selector"
-                                                          onClick={[Function]}
-                                                          onMouseDown={[Function]}
-                                                        >
-                                                          <SingleSelector
-                                                            accessibilityIndex={0}
-                                                            activeValue={null}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="all"
-                                                            domRef={
-                                                              Object {
-                                                                "current": <div
-                                                                  class="ant-select-selector"
-                                                                >
-                                                                  <span
-                                                                    class="ant-select-selection-search"
-                                                                  >
-                                                                    <input
-                                                                      aria-activedescendant="google-fact-check_language_list_0"
-                                                                      aria-autocomplete="list"
-                                                                      aria-controls="google-fact-check_language_list"
-                                                                      aria-haspopup="listbox"
-                                                                      aria-owns="google-fact-check_language_list"
-                                                                      autocomplete="off"
-                                                                      class="ant-select-selection-search-input"
-                                                                      id="google-fact-check_language"
-                                                                      readonly=""
-                                                                      role="combobox"
-                                                                      style="opacity: 0;"
-                                                                      type="search"
-                                                                      unselectable="on"
-                                                                      value=""
-                                                                    />
-                                                                  </span>
-                                                                  <span
-                                                                    class="ant-select-selection-item"
-                                                                    title="All"
-                                                                  >
-                                                                    All
-                                                                  </span>
-                                                                </div>,
-                                                              }
-                                                            }
-                                                            dropdownClassName=""
-                                                            id="google-fact-check_language"
-                                                            inputElement={null}
-                                                            inputIcon={[Function]}
-                                                            inputRef={
-                                                              Object {
-                                                                "current": <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />,
-                                                              }
-                                                            }
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            multiple={false}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            onInputChange={[Function]}
-                                                            onInputCompositionEnd={[Function]}
-                                                            onInputCompositionStart={[Function]}
-                                                            onInputKeyDown={[Function]}
-                                                            onInputMouseDown={[Function]}
-                                                            onInputPaste={[Function]}
-                                                            onSearch={[Function]}
-                                                            onSearchSubmit={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            showSearch={false}
-                                                            tokenWithEnter={false}
-                                                            transitionName="ant-slide-up"
-                                                            values={
-                                                              Array [
-                                                                Object {
-                                                                  "disabled": undefined,
-                                                                  "key": "all",
-                                                                  "label": "All",
-                                                                  "value": "all",
-                                                                },
-                                                              ]
-                                                            }
-                                                          >
-                                                            <span
-                                                              className="ant-select-selection-search"
-                                                            >
-                                                              <Input
-                                                                accessibilityIndex={0}
-                                                                attrs={Object {}}
-                                                                editable={false}
-                                                                id="google-fact-check_language"
-                                                                inputElement={null}
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onPaste={[Function]}
-                                                                prefixCls="ant-select"
-                                                                value=""
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="google-fact-check_language_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="google-fact-check_language_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="google-fact-check_language_list"
-                                                                  autoComplete="off"
-                                                                  className="ant-select-selection-search-input"
-                                                                  id="google-fact-check_language"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onPaste={[Function]}
-                                                                  readOnly={true}
-                                                                  role="combobox"
-                                                                  style={
-                                                                    Object {
-                                                                      "opacity": 0,
-                                                                    }
-                                                                  }
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </Input>
-                                                            </span>
-                                                            <span
-                                                              className="ant-select-selection-item"
-                                                              title="All"
-                                                            >
-                                                              All
-                                                            </span>
-                                                          </SingleSelector>
-                                                        </div>
-                                                      </Selector>
-                                                    </Trigger>
-                                                  </SelectTrigger>
-                                                  <TransBtn
-                                                    className="ant-select-arrow"
-                                                    customizeIcon={[Function]}
-                                                    customizeIconProps={
-                                                      Object {
-                                                        "focused": false,
-                                                        "loading": undefined,
-                                                        "open": undefined,
-                                                        "searchValue": "",
-                                                        "showSearch": false,
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-hidden={true}
-                                                      className="ant-select-arrow"
-                                                      onMouseDown={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "WebkitUserSelect": "none",
-                                                          "userSelect": "none",
-                                                        }
-                                                      }
-                                                      unselectable="on"
-                                                    >
-                                                      <ForwardRef(DownOutlined)
-                                                        className="ant-select-suffix"
-                                                      >
-                                                        <AntdIcon
-                                                          className="ant-select-suffix"
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "down",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="down"
-                                                            className="anticon anticon-down ant-select-suffix"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "down",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="down"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-down"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                  key="svg-down-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(DownOutlined)>
-                                                    </span>
-                                                  </TransBtn>
-                                                </div>
-                                              </ForwardRef(Select)>
-                                            </Select>
-                                          </ForwardRef(InternalSelect)>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                    <FormItem>
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            prefixCls="ant-form"
-                            requiredMark={true}
-                          />
-                          <FormItemInput
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            validateStatus=""
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                            >
-                              <div
-                                className="ant-col ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Button
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </FormItem>
-                  </form>
-                </ForwardRef(Form)>
-              </SizeContextProvider>
-            </ForwardRef(InternalForm)>
-          </div>
-        </Item>
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={1}
-          key="ant-space-item-1"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={Object {}}
-          >
-            <List
-              bordered={true}
-              className="google-fact-check-search-list"
-              dataSource={
-                Array [
-                  Object {
-                    "claimDate": "2020-09-08T02:48:10Z",
-                    "claimReview": Array [
-                      Object {
-                        "languageCode": "en",
-                        "publisher": Object {
-                          "name": "BOOM",
-                          "site": "boomlive.in",
-                        },
-                        "reviewDate": "2020-09-08T02:48:10Z",
-                        "textualRating": "False",
-                        "title": "Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine",
-                        "url": "https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654",
-                      },
-                    ],
-                    "claimant": "Facebook posts",
-                    "text": "Video shows Russian doctors celebrating the new COVID-19 vaccine.",
-                  },
-                  Object {
-                    "claimDate": "2021-02-21T00:00:00Z",
-                    "claimReview": Array [
-                      Object {
-                        "languageCode": "en",
-                        "publisher": Object {
-                          "name": "BOOM",
-                          "site": "boomlive.in",
-                        },
-                        "reviewDate": "2021-02-28T21:23:54Z",
-                        "textualRating": "False",
-                        "title": "Fact check: False claim that Pelosi travels weekly on 200-seat ...",
-                        "url": "https://www.usatoday.com/story/news/factcheck/2021/02/28/fact-check-false-claim-pelosi-travels-weekly-200-seat-plane/6860043002/",
-                      },
-                    ],
-                    "claimant": "social media users",
-                    "text": "Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel",
-                  },
-                ]
-              }
-              itemLayout="vertical"
-              loadMore={
-                <div
-                  style={
-                    Object {
-                      "float": "right",
-                      "paddingBlock": "10px",
-                    }
-                  }
-                >
-                  <Space
-                    direction="horizontal"
-                  >
-                    <ForwardRef(InternalButton)
-                      disabled={true}
-                      onClick={[Function]}
-                    >
-                      Back
-                    </ForwardRef(InternalButton)>
-                    <ForwardRef(InternalButton)
-                      disabled={false}
-                      onClick={[Function]}
-                    >
-                      Next
-                    </ForwardRef(InternalButton)>
-                  </Space>
-                </div>
-              }
-              loading={false}
-              renderItem={[Function]}
-            >
-              <div
-                className="ant-list ant-list-vertical ant-list-split ant-list-bordered ant-list-something-after-last-item google-fact-check-search-list"
-              >
-                <Spin
-                  size="default"
-                  spinning={false}
-                  wrapperClassName=""
-                >
-                  <div
-                    className="ant-spin-nested-loading"
-                  >
-                    <div
-                      className="ant-spin-container"
-                      key="container"
-                    >
-                      <ul
-                        className="ant-list-items"
-                      >
-                        <Item
-                          key="Video shows Russian doctors celebrating the new COVID-19 vaccine."
-                        >
-                          <li
-                            className="ant-list-item ant-list-item-no-flex"
-                          >
-                            <Title
-                              level={5}
-                            >
-                              <Base
-                                component="h5"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h5"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h5
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Claim by Facebook posts:
-                                      </h5>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Title
-                              level={4}
-                            >
-                              <Base
-                                component="h4"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h4"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h4
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Video shows Russian doctors celebrating the new COVID-19 vaccine.
-                                      </h4>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Typography>
-                              <article
-                                className="ant-typography"
-                              >
-                                <b>
-                                  BOOM
-                                </b>
-                                 rating : 
-                                <b>
-                                  False
-                                </b>
-                              </article>
-                            </Typography>
-                            <a
-                              href="https://www.boomlive.in/world/video-from-saudi-arabia-shared-as-russian-doctors-celebrating-covid-19-vaccine-9654"
-                              target="blank"
-                            >
-                              Video From Saudi Arabia Shared As Russian Doctors Celebrating COVID-19 Vaccine
-                            </a>
-                          </li>
-                        </Item>
-                        <Item
-                          key="Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel"
-                        >
-                          <li
-                            className="ant-list-item ant-list-item-no-flex"
-                          >
-                            <Title
-                              level={5}
-                            >
-                              <Base
-                                component="h5"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h5"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h5
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Claim by social media users:
-                                      </h5>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Title
-                              level={4}
-                            >
-                              <Base
-                                component="h4"
-                              >
-                                <LocaleReceiver
-                                  componentName="Text"
-                                >
-                                  <ResizeObserver
-                                    disabled={true}
-                                    onResize={[Function]}
-                                  >
-                                    <Typography
-                                      className=""
-                                      component="h4"
-                                      style={
-                                        Object {
-                                          "WebkitLineClamp": undefined,
-                                        }
-                                      }
-                                    >
-                                      <h4
-                                        className="ant-typography"
-                                        style={
-                                          Object {
-                                            "WebkitLineClamp": undefined,
-                                          }
-                                        }
-                                      >
-                                        Pelosi travels weekly to California on a 200-seat Boeing that costs millions annually in fuel
-                                      </h4>
-                                    </Typography>
-                                  </ResizeObserver>
-                                </LocaleReceiver>
-                              </Base>
-                            </Title>
-                            <Typography>
-                              <article
-                                className="ant-typography"
-                              >
-                                <b>
-                                  BOOM
-                                </b>
-                                 rating : 
-                                <b>
-                                  False
-                                </b>
-                              </article>
-                            </Typography>
-                            <a
-                              href="https://www.usatoday.com/story/news/factcheck/2021/02/28/fact-check-false-claim-pelosi-travels-weekly-200-seat-plane/6860043002/"
-                              target="blank"
-                            >
-                              Fact check: False claim that Pelosi travels weekly on 200-seat ...
-                            </a>
-                          </li>
-                        </Item>
-                      </ul>
-                    </div>
-                  </div>
-                </Spin>
-                <div
-                  style={
-                    Object {
-                      "float": "right",
-                      "paddingBlock": "10px",
-                    }
-                  }
-                >
-                  <Space
-                    direction="horizontal"
-                  >
-                    <div
-                      className="ant-space ant-space-horizontal ant-space-align-center"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="horizontal"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={
-                            Object {
-                              "marginRight": 8,
-                            }
-                          }
-                        >
-                          <Button
-                            disabled={true}
-                            onClick={[Function]}
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn"
-                                disabled={true}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  Back
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </div>
-                      </Item>
-                      <Item
-                        className="ant-space-item"
-                        direction="horizontal"
-                        index={1}
-                        key="ant-space-item-1"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Button
-                            disabled={false}
-                            onClick={[Function]}
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn"
-                                disabled={false}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  Next
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </div>
-              </div>
-            </List>
-          </div>
-        </Item>
-      </div>
-    </Space>
-  </GoogleFactCheck>
-</Provider>
-`;
diff --git a/studio/src/pages/fact-checks/__snapshots__/index.test.js.snap b/studio/src/pages/fact-checks/__snapshots__/index.test.js.snap
deleted file mode 100644
index 36946389b..000000000
--- a/studio/src/pages/fact-checks/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,7397 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FactCheck component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FactCheck
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "Factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Fact-checks"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Fact-checks"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Fact-checks"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Template
-                  format={
-                    Object {
-                      "id": 2,
-                      "name": "Factcheck",
-                      "slug": "fact-check",
-                    }
-                  }
-                />
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  className="ant-advanced-search-form"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "format": Array [
-                        2,
-                      ],
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal ant-advanced-search-form"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "format": Array [
-                            2,
-                          ],
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal ant-advanced-search-form"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search Fact Checks"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search Fact Checks"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search Fact Checks"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search Fact Checks"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              key="4"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Status"
-                                  name="status"
-                                >
-                                  <WrapperField
-                                    label="Status"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Status",
-                                      }
-                                    }
-                                    name="status"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_status"
-                                      label="Status"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Status",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "status",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_status"
-                                            label="Status"
-                                            name="status"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_status"
-                                                  title="Status"
-                                                >
-                                                  Status
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Status"
-                                            name={
-                                              Array [
-                                                "status",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="all"
-                                                        id="filters_status"
-                                                        onChange={[Function]}
-                                                        placeholder="Status"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="all"
-                                                          dropdownClassName=""
-                                                          id="filters_status"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Status"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="all"
-                                                            dropdownClassName=""
-                                                            id="filters_status"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Status"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "All",
-                                                                            "key": "all",
-                                                                            "value": "all",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Draft",
-                                                                            "key": "draft",
-                                                                            "value": "draft",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Publish",
-                                                                            "key": "publish",
-                                                                            "value": "publish",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Ready to Publish",
-                                                                            "key": "ready",
-                                                                            "value": "ready",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_status"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "All",
-                                                                          "key": "all",
-                                                                          "value": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Draft",
-                                                                          "key": "draft",
-                                                                          "value": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Publish",
-                                                                          "key": "publish",
-                                                                          "value": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Ready to Publish",
-                                                                          "key": "ready",
-                                                                          "value": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "all",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "All",
-                                                                                "key": "all",
-                                                                                "value": "all",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Draft",
-                                                                                "key": "draft",
-                                                                                "value": "draft",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Publish",
-                                                                                "key": "publish",
-                                                                                "value": "publish",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Ready to Publish",
-                                                                                "key": "ready",
-                                                                                "value": "ready",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_status"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "All",
-                                                                              "key": "all",
-                                                                              "value": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Draft",
-                                                                              "key": "draft",
-                                                                              "value": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Publish",
-                                                                              "key": "publish",
-                                                                              "value": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Ready to Publish",
-                                                                              "key": "ready",
-                                                                              "value": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "all",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="all"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="All"
-                                                                          >
-                                                                            All
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_status"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Status"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "all",
-                                                                          "label": "All",
-                                                                          "value": "all",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="all"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_status_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_status_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_status_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_status"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="All"
-                                                                              >
-                                                                                All
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_status"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Status"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "all",
-                                                                              "label": "All",
-                                                                              "value": "all",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_status"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="All"
-                                                                        >
-                                                                          All
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Sort By"
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    label="Sort By"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Sort By",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      label="Sort By"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Sort By",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            label="Sort By"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_sort"
-                                                  title="Sort By"
-                                                >
-                                                  Sort By
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Sort By"
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        placeholder="Sort By"
-                                                        style={
-                                                          Object {
-                                                            "width": "100%",
-                                                          }
-                                                        }
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Sort By"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          style={
-                                                            Object {
-                                                              "width": "100%",
-                                                            }
-                                                          }
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Sort By"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "width": "100%",
-                                                              }
-                                                            }
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "width": "100%",
-                                                                }
-                                                              }
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Latest",
-                                                                            "key": "desc",
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Old",
-                                                                            "key": "asc",
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Latest",
-                                                                          "key": "desc",
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Old",
-                                                                          "key": "asc",
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Latest",
-                                                                                "key": "desc",
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Old",
-                                                                                "key": "asc",
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Latest",
-                                                                              "key": "desc",
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Old",
-                                                                              "key": "asc",
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Latest"
-                                                                          >
-                                                                            Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Sort By"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": "100%",
-                                                                      }
-                                                                    }
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Latest"
-                                                                              >
-                                                                                Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Sort By"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Latest"
-                                                                        >
-                                                                          Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Button
-                              onClick={[Function]}
-                              type="link"
-                            >
-                              <button
-                                className="ant-btn ant-btn-link"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  More Filters 
-                                  <ForwardRef(DownOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "down",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="down"
-                                        className="anticon anticon-down"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "down",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-down"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                              key="svg-down-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(DownOutlined)>
-                                </span>
-                              </button>
-                            </Button>
-                            <Col
-                              key="1"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/fact-checks/create"
-                                >
-                                  <LinkAnchor
-                                    href="/fact-checks/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/fact-checks/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={true}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={true}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New FactCheck
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          />
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={3}
-              key="ant-space-item-3"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <PostList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "categories": Object {},
-                      "loading": false,
-                      "posts": Array [],
-                      "tags": Object {},
-                      "total": 0,
-                    }
-                  }
-                  fetchPosts={[Function]}
-                  filters={
-                    Object {
-                      "format": Array [
-                        2,
-                      ],
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  format={
-                    Object {
-                      "id": 2,
-                      "name": "Factcheck",
-                      "slug": "fact-check",
-                    }
-                  }
-                  onPagination={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            expandable={
-                              Object {
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "onExpand": [Function],
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey={[Function]}
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      className="ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "title",
-                                            "key": "title",
-                                            "render": [Function],
-                                            "title": "Title",
-                                            "width": 400,
-                                          },
-                                          Object {
-                                            "dataIndex": "categories",
-                                            "ellipsis": true,
-                                            "key": "categories",
-                                            "render": [Function],
-                                            "title": "Categories",
-                                          },
-                                          Object {
-                                            "dataIndex": "tags",
-                                            "ellipsis": true,
-                                            "key": "tags",
-                                            "render": [Function],
-                                            "title": "Tags",
-                                          },
-                                          Object {
-                                            "dataIndex": "status",
-                                            "key": "status",
-                                            "render": [Function],
-                                            "title": "Status",
-                                            "width": 200,
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "actions",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Actions",
-                                            "width": 240,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": [Function],
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": -1,
-                                          "expandedRowKeys": Array [
-                                            0,
-                                          ],
-                                          "expandedRowRender": [Function],
-                                          "indentSize": 15,
-                                          "onExpand": [Function],
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: fixed;"
-                                              >
-                                                <colgroup>
-                                                  <col
-                                                    style="width: 400px;"
-                                                  />
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 200px;"
-                                                  />
-                                                  <col
-                                                    style="width: 240px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Title
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Categories"
-                                                    >
-                                                      Categories
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Tags"
-                                                    >
-                                                      Tags
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Status
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Actions
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="5"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "className": "ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": [Function],
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": -1,
-                                                "expandedRowKeys": Array [
-                                                  0,
-                                                ],
-                                                "expandedRowRender": [Function],
-                                                "indentSize": 15,
-                                                "onExpand": [Function],
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: fixed;"
-                                                    >
-                                                      <colgroup>
-                                                        <col
-                                                          style="width: 400px;"
-                                                        />
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 200px;"
-                                                        />
-                                                        <col
-                                                          style="width: 240px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Title
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Status
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="5"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "mergedExpandedKeys": Set {
-                                                0,
-                                              },
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "fixed",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      400,
-                                                      undefined,
-                                                      undefined,
-                                                      200,
-                                                      240,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": 400,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 200,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="4"
-                                                      style={
-                                                        Object {
-                                                          "width": 240,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={5}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Title",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            },
-                                                            "key": "title",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Categories",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            },
-                                                            "key": "categories",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Tags",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            },
-                                                            "key": "tags",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Status",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            },
-                                                            "key": "status",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Actions",
-                                                            "className": "",
-                                                            "colEnd": 4,
-                                                            "colSpan": 1,
-                                                            "colStart": 4,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "title",
-                                                            "fixed": undefined,
-                                                            "key": "title",
-                                                            "render": [Function],
-                                                            "title": "Title",
-                                                            "width": 400,
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "categories",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "categories",
-                                                            "render": [Function],
-                                                            "title": "Categories",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "tags",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "tags",
-                                                            "render": [Function],
-                                                            "title": "Tags",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "status",
-                                                            "fixed": undefined,
-                                                            "key": "status",
-                                                            "render": [Function],
-                                                            "title": "Status",
-                                                            "width": 200,
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "actions",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Actions",
-                                                            "width": 240,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="title"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Title
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="categories"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="tags"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="status"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Status
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={4}
-                                                          colSpan={1}
-                                                          colStart={4}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="actions"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={
-                                                    Set {
-                                                      0,
-                                                    }
-                                                  }
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={5}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={5}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={5}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </PostList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </FactCheck>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`FactCheck component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FactCheck
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "Factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Fact-checks"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Fact-checks"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Fact-checks"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Template
-                  format={
-                    Object {
-                      "id": 2,
-                      "name": "Factcheck",
-                      "slug": "fact-check",
-                    }
-                  }
-                />
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  className="ant-advanced-search-form"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "format": Array [
-                        2,
-                      ],
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal ant-advanced-search-form"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "format": Array [
-                            2,
-                          ],
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal ant-advanced-search-form"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search Fact Checks"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search Fact Checks"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search Fact Checks"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search Fact Checks"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              key="4"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Status"
-                                  name="status"
-                                >
-                                  <WrapperField
-                                    label="Status"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Status",
-                                      }
-                                    }
-                                    name="status"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_status"
-                                      label="Status"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Status",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "status",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_status"
-                                            label="Status"
-                                            name="status"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_status"
-                                                  title="Status"
-                                                >
-                                                  Status
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Status"
-                                            name={
-                                              Array [
-                                                "status",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="all"
-                                                        id="filters_status"
-                                                        onChange={[Function]}
-                                                        placeholder="Status"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="all"
-                                                          dropdownClassName=""
-                                                          id="filters_status"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Status"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="all"
-                                                            dropdownClassName=""
-                                                            id="filters_status"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Status"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "All",
-                                                                            "key": "all",
-                                                                            "value": "all",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Draft",
-                                                                            "key": "draft",
-                                                                            "value": "draft",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Publish",
-                                                                            "key": "publish",
-                                                                            "value": "publish",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Ready to Publish",
-                                                                            "key": "ready",
-                                                                            "value": "ready",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_status"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "All",
-                                                                          "key": "all",
-                                                                          "value": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Draft",
-                                                                          "key": "draft",
-                                                                          "value": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Publish",
-                                                                          "key": "publish",
-                                                                          "value": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Ready to Publish",
-                                                                          "key": "ready",
-                                                                          "value": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "all",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "All",
-                                                                                "key": "all",
-                                                                                "value": "all",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Draft",
-                                                                                "key": "draft",
-                                                                                "value": "draft",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Publish",
-                                                                                "key": "publish",
-                                                                                "value": "publish",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Ready to Publish",
-                                                                                "key": "ready",
-                                                                                "value": "ready",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_status"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "All",
-                                                                              "key": "all",
-                                                                              "value": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Draft",
-                                                                              "key": "draft",
-                                                                              "value": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Publish",
-                                                                              "key": "publish",
-                                                                              "value": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Ready to Publish",
-                                                                              "key": "ready",
-                                                                              "value": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "all",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="all"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="All"
-                                                                          >
-                                                                            All
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_status"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Status"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "all",
-                                                                          "label": "All",
-                                                                          "value": "all",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="all"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_status_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_status_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_status_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_status"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="All"
-                                                                              >
-                                                                                All
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_status"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Status"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "all",
-                                                                              "label": "All",
-                                                                              "value": "all",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_status"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="All"
-                                                                        >
-                                                                          All
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Sort By"
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    label="Sort By"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Sort By",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      label="Sort By"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Sort By",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            label="Sort By"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_sort"
-                                                  title="Sort By"
-                                                >
-                                                  Sort By
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Sort By"
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        placeholder="Sort By"
-                                                        style={
-                                                          Object {
-                                                            "width": "100%",
-                                                          }
-                                                        }
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Sort By"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          style={
-                                                            Object {
-                                                              "width": "100%",
-                                                            }
-                                                          }
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Sort By"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "width": "100%",
-                                                              }
-                                                            }
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "width": "100%",
-                                                                }
-                                                              }
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Latest",
-                                                                            "key": "desc",
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Old",
-                                                                            "key": "asc",
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Latest",
-                                                                          "key": "desc",
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Old",
-                                                                          "key": "asc",
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Latest",
-                                                                                "key": "desc",
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Old",
-                                                                                "key": "asc",
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Latest",
-                                                                              "key": "desc",
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Old",
-                                                                              "key": "asc",
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Latest"
-                                                                          >
-                                                                            Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Sort By"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": "100%",
-                                                                      }
-                                                                    }
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Latest"
-                                                                              >
-                                                                                Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Sort By"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Latest"
-                                                                        >
-                                                                          Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Button
-                              onClick={[Function]}
-                              type="link"
-                            >
-                              <button
-                                className="ant-btn ant-btn-link"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  More Filters 
-                                  <ForwardRef(DownOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "down",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="down"
-                                        className="anticon anticon-down"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "down",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-down"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                              key="svg-down-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(DownOutlined)>
-                                </span>
-                              </button>
-                            </Button>
-                            <Col
-                              key="1"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/fact-checks/create"
-                                >
-                                  <LinkAnchor
-                                    href="/fact-checks/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/fact-checks/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={true}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={true}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New FactCheck
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          />
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={3}
-              key="ant-space-item-3"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <PostList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "categories": Object {},
-                      "loading": false,
-                      "posts": Array [],
-                      "tags": Object {},
-                      "total": 0,
-                    }
-                  }
-                  fetchPosts={[Function]}
-                  filters={
-                    Object {
-                      "format": Array [
-                        2,
-                      ],
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  format={
-                    Object {
-                      "id": 2,
-                      "name": "Factcheck",
-                      "slug": "fact-check",
-                    }
-                  }
-                  onPagination={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            expandable={
-                              Object {
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "onExpand": [Function],
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey={[Function]}
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      className="ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "title",
-                                            "key": "title",
-                                            "render": [Function],
-                                            "title": "Title",
-                                            "width": 400,
-                                          },
-                                          Object {
-                                            "dataIndex": "categories",
-                                            "ellipsis": true,
-                                            "key": "categories",
-                                            "render": [Function],
-                                            "title": "Categories",
-                                          },
-                                          Object {
-                                            "dataIndex": "tags",
-                                            "ellipsis": true,
-                                            "key": "tags",
-                                            "render": [Function],
-                                            "title": "Tags",
-                                          },
-                                          Object {
-                                            "dataIndex": "status",
-                                            "key": "status",
-                                            "render": [Function],
-                                            "title": "Status",
-                                            "width": 200,
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "actions",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Actions",
-                                            "width": 240,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": [Function],
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": -1,
-                                          "expandedRowKeys": Array [
-                                            0,
-                                          ],
-                                          "expandedRowRender": [Function],
-                                          "indentSize": 15,
-                                          "onExpand": [Function],
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: fixed;"
-                                              >
-                                                <colgroup>
-                                                  <col
-                                                    style="width: 400px;"
-                                                  />
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 200px;"
-                                                  />
-                                                  <col
-                                                    style="width: 240px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Title
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Categories"
-                                                    >
-                                                      Categories
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Tags"
-                                                    >
-                                                      Tags
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Status
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Actions
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="5"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "className": "ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": [Function],
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": -1,
-                                                "expandedRowKeys": Array [
-                                                  0,
-                                                ],
-                                                "expandedRowRender": [Function],
-                                                "indentSize": 15,
-                                                "onExpand": [Function],
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: fixed;"
-                                                    >
-                                                      <colgroup>
-                                                        <col
-                                                          style="width: 400px;"
-                                                        />
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 200px;"
-                                                        />
-                                                        <col
-                                                          style="width: 240px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Title
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Status
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="5"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "mergedExpandedKeys": Set {
-                                                0,
-                                              },
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "fixed",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      400,
-                                                      undefined,
-                                                      undefined,
-                                                      200,
-                                                      240,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": 400,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 200,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="4"
-                                                      style={
-                                                        Object {
-                                                          "width": 240,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={5}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Title",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            },
-                                                            "key": "title",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Categories",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            },
-                                                            "key": "categories",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Tags",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            },
-                                                            "key": "tags",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Status",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            },
-                                                            "key": "status",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Actions",
-                                                            "className": "",
-                                                            "colEnd": 4,
-                                                            "colSpan": 1,
-                                                            "colStart": 4,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "title",
-                                                            "fixed": undefined,
-                                                            "key": "title",
-                                                            "render": [Function],
-                                                            "title": "Title",
-                                                            "width": 400,
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "categories",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "categories",
-                                                            "render": [Function],
-                                                            "title": "Categories",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "tags",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "tags",
-                                                            "render": [Function],
-                                                            "title": "Tags",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "status",
-                                                            "fixed": undefined,
-                                                            "key": "status",
-                                                            "render": [Function],
-                                                            "title": "Status",
-                                                            "width": 200,
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "actions",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Actions",
-                                                            "width": 240,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="title"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Title
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="categories"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="tags"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="status"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Status
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={4}
-                                                          colSpan={1}
-                                                          colStart={4}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="actions"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={
-                                                    Set {
-                                                      0,
-                                                    }
-                                                  }
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={5}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={5}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={5}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </PostList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </FactCheck>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/fact-checks/components/ClaimList.js b/studio/src/pages/fact-checks/components/ClaimList.js
deleted file mode 100644
index 1a0fd6de9..000000000
--- a/studio/src/pages/fact-checks/components/ClaimList.js
+++ /dev/null
@@ -1,124 +0,0 @@
-import { EditOutlined, UpOutlined, DownOutlined } from '@ant-design/icons';
-import { Button, Card, Collapse, Tree } from 'antd';
-import React, { useEffect } from 'react';
-import { useDispatch } from 'react-redux';
-
-function ClaimList({ ids, setClaimID, details, showModal, setClaimOrder, claimOrder }) {
-  const [updateData, setUpdateData] = React.useState(true);
-  const dispatch = useDispatch();
-  const [treeData, setTreeData] = React.useState(claimOrder);
-
-  const moveUp = (id) => {
-    const index = claimOrder.indexOf(id);
-    let temp = claimOrder[index - 1];
-    claimOrder[index - 1] = id;
-    claimOrder[index] = temp;
-    setClaimOrder(claimOrder);
-    setTreeData(dig(claimOrder, ids));
-  };
-  const moveDown = (id) => {
-    const index = claimOrder.indexOf(id);
-    let temp = claimOrder[index + 1];
-    claimOrder[index + 1] = id;
-    claimOrder[index] = temp;
-    setClaimOrder(claimOrder);
-    setTreeData(dig(claimOrder, ids));
-  };
-
-  useEffect(() => {}, [claimOrder, dispatch]);
-  const { Panel } = Collapse;
-  let key;
-  let treeNode;
-  const dig = (claimOrder, claims) => {
-    setUpdateData(false);
-    const list = [];
-    if (claims.length > claimOrder.length) {
-      let newClaims = claims.filter((x) => !claimOrder.includes(x));
-      newClaims.forEach((element) => {
-        claimOrder.push(element);
-      });
-    }
-    claimOrder.map(
-      (id, index) => (
-        (key = id),
-        (treeNode = {
-          key,
-          title: (
-            <Card
-              key={id}
-              title={
-                <div style={{ display: 'flex', justifyContent: 'space-between' }}>
-                  <h3
-                    style={{
-                      width: '500px',
-                      textOverflow: 'ellipsis',
-                      overflow: 'hidden',
-                    }}
-                  >
-                    {details[id].claim}
-                  </h3>
-                  <div style={{ display: 'flex', justifyContent: 'end' }}>
-                    {' '}
-                    <Button
-                      size="small"
-                      onClick={() => {
-                        setClaimID(id);
-                        showModal();
-                      }}
-                    >
-                      <EditOutlined />
-                    </Button>
-                    <Button
-                      disabled={index === 0}
-                      size="small"
-                      onClick={() => {
-                        moveUp(id);
-                      }}
-                    >
-                      <UpOutlined />
-                    </Button>
-                    <Button
-                      disabled={index === claimOrder.length - 1}
-                      size="small"
-                      onClick={() => {
-                        moveDown(id);
-                      }}
-                    >
-                      <DownOutlined />
-                    </Button>
-                  </div>
-                </div>
-              }
-              style={{ margin: 5 }}
-            >
-              {details[id].fact}
-            </Card>
-          ),
-        }),
-        list.push(treeNode)
-      ),
-    );
-    return list;
-  };
-
-  if (claimOrder && updateData) setTreeData(dig(claimOrder, ids));
-  React.useEffect(() => {}, [treeData]);
-  React.useEffect(() => {
-    setTreeData(dig(claimOrder, ids));
-  }, [claimOrder]);
-
-  return (
-    <Collapse
-      bordered={false}
-      className="site-collapse-custom-collapse"
-      defaultActiveKey={['1']}
-      expandIconPosition="right"
-      expandIcon={({ isActive }) => <Button>{isActive ? 'Close' : 'Expand'}</Button>}
-    >
-      <Panel header={<h2>Claims</h2>} key="1">
-        <Tree className="draggable-tree" blockNode treeData={treeData} />
-      </Panel>
-    </Collapse>
-  );
-}
-export default ClaimList;
diff --git a/studio/src/pages/fact-checks/components/ClaimList.test.js b/studio/src/pages/fact-checks/components/ClaimList.test.js
deleted file mode 100644
index adf0ae5ad..000000000
--- a/studio/src/pages/fact-checks/components/ClaimList.test.js
+++ /dev/null
@@ -1,331 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount, shallow } from 'enzyme';
-import { UpOutlined, DownOutlined, EditOutlined } from '@ant-design/icons';
-
-import '../../../matchMedia.mock';
-import ClaimList from './ClaimList';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-const filters = {
-  page: 1,
-  limit: 20,
-};
-let state = {
-  claims: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-10T10:12:47.819677Z',
-        updated_at: '2020-09-10T10:12:47.819677Z',
-        deleted_at: null,
-        claim: 'No, these three IPS officers are not siblings, they are batch mates',
-        slug: 'no-these-three-ips-officers-are-not-siblings-they-are-batch-mates',
-        claim_date: '2020-09-02T10:12:41Z',
-        checked_date: '2020-09-10T10:12:44Z',
-        claim_sources: '',
-        description: {
-          time: 1599732752528,
-          blocks: [
-            {
-              data: {
-                text:
-                  'Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        claimant_id: 1,
-        claimant: 'Facebook',
-        rating_id: 1,
-        rating: 'False',
-        fact: '',
-        review_tag_line: '',
-        review_sources: '',
-        space_id: 1,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-10T10:12:47.819677Z',
-        updated_at: '2020-09-10T10:12:47.819677Z',
-        deleted_at: null,
-        claim: 'No, these three IPS officers are not siblings, they are batch mates',
-        slug: 'no-these-three-ips-officers-are-not-siblings-they-are-batch-mates',
-        checked_date: '2020-09-10T10:12:44Z',
-        claim_sources: '',
-        description: {
-          time: 1599732752528,
-          blocks: [
-            {
-              data: {
-                text:
-                  'Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        claimant_id: 1,
-        claimant: 'Facebook',
-        rating_id: 1,
-        rating: 'False',
-        fact: '',
-        review_tag_line: '',
-        review_sources: '',
-        space_id: 1,
-      },
-      3: {
-        id: 3,
-        created_at: '2020-09-10T10:12:47.819677Z',
-        updated_at: '2020-09-10T10:12:47.819677Z',
-        deleted_at: null,
-        claim: 'No, these three IPS ',
-        slug: 'no-these-three-ips',
-        checked_date: '2020-09-10T10:12:44Z',
-        claim_sources: '',
-        description: {
-          time: 1599732752528,
-          blocks: [
-            {
-              data: {
-                text:
-                  'Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        claimant_id: 1,
-        claimant: 'Facebook',
-        rating_id: 1,
-        rating: 'False',
-        fact: '',
-        review_tag_line: '',
-        review_sources: '',
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-
-let mockedDispatch, store;
-describe('Factcheck claim list component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <ClaimList
-              ids={[1, 2]}
-              claimOrder={[2, 1]}
-              setClaimID={jest.fn()}
-              showModal={jest.fn()}
-              setClaimOrder={jest.fn()}
-              details={state.claims.details}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should move claim up', () => {
-      store = mockStore(state);
-      let wrapper;
-      const setClaimOrder = jest.fn();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                ids={[1, 2]}
-                claimOrder={[2, 1]}
-                setClaimID={jest.fn()}
-                showModal={jest.fn()}
-                setClaimOrder={setClaimOrder}
-                details={state.claims.details}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(UpOutlined).at(1).simulate('click');
-      });
-      wrapper.update();
-      expect(setClaimOrder).toBeCalledWith([1, 2]);
-    });
-    it('should move claim down', () => {
-      store = mockStore(state);
-      const setClaimOrder = jest.fn();
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                ids={[1, 2, 3]}
-                claimOrder={[2, 1]}
-                setClaimID={jest.fn()}
-                showModal={jest.fn()}
-                setClaimOrder={setClaimOrder}
-                details={state.claims.details}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(DownOutlined).at(0).simulate('click');
-      });
-      wrapper.update();
-      expect(setClaimOrder).toBeCalledWith([1, 2, 3]);
-    });
-    it('should handle edit and open claim modal', () => {
-      store = mockStore(state);
-      let wrapper;
-      const showModal = jest.fn();
-      const setClaimID = jest.fn();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                ids={[1, 2]}
-                claimOrder={[2, 1]}
-                setClaimID={setClaimID}
-                showModal={showModal}
-                setClaimOrder={jest.fn()}
-                details={state.claims.details}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(EditOutlined).at(0).simulate('click');
-      });
-      expect(showModal).toBeCalledWith();
-      expect(setClaimID).toBeCalledWith(2);
-    });
-    it('should disable up button for first element in list', () => {
-      store = mockStore(state);
-      let wrapper;
-      const setClaimOrder = jest.fn();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                ids={[1, 2]}
-                claimOrder={[2, 1]}
-                setClaimID={jest.fn()}
-                showModal={jest.fn()}
-                setClaimOrder={setClaimOrder}
-                details={state.claims.details}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(UpOutlined).at(0).simulate('click');
-      });
-      wrapper.update();
-      expect(setClaimOrder).not.toBeCalled();
-    });
-    it('should disable down button form last element in list', () => {
-      store = mockStore(state);
-      const setClaimOrder = jest.fn();
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                ids={[1, 2, 3]}
-                claimOrder={[2, 1]}
-                setClaimID={jest.fn()}
-                showModal={jest.fn()}
-                setClaimOrder={setClaimOrder}
-                details={state.claims.details}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(DownOutlined).at(2).simulate('click');
-      });
-      wrapper.update();
-      expect(setClaimOrder).not.toBeCalled();
-    });
-    it('should handle collapse', () => {
-      store = mockStore(state);
-      const setClaimOrder = jest.fn();
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <ClaimList
-                ids={[1, 2, 3]}
-                claimOrder={[2, 1]}
-                setClaimID={jest.fn()}
-                showModal={jest.fn()}
-                setClaimOrder={setClaimOrder}
-                details={state.claims.details}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const closeBtn = wrapper.find('Button').at(0);
-        expect(closeBtn.text()).toBe('Close');
-        closeBtn.simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find('Button').at(0).text()).toBe('Expand');
-    });
-  });
-});
diff --git a/studio/src/pages/fact-checks/components/ClaimList.tsx b/studio/src/pages/fact-checks/components/ClaimList.tsx
new file mode 100644
index 000000000..035db576f
--- /dev/null
+++ b/studio/src/pages/fact-checks/components/ClaimList.tsx
@@ -0,0 +1,237 @@
+import React, { useEffect, useState } from "react";
+import { Edit, ChevronUp, ChevronDown } from "lucide-react";
+import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+
+// Define interfaces for props and data structures
+interface ClaimDetails {
+  claim: string;
+  fact: string;
+}
+
+interface ClaimListProps {
+  ids: string[];
+  setClaimID: (id: string) => void;
+  details: Record<string, ClaimDetails>;
+  showModal: () => void;
+  setClaimOrder: (order: string[]) => void;
+  claimOrder: string[];
+}
+
+interface TreeNode {
+  key: string;
+  title: React.ReactNode;
+}
+
+const ClaimList: React.FC<ClaimListProps> = ({
+  ids,
+  setClaimID,
+  details,
+  showModal,
+  setClaimOrder,
+  claimOrder,
+}) => {
+  const [updateData, setUpdateData] = useState<boolean>(true);
+  const [treeData, setTreeData] = useState<TreeNode[]>(
+    claimOrder as unknown as TreeNode[]
+  );
+  const [activeKeys, setActiveKeys] = useState<string[]>(["claims"]);
+  const [dialogOpen, setDialogOpen] = useState<boolean>(false);
+  const [deleteItemId, setDeleteItemId] = useState<string | null>(null);
+
+  const moveUp = (id: string): void => {
+    const index = claimOrder.indexOf(id);
+    if (index <= 0) return;
+
+    const newOrder = [...claimOrder];
+    const temp = newOrder[index - 1];
+    newOrder[index - 1] = id;
+    newOrder[index] = temp;
+    setClaimOrder(newOrder);
+    setUpdateData(true); // Flag to trigger rebuild in useEffect
+  };
+
+  const moveDown = (id: string): void => {
+    const index = claimOrder.indexOf(id);
+    if (index >= claimOrder.length - 1) return;
+
+    const newOrder = [...claimOrder];
+    const temp = newOrder[index + 1];
+    newOrder[index + 1] = id;
+    newOrder[index] = temp;
+    setClaimOrder(newOrder);
+    setUpdateData(true);
+  };
+
+  const handleDeleteConfirm = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    if (deleteItemId) {
+      const newOrder = claimOrder.filter((id) => id !== deleteItemId);
+      setClaimOrder(newOrder);
+      setUpdateData(true);
+      setDialogOpen(false);
+      setDeleteItemId(null);
+    }
+  };
+
+  const handleDeleteCancel = (e: React.MouseEvent) => {
+    e.stopPropagation();
+    setDialogOpen(false);
+    setDeleteItemId(null);
+  };
+
+  const buildTreeData = (order: string[], claims: string[]): TreeNode[] => {
+    setUpdateData(false);
+    const list: TreeNode[] = [];
+
+    // Add any new claims that are not in the order yet
+    if (claims.length > order.length) {
+      const newClaims = claims.filter((x) => !order.includes(x));
+      order = [...order, ...newClaims];
+    }
+
+    order.forEach((id, index) => {
+      // Skip if we don't have details for this claim
+      if (!details[id]) return;
+
+      const node: TreeNode = {
+        key: id,
+        title: (
+          <Card
+            key={id}
+            className="my-4 shadow-sm hover:shadow-md transition-shadow"
+          >
+            <CardHeader className="pb-2 px-4 py-3">
+              <div className="flex justify-between items-center">
+                <CardTitle className="w-[500px] overflow-hidden text-ellipsis whitespace-nowrap">
+                  {details[id]?.claim || "Unknown Claim"}
+                </CardTitle>
+                <div className="flex space-x-2">
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      setClaimID(id);
+                      showModal();
+                    }}
+                  >
+                    <Edit className="h-4 w-4 mr-1" />
+                    Edit
+                  </Button>
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    disabled={index === 0}
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      moveUp(id);
+                    }}
+                  >
+                    <ChevronUp className="h-4 w-4" />
+                  </Button>
+                  <Button
+                    size="sm"
+                    variant="outline"
+                    disabled={index === order.length - 1}
+                    onClick={(e) => {
+                      e.stopPropagation();
+                      moveDown(id);
+                    }}
+                  >
+                    <ChevronDown className="h-4 w-4" />
+                  </Button>
+                </div>
+              </div>
+            </CardHeader>
+            <CardContent className="px-4 py-3 text-gray-700">
+              {details[id]?.fact || "No fact provided"}
+            </CardContent>
+          </Card>
+        ),
+      };
+      list.push(node);
+    });
+
+    return list;
+  };
+
+  useEffect(() => {
+    if (claimOrder && updateData) {
+      setTreeData(buildTreeData(claimOrder, ids));
+    }
+  }, [claimOrder, ids, updateData]);
+
+  useEffect(() => {
+    setTreeData(buildTreeData(claimOrder, ids));
+  }, [claimOrder, ids]);
+
+  return (
+    <>
+      <Accordion
+        type="multiple"
+        value={activeKeys}
+        onValueChange={setActiveKeys}
+        className="w-full border rounded-lg p-4 my-6"
+      >
+        <AccordionItem value="claims" className="border-none">
+          <AccordionTrigger className="hover:no-underline px-2 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+            <div className="flex items-center justify-between w-full">
+              <span className="text-xl font-semibold">Claims</span>
+            </div>
+          </AccordionTrigger>
+          <AccordionContent className="mt-4 space-y-4 px-2">
+            <div className="space-y-4">
+              {treeData.length === 0 ? (
+                <p className="text-center text-gray-500 py-4">
+                  No claims added yet.
+                </p>
+              ) : (
+                treeData.map((node) => <div key={node.key}>{node.title}</div>)
+              )}
+            </div>
+          </AccordionContent>
+        </AccordionItem>
+      </Accordion>
+
+      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+        <DialogContent className="max-w-sm p-4">
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Claim</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this claim?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button size="sm" variant="outline" onClick={handleDeleteCancel}>
+              Cancel
+            </Button>
+            <Button
+              size="sm"
+              variant="destructive"
+              onClick={handleDeleteConfirm}
+            >
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+};
+
+export default ClaimList;
diff --git a/studio/src/pages/fact-checks/components/FactCheckForm.js b/studio/src/pages/fact-checks/components/FactCheckForm.js
deleted file mode 100644
index a8cffea66..000000000
--- a/studio/src/pages/fact-checks/components/FactCheckForm.js
+++ /dev/null
@@ -1,721 +0,0 @@
-import {
-  CheckCircleOutlined,
-  ClockCircleOutlined,
-  ExceptionOutlined,
-  FileSearchOutlined,
-  LeftOutlined,
-  MenuFoldOutlined,
-  ProfileOutlined,
-  SettingFilled,
-} from '@ant-design/icons';
-import {
-  Button,
-  Col,
-  Collapse,
-  DatePicker,
-  Divider,
-  Drawer,
-  Dropdown,
-  Form,
-  Input,
-  Menu,
-  Modal,
-  Row,
-  Space,
-  Switch,
-  Tag,
-  Typography,
-} from 'antd';
-import dayjs from 'dayjs';
-import React, { useEffect, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { createClaim, updateClaim } from '../../../actions/claims';
-import { addTemplate } from '../../../actions/posts';
-import ThreeDotIcon from '../../../assets/ThreeDotIcon';
-import { DescriptionInput, SlugInput } from '../../../components/FormItems';
-import MediaSelector from '../../../components/MediaSelector';
-import MonacoEditor from '../../../components/MonacoEditor';
-import Selector from '../../../components/Selector';
-import { extractClaimIdsAndOrder, hasClaims } from '../../../utils/claims';
-import { formatDate, getDatefromStringWithoutDay } from '../../../utils/date';
-import getJsonValue from '../../../utils/getJsonValue';
-import { maker } from '../../../utils/sluger';
-import useNavigation from '../../../utils/useNavigation';
-import ClaimCreateForm from '../../claims/components/ClaimForm';
-import ClaimList from './ClaimList';
-import { addErrorNotification } from '../../../actions/notifications';
-
-function FactCheckForm({ onCreate, data = {}, actions = {}, format }) {
-  const history = useNavigation();
-  const formRef = useRef(null);
-  const [form] = Form.useForm();
-  const dispatch = useDispatch();
-  const [visible, setVisible] = useState(false);
-  const [status, setStatus] = useState(data.status ? data.status : 'draft');
-  const [claimCreatedFlag, setClaimCreatedFlag] = React.useState(false);
-  const [newClaim, setNewClaim] = React.useState(null);
-  const [valueChange, setValueChange] = useState(false);
-  const [metaDrawer, setMetaDrawer] = React.useState(false);
-  const [codeDrawer, setCodeDrawerVisible] = useState(false);
-  const [metaFieldsDrawer, setMetaFieldsDrawerVisible] = useState(false);
-  const [isModalVisible, setIsModalVisible] = useState(false);
-  const [isMobileScreen, setIsMobileScreen] = useState(false);
-  const showSchemaModal = () => {
-    setIsModalVisible(true);
-  };
-
-  const handleSchemaModalOk = () => {
-    setIsModalVisible(false);
-  };
-
-  const handleSchemaModalCancel = () => {
-    setIsModalVisible(false);
-  };
-
-  const copySchema = (textToCopy) => {
-    // navigator clipboard api needs a secure context (https)
-    if (navigator.clipboard && window.isSecureContext) {
-      // navigator clipboard api method'
-      return navigator.clipboard.writeText(textToCopy);
-    } else {
-      // text area method
-      let textArea = document.createElement('textarea');
-      textArea.value = textToCopy;
-      // make the textarea out of viewport
-      textArea.style.position = 'fixed';
-      textArea.style.left = '-999999px';
-      textArea.style.top = '-999999px';
-      document.body.appendChild(textArea);
-      textArea.focus();
-      textArea.select();
-      return new Promise((res, rej) => {
-        // here the magic happens
-        document.execCommand('copy') ? res() : rej();
-        textArea.remove();
-      });
-    }
-  };
-
-  const [claimID, setClaimID] = useState(0);
-  const { details, loading } = useSelector(({ claims: { details, loading } }) => ({
-    details,
-    loading,
-  }));
-  const [claimOrder, setClaimOrder] = useState(
-    data.claims && data.claims.length > 0 ? data.claim_order : [],
-  );
-
-  if (claimCreatedFlag) {
-    if (data && data.id) {
-      data.claims.push(newClaim.id);
-    } else {
-      const claimList = form.getFieldValue('claims') ? form.getFieldValue('claims') : [];
-      form.setFieldsValue({
-        claims: [...claimList, newClaim.id],
-      });
-    }
-    setClaimCreatedFlag(false);
-  }
-
-  useEffect(() => {}, [details, loading]);
-
-  const [drawerVisible, setDrawerVisible] = useState(false);
-  const showDrawer = () => {
-    setDrawerVisible(true);
-  };
-  const onClose = () => {
-    setDrawerVisible(false);
-    setMetaDrawer(false);
-    setCodeDrawerVisible(false);
-    setMetaFieldsDrawerVisible(false);
-  };
-
-  if (!data.status) data.status = 'draft';
-
-  const [shouldBlockNavigation, setShouldBlockNavigation] = useState(false);
-
-  const getCurrentDate = () => {
-    return dayjs(Date.now()).format('YYYY-MM-DDTHH:mm:ssZ');
-  };
-
-  const onSave = (values) => {
-    setShouldBlockNavigation(false);
-    if (values.meta_fields) {
-      values.meta_fields = getJsonValue(values.meta_fields);
-    }
-    values.category_ids = values.categories || [];
-    values.tag_ids = values.tags || [];
-    values.format_id = format.id;
-    values.author_ids = values.authors || [];
-    values.claim_ids = values.claims ? claimOrder : [];
-    values.claim_order = values.claim_ids;
-    // check for claims in the editor output
-    if (hasClaims(values?.description?.json)) {
-      const { claimIds, claimOrder } = extractClaimIdsAndOrder(values.description.json);
-      values.claim_ids = claimIds;
-      values.claim_order = claimOrder;
-    }
-    values.status = status;
-    if ((status === 'publish' || status === 'future') && values.author_ids.length === 0) {
-      dispatch(addErrorNotification('At least one author must be assigned before publishing.'));
-      return;
-    }
-    if (status === 'future') {
-      if (!values.published_date) {
-        dispatch(addErrorNotification('Published date is required for future publishing.'));
-        return;
-      }
-    }
-    values.status === 'publish'
-      ? (values.published_date = values.published_date
-          ? dayjs(values.published_date).format('YYYY-MM-DDTHH:mm:ssZ')
-          : getCurrentDate())
-      : (values.published_date = null);
-    onCreate(values);
-  };
-
-  const onTitleChange = (string) => {
-    if (status !== 'publish') {
-      form.setFieldsValue({
-        slug: maker(string),
-      });
-    }
-  };
-
-  if (data && data.id) {
-    data.published_date = data.published_date ? dayjs(data.published_date) : null;
-    if (data.meta_fields && typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-
-  const showModal = () => {
-    setVisible(true);
-  };
-
-  const handleCancel = () => {
-    setVisible(false);
-    setClaimID(0);
-  };
-
-  const onClaimCreate = (values) => {
-    dispatch(createClaim(values)).then((claim) => {
-      setVisible(false);
-      setNewClaim(claim);
-      setClaimID(0);
-      setClaimCreatedFlag(true);
-    });
-  };
-  const onClaimEdit = (values) => {
-    dispatch(updateClaim({ ...details[claimID], ...values })).then(() => {
-      setVisible(false);
-      setClaimID(0);
-    });
-  };
-
-  const createTemplate = () => {
-    dispatch(addTemplate({ post_id: parseInt(data.id) })).then(() => history('/fact-checks'));
-  };
-  const setReadyFlag = () => {
-    status === 'ready' ? setStatus('draft') : setStatus('ready');
-  };
-  const readyToPublish = (
-    <Menu>
-      <Menu.Item>
-        Ready to Publish <Switch onChange={setReadyFlag} checked={status === 'ready'}></Switch>
-      </Menu.Item>
-    </Menu>
-  );
-  useEffect(() => {
-    const handleBeforeUnload = () => {
-      if (shouldBlockNavigation) {
-        window.onbeforeunload = () => true;
-      } else {
-        window.onbeforeunload = undefined;
-      }
-    };
-    handleBeforeUnload();
-    return () => {
-      window.removeEventListener('onbeforeunload', handleBeforeUnload);
-    };
-  }, [shouldBlockNavigation]);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const formProps = {
-    form: form,
-    ref: formRef,
-    initialValues: { ...data },
-    style: { maxWidth: '100%', width: '100%' },
-    onFinish: (values) => onSave(values),
-    onValuesChange: (changedValues) => {
-      setShouldBlockNavigation(true);
-      setValueChange(true);
-      if (changedValues.claims) {
-        if (claimOrder.length < changedValues.claims.length) {
-          setClaimOrder(
-            claimOrder.concat(changedValues.claims.filter((x) => !claimOrder.includes(x))),
-          );
-        } else setClaimOrder(claimOrder.filter((x) => changedValues.claims.includes(x)));
-      }
-    },
-    layout: 'vertical',
-  };
-  return (
-    <>
-      {/* <Prompt
-        // need to fix this deprecated in react-router-dom v6
-        when={shouldBlockNavigation}
-        message="You have unsaved changes, are you sure you want to leave?"
-      /> */}
-      {visible && (
-        <Modal open={visible} onCancel={handleCancel} maskClosable={false} footer={null}>
-          <ClaimCreateForm
-            data={details?.[claimID]}
-            onCreate={claimID > 0 ? onClaimEdit : onClaimCreate}
-            width={560}
-          />
-        </Modal>
-      )}
-      <Form
-        form={form}
-        ref={formRef}
-        initialValues={{ ...data }}
-        style={{ maxWidth: '100%', width: '100%' }}
-        onFinish={(values) => onSave(values)}
-        onValuesChange={(changedValues) => {
-          setShouldBlockNavigation(true);
-          setValueChange(true);
-          if (changedValues.claims) {
-            if (claimOrder.length < changedValues.claims.length) {
-              setClaimOrder(
-                claimOrder.concat(changedValues.claims.filter((x) => !claimOrder.includes(x))),
-              );
-            } else setClaimOrder(claimOrder.filter((x) => changedValues.claims.includes(x)));
-          }
-        }}
-        layout="vertical"
-        className="edit-form"
-      >
-        <Space direction="vertical">
-          <div style={{ float: 'right' }}>
-            <Space direction="horizontal">
-              {data.id ? (
-                <Form.Item name="template">
-                  <Button onClick={createTemplate}>Create Template</Button>
-                </Form.Item>
-              ) : null}
-              <Form.Item name="draft">
-                <Dropdown overlay={readyToPublish}>
-                  <Button
-                    disabled={!valueChange}
-                    htmlType="submit"
-                    onClick={() => (status === 'ready' ? setStatus('ready') : setStatus('draft'))}
-                  >
-                    Save
-                  </Button>
-                </Dropdown>
-              </Form.Item>
-              {actions.includes('admin') || actions.includes('publish') ? (
-                <Form.Item name="submit">
-                  <Button htmlType="submit" onClick={() => setStatus('publish')}>
-                    {data.id && status === 'publish' ? 'Update' : 'Publish'}
-                  </Button>
-                </Form.Item>
-              ) : null}
-              <Form.Item name="drawerOpen">
-                <Button onClick={showDrawer}>
-                  <SettingFilled />
-                </Button>
-              </Form.Item>
-            </Space>
-          </div>
-          <Row gutter={16}>
-            <Col xs={{ span: 24 }} xl={{ span: 18, offset: 3 }} xxl={{ span: 12, offset: 6 }}>
-              <Form.Item
-                name="title"
-                rules={[
-                  {
-                    required: true,
-                    message: 'Please input the title!',
-                  },
-                  { max: 500, message: 'Title must be maximum 500 characters.' },
-                ]}
-              >
-                <Input.TextArea
-                  bordered={false}
-                  placeholder="Add title for the fact-check"
-                  onChange={(e) => onTitleChange(e.target.value)}
-                  autoSize={{ minRows: 2, maxRows: 6 }}
-                  style={{ fontSize: '2.5rem', fontWeight: 'bold', textAlign: 'center' }}
-                />
-              </Form.Item>
-              {data?.updated_at ? (
-                <p style={{ fontSize: '18px', color: '#595E60' }}>
-                  Last updated on : {getDatefromStringWithoutDay(data.updated_at)}
-                </p>
-              ) : null}
-              {form.getFieldValue('claims') &&
-              form.getFieldValue('claims').length > 0 &&
-              !loading ? (
-                <Form.Item name="claimOrder">
-                  <ClaimList
-                    ids={form.getFieldValue('claims')}
-                    setClaimID={setClaimID}
-                    showModal={showModal}
-                    details={details}
-                    claimOrder={claimOrder}
-                    setClaimOrder={setClaimOrder}
-                  />
-                </Form.Item>
-              ) : null}
-              <DescriptionInput
-                formItemProps={{ className: 'post-description' }}
-                noLabel
-                initialValue={data.description_html}
-              />
-              <Drawer
-                className="edit-drawer"
-                title={<h4 style={{ fontWeight: 'bold' }}>Post Settings</h4>}
-                placement="right"
-                closable={true}
-                onClose={onClose}
-                open={drawerVisible}
-                width={isMobileScreen ? '80vw' : 480}
-                headerStyle={{ fontWeight: 'bold' }}
-              >
-                <Form {...formProps}>
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    defaultActiveKey={['1']}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <MenuFoldOutlined
-                          style={{ fontSize: '14px', color: isActive ? '#3473ED' : '#000000E0' }}
-                        />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Details" key="1">
-                      <Row justify="space-between" style={{ margin: '16px 0', marginTop: 0 }}>
-                        {data?.created_at ? (
-                          <Col span={16}>
-                            <Typography.Text style={{ color: '#575757E0', fontSize: '14px' }}>
-                              <span style={{ color: '#000000E0', fontWeight: 400 }}>
-                                Created Date:{' '}
-                              </span>
-                              {formatDate(data.created_at)}
-                            </Typography.Text>
-                          </Col>
-                        ) : null}
-                        {data?.updated_at ? (
-                          <Col span={16}>
-                            <Typography.Text style={{ color: '#575757E0', fontSize: '14px' }}>
-                              <span style={{ color: '#000000E0', fontWeight: 400 }}>
-                                Last updated:{' '}
-                              </span>
-                              {formatDate(data.updated_at)}
-                            </Typography.Text>
-                          </Col>
-                        ) : null}
-                        <Col span={6}>
-                          {status === 'publish' ? (
-                            <Tag icon={<CheckCircleOutlined />} color="green">
-                              Published
-                            </Tag>
-                          ) : status === 'draft' ? (
-                            <Tag color="red" icon={<ExceptionOutlined />}>
-                              Draft
-                            </Tag>
-                          ) : status === 'ready' ? (
-                            <Tag color="gold" icon={<ClockCircleOutlined />}>
-                              Ready to Publish
-                            </Tag>
-                          ) : null}
-                        </Col>
-                      </Row>
-                      <Form.Item name="published_date" label="Published Date">
-                        <DatePicker />
-                      </Form.Item>
-                      <Form.Item name="authors" label="Authors">
-                        <Selector mode="multiple" display={'display_name'} action="Authors" />
-                      </Form.Item>
-                      <Form.Item name="featured_medium_id" label="Featured Image">
-                        <MediaSelector />
-                      </Form.Item>
-                      <Form.Item name="claims" label="Claims" key={!visible}>
-                        <Selector mode="multiple" display={'claim'} action="Claims" />
-                      </Form.Item>
-                      <Form.Item>
-                        <Button type="primary" onClick={showModal}>
-                          Add Claim
-                        </Button>
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: 0 }} />
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <ProfileOutlined
-                          style={{ fontSize: '14px', color: isActive ? '#3473ED' : '#000000E0' }}
-                        />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Other Details" key="1">
-                      <Form.Item
-                        name="excerpt"
-                        label="Excerpt"
-                        rules={[
-                          { max: 5000, message: 'Excerpt must be a maximum of 5000 characters.' },
-                        ]}
-                      >
-                        <Input.TextArea
-                          rows={4}
-                          placeholder="Excerpt"
-                          style={{ fontSize: 'medium' }}
-                        />
-                      </Form.Item>
-                      <Form.Item name="subtitle" label="Subtitle">
-                        <Input placeholder="Subtitle" style={{ fontSize: 'medium' }} />
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: 0 }} />
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <ProfileOutlined
-                          style={{ fontSize: '14px', color: isActive ? '#3473ED' : '#000000E0' }}
-                        />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Categories" key="1">
-                      <Form.Item name="categories" label="Categories">
-                        <Selector mode="multiple" action="Categories" createEntity="Category" />
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: 0 }} />
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <ProfileOutlined
-                          style={{ fontSize: '14px', color: isActive ? '#3473ED' : '#000000E0' }}
-                        />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Tags" key="1">
-                      <Form.Item name="tags" label="Tags">
-                        <Selector mode="multiple" action="Tags" createEntity="Tag" />
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: 0 }} />
-                  <div
-                    style={{ display: 'flex', gap: '10px', cursor: 'pointer', padding: '1rem 0' }}
-                    onClick={() => setMetaDrawer(true)}
-                  >
-                    <div className="collapse-icon-background">
-                      <FileSearchOutlined
-                        style={{ fontSize: '14px', color: metaDrawer ? '#3473ED' : '#000000E0' }}
-                      />
-                    </div>
-                    <Typography.Text strong>SEO</Typography.Text>
-                  </div>
-                  <Divider style={{ margin: '0 10px' }} />
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <ThreeDotIcon color={isActive ? '#3473ED' : '#000000E0'} />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Others" key="1">
-                      <Form.Item>
-                        <Button style={{ width: '100%' }} onClick={() => setMetaDrawer(true)}>
-                          Add Meta Data
-                        </Button>
-                      </Form.Item>
-                      <Form.Item>
-                        <Button
-                          style={{ width: '100%' }}
-                          onClick={() => setCodeDrawerVisible(true)}
-                        >
-                          Code Injection
-                        </Button>
-                      </Form.Item>
-                      <Form.Item>
-                        <Button onClick={() => showSchemaModal()} style={{ width: '100%' }}>
-                          View Schemas
-                        </Button>
-                      </Form.Item>
-                      <Form.Item>
-                        <Button
-                          style={{ width: '100%' }}
-                          onClick={() => setMetaFieldsDrawerVisible(true)}
-                        >
-                          Add Meta Fields
-                        </Button>
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Modal
-                    title="View Schemas"
-                    open={isModalVisible}
-                    onOk={handleSchemaModalOk}
-                    onCancel={handleSchemaModalCancel}
-                    footer={[
-                      <Button
-                        onClick={() => {
-                          const copyText = data.schemas.map(
-                            (schema) =>
-                              `<script type="application/ld+json">${JSON.stringify(
-                                schema,
-                              )}</script>`,
-                          );
-                          copySchema(copyText);
-                        }}
-                      >
-                        Copy
-                      </Button>,
-                      <a
-                        href="https://search.google.com/test/rich-results"
-                        target="_blank"
-                        rel="noreferrer noopener"
-                        className="ant-btn ant-btn-secondary"
-                      >
-                        Test in Google Rich Results Text
-                      </a>,
-                    ]}
-                  >
-                    <div id="schema-container">
-                      {data.schemas &&
-                        data.schemas.map((schema) => (
-                          <Typography.Text code>
-                            {`<script type="application/ld+json">${JSON.stringify(
-                              schema,
-                            )}</script>`}
-                          </Typography.Text>
-                        ))}
-                    </div>
-                  </Modal>
-                </Form>
-              </Drawer>
-              <Drawer
-                title={<h4 style={{ fontWeight: 'bold' }}>Post Meta data</h4>}
-                placement="right"
-                closable={true}
-                onClose={onClose}
-                open={metaDrawer}
-                width={isMobileScreen ? '80vw' : 480}
-                bodyStyle={{ paddingBottom: 40 }}
-                headerStyle={{ fontWeight: 'bold' }}
-              >
-                <Form {...formProps}>
-                  <Form.Item style={{ marginLeft: '-20px' }}>
-                    <Button type="text" onClick={() => setMetaDrawer(false)}>
-                      <LeftOutlined />
-                      Back
-                    </Button>
-                  </Form.Item>
-                  <SlugInput />
-                  <Form.Item name={['meta', 'title']} label="Meta Title">
-                    <Input />
-                  </Form.Item>
-                  <Form.Item name={['meta', 'description']} label="Meta Description">
-                    <Input.TextArea />
-                  </Form.Item>
-                  <Form.Item name={['meta', 'canonical_URL']} label="Canonical URL">
-                    <Input />
-                  </Form.Item>
-                </Form>
-              </Drawer>
-              <Drawer
-                title={<h4 style={{ fontWeight: 'bold' }}>Code Injection</h4>}
-                placement="right"
-                closable={true}
-                onClose={onClose}
-                open={codeDrawer}
-                bodyStyle={{ paddingBottom: 40 }}
-                headerStyle={{ fontWeight: 'bold' }}
-                width={isMobileScreen ? '80vw' : 480}
-              >
-                <Form {...formProps}>
-                  <Form.Item style={{ marginLeft: '-20px' }}>
-                    <Button type="text" onClick={() => setCodeDrawerVisible(false)}>
-                      <LeftOutlined />
-                      Back
-                    </Button>
-                  </Form.Item>
-                  <Form.Item name="header_code" label="Header Code">
-                    <MonacoEditor language="html" width={650} />
-                  </Form.Item>
-                  <Form.Item name="footer_code" label="Footer Code">
-                    <MonacoEditor language="html" width={650} />
-                  </Form.Item>
-                </Form>
-              </Drawer>
-              <Drawer
-                title={<h4 style={{ fontWeight: 'bold' }}>Meta Fields</h4>}
-                placement="right"
-                closable={true}
-                onClose={onClose}
-                open={metaFieldsDrawer}
-                width={isMobileScreen ? '80vw' : 480}
-                bodyStyle={{ paddingBottom: 40 }}
-                headerStyle={{ fontWeight: 'bold' }}
-              >
-                <Form {...formProps}>
-                  <Form.Item style={{ marginLeft: '-20px' }}>
-                    <Button type="text" onClick={() => setMetaFieldsDrawerVisible(false)}>
-                      <LeftOutlined />
-                      Back
-                    </Button>
-                  </Form.Item>
-                  <Form.Item
-                    name="meta_fields"
-                    label="Meta Fields"
-                    extra="add JSON if you have to pass any extra data"
-                  >
-                    <MonacoEditor language="json" />
-                  </Form.Item>
-                </Form>
-              </Drawer>
-            </Col>
-          </Row>
-        </Space>
-      </Form>
-    </>
-  );
-}
-
-export default FactCheckForm;
diff --git a/studio/src/pages/fact-checks/components/FactCheckForm.test.js b/studio/src/pages/fact-checks/components/FactCheckForm.test.js
deleted file mode 100644
index 59f280278..000000000
--- a/studio/src/pages/fact-checks/components/FactCheckForm.test.js
+++ /dev/null
@@ -1,1242 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import { BrowserRouter as Router } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-import { useHistory } from 'react-router-dom';
-import moment from 'moment';
-import { Dropdown, Modal } from 'antd';
-
-import '../../../matchMedia.mock';
-import FactCheckForm from './FactCheckForm';
-
-import { addTemplate } from '../../../actions/posts';
-import { createClaim } from '../../../actions/claims';
-
-Date.now = jest.fn(() => 1487076708000);
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-jest.mock('./../../../actions/sidebar', () => ({
-  setCollapse: jest.fn(),
-}));
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../../actions/posts', () => ({
-  addTemplate: jest.fn(),
-}));
-jest.mock('../../../actions/claims', () => ({
-  ...jest.requireActual('../../../actions/claims'),
-  createClaim: jest.fn(),
-  getClaims: jest.fn(),
-}));
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-jest.mock('./ClaimList', () => {
-  const ClaimList = () => <div />;
-  return ClaimList;
-});
-const format = {
-  id: 2,
-  name: 'Fact Check',
-  slug: 'fact-check',
-};
-
-const data = {
-  id: 1,
-  title: 'FactCheck-1',
-  excerpt: 'excerpt of factcheck',
-  slug: 'factcheck-1',
-  featured_medium_id: 1,
-  status: 'draft',
-  format: 2,
-  categories: [1],
-  tags: [1],
-  authors: [1],
-  claims: [1],
-  claim_order: [1],
-  description: {
-    time: 1595747741807,
-    blocks: [
-      {
-        type: 'header',
-        data: {
-          text: 'Editor.js',
-          level: 2,
-        },
-      },
-      {
-        type: 'paragraph',
-        data: {
-          text:
-            'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-        },
-      },
-    ],
-    version: '2.18.0',
-  },
-};
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-
-describe('Fact-check form component', () => {
-  store = mockStore({
-    posts: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    formats: {
-      req: [],
-      details: {
-        1: {
-          name: 'Fact check',
-          slug: 'fact-check',
-        },
-      },
-      loading: true,
-    },
-    authors: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    tags: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claims: {
-      req: [
-        {
-          data: [1, 2],
-          total: 2,
-          query: {
-            page: 1,
-          },
-        },
-      ],
-      details: {
-        1: {
-          id: 1,
-          claim: 'Claim 1',
-        },
-        2: {
-          id: 2,
-          claim: 'Claim 2',
-        },
-      },
-      loading: false,
-    },
-    ratings: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {
-        1: {
-          name: 'Sample Image',
-          slug: 'sample-img',
-        },
-      },
-      loading: true,
-    },
-    sidebar: {
-      collapsed: false,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn(() => Promise.resolve({})));
-  useSelector.mockImplementation((state) => ({
-    details: [],
-    total: 0,
-    loading: false,
-    sidebar: false,
-  }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm actions={['publish']} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                onCreate={onCreate}
-                data={data}
-                format={format}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with open drawer', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                onCreate={onCreate}
-                data={data}
-                format={format}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const settingButton = tree.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(tree.find('Drawer').length).not.toBe(0);
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match with different permission actions', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm actions={['create']} data={data} onCreate={onCreate} format={format} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                {...props}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm actions={['publish']} onCreate={props.onCreate} />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        //submit button
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(8)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [3] } });
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'FactCheck-1',
-          excerpt: 'excerpt of factcheck',
-          slug: 'factcheck-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          published_date: null,
-          tag_ids: [1],
-          tags: [1],
-          claims: [3],
-          claim_ids: [],
-          claim_order: [],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with title change', (done) => {
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'New Title' } });
-      });
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        wrapper
-          .find('FormItem')
-          .at(8)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [1, 3] } });
-      });
-      act(() => {
-        const dropdown = wrapper.find(Dropdown);
-        dropdown.simulate('mouseover');
-        const overlay = dropdown.props().overlay;
-        overlay.props.children.props.children[1].props.onChange(true);
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'New Title',
-          excerpt: 'excerpt of factcheck',
-          slug: 'new-title',
-          featured_medium_id: 1,
-          status: 'ready',
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          published_date: null,
-          tag_ids: [1],
-          tags: [1],
-          claims: [1, 3],
-          claim_order: [1, 3],
-          claim_ids: [1, 3],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should create template on click of Add template button', (done) => {
-      addTemplate.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm actions={['publish']} {...props} format={format} />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const templateButtom = wrapper.find('Button').at(0);
-        templateButtom.simulate('click');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(addTemplate).toHaveBeenCalledTimes(1);
-        expect(addTemplate).toHaveBeenCalledWith({
-          post_id: 1,
-        });
-        expect(push).toHaveBeenCalledWith('/fact-checks');
-        done();
-      }, 0);
-    });
-    it('should add claim', (done) => {
-      useSelector.mockImplementationOnce(() => ({
-        claims: {
-          req: [
-            {
-              data: [1, 2],
-              total: 2,
-              query: {
-                page: 1,
-              },
-            },
-          ],
-          loading: false,
-          details: {
-            1: {
-              id: 1,
-              claim: 'Claim 1',
-            },
-            2: {
-              id: 2,
-              claim: 'Claim 2',
-            },
-          },
-        },
-        total: 2,
-        loading: false,
-      }));
-
-      act(() => {
-        const createClaimButton = wrapper.find('FormItem').at(8).find('Button');
-        expect(createClaimButton.text()).toBe('Add Claim');
-        createClaimButton.simulate('click');
-      });
-      wrapper.update();
-
-      act(() => {
-        const claimForm = wrapper.find('Modal');
-        claimForm
-          .find('FormItem')
-          .at(1)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'Claim title' } });
-        claimForm
-          .find('FormItem')
-          .at(4)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 1 } });
-        claimForm
-          .find('FormItem')
-          .at(5)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 1 } });
-
-        const nextButton = claimForm.find('Button').at(0);
-        expect(nextButton.text()).toBe('Submit');
-        nextButton.simulate('submit');
-      });
-      setTimeout(() => {
-        expect(createClaim).toHaveBeenCalled();
-        expect(createClaim).toHaveBeenCalledWith({
-          checked_date: null,
-          claim_date: null,
-          claim_sources: undefined,
-          claimant: 1,
-          claimant_id: 1,
-          description: undefined,
-          rating: 1,
-          rating_id: 1,
-          fact: undefined,
-          review_sources: undefined,
-          review_tag_line: undefined,
-          slug: 'claim-title',
-          claim: 'Claim title',
-          meta_fields: undefined,
-        });
-        done();
-      }, 0);
-    });
-
-    it('should handle cancel click of Modal', () => {
-      act(() => {
-        const createClaimButton = wrapper.find('FormItem').at(8).find('Button');
-        expect(createClaimButton.text()).toBe('Add Claim');
-        createClaimButton.simulate('click');
-      });
-      wrapper.update();
-      const cancelButton = wrapper.find('Modal').find('button').at(0);
-      cancelButton.simulate('click');
-      expect(wrapper.find('Modal').at(0).props().visible).toBe(false);
-    });
-    // it('should handle ok click of Modal', () => {
-    //   act(() => {
-    //     const createClaimButton = wrapper.find('FormItem').at(8).find('Button');
-    //     expect(createClaimButton.text()).toBe('Add Claim');
-    //     createClaimButton.simulate('click');
-    //   });
-    //   wrapper.update();
-    //   const okButton = wrapper.find('Modal').find('Button').at(9);
-    //   expect(okButton.text()).toBe('OK');
-    //   okButton.simulate('click');
-    //   expect(wrapper.find('Modal').at(0).props().visible).toBe(false);
-    // });
-    it('should open and close drawer for settings', () => {
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(wrapper.find('Drawer').length).not.toBe(0);
-        const closeButtonn = wrapper.find('DrawerChild').find('button').at(0);
-        closeButtonn.simulate('click');
-      });
-    });
-    it('should not change slug with title change when status is publish', (done) => {
-      const data2 = {
-        id: 1,
-        title: 'FactCheck-1',
-        excerpt: 'excerpt of factcheck',
-        slug: 'factcheck-1',
-        featured_medium_id: 1,
-        status: 'publish',
-        format: 2,
-        published_date: moment(new Date('2020-12-12')).format('YYYY-MM-DDTHH:mm:ssZ'),
-        categories: [1],
-        tags: [1],
-        authors: [1],
-        claims: [1],
-        claim_order: [1],
-        meta: {},
-        description: {
-          time: 1595747741807,
-          blocks: [
-            {
-              type: 'header',
-              data: {
-                text: 'Editor.js',
-                level: 2,
-              },
-            },
-            {
-              type: 'paragraph',
-              data: {
-                text:
-                  'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-              },
-            },
-          ],
-          version: '2.18.0',
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                data={data2}
-                format={format}
-                onCreate={props.onCreate}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'New Title' } });
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(2);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'New Title',
-          excerpt: 'excerpt of factcheck',
-          slug: 'factcheck-1',
-          featured_medium_id: 1,
-          status: 'publish',
-          format_id: 2,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          published_date: moment(new Date('2020-12-12')).format('YYYY-MM-DDTHH:mm:ssZ'),
-          tag_ids: [1],
-          tags: [1],
-          claims: [1],
-          claim_order: [1],
-          claim_ids: [1],
-          meta: {},
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit with no tags, no categories, no claims, no authors', (done) => {
-      const data2 = {
-        id: 1,
-        title: 'FactCheck-1',
-        excerpt: 'excerpt of factcheck',
-        slug: 'factcheck-1',
-        featured_medium_id: 1,
-        status: 'draft',
-        format: 2,
-        meta: {},
-        description: {
-          time: 1595747741807,
-          blocks: [
-            {
-              type: 'header',
-              data: {
-                text: 'Editor.js',
-                level: 2,
-              },
-            },
-            {
-              type: 'paragraph',
-              data: {
-                text:
-                  'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-              },
-            },
-          ],
-          version: '2.18.0',
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                data={data2}
-                format={format}
-                onCreate={props.onCreate}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'FactCheck-1',
-          excerpt: 'excerpt of factcheck',
-          slug: 'factcheck-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          format_id: 2,
-          author_ids: [],
-          category_ids: [],
-          tag_ids: [],
-          published_date: null,
-          claim_ids: [],
-          claim_order: [],
-          meta: {},
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should set status as publish on click and submit', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data}
-                format={format}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(2);
-        expect(submitButtom.text()).toBe('Publish');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'FactCheck-1',
-          excerpt: 'excerpt of factcheck',
-          slug: 'factcheck-1',
-          featured_medium_id: 1,
-          status: 'publish',
-          format_id: 2,
-          author_ids: [1],
-          authors: [1],
-          published_date: moment(Date.now()).format('YYYY-MM-DDTHH:mm:ssZ'),
-          categories: [1],
-          category_ids: [1],
-          tag_ids: [1],
-          tags: [1],
-          claims: [1, undefined],
-          claim_ids: [1],
-          claim_order: [1],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should add seo meta data', (done) => {
-      const data2 = { ...data };
-
-      data2.meta = {
-        canonical_URL: undefined,
-        description: undefined,
-        title: undefined,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data2}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(wrapper.find('Drawer').length).not.toBe(0);
-      });
-      wrapper.update();
-      act(() => {
-        const addMetaDataBtn = wrapper.find('FormItem').at(17).find('Button').at(0);
-        expect(addMetaDataBtn.text()).toBe('Add Meta Data');
-        addMetaDataBtn.simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        const metaTitle = wrapper.find('input').at(7);
-        metaTitle.simulate('change', { target: { value: 'Meta title' } });
-        const metaDesc = wrapper.find('TextArea').at(2);
-        metaDesc.simulate('change', { target: { value: 'Meta Description' } });
-        const metaUrl = wrapper.find('input').at(8);
-        metaUrl.simulate('change', { target: { value: 'Canonical url' } });
-      });
-
-      act(() => {
-        const backBtn = wrapper.find('button').at(17);
-        expect(backBtn.text()).toBe('Back');
-        backBtn.simulate('click');
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'FactCheck-1',
-          excerpt: 'excerpt of factcheck',
-          slug: 'factcheck-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          published_date: null,
-          tag_ids: [1],
-          tags: [1],
-          claims: [1, undefined],
-          claim_ids: [1],
-          claim_order: [1],
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-          meta: {
-            canonical_URL: 'Canonical url',
-            description: 'Meta Description',
-            title: 'Meta title',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should add meta fields', (done) => {
-      const data2 = { ...data };
-      data2.meta_fields = {
-        sample: 'testing1',
-      };
-      data2.meta = {
-        canonical_URL: undefined,
-        description: undefined,
-        title: undefined,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data2}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(wrapper.find('Drawer').length).not.toBe(0);
-      });
-      wrapper.update();
-      act(() => {
-        const addMetaDataBtn = wrapper.find('FormItem').at(20).find('Button').at(0);
-        expect(addMetaDataBtn.text()).toBe('Add Meta Fields');
-        addMetaDataBtn.simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        const metaFieldData = wrapper.find('MonacoEditor').at(2);
-        metaFieldData.props().onChange({
-          target: { value: '{"sample":"testing"}' },
-        });
-      });
-
-      act(() => {
-        const backBtn = wrapper.find('button').at(15);
-        expect(backBtn.text()).toBe('Back');
-        backBtn.simulate('click');
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'FactCheck-1',
-          excerpt: 'excerpt of factcheck',
-          slug: 'factcheck-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          published_date: null,
-          tag_ids: [1],
-          tags: [1],
-          claims: [1, undefined],
-          claim_ids: [1],
-          claim_order: [1],
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          meta_fields: {
-            sample: 'testing',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should add header and footer code', (done) => {
-      const data2 = { ...data };
-      data2.header_code = `""use strict";↵↵class Chuck {↵    greet() {↵        var a,b;↵        a=5;↵        b=6;↵        return 'Hello'+ (a+b).toString();↵    }↵}"`;
-      data2.footer_code = `{↵    "info":"data",↵    "extra":"pqrstuv"↵}`;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data2}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(wrapper.find('Drawer').length).not.toBe(0);
-      });
-      wrapper.update();
-      act(() => {
-        const addMetaDataBtn = wrapper.find('button').at(9);
-        expect(addMetaDataBtn.text()).toBe('Code Injection');
-        addMetaDataBtn.simulate('click');
-      });
-
-      act(() => {
-        const headerData = wrapper.find('MonacoEditor').at(0);
-        headerData.props().onChange({
-          target: {
-            value: '<html>↵<body>↵<h1>Hi</h1>↵</body>↵</html>',
-          },
-        });
-        const footerData = wrapper.find('MonacoEditor').at(1);
-        footerData.props().onChange({
-          target: { value: '<html>↵<body>↵<h1>Hi</h1>↵</body>↵</html>' },
-        });
-      });
-      act(() => {
-        const backBtn = wrapper.find('button').at(15);
-        expect(backBtn.text()).toBe('Back');
-        backBtn.simulate('click');
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'FactCheck-1',
-          excerpt: 'excerpt of factcheck',
-          slug: 'factcheck-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          published_date: null,
-          tag_ids: [1],
-          tags: [1],
-          claims: [1, undefined],
-          claim_ids: [1],
-          claim_order: [1],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-          header_code: '<html>↵<body>↵<h1>Hi</h1>↵</body>↵</html>',
-          footer_code: '<html>↵<body>↵<h1>Hi</h1>↵</body>↵</html>',
-        });
-        done();
-      }, 0);
-    });
-    it('should handle view schema', () => {
-      document.execCommand = jest.fn(() => true);
-      const data2 = { ...data };
-      data2.schemas = [
-        {
-          '@context': 'https://schema.org',
-          '@type': 'NewsArticle',
-          headline: 'abcd',
-          datePublished: null,
-          author: null,
-          publisher: {
-            '@type': 'Organization',
-            name: 'Test Space',
-            logo: { '@type': '', url: '' },
-          },
-        },
-      ];
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheckForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data2}
-                format={format}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const schemaBtn = wrapper.find('button').at(10);
-        expect(schemaBtn.text()).toBe('View Schemas');
-        schemaBtn.simulate('click');
-      });
-      wrapper.update();
-
-      expect(wrapper.find('Modal').at(1).props().title).toBe('View Schemas');
-      const copyButton = wrapper.find('Modal').at(1).find('Button').at(0);
-      expect(copyButton.text()).toBe('Copy');
-      copyButton.simulate('click');
-      wrapper.find(Modal).at(1).props().onCancel();
-      act(() => {
-        const schemaBtn = wrapper.find('button').at(10);
-        expect(schemaBtn.text()).toBe('View Schemas');
-        schemaBtn.simulate('click');
-      });
-      wrapper.update();
-
-      expect(wrapper.find('Modal').at(1).props().title).toBe('View Schemas');
-      expect(copyButton.text()).toBe('Copy');
-      copyButton.simulate('click');
-      wrapper.find(Modal).at(1).props().onOk();
-      expect(wrapper.find('Modal').at(1).props().visible).toBe(true);
-    });
-  });
-});
diff --git a/studio/src/pages/fact-checks/components/FactCheckForm.tsx b/studio/src/pages/fact-checks/components/FactCheckForm.tsx
new file mode 100644
index 000000000..b683e9883
--- /dev/null
+++ b/studio/src/pages/fact-checks/components/FactCheckForm.tsx
@@ -0,0 +1,911 @@
+import React, { useEffect, useState, useRef } from "react";
+import { useSelector } from "react-redux";
+import { useNavigate } from "react-router-dom";
+import dayjs from "dayjs";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { PanelRightDashed, X, ChevronDown, ArrowLeft } from "lucide-react";
+// Shadcn Components
+import { Button } from "@/components/ui/button";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Form, FormField, FormItem } from "@/components/ui/form";
+// Actions and Utils
+import { createClaim, updateClaim, getClaims } from "@/actions/claims";
+import { addTemplate } from "@/actions/posts";
+import { addErrorNotification } from "@/actions/notifications";
+import { getDatefromStringWithoutDay } from "@/utils/date";
+import getJsonValue from "@/utils/getJsonValue";
+import { maker } from "@/utils/sluger";
+import { renderStatusBadge } from "../../../components/statusBadge/index";
+// Custom Components
+import ClaimCreateForm from "../../claims/components/ClaimForm";
+import ClaimList from "./ClaimList";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+import RightPanel from "./RightPanel";
+import { DescriptionInput } from "../../../components/FormItems";
+
+// TypeScript Interfaces
+interface Claim {
+  id: number;
+  claim: string;
+  [key: string]: any;
+}
+
+interface FactCheckData {
+  id?: number;
+  title?: string;
+  slug?: string;
+  subtitle?: string;
+  excerpt?: string;
+  description_html?: string;
+  description?: {
+    json: any;
+  };
+  status?: string;
+  claims?: number[];
+  claim_order?: number[];
+  featured_medium_id?: number;
+  authors?: number[];
+  categories?: number[];
+  tags?: number[];
+  published_date?: string | null;
+  created_at?: string;
+  updated_at?: string;
+  meta?: {
+    title?: string;
+    description?: string;
+    canonical_URL?: string;
+  };
+  meta_fields?: string | object;
+  header_code?: string;
+  footer_code?: string;
+  schemas?: any[];
+}
+
+interface FactCheckFormProps {
+  onCreate: (values: any) => void;
+  data?: FactCheckData;
+  format: {
+    id: number;
+    name?: string;
+  };
+}
+
+// Form validation schema
+const factCheckSchema = z.object({
+  title: z
+    .string()
+    .min(1, "Title is required")
+    .max(500, "Title must be maximum 500 characters"),
+  slug: z.string().min(1, "Slug is required"),
+  subtitle: z.string().optional(),
+  excerpt: z
+    .string()
+    .max(5000, "Excerpt must be a maximum of 5000 characters")
+    .optional(),
+  description: z.any().optional(),
+  claims: z.array(z.number()).optional(),
+  featured_medium_id: z.number().optional(),
+  authors: z.array(z.number()).optional(),
+  categories: z.array(z.number()).optional(),
+  tags: z.array(z.number()).optional(),
+  published_date: z.any().optional(),
+  meta: z
+    .object({
+      title: z.string().optional(),
+      description: z.string().optional(),
+      canonical_URL: z.string().optional(),
+    })
+    .optional(),
+  meta_fields: z.any().optional(),
+  header_code: z.string().optional(),
+  footer_code: z.string().optional(),
+  status: z.string().optional(),
+  format_id: z.number().optional(),
+  claim_ids: z.array(z.number()).optional(),
+  claim_order: z.array(z.number()).optional(),
+  author_ids: z.array(z.number()).optional(),
+});
+
+type FactCheckFormValues = z.infer<typeof factCheckSchema>;
+
+const FactCheckForm: React.FC<FactCheckFormProps> = ({
+  onCreate,
+  data = {},
+  format,
+}) => {
+  const navigate = useNavigate();
+  const dispatch = useAppDispatch();
+  const [status, setStatus] = useState<string>(data.status || "draft");
+  const [claimCreatedFlag, setClaimCreatedFlag] = useState<boolean>(false);
+  const [claimUpdated, setClaimUpdated] = useState<boolean>(false);
+  const [newClaim, setNewClaim] = useState<any>(null);
+  const [valueChange, setValueChange] = useState<boolean>(false);
+  const [shouldBlockNavigation, setShouldBlockNavigation] =
+    useState<boolean>(false);
+  const [isMobileScreen, setIsMobileScreen] = useState<boolean>(false);
+
+  // Panel states with animation controls
+  const [activePanel, setActivePanel] = useState<string | null>(null);
+  const [isPanelVisible, setIsPanelVisible] = useState<boolean>(false);
+
+  // Modal and Popover states
+  const [claimPopoverOpen, setClaimPopoverOpen] = useState<boolean>(false);
+  const [isClaimPopoverVisible, setIsClaimPopoverVisible] =
+    useState<boolean>(false);
+  const [schemaModalOpen, setSchemaModalOpen] = useState<boolean>(false);
+
+  // Refs for click-outside functionality
+  const panelRef = useRef<HTMLDivElement>(null);
+  const claimPanelRef = useRef<HTMLDivElement>(null);
+
+  const [claimID, setClaimID] = useState<string>("");
+  const [claimOrder, setClaimOrder] = useState<string[]>(
+    data.claims && data.claims.length > 0
+      ? (data.claim_order || data.claims).map((id) => id.toString())
+      : []
+  );
+
+  // Track when any panel is open to apply blur effect
+  const isPanelOpen =
+    (activePanel !== null && !claimPopoverOpen) ||
+    (claimPopoverOpen && activePanel === null);
+
+  // Redux selectors
+  const { details, loading } = useSelector((state: any) => ({
+    details: state.claims.details,
+    loading: state.claims.loading,
+  }));
+
+  // Initialize form with react-hook-form
+  const form = useForm<FactCheckFormValues>({
+    resolver: zodResolver(factCheckSchema),
+    defaultValues: {
+      ...data,
+      published_date: data.published_date
+        ? dayjs(data.published_date).toDate()
+        : undefined,
+      meta_fields:
+        typeof data.meta_fields === "string"
+          ? data.meta_fields
+          : data.meta_fields
+          ? JSON.stringify(data.meta_fields)
+          : undefined,
+      format_id: format.id, // Add format_id to default values
+    },
+  });
+
+  // Function to handle description changes
+  const handleDescriptionChange = () => {
+    setValueChange(true);
+    setShouldBlockNavigation(true);
+  };
+
+  // Handle back button navigation
+  const handleBackNavigation = () => {
+    navigate("/fact-checks");
+  };
+
+  // Handle opening and closing the panel with animation
+  const handlePanelOpen = (panelName: string) => {
+    // First set the panel without making it visible
+    setActivePanel(panelName);
+
+    // Add a small delay before making it visible to ensure the DOM is updated
+    setTimeout(() => {
+      setIsPanelVisible(true);
+    }, 50);
+  };
+
+  const handlePanelClose = () => {
+    setIsPanelVisible(false);
+    // Delay removing the panel from DOM until animation completes
+    setTimeout(() => {
+      setActivePanel(null);
+    }, 500); // Match this with transition duration
+  };
+
+  // Handle opening and closing the claim popover with animation
+  const handleClaimPopoverOpen = () => {
+    setClaimPopoverOpen(true);
+    setTimeout(() => {
+      setIsClaimPopoverVisible(true);
+    }, 50);
+  };
+
+  const handleClaimPopoverClose = () => {
+    setIsClaimPopoverVisible(false);
+    setTimeout(() => {
+      setClaimPopoverOpen(false);
+    }, 500);
+  };
+
+  // Set up form value change monitoring
+  useEffect(() => {
+    const subscription = form.watch(() => {
+      setShouldBlockNavigation(true);
+      setValueChange(true);
+    });
+
+    return () => subscription.unsubscribe();
+  }, [form]);
+
+  // Fetch claims when component mounts or when a new claim is created
+  useEffect(() => {
+    dispatch(getClaims({}));
+  }, [dispatch, claimCreatedFlag]);
+
+  // Update form when new claim is created
+  useEffect(() => {
+    if (claimCreatedFlag && newClaim) {
+      // Get the current claims from the form
+      const currentClaims = form.getValues("claims") || [];
+
+      // Add the new claim ID if it's not already there
+      if (!currentClaims.includes(newClaim.id)) {
+        const updatedClaims = [...currentClaims, newClaim.id];
+
+        // Set the claims array in the form
+        form.setValue("claims", updatedClaims);
+
+        // Update claim order
+        const newClaimOrder = [...claimOrder, newClaim.id.toString()];
+        setClaimOrder(newClaimOrder);
+
+        // Set value change flag to enable save buttons
+        setValueChange(true);
+      }
+
+      // Reset flags
+      setClaimCreatedFlag(false);
+      setNewClaim(null);
+
+      // Set the claim updated flag to trigger a refresh in the RightPanel
+      setClaimUpdated(true);
+    }
+  }, [claimCreatedFlag, newClaim, form, claimOrder]);
+
+  // Window resize handler for responsive design
+  useEffect(() => {
+    const handleResize = () => {
+      setIsMobileScreen(window.innerWidth <= 768);
+    };
+
+    window.addEventListener("resize", handleResize);
+    handleResize();
+
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+
+  // Unsaved changes warning
+  useEffect(() => {
+    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+      if (shouldBlockNavigation) {
+        e.preventDefault();
+        e.returnValue = "";
+        return "";
+      }
+    };
+
+    window.addEventListener("beforeunload", handleBeforeUnload);
+
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+    };
+  }, [shouldBlockNavigation]);
+
+  // Update claimOrder when form claims value changes
+  useEffect(() => {
+    const claims = form.watch("claims") || [];
+    if (
+      claims.length > 0 &&
+      (!claimOrder.length ||
+        !claims.every((id) => claimOrder.includes(id.toString())))
+    ) {
+      // Only update if there's a difference to avoid infinite loops
+      const newOrder = claims.map((id) => id.toString());
+      setClaimOrder(newOrder);
+    }
+  }, [form.watch("claims")]);
+
+  const getCurrentDate = () => {
+    return dayjs().format("YYYY-MM-DDTHH:mm:ssZ");
+  };
+
+  // Direct submission handlers
+  const directSubmitDraft = (e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    // Prepare the values directly from the form
+    const formValues = form.getValues();
+
+    // Set essential fields
+    formValues.status = "draft";
+    formValues.format_id = format.id;
+
+    // Process claims if present
+    if (claimOrder && claimOrder.length > 0) {
+      const numericClaimIds = claimOrder.map((id) => parseInt(id, 10));
+      formValues.claims = numericClaimIds;
+      formValues.claim_ids = numericClaimIds;
+      formValues.claim_order = numericClaimIds;
+    }
+
+    // Set published_date to null for drafts
+    formValues.published_date = null;
+
+    // Ensure meta_fields is properly formatted
+    if (formValues.meta_fields) {
+      formValues.meta_fields = getJsonValue(formValues.meta_fields);
+    }
+
+    // Set author_ids from authors for API compatibility
+    if (formValues.authors && Array.isArray(formValues.authors)) {
+      formValues.author_ids = formValues.authors;
+    }
+
+    console.log("Direct submitting draft with values:", formValues);
+    onCreate(formValues);
+    setValueChange(false);
+    setShouldBlockNavigation(false);
+
+    // Close panels if needed
+    if (activePanel) {
+      handlePanelClose();
+    }
+    if (claimPopoverOpen) {
+      handleClaimPopoverClose();
+    }
+  };
+
+  const directSubmitPublish = (e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    // Prepare the values directly from the form
+    const formValues = form.getValues();
+
+    // Validate authors for publishing
+    if (
+      !formValues.authors ||
+      !Array.isArray(formValues.authors) ||
+      formValues.authors.length === 0
+    ) {
+      dispatch(
+        addErrorNotification(
+          "At least one author must be assigned before publishing."
+        )
+      );
+      return;
+    }
+
+    // Set essential fields
+    formValues.status = "publish";
+    formValues.format_id = format.id;
+
+    // Process claims if present
+    if (claimOrder && claimOrder.length > 0) {
+      const numericClaimIds = claimOrder.map((id) => parseInt(id, 10));
+      formValues.claims = numericClaimIds;
+      formValues.claim_ids = numericClaimIds;
+      formValues.claim_order = numericClaimIds;
+    }
+
+    // Set published_date for publish
+    formValues.published_date = formValues.published_date
+      ? dayjs(formValues.published_date).format("YYYY-MM-DDTHH:mm:ssZ")
+      : getCurrentDate();
+
+    // Ensure meta_fields is properly formatted
+    if (formValues.meta_fields) {
+      formValues.meta_fields = getJsonValue(formValues.meta_fields);
+    }
+
+    // Set author_ids from authors for API compatibility
+    if (formValues.authors && Array.isArray(formValues.authors)) {
+      formValues.author_ids = formValues.authors;
+    }
+
+    console.log("Direct submitting publish with values:", formValues);
+    onCreate(formValues);
+    setValueChange(false);
+    setShouldBlockNavigation(false);
+
+    // Close panels if needed
+    if (activePanel) {
+      handlePanelClose();
+    }
+    if (claimPopoverOpen) {
+      handleClaimPopoverClose();
+    }
+  };
+
+  const directSubmitReady = (e: React.MouseEvent) => {
+    e.preventDefault();
+    e.stopPropagation();
+
+    // Prepare the values directly from the form
+    const formValues = form.getValues();
+
+    // Set essential fields
+    formValues.status = "ready";
+    formValues.format_id = format.id;
+
+    // Process claims if present
+    if (claimOrder && claimOrder.length > 0) {
+      const numericClaimIds = claimOrder.map((id) => parseInt(id, 10));
+      formValues.claims = numericClaimIds;
+      formValues.claim_ids = numericClaimIds;
+      formValues.claim_order = numericClaimIds;
+    }
+
+    // Set published_date to null for ready status
+    formValues.published_date = null;
+
+    // Ensure meta_fields is properly formatted
+    if (formValues.meta_fields) {
+      formValues.meta_fields = getJsonValue(formValues.meta_fields);
+    }
+
+    // Set author_ids from authors for API compatibility
+    if (formValues.authors && Array.isArray(formValues.authors)) {
+      formValues.author_ids = formValues.authors;
+    }
+
+    onCreate(formValues);
+    setValueChange(false);
+    setShouldBlockNavigation(false);
+
+    // Close panels if needed
+    if (activePanel) {
+      handlePanelClose();
+    }
+    if (claimPopoverOpen) {
+      handleClaimPopoverClose();
+    }
+  };
+
+  const onSave = (values: FactCheckFormValues) => {
+    setShouldBlockNavigation(false);
+
+    // Create a new object to avoid mutating the form values
+    const processedValues = { ...values };
+
+    // Ensure meta_fields is properly formatted
+    if (processedValues.meta_fields) {
+      processedValues.meta_fields = getJsonValue(processedValues.meta_fields);
+    }
+
+    // Set the status explicitly
+    processedValues.status = status;
+
+    // Set format_id
+    processedValues.format_id = format.id;
+
+    // Convert claimOrder to numbers and set both claim_ids and claim_order
+    if (claimOrder && claimOrder.length > 0) {
+      const numericClaimIds = claimOrder.map((id) => parseInt(id, 10));
+
+      // Ensure all related claim fields are properly set
+      processedValues.claims = numericClaimIds;
+      processedValues.claim_ids = numericClaimIds;
+      processedValues.claim_order = numericClaimIds;
+    }
+
+    // IMPORTANT: Explicit author validation check
+    // This must happen before we proceed with publish status
+    if (status === "publish") {
+      if (
+        !processedValues.authors ||
+        !Array.isArray(processedValues.authors) ||
+        processedValues.authors.length === 0
+      ) {
+        dispatch(
+          addErrorNotification(
+            "At least one author must be assigned before publishing."
+          )
+        );
+        return; // Prevent form submission if no authors
+      }
+    }
+
+    // Format publish date - only add date for publish status
+    if (status === "publish") {
+      processedValues.published_date = processedValues.published_date
+        ? dayjs(processedValues.published_date).format("YYYY-MM-DDTHH:mm:ssZ")
+        : getCurrentDate();
+    } else {
+      // For draft and ready status, set published_date to null
+      processedValues.published_date = null;
+    }
+
+    // Set author_ids from authors array to ensure backward compatibility
+    if (processedValues.authors && Array.isArray(processedValues.authors)) {
+      processedValues.author_ids = processedValues.authors;
+    }
+
+    // Call the onCreate function with the processed values
+    onCreate(processedValues);
+    setValueChange(false); // Reset value change after save
+
+    // Close panel if open
+    if (activePanel) {
+      handlePanelClose();
+    }
+
+    // Close claim popover if open
+    if (claimPopoverOpen) {
+      handleClaimPopoverClose();
+    }
+  };
+
+  const onTitleChange = (value: string) => {
+    if (status !== "publish") {
+      form.setValue("slug", maker(value));
+      setValueChange(true);
+    }
+  };
+
+  const copySchema = async (textToCopy: string) => {
+    try {
+      if (navigator.clipboard && window.isSecureContext) {
+        await navigator.clipboard.writeText(textToCopy);
+        return true;
+      } else {
+        const textArea = document.createElement("textarea");
+        textArea.value = textToCopy;
+        textArea.style.position = "fixed";
+        textArea.style.left = "-999999px";
+        textArea.style.top = "-999999px";
+        document.body.appendChild(textArea);
+        textArea.focus();
+        textArea.select();
+
+        const successful = document.execCommand("copy");
+        textArea.remove();
+
+        return successful;
+      }
+    } catch (error) {
+      console.error("Failed to copy text: ", error);
+      return false;
+    }
+  };
+
+  const handleClaimSubmit = (values: any) => {
+    if (claimID && parseInt(claimID, 10) > 0) {
+      // Updating an existing claim
+      dispatch(updateClaim({ ...details[claimID], ...values }))
+        .then(() => {
+          handleClaimPopoverClose();
+          setClaimID("");
+          setValueChange(true); // Ensure Save button is enabled
+
+          // Signal that claims have been updated so we can refresh the selector
+          setClaimUpdated(true);
+
+          // Refresh the claims list to get updated data
+          dispatch(getClaims({}));
+        })
+        .catch((error: any) => {
+          console.error("Error updating claim:", error);
+        });
+    } else {
+      // Creating a new claim
+      dispatch(createClaim(values))
+        .then((claim: any) => {
+          if (claim) {
+            handleClaimPopoverClose();
+            setNewClaim(claim);
+            setClaimID("");
+            setClaimCreatedFlag(true);
+            setValueChange(true);
+
+            // Refresh the claims list immediately after creation
+            dispatch(getClaims({}));
+          }
+        })
+        .catch((error: any) => {
+          console.error("Error creating claim:", error);
+        });
+    }
+  };
+
+  const createTemplate = () => {
+    if (data.id) {
+      dispatch(addTemplate({ post_id: data.id }))
+        .then(() => navigate("/fact-checks"))
+        .catch((error: any) => {
+          console.error("Error creating template:", error);
+        });
+    }
+  };
+
+  const renderRightClaimPanel = () => {
+    if (!claimPopoverOpen) return null;
+
+    return (
+      <div
+        ref={claimPanelRef}
+        className={`fixed inset-y-0 right-0 z-50 w-full max-w-md bg-background border-l shadow-lg transform transition-transform duration-500 overflow-y-auto
+        ${isClaimPopoverVisible ? "translate-x-0" : "translate-x-full"}`}
+      >
+        <div className="p-4 h-full flex flex-col">
+          <div className="flex items-center justify-between mb-4">
+            <h3 className="text-lg font-semibold">
+              {claimID ? "Edit Claim" : "Add New Claim"}
+            </h3>
+            <Button
+              variant="outline"
+              size="icon"
+              onClick={handleClaimPopoverClose}
+            >
+              <X className="h-4 w-4" />
+            </Button>
+          </div>
+          <div className="overflow-y-auto flex-grow">
+            <ClaimCreateForm
+              data={claimID ? details?.[claimID] : undefined}
+              onCreate={handleClaimSubmit}
+              compact={true}
+            />
+          </div>
+        </div>
+      </div>
+    );
+  };
+
+  return (
+    <div className="relative">
+      {/* Schema Modal */}
+      <Dialog open={schemaModalOpen} onOpenChange={setSchemaModalOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>View Schemas</DialogTitle>
+          </DialogHeader>
+          <div className="overflow-auto max-h-96">
+            {data.schemas?.map((schema, index) => (
+              <div
+                key={index}
+                className="my-2 p-2 bg-muted rounded-md font-mono text-sm"
+              >
+                {`<script type="application/ld+json">${JSON.stringify(
+                  schema
+                )}</script>`}
+              </div>
+            ))}
+          </div>
+          <DialogFooter>
+            <Button
+              variant="outline"
+              onClick={() => {
+                if (data.schemas) {
+                  const copyText = data.schemas
+                    .map(
+                      (schema) =>
+                        `<script type="application/ld+json">${JSON.stringify(
+                          schema
+                        )}</script>`
+                    )
+                    .join("\n");
+                  copySchema(copyText);
+                }
+              }}
+            >
+              Copy
+            </Button>
+            <a
+              href="https://search.google.com/test/rich-results"
+              target="_blank"
+              rel="noreferrer noopener"
+              className="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2"
+            >
+              Test in Google Rich Results
+            </a>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+
+      {/* Right side claim panel */}
+      {renderRightClaimPanel()}
+
+      {/* Right side panel with animation */}
+      {activePanel && (
+        <div ref={panelRef}>
+          <RightPanel
+            activePanel={activePanel}
+            closePanel={handlePanelClose}
+            form={form}
+            data={data}
+            onSave={onSave}
+            setActivePanel={setActivePanel}
+            isVisible={isPanelVisible}
+            setClaimPopoverOpen={handleClaimPopoverOpen}
+            setSchemaModalOpen={setSchemaModalOpen}
+            claimUpdated={claimUpdated}
+            setClaimUpdated={setClaimUpdated}
+          />
+        </div>
+      )}
+
+      {/* Main Form with blur effect when panel is open */}
+      <div
+        className={`transition-all duration-300 ${
+          isPanelOpen ? "filter blur-sm pointer-events-none" : ""
+        }`}
+      >
+        <Form {...form}>
+          <form
+            onSubmit={(e) => {
+              e.preventDefault(); // Prevent default form submission
+            }}
+            onChange={() => setValueChange(true)}
+            className="edit-form space-y-6"
+          >
+            {/* Header with Actions */}
+            <div className="flex justify-between pb-4 border-b">
+              {/* Back Button */}
+              <Button
+                type="button"
+                variant="outline"
+                className="flex items-center gap-2"
+                onClick={handleBackNavigation}
+              >
+                <ArrowLeft className="h-4 w-4" />
+                Back
+              </Button>
+
+              <div className="flex space-x-2">
+                {data.id && (
+                  <Button
+                    type="button"
+                    variant="outline"
+                    onClick={createTemplate}
+                  >
+                    Create Template
+                  </Button>
+                )}
+                <Button
+                  type="button"
+                  variant="outline"
+                  size="icon"
+                  onClick={(e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    handlePanelOpen("main");
+                  }}
+                >
+                  <PanelRightDashed className="h-4 w-4" />
+                </Button>
+                {/* Save as Draft button */}
+                <Button
+                  type="button"
+                  variant="outline"
+                  disabled={!valueChange}
+                  onClick={directSubmitDraft}
+                >
+                  Save as Draft
+                </Button>
+                {/* Publish dropdown button */}
+                <DropdownMenu>
+                  <DropdownMenuTrigger asChild>
+                    <Button disabled={!valueChange}>
+                      <span>
+                        {data?.id && status === "publish"
+                          ? "Update Fact-Check"
+                          : "Publish Fact-Check"}
+                      </span>
+                      <ChevronDown className="h-4 w-4 ml-2" />
+                    </Button>
+                  </DropdownMenuTrigger>
+                  <DropdownMenuContent align="end">
+                    <DropdownMenuItem
+                      disabled={!valueChange}
+                      onClick={directSubmitPublish}
+                    >
+                      Publish
+                    </DropdownMenuItem>
+                    <DropdownMenuItem
+                      disabled={!valueChange}
+                      onClick={directSubmitReady}
+                    >
+                      Ready to Publish
+                    </DropdownMenuItem>
+                  </DropdownMenuContent>
+                </DropdownMenu>
+              </div>
+            </div>
+
+            {/* Main Content Area */}
+            <div className="max-w-4xl mx-auto">
+              {/* Status Badge */}
+              <div className="flex justify-start pb-4">
+                {renderStatusBadge(status)}
+              </div>
+              {/* Title */}
+              <FormField
+                control={form.control}
+                name="title"
+                render={({ field }) => (
+                  <FormItem>
+                    <Textarea
+                      {...field}
+                      className="border text-4xl font-bold text-start resize-none"
+                      placeholder="Add title for the fact-check"
+                      onChange={(e) => {
+                        field.onChange(e);
+                        onTitleChange(e.target.value);
+                      }}
+                      rows={2}
+                    />
+                  </FormItem>
+                )}
+              />
+
+              {/* Last Updated */}
+              {data?.updated_at && (
+                <p className="text-lg text-muted-foreground text-center">
+                  Last updated on:{" "}
+                  {getDatefromStringWithoutDay(data.updated_at)}
+                </p>
+              )}
+
+              {/* Claims List */}
+              {form.watch("claims")?.length > 0 && !loading && (
+                <div className="my-4">
+                  <ClaimList
+                    ids={
+                      form.getValues("claims")?.map((id) => id.toString()) || []
+                    }
+                    setClaimID={(id: string) => {
+                      setClaimID(id);
+                    }}
+                    showModal={handleClaimPopoverOpen}
+                    details={details}
+                    claimOrder={claimOrder}
+                    setClaimOrder={(order: string[]) => {
+                      setClaimOrder(order);
+                      // Update the form claims field when claim order changes
+                      const numericClaimIds = order.map((id) =>
+                        parseInt(id, 10)
+                      );
+                      form.setValue("claims", numericClaimIds);
+                      setValueChange(true);
+                    }}
+                  />
+                </div>
+              )}
+
+              {/* Description Editor */}
+              <div className="mt-6">
+                <DescriptionInput
+                  initialValue={data.description_html}
+                  noLabel
+                  formItemProps={{ className: "post-description" }}
+                  onChange={handleDescriptionChange}
+                />
+              </div>
+            </div>
+          </form>
+        </Form>
+      </div>
+    </div>
+  );
+};
+
+export default FactCheckForm;
diff --git a/studio/src/pages/fact-checks/components/RightPanel.tsx b/studio/src/pages/fact-checks/components/RightPanel.tsx
new file mode 100644
index 000000000..219e8a8c2
--- /dev/null
+++ b/studio/src/pages/fact-checks/components/RightPanel.tsx
@@ -0,0 +1,582 @@
+import React, { useEffect } from "react";
+import { UseFormReturn } from "react-hook-form";
+import {
+  ChevronLeft,
+  Files,
+  FolderClosed,
+  MoreHorizontal,
+  Tags,
+  X,
+  FileEdit,
+  Code,
+  MessageSquareCode,
+  SettingsIcon,
+  FilePlus2,
+  PlusCircle,
+} from "lucide-react";
+
+// Shadcn Components
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormDescription,
+} from "@/components/ui/form";
+import { DatePicker } from "@/components/ui/DatePicker";
+
+// Custom Components
+import { SlugInput } from "@/components/FormItems";
+import MediaSelector from "@/components/MediaSelector";
+import MonacoEditor from "@/components/MonacoEditor";
+import Selector from "@/components/Selector";
+import { formatDate } from "@/utils/date";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { getClaims } from "../../../actions/claims";
+
+interface RightPanelProps {
+  activePanel: string;
+  closePanel: () => void;
+  form: UseFormReturn<any>;
+  data: any;
+  onSave: (values: any) => void;
+  setActivePanel: (panel: string) => void;
+  isVisible: boolean;
+  setClaimPopoverOpen: (open: boolean) => void;
+  setSchemaModalOpen: (open: boolean) => void;
+  claimUpdated?: boolean;
+  setClaimUpdated?: (updated: boolean) => void;
+}
+
+const RightPanel: React.FC<RightPanelProps> = ({
+  activePanel,
+  closePanel,
+  form,
+  data,
+  onSave,
+  setActivePanel,
+  isVisible,
+  setClaimPopoverOpen,
+  setSchemaModalOpen,
+  claimUpdated,
+  setClaimUpdated,
+}) => {
+  const dispatch = useAppDispatch();
+
+  // Fetch claims when the panel becomes visible or when claims are updated
+  useEffect(() => {
+    if (isVisible || claimUpdated) {
+      // Fetch the latest claims
+      dispatch(getClaims({}));
+
+      // Reset the claim updated flag
+      if (claimUpdated && setClaimUpdated) {
+        setClaimUpdated(false);
+      }
+    }
+  }, [isVisible, claimUpdated, dispatch, setClaimUpdated]);
+
+  return (
+    <div
+      className={`fixed inset-y-0 right-0 z-40 w-full max-w-md bg-background border-l shadow-lg overflow-y-auto
+      transform transition-transform duration-500 ease-in-out ${
+        isVisible ? "translate-x-0" : "translate-x-full"
+      }`}
+    >
+      <div className="p-4 h-full flex flex-col">
+        {activePanel === "main" && (
+          <>
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-lg font-semibold">Fact-Check Settings</h3>
+              <Button variant="outline" size="icon" onClick={closePanel}>
+                <X className="h-4 w-4" />
+              </Button>
+            </div>
+            <div className="overflow-y-auto flex-grow">
+              <Form {...form}>
+                <form
+                  onSubmit={form.handleSubmit(onSave)}
+                  className="space-y-4"
+                >
+                  <Accordion
+                    type="single"
+                    collapsible
+                    defaultValue="details"
+                    className="w-full space-y-3"
+                  >
+                    {/* Details Section */}
+                    <AccordionItem value="details" className="border-b">
+                      <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+                        <div className="flex items-center">
+                          <FileEdit className="h-4 w-4 mr-2" />
+                          Details
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="pt-4">
+                        <div className="space-y-4">
+                          {/* Creation and update info (moved status info to top of title) */}
+                          <div className="space-y-1">
+                            {data?.created_at && (
+                              <p className="text-sm text-muted-foreground">
+                                <span className="font-medium text-foreground">
+                                  Created Date:{" "}
+                                </span>
+                                {formatDate(data.created_at)}
+                              </p>
+                            )}
+                            {data?.updated_at && (
+                              <p className="text-sm text-muted-foreground">
+                                <span className="font-medium text-foreground">
+                                  Last updated:{" "}
+                                </span>
+                                {formatDate(data.updated_at)}
+                              </p>
+                            )}
+                          </div>
+
+                          {/* Published Date */}
+                          <FormField
+                            control={form.control}
+                            name="published_date"
+                            render={({ field }) => (
+                              <FormItem>
+                                <FormLabel>Publication Date</FormLabel>
+                                <DatePicker
+                                  date={
+                                    field.value
+                                      ? new Date(field.value)
+                                      : undefined
+                                  }
+                                  onSelect={field.onChange}
+                                />
+                              </FormItem>
+                            )}
+                          />
+
+                          {/* Authors */}
+                          <FormField
+                            control={form.control}
+                            name="authors"
+                            render={({ field }) => (
+                              <FormItem>
+                                <FormLabel>Authors</FormLabel>
+                                <Selector
+                                  mode="multiple"
+                                  display="display_name"
+                                  action="Authors"
+                                  value={field.value || []}
+                                  onChange={field.onChange}
+                                />
+                              </FormItem>
+                            )}
+                          />
+
+                          {/* Featured Image */}
+                          <FormField
+                            control={form.control}
+                            name="featured_medium_id"
+                            render={({ field }) => (
+                              <FormItem>
+                                <FormLabel>Featured Image</FormLabel>
+                                <MediaSelector
+                                  value={field.value}
+                                  onChange={field.onChange}
+                                />
+                              </FormItem>
+                            )}
+                          />
+
+                          {/* Claims */}
+                          <FormField
+                            control={form.control}
+                            name="claims"
+                            render={({ field }) => (
+                              <FormItem>
+                                <FormLabel>Claims</FormLabel>
+                                <Selector
+                                  mode="multiple"
+                                  display="claim"
+                                  action="Claims"
+                                  value={field.value || []}
+                                  onChange={field.onChange}
+                                  setLoading={true}
+                                />
+                              </FormItem>
+                            )}
+                          />
+
+                          {/* Add Claim Button */}
+                          <Button
+                            type="button"
+                            onClick={() => setClaimPopoverOpen(true)}
+                            className="flex items-center gap-2"
+                          >
+                            <PlusCircle className="h-4 w-4" />
+                            Add Claim
+                          </Button>
+                        </div>
+                      </AccordionContent>
+                    </AccordionItem>
+
+                    {/* Other Details Section */}
+                    <AccordionItem value="other-details" className="border-b">
+                      <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+                        <div className="flex items-center">
+                          <Files className="h-4 w-4 mr-2" />
+                          Other Details
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="pt-4">
+                        <div className="space-y-4">
+                          {/* Excerpt */}
+                          <FormField
+                            control={form.control}
+                            name="excerpt"
+                            render={({ field }) => (
+                              <FormItem>
+                                <FormLabel className="text-base">
+                                  Excerpt
+                                </FormLabel>
+                                <Textarea
+                                  {...field}
+                                  placeholder="Excerpt"
+                                  className="resize-none"
+                                  rows={4}
+                                />
+                              </FormItem>
+                            )}
+                          />
+
+                          {/* Subtitle */}
+                          <FormField
+                            control={form.control}
+                            name="subtitle"
+                            render={({ field }) => (
+                              <FormItem>
+                                <FormLabel className="text-base">
+                                  Subtitle
+                                </FormLabel>
+                                <Input {...field} placeholder="Subtitle" />
+                              </FormItem>
+                            )}
+                          />
+                        </div>
+                      </AccordionContent>
+                    </AccordionItem>
+
+                    {/* Categories Section */}
+                    <AccordionItem value="categories" className="border-b">
+                      <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+                        <div className="flex items-center">
+                          <FolderClosed className="h-4 w-4 mr-2" />
+                          Categories
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="pt-4">
+                        <FormField
+                          control={form.control}
+                          name="categories"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>Categories</FormLabel>
+                              <Selector
+                                mode="multiple"
+                                action="Categories"
+                                value={field.value || []}
+                                onChange={field.onChange}
+                              />
+                            </FormItem>
+                          )}
+                        />
+                      </AccordionContent>
+                    </AccordionItem>
+
+                    {/* Tags Section */}
+                    <AccordionItem value="tags" className="border-b">
+                      <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+                        <div className="flex items-center">
+                          <Tags className="h-4 w-4 mr-2" />
+                          Tags
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="pt-4">
+                        <FormField
+                          control={form.control}
+                          name="tags"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>Tags</FormLabel>
+                              <Selector
+                                mode="multiple"
+                                action="Tags"
+                                createEntity="Tag"
+                                value={field.value || []}
+                                onChange={field.onChange}
+                              />
+                            </FormItem>
+                          )}
+                        />
+                      </AccordionContent>
+                    </AccordionItem>
+
+                    {/* Others Section */}
+                    <AccordionItem value="others" className="border-b">
+                      <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+                        <div className="flex items-center">
+                          <MoreHorizontal className="h-4 w-4 mr-2" />
+                          Others
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent className="pt-4">
+                        <div className="space-y-4">
+                          <Button
+                            type="button"
+                            variant="outline"
+                            size="lg"
+                            className="w-full justify-start"
+                            onClick={() => setActivePanel("meta")}
+                          >
+                            <SettingsIcon className="h-4 w-4 mr-2" />
+                            SEO Settings
+                          </Button>
+                          <Button
+                            type="button"
+                            variant="outline"
+                            size="lg"
+                            className="w-full justify-start"
+                            onClick={() => setActivePanel("meta")}
+                          >
+                            <FilePlus2 className="h-4 w-4 mr-2" />
+                            Add Meta Data
+                          </Button>
+                          <Button
+                            type="button"
+                            variant="outline"
+                            size="lg"
+                            className="w-full justify-start"
+                            onClick={() => setActivePanel("code")}
+                          >
+                            <Code className="h-4 w-4 mr-2" />
+                            Code Injection
+                          </Button>
+                          <Button
+                            type="button"
+                            variant="outline"
+                            size="lg"
+                            className="w-full justify-start"
+                            onClick={() => {
+                              closePanel();
+                              setSchemaModalOpen(true);
+                            }}
+                          >
+                            <MessageSquareCode className="h-4 w-4 mr-2" />
+                            View Schemas
+                          </Button>
+                          <Button
+                            type="button"
+                            variant="outline"
+                            size="lg"
+                            className="w-full justify-start"
+                            onClick={() => setActivePanel("meta-fields")}
+                          >
+                            <FilePlus2 className="h-4 w-4 mr-2" />
+                            Add Meta Fields
+                          </Button>
+                        </div>
+                      </AccordionContent>
+                    </AccordionItem>
+                  </Accordion>
+                </form>
+              </Form>
+            </div>
+          </>
+        )}
+
+        {activePanel === "meta" && (
+          <>
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-lg font-semibold">Post Meta Data</h3>
+              <Button variant="outline" size="icon" onClick={closePanel}>
+                <X className="h-4 w-4" />
+              </Button>
+            </div>
+            <div className="overflow-y-auto flex-grow">
+              <Form {...form}>
+                <form
+                  onSubmit={form.handleSubmit(onSave)}
+                  className="space-y-4"
+                >
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    className="p-0 mb-4"
+                    onClick={() => setActivePanel("main")}
+                  >
+                    <ChevronLeft className="h-4 w-4 mr-1" />
+                    Back
+                  </Button>
+
+                  <SlugInput form={form} />
+
+                  <FormField
+                    control={form.control}
+                    name="meta.title"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel className="text-base">Meta Title</FormLabel>
+                        <Input {...field} />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name="meta.description"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel className="text-base">
+                          Meta Description
+                        </FormLabel>
+                        <Textarea {...field} className="resize-none" rows={4} />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name="meta.canonical_URL"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel className="text-base">
+                          Canonical URL
+                        </FormLabel>
+                        <Input {...field} />
+                      </FormItem>
+                    )}
+                  />
+                </form>
+              </Form>
+            </div>
+          </>
+        )}
+
+        {activePanel === "code" && (
+          <>
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-lg font-semibold">Code Injection</h3>
+              <Button variant="outline" size="icon" onClick={closePanel}>
+                <X className="h-4 w-4" />
+              </Button>
+            </div>
+            <div className="overflow-y-auto flex-grow">
+              <Form {...form}>
+                <form
+                  onSubmit={form.handleSubmit(onSave)}
+                  className="space-y-4"
+                >
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    className="p-0 mb-4"
+                    onClick={() => setActivePanel("main")}
+                  >
+                    <ChevronLeft className="h-4 w-4 mr-1" />
+                    Back
+                  </Button>
+
+                  <FormField
+                    control={form.control}
+                    name="header_code"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Header Code</FormLabel>
+                        <MonacoEditor
+                          language="html"
+                          value={field.value || ""}
+                          onChange={field.onChange}
+                        />
+                      </FormItem>
+                    )}
+                  />
+
+                  <FormField
+                    control={form.control}
+                    name="footer_code"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Footer Code</FormLabel>
+                        <MonacoEditor
+                          language="html"
+                          value={field.value || ""}
+                          onChange={field.onChange}
+                        />
+                      </FormItem>
+                    )}
+                  />
+                </form>
+              </Form>
+            </div>
+          </>
+        )}
+
+        {activePanel === "meta-fields" && (
+          <>
+            <div className="flex items-center justify-between mb-4">
+              <h3 className="text-lg font-semibold">Meta Fields</h3>
+              <Button variant="outline" size="icon" onClick={closePanel}>
+                <X className="h-4 w-4" />
+              </Button>
+            </div>
+            <div className="overflow-y-auto flex-grow">
+              <Form {...form}>
+                <form
+                  onSubmit={form.handleSubmit(onSave)}
+                  className="space-y-4"
+                >
+                  <Button
+                    type="button"
+                    variant="ghost"
+                    className="p-0 mb-4"
+                    onClick={() => setActivePanel("main")}
+                  >
+                    <ChevronLeft className="h-4 w-4 mr-1" />
+                    Back
+                  </Button>
+
+                  <FormField
+                    control={form.control}
+                    name="meta_fields"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Meta Fields</FormLabel>
+                        <FormDescription>
+                          Add JSON if you have to pass any extra data
+                        </FormDescription>
+                        <MonacoEditor
+                          language="json"
+                          value={field.value || ""}
+                          onChange={field.onChange}
+                        />
+                      </FormItem>
+                    )}
+                  />
+                </form>
+              </Form>
+            </div>
+          </>
+        )}
+      </div>
+    </div>
+  );
+};
+
+export default RightPanel;
diff --git a/studio/src/pages/fact-checks/components/__snapshots__/ClaimList.test.js.snap b/studio/src/pages/fact-checks/components/__snapshots__/ClaimList.test.js.snap
deleted file mode 100644
index 8b9e58526..000000000
--- a/studio/src/pages/fact-checks/components/__snapshots__/ClaimList.test.js.snap
+++ /dev/null
@@ -1,150 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Factcheck claim list component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <ClaimList
-      claimOrder={
-        Array [
-          2,
-          1,
-        ]
-      }
-      details={
-        Object {
-          "1": Object {
-            "checked_date": "2020-09-10T10:12:44Z",
-            "claim": "No, these three IPS officers are not siblings, they are batch mates",
-            "claim_date": "2020-09-02T10:12:41Z",
-            "claim_sources": "",
-            "claimant": "Facebook",
-            "claimant_id": 1,
-            "created_at": "2020-09-10T10:12:47.819677Z",
-            "deleted_at": null,
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1599732752528,
-              "version": "2.18.0",
-            },
-            "fact": "",
-            "id": 1,
-            "rating": "False",
-            "rating_id": 1,
-            "review_sources": "",
-            "review_tag_line": "",
-            "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-            "space_id": 1,
-            "updated_at": "2020-09-10T10:12:47.819677Z",
-          },
-          "2": Object {
-            "checked_date": "2020-09-10T10:12:44Z",
-            "claim": "No, these three IPS officers are not siblings, they are batch mates",
-            "claim_sources": "",
-            "claimant": "Facebook",
-            "claimant_id": 1,
-            "created_at": "2020-09-10T10:12:47.819677Z",
-            "deleted_at": null,
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1599732752528,
-              "version": "2.18.0",
-            },
-            "fact": "",
-            "id": 2,
-            "rating": "False",
-            "rating_id": 1,
-            "review_sources": "",
-            "review_tag_line": "",
-            "slug": "no-these-three-ips-officers-are-not-siblings-they-are-batch-mates",
-            "space_id": 1,
-            "updated_at": "2020-09-10T10:12:47.819677Z",
-          },
-          "3": Object {
-            "checked_date": "2020-09-10T10:12:44Z",
-            "claim": "No, these three IPS ",
-            "claim_sources": "",
-            "claimant": "Facebook",
-            "claimant_id": 1,
-            "created_at": "2020-09-10T10:12:47.819677Z",
-            "deleted_at": null,
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "text": "Fact: The three people in the image are identified as Pooja Vashisth, Tushar Gupta and Shruta Kirti Somavanshi. All these three are IPS officers. They are batchmates but not siblings which was confirmed by Tushar when we reached out to him. Also, Somavanshi reiterated the same through an Instagram account called ‘upscmeme’ of which he is the admin. Hence the claim made in the post is FALSE.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1599732752528,
-              "version": "2.18.0",
-            },
-            "fact": "",
-            "id": 3,
-            "rating": "False",
-            "rating_id": 1,
-            "review_sources": "",
-            "review_tag_line": "",
-            "slug": "no-these-three-ips",
-            "space_id": 1,
-            "updated_at": "2020-09-10T10:12:47.819677Z",
-          },
-        }
-      }
-      ids={
-        Array [
-          1,
-          2,
-        ]
-      }
-      setClaimID={[MockFunction]}
-      setClaimOrder={[MockFunction]}
-      showModal={[MockFunction]}
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
diff --git a/studio/src/pages/fact-checks/components/__snapshots__/FactCheckForm.test.js.snap b/studio/src/pages/fact-checks/components/__snapshots__/FactCheckForm.test.js.snap
deleted file mode 100644
index a21b1af30..000000000
--- a/studio/src/pages/fact-checks/components/__snapshots__/FactCheckForm.test.js.snap
+++ /dev/null
@@ -1,45789 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Fact-check form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FactCheckForm
-        actions={
-          Array [
-            "publish",
-          ]
-        }
-        data={
-          Object {
-            "authors": Array [
-              1,
-            ],
-            "categories": Array [
-              1,
-            ],
-            "claim_order": Array [
-              1,
-            ],
-            "claims": Array [
-              1,
-            ],
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "level": 2,
-                    "text": "Editor.js",
-                  },
-                  "type": "header",
-                },
-                Object {
-                  "data": Object {
-                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1595747741807,
-              "version": "2.18.0",
-            },
-            "excerpt": "excerpt of factcheck",
-            "featured_medium_id": 1,
-            "format": 2,
-            "id": 1,
-            "published_date": null,
-            "slug": "factcheck-1",
-            "status": "draft",
-            "tags": Array [
-              1,
-            ],
-            "title": "FactCheck-1",
-          }
-        }
-        format={
-          Object {
-            "id": 2,
-            "name": "Fact Check",
-            "slug": "fact-check",
-          }
-        }
-        onCreate={[MockFunction]}
-      >
-        <Prompt
-          message="You have unsaved changes, are you sure you want to leave?"
-          when={false}
-        />
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "authors": Array [
-                1,
-              ],
-              "categories": Array [
-                1,
-              ],
-              "claim_order": Array [
-                1,
-              ],
-              "claims": Array [
-                1,
-              ],
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "level": 2,
-                      "text": "Editor.js",
-                    },
-                    "type": "header",
-                  },
-                  Object {
-                    "data": Object {
-                      "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1595747741807,
-                "version": "2.18.0",
-              },
-              "excerpt": "excerpt of factcheck",
-              "featured_medium_id": 1,
-              "format": 2,
-              "id": 1,
-              "published_date": null,
-              "slug": "factcheck-1",
-              "status": "draft",
-              "tags": Array [
-                1,
-              ],
-              "title": "FactCheck-1",
-            }
-          }
-          layout="vertical"
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-vertical"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "authors": Array [
-                    1,
-                  ],
-                  "categories": Array [
-                    1,
-                  ],
-                  "claim_order": Array [
-                    1,
-                  ],
-                  "claims": Array [
-                    1,
-                  ],
-                  "description": Object {
-                    "blocks": Array [
-                      Object {
-                        "data": Object {
-                          "level": 2,
-                          "text": "Editor.js",
-                        },
-                        "type": "header",
-                      },
-                      Object {
-                        "data": Object {
-                          "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                        },
-                        "type": "paragraph",
-                      },
-                    ],
-                    "time": 1595747741807,
-                    "version": "2.18.0",
-                  },
-                  "excerpt": "excerpt of factcheck",
-                  "featured_medium_id": 1,
-                  "format": 2,
-                  "id": 1,
-                  "published_date": null,
-                  "slug": "factcheck-1",
-                  "status": "draft",
-                  "tags": Array [
-                    1,
-                  ],
-                  "title": "FactCheck-1",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-vertical"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Space
-                  direction="vertical"
-                >
-                  <div
-                    className="ant-space ant-space-vertical"
-                    style={Object {}}
-                  >
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={0}
-                      key="ant-space-item-0"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={
-                          Object {
-                            "marginBottom": 8,
-                          }
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "float": "right",
-                            }
-                          }
-                        >
-                          <Space
-                            direction="horizontal"
-                          >
-                            <div
-                              className="ant-space ant-space-horizontal ant-space-align-center"
-                              style={Object {}}
-                            >
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={0}
-                                key="ant-space-item-0"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="template"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "template",
-                                        }
-                                      }
-                                      name="template"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_template"
-                                        messageVariables={
-                                          Object {
-                                            "label": "template",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "template",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="template"
-                                              name="template"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "template",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="template"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="template"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Create Template
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={1}
-                                key="ant-space-item-1"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="draft"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "draft",
-                                        }
-                                      }
-                                      name="draft"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_draft"
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "draft",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="draft"
-                                              name="draft"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "draft",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Dropdown
-                                                          id="draft"
-                                                          mouseEnterDelay={0.15}
-                                                          mouseLeaveDelay={0.1}
-                                                          onChange={[Function]}
-                                                          overlay={
-                                                            <Menu>
-                                                              <MenuItem>
-                                                                Ready to Publish 
-                                                                <ForwardRef
-                                                                  checked={false}
-                                                                  onChange={[Function]}
-                                                                />
-                                                              </MenuItem>
-                                                            </Menu>
-                                                          }
-                                                        >
-                                                          <ForwardRef(Dropdown)
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={[Function]}
-                                                            overlayClassName=""
-                                                            placement="bottomLeft"
-                                                            prefixCls="ant-dropdown"
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <Trigger
-                                                              action={
-                                                                Array [
-                                                                  "hover",
-                                                                ]
-                                                              }
-                                                              afterPopupVisibleChange={[Function]}
-                                                              autoDestroy={false}
-                                                              blurDelay={0.15}
-                                                              builtinPlacements={
-                                                                Object {
-                                                                  "bottomCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tc",
-                                                                      "bc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tl",
-                                                                      "bl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tr",
-                                                                      "br",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bc",
-                                                                      "tc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bl",
-                                                                      "tl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "br",
-                                                                      "tr",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                }
-                                                              }
-                                                              defaultPopupVisible={false}
-                                                              destroyPopupOnHide={false}
-                                                              focusDelay={0}
-                                                              getDocument={[Function]}
-                                                              getPopupClassNameFromAlign={[Function]}
-                                                              hideAction={Array []}
-                                                              id="draft"
-                                                              mask={false}
-                                                              maskClosable={true}
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              onPopupAlign={[Function]}
-                                                              onPopupVisibleChange={[Function]}
-                                                              overlay={[Function]}
-                                                              popup={[Function]}
-                                                              popupAlign={Object {}}
-                                                              popupClassName=""
-                                                              popupPlacement="bottomLeft"
-                                                              popupStyle={Object {}}
-                                                              popupTransitionName="ant-slide-up"
-                                                              prefixCls="ant-dropdown"
-                                                              showAction={Array []}
-                                                              stretch="minWidth"
-                                                            >
-                                                              <Button
-                                                                className="ant-dropdown-trigger"
-                                                                htmlType="submit"
-                                                                key="trigger"
-                                                                onClick={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                type="secondary"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                    onClick={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onMouseLeave={[Function]}
-                                                                    type="submit"
-                                                                  >
-                                                                    <LoadingIcon
-                                                                      existIcon={false}
-                                                                      loading={false}
-                                                                      prefixCls="ant-btn"
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionName="ant-btn-loading-icon-motion"
-                                                                        onAppearActive={[Function]}
-                                                                        onAppearStart={[Function]}
-                                                                        onEnterActive={[Function]}
-                                                                        onEnterStart={[Function]}
-                                                                        onLeaveActive={[Function]}
-                                                                        onLeaveStart={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </LoadingIcon>
-                                                                    <span
-                                                                      key=".0"
-                                                                    >
-                                                                      Save
-                                                                    </span>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </Trigger>
-                                                          </ForwardRef(Dropdown)>
-                                                        </Dropdown>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={2}
-                                key="ant-space-item-2"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="submit"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "submit",
-                                        }
-                                      }
-                                      name="submit"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_submit"
-                                        messageVariables={
-                                          Object {
-                                            "label": "submit",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "submit",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="submit"
-                                              name="submit"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "submit",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          htmlType="submit"
-                                                          id="submit"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="submit"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="submit"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Publish
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={3}
-                                key="ant-space-item-3"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={Object {}}
-                                >
-                                  <FormItem
-                                    name="drawerOpen"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "drawerOpen",
-                                        }
-                                      }
-                                      name="drawerOpen"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_drawerOpen"
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "drawerOpen",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="drawerOpen"
-                                              name="drawerOpen"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "drawerOpen",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="drawerOpen"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="drawerOpen"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <ForwardRef(SettingFilled)
-                                                                key=".0"
-                                                              >
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "setting",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="setting"
-                                                                    className="anticon anticon-setting"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "setting",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="setting"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-setting"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                          key="svg-setting-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(SettingFilled)>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                            </div>
-                          </Space>
-                        </div>
-                      </div>
-                    </Item>
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={1}
-                      key="ant-space-item-1"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={Object {}}
-                      >
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              xl={
-                                Object {
-                                  "offset": 3,
-                                  "span": 18,
-                                }
-                              }
-                              xs={
-                                Object {
-                                  "span": 24,
-                                }
-                              }
-                              xxl={
-                                Object {
-                                  "offset": 6,
-                                  "span": 12,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="title"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the title!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Title must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "title",
-                                      }
-                                    }
-                                    name="title"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": undefined,
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_title"
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "title",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="title"
-                                            name="title"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "title",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                      value="FactCheck-1"
-                                                    >
-                                                      <ForwardRef
-                                                        autoSize={
-                                                          Object {
-                                                            "maxRows": 6,
-                                                            "minRows": 2,
-                                                          }
-                                                        }
-                                                        bordered={false}
-                                                        id="title"
-                                                        onChange={[Function]}
-                                                        placeholder="Add title for the fact-check"
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "2.5rem",
-                                                            "fontWeight": "bold",
-                                                            "textAlign": "center",
-                                                          }
-                                                        }
-                                                        value="FactCheck-1"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          element={
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="FactCheck-1"
-                                                            />
-                                                          }
-                                                          handleReset={[Function]}
-                                                          id="title"
-                                                          inputType="text"
-                                                          placeholder="Add title for the fact-check"
-                                                          prefixCls="ant-input"
-                                                          value="FactCheck-1"
-                                                        >
-                                                          <TextArea
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            className="ant-input-borderless"
-                                                            id="title"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            placeholder="Add title for the fact-check"
-                                                            prefixCls="ant-input"
-                                                            style={
-                                                              Object {
-                                                                "fontSize": "2.5rem",
-                                                                "fontWeight": "bold",
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                            value="FactCheck-1"
-                                                          >
-                                                            <ResizableTextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="FactCheck-1"
-                                                            >
-                                                              <ResizeObserver
-                                                                disabled={false}
-                                                                onResize={[Function]}
-                                                              >
-                                                                <textarea
-                                                                  className="ant-input ant-input-borderless"
-                                                                  id="title"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  placeholder="Add title for the fact-check"
-                                                                  style={
-                                                                    Object {
-                                                                      "fontSize": "2.5rem",
-                                                                      "fontWeight": "bold",
-                                                                      "textAlign": "center",
-                                                                    }
-                                                                  }
-                                                                  value="FactCheck-1"
-                                                                />
-                                                              </ResizeObserver>
-                                                            </ResizableTextArea>
-                                                          </TextArea>
-                                                        </ClearableLabeledInput>
-                                                      </ForwardRef>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <DescriptionInput
-                                  formItemProps={
-                                    Object {
-                                      "className": "post-description",
-                                    }
-                                  }
-                                  noLabel={true}
-                                >
-                                  <FormItem
-                                    className="post-description"
-                                    name="description"
-                                  >
-                                    <WrapperField
-                                      className="post-description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "description",
-                                        }
-                                      }
-                                      name="description"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        className="post-description"
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item post-description"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item post-description"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              className="post-description"
-                                              htmlFor="description"
-                                              name="description"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              className="post-description"
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "description",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                        value={
-                                                          Object {
-                                                            "blocks": Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "level": 2,
-                                                                  "text": "Editor.js",
-                                                                },
-                                                                "type": "header",
-                                                              },
-                                                              Object {
-                                                                "data": Object {
-                                                                  "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                },
-                                                                "type": "paragraph",
-                                                              },
-                                                            ],
-                                                            "time": 1595747741807,
-                                                            "version": "2.18.0",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Editor
-                                                          id="description"
-                                                          onChange={[Function]}
-                                                          value={
-                                                            Object {
-                                                              "blocks": Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "level": 2,
-                                                                    "text": "Editor.js",
-                                                                  },
-                                                                  "type": "header",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                  },
-                                                                  "type": "paragraph",
-                                                                },
-                                                              ],
-                                                              "time": 1595747741807,
-                                                              "version": "2.18.0",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            style={null}
-                                                          />
-                                                        </Editor>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </DescriptionInput>
-                                <DrawerWrapper
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Settings
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={366}
-                                >
-                                  <Drawer
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={366}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={366}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "366px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Settings
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                  >
-                                                    <FormItem
-                                                      label="Featured Image"
-                                                      name="featured_medium_id"
-                                                    >
-                                                      <WrapperField
-                                                        label="Featured Image"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Featured Image",
-                                                          }
-                                                        }
-                                                        name="featured_medium_id"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_featured_medium_id"
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "featured_medium_id",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="featured_medium_id"
-                                                                label="Featured Image"
-                                                                name="featured_medium_id"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="featured_medium_id"
-                                                                      title="Featured Image"
-                                                                    >
-                                                                      Featured Image
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Featured Image"
-                                                                name={
-                                                                  Array [
-                                                                    "featured_medium_id",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={1}
-                                                                        >
-                                                                          <MediaSelector
-                                                                            id="featured_medium_id"
-                                                                            onChange={[Function]}
-                                                                            value={1}
-                                                                          >
-                                                                            <Modal
-                                                                              closable={false}
-                                                                              confirmLoading={false}
-                                                                              footer={
-                                                                                Array [
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                  >
-                                                                                    Cancel
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                    type="primary"
-                                                                                  >
-                                                                                    Ok
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                ]
-                                                                              }
-                                                                              okType="primary"
-                                                                              onCancel={[Function]}
-                                                                              visible={false}
-                                                                              width="800px"
-                                                                            >
-                                                                              <Dialog
-                                                                                closable={false}
-                                                                                closeIcon={
-                                                                                  <span
-                                                                                    className="ant-modal-close-x"
-                                                                                  >
-                                                                                    <ForwardRef(CloseOutlined)
-                                                                                      className="ant-modal-close-icon"
-                                                                                    />
-                                                                                  </span>
-                                                                                }
-                                                                                confirmLoading={false}
-                                                                                focusTriggerAfterClose={true}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                maskTransitionName="ant-fade"
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                onClose={[Function]}
-                                                                                prefixCls="ant-modal"
-                                                                                transitionName="ant-zoom"
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                                wrapClassName=""
-                                                                              >
-                                                                                <PortalWrapper
-                                                                                  visible={false}
-                                                                                />
-                                                                              </Dialog>
-                                                                            </Modal>
-                                                                            <Space
-                                                                              direction="vertical"
-                                                                            >
-                                                                              <div
-                                                                                className="ant-space ant-space-vertical"
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <Item
-                                                                                  className="ant-space-item"
-                                                                                  direction="vertical"
-                                                                                  index={0}
-                                                                                  key="ant-space-item-0"
-                                                                                  marginDirection="marginRight"
-                                                                                  wrap={false}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-space-item"
-                                                                                    style={Object {}}
-                                                                                  >
-                                                                                    <div
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "alignItems": "center",
-                                                                                          "display": "flex",
-                                                                                          "justifyContent": "center",
-                                                                                        }
-                                                                                      }
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "position": "relative",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "background": "transparent",
-                                                                                              "borderStyle": "dashed",
-                                                                                              "display": "block",
-                                                                                              "height": "auto",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "background": "transparent",
-                                                                                                  "borderStyle": "dashed",
-                                                                                                  "display": "block",
-                                                                                                  "height": "auto",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <img
-                                                                                                key=".0"
-                                                                                                width="100%"
-                                                                                              />
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "bottom": 0,
-                                                                                              "left": 0,
-                                                                                              "maxWidth": "52px",
-                                                                                              "position": "absolute",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "bottom": 0,
-                                                                                                  "left": 0,
-                                                                                                  "maxWidth": "52px",
-                                                                                                  "position": "absolute",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <ForwardRef(DeleteOutlined)
-                                                                                                key=".0"
-                                                                                              >
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "delete",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="delete"
-                                                                                                    className="anticon anticon-delete"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "delete",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="delete"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-delete"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                                          key="svg-delete-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(DeleteOutlined)>
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </Item>
-                                                                              </div>
-                                                                            </Space>
-                                                                          </MediaSelector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      key="true"
-                                                      label="Claims"
-                                                      name="claims"
-                                                    >
-                                                      <WrapperField
-                                                        label="Claims"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Claims",
-                                                          }
-                                                        }
-                                                        name="claims"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_claims"
-                                                          label="Claims"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Claims",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "claims",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="claims"
-                                                                label="Claims"
-                                                                name="claims"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="claims"
-                                                                      title="Claims"
-                                                                    >
-                                                                      Claims
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Claims"
-                                                                name={
-                                                                  Array [
-                                                                    "claims",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Claims"
-                                                                            display="claim"
-                                                                            id="claims"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select claims"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select claims"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select claims"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select claims"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select claims"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="primary"
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn ant-btn-primary"
-                                                                          onClick={[Function]}
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Claim
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Excerpt"
-                                                      name="excerpt"
-                                                      rules={
-                                                        Array [
-                                                          Object {
-                                                            "max": 5000,
-                                                            "message": "Excerpt must be a maximum of 5000 characters.",
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Excerpt"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Excerpt",
-                                                          }
-                                                        }
-                                                        name="excerpt"
-                                                        onReset={[Function]}
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                          ]
-                                                        }
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_excerpt"
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "excerpt",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="excerpt"
-                                                                label="Excerpt"
-                                                                name="excerpt"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="excerpt"
-                                                                      title="Excerpt"
-                                                                    >
-                                                                      Excerpt
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Excerpt"
-                                                                name={
-                                                                  Array [
-                                                                    "excerpt",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value="excerpt of factcheck"
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="excerpt"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Excerpt"
-                                                                            rows={4}
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            value="excerpt of factcheck"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of factcheck"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="excerpt"
-                                                                              inputType="text"
-                                                                              placeholder="Excerpt"
-                                                                              prefixCls="ant-input"
-                                                                              rows={4}
-                                                                              value="excerpt of factcheck"
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="excerpt"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                value="excerpt of factcheck"
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of factcheck"
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="excerpt"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      placeholder="Excerpt"
-                                                                                      rows={4}
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "fontSize": "medium",
-                                                                                        }
-                                                                                      }
-                                                                                      value="excerpt of factcheck"
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Subtitle"
-                                                      name="subtitle"
-                                                    >
-                                                      <WrapperField
-                                                        label="Subtitle"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Subtitle",
-                                                          }
-                                                        }
-                                                        name="subtitle"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_subtitle"
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "subtitle",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="subtitle"
-                                                                label="Subtitle"
-                                                                name="subtitle"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="subtitle"
-                                                                      title="Subtitle"
-                                                                    >
-                                                                      Subtitle
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Subtitle"
-                                                                name={
-                                                                  Array [
-                                                                    "subtitle",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="subtitle"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Subtitle"
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="subtitle"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              prefixCls="ant-input"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="subtitle"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <SlugInput>
-                                                      <FormItem
-                                                        label="Slug"
-                                                        name="slug"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "message": "Please input the slug!",
-                                                              "required": true,
-                                                            },
-                                                            Object {
-                                                              "message": "Please enter valid slug!",
-                                                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Slug"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Slug",
-                                                            }
-                                                          }
-                                                          name="slug"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_slug"
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "slug",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="slug"
-                                                                  label="Slug"
-                                                                  name="slug"
-                                                                  prefixCls="ant-form"
-                                                                  required={true}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className="ant-form-item-required"
-                                                                        htmlFor="slug"
-                                                                        title="Slug"
-                                                                      >
-                                                                        Slug
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Slug"
-                                                                  name={
-                                                                    Array [
-                                                                      "slug",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                            value="factcheck-1"
-                                                                          >
-                                                                            <Input
-                                                                              id="slug"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                              value="factcheck-1"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                    value="factcheck-1"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="slug"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value="factcheck-1"
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="slug"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value="factcheck-1"
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </SlugInput>
-                                                    <FormItem
-                                                      label="Published Date"
-                                                      name="published_date"
-                                                    >
-                                                      <WrapperField
-                                                        label="Published Date"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Published Date",
-                                                          }
-                                                        }
-                                                        name="published_date"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_published_date"
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "published_date",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="published_date"
-                                                                label="Published Date"
-                                                                name="published_date"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="published_date"
-                                                                      title="Published Date"
-                                                                    >
-                                                                      Published Date
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Published Date"
-                                                                name={
-                                                                  Array [
-                                                                    "published_date",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={null}
-                                                                        >
-                                                                          <Picker
-                                                                            id="published_date"
-                                                                            onChange={[Function]}
-                                                                            value={null}
-                                                                          >
-                                                                            <LocaleReceiver
-                                                                              componentName="DatePicker"
-                                                                              defaultLocale={
-                                                                                Object {
-                                                                                  "lang": Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  },
-                                                                                  "timePickerLocale": Object {
-                                                                                    "placeholder": "Select time",
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start time",
-                                                                                      "End time",
-                                                                                    ],
-                                                                                  },
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <Picker
-                                                                                allowClear={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                components={
-                                                                                  Object {
-                                                                                    "button": [Function],
-                                                                                    "rangeItem": [Function],
-                                                                                  }
-                                                                                }
-                                                                                generateConfig={
-                                                                                  Object {
-                                                                                    "addDate": [Function],
-                                                                                    "addMonth": [Function],
-                                                                                    "addYear": [Function],
-                                                                                    "getDate": [Function],
-                                                                                    "getEndDate": [Function],
-                                                                                    "getFixedDate": [Function],
-                                                                                    "getHour": [Function],
-                                                                                    "getMinute": [Function],
-                                                                                    "getMonth": [Function],
-                                                                                    "getNow": [Function],
-                                                                                    "getSecond": [Function],
-                                                                                    "getWeekDay": [Function],
-                                                                                    "getYear": [Function],
-                                                                                    "isAfter": [Function],
-                                                                                    "isValidate": [Function],
-                                                                                    "locale": Object {
-                                                                                      "format": [Function],
-                                                                                      "getShortMonths": [Function],
-                                                                                      "getShortWeekDays": [Function],
-                                                                                      "getWeek": [Function],
-                                                                                      "getWeekFirstDate": [Function],
-                                                                                      "getWeekFirstDay": [Function],
-                                                                                      "parse": [Function],
-                                                                                    },
-                                                                                    "setDate": [Function],
-                                                                                    "setHour": [Function],
-                                                                                    "setMinute": [Function],
-                                                                                    "setMonth": [Function],
-                                                                                    "setSecond": [Function],
-                                                                                    "setYear": [Function],
-                                                                                  }
-                                                                                }
-                                                                                id="published_date"
-                                                                                locale={
-                                                                                  Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  }
-                                                                                }
-                                                                                nextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                placeholder="Select date"
-                                                                                prefixCls="ant-picker"
-                                                                                prevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                showToday={true}
-                                                                                suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                superNextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                superPrevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                transitionName="ant-slide-up"
-                                                                                value={null}
-                                                                              >
-                                                                                <InnerPicker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  pickerRef={
-                                                                                    Object {
-                                                                                      "current": Object {
-                                                                                        "blur": [Function],
-                                                                                        "focus": [Function],
-                                                                                      },
-                                                                                    }
-                                                                                  }
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={null}
-                                                                                >
-                                                                                  <PickerTrigger
-                                                                                    popupElement={
-                                                                                      <div
-                                                                                        className="ant-picker-panel-container"
-                                                                                        onMouseDown={[Function]}
-                                                                                      >
-                                                                                        <PickerPanel
-                                                                                          allowClear={true}
-                                                                                          className="ant-picker-panel-focused"
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          components={
-                                                                                            Object {
-                                                                                              "button": [Function],
-                                                                                              "rangeItem": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          generateConfig={
-                                                                                            Object {
-                                                                                              "addDate": [Function],
-                                                                                              "addMonth": [Function],
-                                                                                              "addYear": [Function],
-                                                                                              "getDate": [Function],
-                                                                                              "getEndDate": [Function],
-                                                                                              "getFixedDate": [Function],
-                                                                                              "getHour": [Function],
-                                                                                              "getMinute": [Function],
-                                                                                              "getMonth": [Function],
-                                                                                              "getNow": [Function],
-                                                                                              "getSecond": [Function],
-                                                                                              "getWeekDay": [Function],
-                                                                                              "getYear": [Function],
-                                                                                              "isAfter": [Function],
-                                                                                              "isValidate": [Function],
-                                                                                              "locale": Object {
-                                                                                                "format": [Function],
-                                                                                                "getShortMonths": [Function],
-                                                                                                "getShortWeekDays": [Function],
-                                                                                                "getWeek": [Function],
-                                                                                                "getWeekFirstDate": [Function],
-                                                                                                "getWeekFirstDay": [Function],
-                                                                                                "parse": [Function],
-                                                                                              },
-                                                                                              "setDate": [Function],
-                                                                                              "setHour": [Function],
-                                                                                              "setMinute": [Function],
-                                                                                              "setMonth": [Function],
-                                                                                              "setSecond": [Function],
-                                                                                              "setYear": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          id="published_date"
-                                                                                          locale={
-                                                                                            Object {
-                                                                                              "backToToday": "Back to today",
-                                                                                              "clear": "Clear",
-                                                                                              "dateFormat": "M/D/YYYY",
-                                                                                              "dateSelect": "select date",
-                                                                                              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                              "dayFormat": "D",
-                                                                                              "decadeSelect": "Choose a decade",
-                                                                                              "locale": "en_US",
-                                                                                              "month": "Month",
-                                                                                              "monthBeforeYear": true,
-                                                                                              "monthPlaceholder": "Select month",
-                                                                                              "monthSelect": "Choose a month",
-                                                                                              "nextCentury": "Next century",
-                                                                                              "nextDecade": "Next decade",
-                                                                                              "nextMonth": "Next month (PageDown)",
-                                                                                              "nextYear": "Next year (Control + right)",
-                                                                                              "now": "Now",
-                                                                                              "ok": "Ok",
-                                                                                              "placeholder": "Select date",
-                                                                                              "previousCentury": "Last century",
-                                                                                              "previousDecade": "Last decade",
-                                                                                              "previousMonth": "Previous month (PageUp)",
-                                                                                              "previousYear": "Last year (Control + left)",
-                                                                                              "quarterPlaceholder": "Select quarter",
-                                                                                              "rangeMonthPlaceholder": Array [
-                                                                                                "Start month",
-                                                                                                "End month",
-                                                                                              ],
-                                                                                              "rangePlaceholder": Array [
-                                                                                                "Start date",
-                                                                                                "End date",
-                                                                                              ],
-                                                                                              "rangeWeekPlaceholder": Array [
-                                                                                                "Start week",
-                                                                                                "End week",
-                                                                                              ],
-                                                                                              "rangeYearPlaceholder": Array [
-                                                                                                "Start year",
-                                                                                                "End year",
-                                                                                              ],
-                                                                                              "timeSelect": "select time",
-                                                                                              "today": "Today",
-                                                                                              "weekPlaceholder": "Select week",
-                                                                                              "weekSelect": "Choose a week",
-                                                                                              "year": "Year",
-                                                                                              "yearFormat": "YYYY",
-                                                                                              "yearPlaceholder": "Select year",
-                                                                                              "yearSelect": "Choose a year",
-                                                                                            }
-                                                                                          }
-                                                                                          nextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={null}
-                                                                                          onPanelChange={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          pickerRef={
-                                                                                            Object {
-                                                                                              "current": Object {
-                                                                                                "blur": [Function],
-                                                                                                "focus": [Function],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          placeholder="Select date"
-                                                                                          prefixCls="ant-picker"
-                                                                                          prevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          showToday={true}
-                                                                                          suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                          superNextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          superPrevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          tabIndex={-1}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={null}
-                                                                                        />
-                                                                                      </div>
-                                                                                    }
-                                                                                    popupPlacement="bottomLeft"
-                                                                                    prefixCls="ant-picker"
-                                                                                    transitionName="ant-slide-up"
-                                                                                    visible={false}
-                                                                                  >
-                                                                                    <Trigger
-                                                                                      action={Array []}
-                                                                                      afterPopupVisibleChange={[Function]}
-                                                                                      autoDestroy={false}
-                                                                                      blurDelay={0.15}
-                                                                                      builtinPlacements={
-                                                                                        Object {
-                                                                                          "bottomLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tl",
-                                                                                              "bl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "bottomRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tr",
-                                                                                              "br",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "bl",
-                                                                                              "tl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "br",
-                                                                                              "tr",
-                                                                                            ],
-                                                                                          },
-                                                                                        }
-                                                                                      }
-                                                                                      defaultPopupVisible={false}
-                                                                                      destroyPopupOnHide={false}
-                                                                                      focusDelay={0}
-                                                                                      getDocument={[Function]}
-                                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                                      hideAction={Array []}
-                                                                                      mask={false}
-                                                                                      maskClosable={true}
-                                                                                      mouseEnterDelay={0}
-                                                                                      mouseLeaveDelay={0.1}
-                                                                                      onPopupAlign={[Function]}
-                                                                                      onPopupVisibleChange={[Function]}
-                                                                                      popup={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupAlign={Object {}}
-                                                                                      popupClassName=""
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      popupStyle={Object {}}
-                                                                                      popupTransitionName="ant-slide-up"
-                                                                                      popupVisible={false}
-                                                                                      prefixCls="ant-picker-dropdown"
-                                                                                      showAction={Array []}
-                                                                                    >
-                                                                                      <div
-                                                                                        className="ant-picker"
-                                                                                        key="trigger"
-                                                                                        onMouseUp={[Function]}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker-input"
-                                                                                        >
-                                                                                          <input
-                                                                                            autoComplete="off"
-                                                                                            id="published_date"
-                                                                                            onBlur={[Function]}
-                                                                                            onChange={[Function]}
-                                                                                            onFocus={[Function]}
-                                                                                            onKeyDown={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                            placeholder="Select date"
-                                                                                            readOnly={true}
-                                                                                            size={12}
-                                                                                            title=""
-                                                                                            value=""
-                                                                                          />
-                                                                                          <span
-                                                                                            className="ant-picker-suffix"
-                                                                                          >
-                                                                                            <ForwardRef(CalendarOutlined)>
-                                                                                              <AntdIcon
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "calendar",
-                                                                                                    "theme": "outlined",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <span
-                                                                                                  aria-label="calendar"
-                                                                                                  className="anticon anticon-calendar"
-                                                                                                  role="img"
-                                                                                                >
-                                                                                                  <IconReact
-                                                                                                    icon={
-                                                                                                      Object {
-                                                                                                        "icon": Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "focusable": "false",
-                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                          },
-                                                                                                          "children": Array [
-                                                                                                            Object {
-                                                                                                              "attrs": Object {
-                                                                                                                "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                              },
-                                                                                                              "tag": "path",
-                                                                                                            },
-                                                                                                          ],
-                                                                                                          "tag": "svg",
-                                                                                                        },
-                                                                                                        "name": "calendar",
-                                                                                                        "theme": "outlined",
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <svg
-                                                                                                      aria-hidden="true"
-                                                                                                      data-icon="calendar"
-                                                                                                      fill="currentColor"
-                                                                                                      focusable="false"
-                                                                                                      height="1em"
-                                                                                                      key="svg-calendar"
-                                                                                                      viewBox="64 64 896 896"
-                                                                                                      width="1em"
-                                                                                                    >
-                                                                                                      <path
-                                                                                                        d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                        key="svg-calendar-svg-0"
-                                                                                                      />
-                                                                                                    </svg>
-                                                                                                  </IconReact>
-                                                                                                </span>
-                                                                                              </AntdIcon>
-                                                                                            </ForwardRef(CalendarOutlined)>
-                                                                                          </span>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </Trigger>
-                                                                                  </PickerTrigger>
-                                                                                </InnerPicker>
-                                                                              </Picker>
-                                                                            </LocaleReceiver>
-                                                                          </Picker>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Categories"
-                                                      name="categories"
-                                                    >
-                                                      <WrapperField
-                                                        label="Categories"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Categories",
-                                                          }
-                                                        }
-                                                        name="categories"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_categories"
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "categories",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="categories"
-                                                                label="Categories"
-                                                                name="categories"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="categories"
-                                                                      title="Categories"
-                                                                    >
-                                                                      Categories
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Categories"
-                                                                name={
-                                                                  Array [
-                                                                    "categories",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Categories"
-                                                                            createEntity="Category"
-                                                                            id="categories"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No categories available. Type something to create new Category"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select categories"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select categories"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Tags"
-                                                      name="tags"
-                                                    >
-                                                      <WrapperField
-                                                        label="Tags"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Tags",
-                                                          }
-                                                        }
-                                                        name="tags"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_tags"
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "tags",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="tags"
-                                                                label="Tags"
-                                                                name="tags"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="tags"
-                                                                      title="Tags"
-                                                                    >
-                                                                      Tags
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Tags"
-                                                                name={
-                                                                  Array [
-                                                                    "tags",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Tags"
-                                                                            createEntity="Tag"
-                                                                            id="tags"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select tags"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select tags"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select tags"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Authors"
-                                                      name="authors"
-                                                    >
-                                                      <WrapperField
-                                                        label="Authors"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Authors",
-                                                          }
-                                                        }
-                                                        name="authors"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_authors"
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "authors",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="authors"
-                                                                label="Authors"
-                                                                name="authors"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="authors"
-                                                                      title="Authors"
-                                                                    >
-                                                                      Authors
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Authors"
-                                                                name={
-                                                                  Array [
-                                                                    "authors",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Authors"
-                                                                            display="display_name"
-                                                                            id="authors"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select authors"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select authors"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select authors"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Data
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Code Injection
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            View Schemas
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Fields
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <Modal
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Copy
-                                                          </ForwardRef(InternalButton)>,
-                                                          <a
-                                                            className="ant-btn ant-btn-secondary"
-                                                            href="https://search.google.com/test/rich-results"
-                                                            rel="noreferrer noopener"
-                                                            target="_blank"
-                                                          >
-                                                            Test in Google Rich Results Text
-                                                          </a>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      onOk={[Function]}
-                                                      title="View Schemas"
-                                                      visible={false}
-                                                      width={520}
-                                                    >
-                                                      <Dialog
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        onOk={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        title="View Schemas"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width={520}
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Meta data
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Meta data
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Title"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "title",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Title"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Title",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_title"
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_title"
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_title"
-                                                                      title="Meta Title"
-                                                                    >
-                                                                      Meta Title
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_title"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_title"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_title"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Description"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "description",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Description"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Description",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_description"
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_description"
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_description"
-                                                                      title="Meta Description"
-                                                                    >
-                                                                      Meta Description
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="meta_description"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="meta_description"
-                                                                              inputType="text"
-                                                                              prefixCls="ant-input"
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="meta_description"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="meta_description"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      style={Object {}}
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Canonical URL"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "canonical_URL",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Canonical URL"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Canonical URL",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_canonical_URL"
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_canonical_URL"
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_canonical_URL"
-                                                                      title="Canonical URL"
-                                                                    >
-                                                                      Canonical URL
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_canonical_URL"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_canonical_URL"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_canonical_URL"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Code Injection
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={710}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={710}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={710}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "710px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Code Injection
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Header Code"
-                                                      name="header_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Header Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Header Code",
-                                                          }
-                                                        }
-                                                        name="header_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_header_code"
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "header_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="header_code"
-                                                                label="Header Code"
-                                                                name="header_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="header_code"
-                                                                      title="Header Code"
-                                                                    >
-                                                                      Header Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Header Code"
-                                                                name={
-                                                                  Array [
-                                                                    "header_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="header_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Footer Code"
-                                                      name="footer_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Footer Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Footer Code",
-                                                          }
-                                                        }
-                                                        name="footer_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_footer_code"
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "footer_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="footer_code"
-                                                                label="Footer Code"
-                                                                name="footer_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="footer_code"
-                                                                      title="Footer Code"
-                                                                    >
-                                                                      Footer Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Footer Code"
-                                                                name={
-                                                                  Array [
-                                                                    "footer_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="footer_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Meta Fields
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Meta Fields
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      extra="add JSON if you have to pass any extra data"
-                                                      label="Meta Fields"
-                                                      name="meta_fields"
-                                                    >
-                                                      <WrapperField
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Fields",
-                                                          }
-                                                        }
-                                                        name="meta_fields"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_fields"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta_fields",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                htmlFor="meta_fields"
-                                                                label="Meta Fields"
-                                                                name="meta_fields"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_fields"
-                                                                      title="Meta Fields"
-                                                                    >
-                                                                      Meta Fields
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                label="Meta Fields"
-                                                                name={
-                                                                  Array [
-                                                                    "meta_fields",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="meta_fields"
-                                                                            language="json"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={440}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                    <div
-                                                                      className="ant-form-item-extra"
-                                                                    >
-                                                                      add JSON if you have to pass any extra data
-                                                                    </div>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </div>
-                    </Item>
-                  </div>
-                </Space>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </FactCheckForm>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Fact-check form component snapshot testing should match component with open drawer 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FactCheckForm
-        actions={
-          Array [
-            "publish",
-          ]
-        }
-        data={
-          Object {
-            "authors": Array [
-              1,
-            ],
-            "categories": Array [
-              1,
-            ],
-            "claim_order": Array [
-              1,
-            ],
-            "claims": Array [
-              1,
-            ],
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "level": 2,
-                    "text": "Editor.js",
-                  },
-                  "type": "header",
-                },
-                Object {
-                  "data": Object {
-                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1595747741807,
-              "version": "2.18.0",
-            },
-            "excerpt": "excerpt of factcheck",
-            "featured_medium_id": 1,
-            "format": 2,
-            "id": 1,
-            "published_date": null,
-            "slug": "factcheck-1",
-            "status": "draft",
-            "tags": Array [
-              1,
-            ],
-            "title": "FactCheck-1",
-          }
-        }
-        format={
-          Object {
-            "id": 2,
-            "name": "Fact Check",
-            "slug": "fact-check",
-          }
-        }
-        onCreate={[MockFunction]}
-      >
-        <Prompt
-          message="You have unsaved changes, are you sure you want to leave?"
-          when={false}
-        />
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "authors": Array [
-                1,
-              ],
-              "categories": Array [
-                1,
-              ],
-              "claim_order": Array [
-                1,
-              ],
-              "claims": Array [
-                1,
-              ],
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "level": 2,
-                      "text": "Editor.js",
-                    },
-                    "type": "header",
-                  },
-                  Object {
-                    "data": Object {
-                      "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1595747741807,
-                "version": "2.18.0",
-              },
-              "excerpt": "excerpt of factcheck",
-              "featured_medium_id": 1,
-              "format": 2,
-              "id": 1,
-              "published_date": null,
-              "slug": "factcheck-1",
-              "status": "draft",
-              "tags": Array [
-                1,
-              ],
-              "title": "FactCheck-1",
-            }
-          }
-          layout="vertical"
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-vertical"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "authors": Array [
-                    1,
-                  ],
-                  "categories": Array [
-                    1,
-                  ],
-                  "claim_order": Array [
-                    1,
-                  ],
-                  "claims": Array [
-                    1,
-                  ],
-                  "description": Object {
-                    "blocks": Array [
-                      Object {
-                        "data": Object {
-                          "level": 2,
-                          "text": "Editor.js",
-                        },
-                        "type": "header",
-                      },
-                      Object {
-                        "data": Object {
-                          "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                        },
-                        "type": "paragraph",
-                      },
-                    ],
-                    "time": 1595747741807,
-                    "version": "2.18.0",
-                  },
-                  "excerpt": "excerpt of factcheck",
-                  "featured_medium_id": 1,
-                  "format": 2,
-                  "id": 1,
-                  "published_date": null,
-                  "slug": "factcheck-1",
-                  "status": "draft",
-                  "tags": Array [
-                    1,
-                  ],
-                  "title": "FactCheck-1",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-vertical"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Space
-                  direction="vertical"
-                >
-                  <div
-                    className="ant-space ant-space-vertical"
-                    style={Object {}}
-                  >
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={0}
-                      key="ant-space-item-0"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={
-                          Object {
-                            "marginBottom": 8,
-                          }
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "float": "right",
-                            }
-                          }
-                        >
-                          <Space
-                            direction="horizontal"
-                          >
-                            <div
-                              className="ant-space ant-space-horizontal ant-space-align-center"
-                              style={Object {}}
-                            >
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={0}
-                                key="ant-space-item-0"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="template"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "template",
-                                        }
-                                      }
-                                      name="template"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_template"
-                                        messageVariables={
-                                          Object {
-                                            "label": "template",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "template",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="template"
-                                              name="template"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "template",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="template"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="template"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Create Template
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={1}
-                                key="ant-space-item-1"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="draft"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "draft",
-                                        }
-                                      }
-                                      name="draft"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_draft"
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "draft",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="draft"
-                                              name="draft"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "draft",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Dropdown
-                                                          id="draft"
-                                                          mouseEnterDelay={0.15}
-                                                          mouseLeaveDelay={0.1}
-                                                          onChange={[Function]}
-                                                          overlay={
-                                                            <Menu>
-                                                              <MenuItem>
-                                                                Ready to Publish 
-                                                                <ForwardRef
-                                                                  checked={false}
-                                                                  onChange={[Function]}
-                                                                />
-                                                              </MenuItem>
-                                                            </Menu>
-                                                          }
-                                                        >
-                                                          <ForwardRef(Dropdown)
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={[Function]}
-                                                            overlayClassName=""
-                                                            placement="bottomLeft"
-                                                            prefixCls="ant-dropdown"
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <Trigger
-                                                              action={
-                                                                Array [
-                                                                  "hover",
-                                                                ]
-                                                              }
-                                                              afterPopupVisibleChange={[Function]}
-                                                              autoDestroy={false}
-                                                              blurDelay={0.15}
-                                                              builtinPlacements={
-                                                                Object {
-                                                                  "bottomCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tc",
-                                                                      "bc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tl",
-                                                                      "bl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tr",
-                                                                      "br",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bc",
-                                                                      "tc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bl",
-                                                                      "tl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "br",
-                                                                      "tr",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                }
-                                                              }
-                                                              defaultPopupVisible={false}
-                                                              destroyPopupOnHide={false}
-                                                              focusDelay={0}
-                                                              getDocument={[Function]}
-                                                              getPopupClassNameFromAlign={[Function]}
-                                                              hideAction={Array []}
-                                                              id="draft"
-                                                              mask={false}
-                                                              maskClosable={true}
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              onPopupAlign={[Function]}
-                                                              onPopupVisibleChange={[Function]}
-                                                              overlay={[Function]}
-                                                              popup={[Function]}
-                                                              popupAlign={Object {}}
-                                                              popupClassName=""
-                                                              popupPlacement="bottomLeft"
-                                                              popupStyle={Object {}}
-                                                              popupTransitionName="ant-slide-up"
-                                                              prefixCls="ant-dropdown"
-                                                              showAction={Array []}
-                                                              stretch="minWidth"
-                                                            >
-                                                              <Button
-                                                                className="ant-dropdown-trigger"
-                                                                htmlType="submit"
-                                                                key="trigger"
-                                                                onClick={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                type="secondary"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                    onClick={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onMouseLeave={[Function]}
-                                                                    type="submit"
-                                                                  >
-                                                                    <LoadingIcon
-                                                                      existIcon={false}
-                                                                      loading={false}
-                                                                      prefixCls="ant-btn"
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionName="ant-btn-loading-icon-motion"
-                                                                        onAppearActive={[Function]}
-                                                                        onAppearStart={[Function]}
-                                                                        onEnterActive={[Function]}
-                                                                        onEnterStart={[Function]}
-                                                                        onLeaveActive={[Function]}
-                                                                        onLeaveStart={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </LoadingIcon>
-                                                                    <span
-                                                                      key=".0"
-                                                                    >
-                                                                      Save
-                                                                    </span>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </Trigger>
-                                                          </ForwardRef(Dropdown)>
-                                                        </Dropdown>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={2}
-                                key="ant-space-item-2"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="submit"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "submit",
-                                        }
-                                      }
-                                      name="submit"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_submit"
-                                        messageVariables={
-                                          Object {
-                                            "label": "submit",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "submit",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="submit"
-                                              name="submit"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "submit",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          htmlType="submit"
-                                                          id="submit"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="submit"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="submit"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Publish
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={3}
-                                key="ant-space-item-3"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={Object {}}
-                                >
-                                  <FormItem
-                                    name="drawerOpen"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "drawerOpen",
-                                        }
-                                      }
-                                      name="drawerOpen"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_drawerOpen"
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "drawerOpen",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="drawerOpen"
-                                              name="drawerOpen"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "drawerOpen",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="drawerOpen"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="drawerOpen"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <ForwardRef(SettingFilled)
-                                                                key=".0"
-                                                              >
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "setting",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="setting"
-                                                                    className="anticon anticon-setting"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "setting",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="setting"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-setting"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                          key="svg-setting-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(SettingFilled)>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                            </div>
-                          </Space>
-                        </div>
-                      </div>
-                    </Item>
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={1}
-                      key="ant-space-item-1"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={Object {}}
-                      >
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              xl={
-                                Object {
-                                  "offset": 3,
-                                  "span": 18,
-                                }
-                              }
-                              xs={
-                                Object {
-                                  "span": 24,
-                                }
-                              }
-                              xxl={
-                                Object {
-                                  "offset": 6,
-                                  "span": 12,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="title"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the title!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Title must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "title",
-                                      }
-                                    }
-                                    name="title"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": undefined,
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_title"
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "title",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="title"
-                                            name="title"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "title",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                      value="FactCheck-1"
-                                                    >
-                                                      <ForwardRef
-                                                        autoSize={
-                                                          Object {
-                                                            "maxRows": 6,
-                                                            "minRows": 2,
-                                                          }
-                                                        }
-                                                        bordered={false}
-                                                        id="title"
-                                                        onChange={[Function]}
-                                                        placeholder="Add title for the fact-check"
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "2.5rem",
-                                                            "fontWeight": "bold",
-                                                            "textAlign": "center",
-                                                          }
-                                                        }
-                                                        value="FactCheck-1"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          element={
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="FactCheck-1"
-                                                            />
-                                                          }
-                                                          handleReset={[Function]}
-                                                          id="title"
-                                                          inputType="text"
-                                                          placeholder="Add title for the fact-check"
-                                                          prefixCls="ant-input"
-                                                          value="FactCheck-1"
-                                                        >
-                                                          <TextArea
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            className="ant-input-borderless"
-                                                            id="title"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            placeholder="Add title for the fact-check"
-                                                            prefixCls="ant-input"
-                                                            style={
-                                                              Object {
-                                                                "fontSize": "2.5rem",
-                                                                "fontWeight": "bold",
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                            value="FactCheck-1"
-                                                          >
-                                                            <ResizableTextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="FactCheck-1"
-                                                            >
-                                                              <ResizeObserver
-                                                                disabled={false}
-                                                                onResize={[Function]}
-                                                              >
-                                                                <textarea
-                                                                  className="ant-input ant-input-borderless"
-                                                                  id="title"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  placeholder="Add title for the fact-check"
-                                                                  style={
-                                                                    Object {
-                                                                      "fontSize": "2.5rem",
-                                                                      "fontWeight": "bold",
-                                                                      "height": -24,
-                                                                      "maxHeight": -24,
-                                                                      "minHeight": -8,
-                                                                      "overflowX": "hidden",
-                                                                      "overflowY": "hidden",
-                                                                      "resize": "none",
-                                                                      "textAlign": "center",
-                                                                    }
-                                                                  }
-                                                                  value="FactCheck-1"
-                                                                />
-                                                              </ResizeObserver>
-                                                            </ResizableTextArea>
-                                                          </TextArea>
-                                                        </ClearableLabeledInput>
-                                                      </ForwardRef>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <DescriptionInput
-                                  formItemProps={
-                                    Object {
-                                      "className": "post-description",
-                                    }
-                                  }
-                                  noLabel={true}
-                                >
-                                  <FormItem
-                                    className="post-description"
-                                    name="description"
-                                  >
-                                    <WrapperField
-                                      className="post-description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "description",
-                                        }
-                                      }
-                                      name="description"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        className="post-description"
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item post-description"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item post-description"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              className="post-description"
-                                              htmlFor="description"
-                                              name="description"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              className="post-description"
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "description",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                        value={
-                                                          Object {
-                                                            "blocks": Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "level": 2,
-                                                                  "text": "Editor.js",
-                                                                },
-                                                                "type": "header",
-                                                              },
-                                                              Object {
-                                                                "data": Object {
-                                                                  "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                },
-                                                                "type": "paragraph",
-                                                              },
-                                                            ],
-                                                            "time": 1595747741807,
-                                                            "version": "2.18.0",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Editor
-                                                          id="description"
-                                                          onChange={[Function]}
-                                                          value={
-                                                            Object {
-                                                              "blocks": Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "level": 2,
-                                                                    "text": "Editor.js",
-                                                                  },
-                                                                  "type": "header",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                  },
-                                                                  "type": "paragraph",
-                                                                },
-                                                              ],
-                                                              "time": 1595747741807,
-                                                              "version": "2.18.0",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            style={null}
-                                                          />
-                                                        </Editor>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </DescriptionInput>
-                                <DrawerWrapper
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Settings
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={366}
-                                >
-                                  <Drawer
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={366}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={366}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "366px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Settings
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                  >
-                                                    <FormItem
-                                                      label="Featured Image"
-                                                      name="featured_medium_id"
-                                                    >
-                                                      <WrapperField
-                                                        label="Featured Image"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Featured Image",
-                                                          }
-                                                        }
-                                                        name="featured_medium_id"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_featured_medium_id"
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "featured_medium_id",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="featured_medium_id"
-                                                                label="Featured Image"
-                                                                name="featured_medium_id"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="featured_medium_id"
-                                                                      title="Featured Image"
-                                                                    >
-                                                                      Featured Image
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Featured Image"
-                                                                name={
-                                                                  Array [
-                                                                    "featured_medium_id",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={1}
-                                                                        >
-                                                                          <MediaSelector
-                                                                            id="featured_medium_id"
-                                                                            onChange={[Function]}
-                                                                            value={1}
-                                                                          >
-                                                                            <Modal
-                                                                              closable={false}
-                                                                              confirmLoading={false}
-                                                                              footer={
-                                                                                Array [
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                  >
-                                                                                    Cancel
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                    type="primary"
-                                                                                  >
-                                                                                    Ok
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                ]
-                                                                              }
-                                                                              okType="primary"
-                                                                              onCancel={[Function]}
-                                                                              visible={false}
-                                                                              width="800px"
-                                                                            >
-                                                                              <Dialog
-                                                                                closable={false}
-                                                                                closeIcon={
-                                                                                  <span
-                                                                                    className="ant-modal-close-x"
-                                                                                  >
-                                                                                    <ForwardRef(CloseOutlined)
-                                                                                      className="ant-modal-close-icon"
-                                                                                    />
-                                                                                  </span>
-                                                                                }
-                                                                                confirmLoading={false}
-                                                                                focusTriggerAfterClose={true}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                maskTransitionName="ant-fade"
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                onClose={[Function]}
-                                                                                prefixCls="ant-modal"
-                                                                                transitionName="ant-zoom"
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                                wrapClassName=""
-                                                                              >
-                                                                                <PortalWrapper
-                                                                                  visible={false}
-                                                                                />
-                                                                              </Dialog>
-                                                                            </Modal>
-                                                                            <Space
-                                                                              direction="vertical"
-                                                                            >
-                                                                              <div
-                                                                                className="ant-space ant-space-vertical"
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <Item
-                                                                                  className="ant-space-item"
-                                                                                  direction="vertical"
-                                                                                  index={0}
-                                                                                  key="ant-space-item-0"
-                                                                                  marginDirection="marginRight"
-                                                                                  wrap={false}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-space-item"
-                                                                                    style={Object {}}
-                                                                                  >
-                                                                                    <div
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "alignItems": "center",
-                                                                                          "display": "flex",
-                                                                                          "justifyContent": "center",
-                                                                                        }
-                                                                                      }
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "position": "relative",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "background": "transparent",
-                                                                                              "borderStyle": "dashed",
-                                                                                              "display": "block",
-                                                                                              "height": "auto",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "background": "transparent",
-                                                                                                  "borderStyle": "dashed",
-                                                                                                  "display": "block",
-                                                                                                  "height": "auto",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <img
-                                                                                                key=".0"
-                                                                                                width="100%"
-                                                                                              />
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "bottom": 0,
-                                                                                              "left": 0,
-                                                                                              "maxWidth": "52px",
-                                                                                              "position": "absolute",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "bottom": 0,
-                                                                                                  "left": 0,
-                                                                                                  "maxWidth": "52px",
-                                                                                                  "position": "absolute",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <ForwardRef(DeleteOutlined)
-                                                                                                key=".0"
-                                                                                              >
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "delete",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="delete"
-                                                                                                    className="anticon anticon-delete"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "delete",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="delete"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-delete"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                                          key="svg-delete-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(DeleteOutlined)>
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </Item>
-                                                                              </div>
-                                                                            </Space>
-                                                                          </MediaSelector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      key="true"
-                                                      label="Claims"
-                                                      name="claims"
-                                                    >
-                                                      <WrapperField
-                                                        label="Claims"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Claims",
-                                                          }
-                                                        }
-                                                        name="claims"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_claims"
-                                                          label="Claims"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Claims",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "claims",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="claims"
-                                                                label="Claims"
-                                                                name="claims"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="claims"
-                                                                      title="Claims"
-                                                                    >
-                                                                      Claims
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Claims"
-                                                                name={
-                                                                  Array [
-                                                                    "claims",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Claims"
-                                                                            display="claim"
-                                                                            id="claims"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select claims"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select claims"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select claims"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select claims"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select claims"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="primary"
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn ant-btn-primary"
-                                                                          onClick={[Function]}
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Claim
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Excerpt"
-                                                      name="excerpt"
-                                                      rules={
-                                                        Array [
-                                                          Object {
-                                                            "max": 5000,
-                                                            "message": "Excerpt must be a maximum of 5000 characters.",
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Excerpt"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Excerpt",
-                                                          }
-                                                        }
-                                                        name="excerpt"
-                                                        onReset={[Function]}
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                          ]
-                                                        }
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_excerpt"
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "excerpt",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="excerpt"
-                                                                label="Excerpt"
-                                                                name="excerpt"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="excerpt"
-                                                                      title="Excerpt"
-                                                                    >
-                                                                      Excerpt
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Excerpt"
-                                                                name={
-                                                                  Array [
-                                                                    "excerpt",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value="excerpt of factcheck"
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="excerpt"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Excerpt"
-                                                                            rows={4}
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            value="excerpt of factcheck"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of factcheck"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="excerpt"
-                                                                              inputType="text"
-                                                                              placeholder="Excerpt"
-                                                                              prefixCls="ant-input"
-                                                                              rows={4}
-                                                                              value="excerpt of factcheck"
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="excerpt"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                value="excerpt of factcheck"
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of factcheck"
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="excerpt"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      placeholder="Excerpt"
-                                                                                      rows={4}
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "fontSize": "medium",
-                                                                                        }
-                                                                                      }
-                                                                                      value="excerpt of factcheck"
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Subtitle"
-                                                      name="subtitle"
-                                                    >
-                                                      <WrapperField
-                                                        label="Subtitle"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Subtitle",
-                                                          }
-                                                        }
-                                                        name="subtitle"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_subtitle"
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "subtitle",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="subtitle"
-                                                                label="Subtitle"
-                                                                name="subtitle"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="subtitle"
-                                                                      title="Subtitle"
-                                                                    >
-                                                                      Subtitle
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Subtitle"
-                                                                name={
-                                                                  Array [
-                                                                    "subtitle",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="subtitle"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Subtitle"
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="subtitle"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              prefixCls="ant-input"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="subtitle"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <SlugInput>
-                                                      <FormItem
-                                                        label="Slug"
-                                                        name="slug"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "message": "Please input the slug!",
-                                                              "required": true,
-                                                            },
-                                                            Object {
-                                                              "message": "Please enter valid slug!",
-                                                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Slug"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Slug",
-                                                            }
-                                                          }
-                                                          name="slug"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_slug"
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "slug",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="slug"
-                                                                  label="Slug"
-                                                                  name="slug"
-                                                                  prefixCls="ant-form"
-                                                                  required={true}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className="ant-form-item-required"
-                                                                        htmlFor="slug"
-                                                                        title="Slug"
-                                                                      >
-                                                                        Slug
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Slug"
-                                                                  name={
-                                                                    Array [
-                                                                      "slug",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                            value="factcheck-1"
-                                                                          >
-                                                                            <Input
-                                                                              id="slug"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                              value="factcheck-1"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                    value="factcheck-1"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="slug"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value="factcheck-1"
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="slug"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value="factcheck-1"
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </SlugInput>
-                                                    <FormItem
-                                                      label="Published Date"
-                                                      name="published_date"
-                                                    >
-                                                      <WrapperField
-                                                        label="Published Date"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Published Date",
-                                                          }
-                                                        }
-                                                        name="published_date"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_published_date"
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "published_date",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="published_date"
-                                                                label="Published Date"
-                                                                name="published_date"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="published_date"
-                                                                      title="Published Date"
-                                                                    >
-                                                                      Published Date
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Published Date"
-                                                                name={
-                                                                  Array [
-                                                                    "published_date",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={null}
-                                                                        >
-                                                                          <Picker
-                                                                            id="published_date"
-                                                                            onChange={[Function]}
-                                                                            value={null}
-                                                                          >
-                                                                            <LocaleReceiver
-                                                                              componentName="DatePicker"
-                                                                              defaultLocale={
-                                                                                Object {
-                                                                                  "lang": Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  },
-                                                                                  "timePickerLocale": Object {
-                                                                                    "placeholder": "Select time",
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start time",
-                                                                                      "End time",
-                                                                                    ],
-                                                                                  },
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <Picker
-                                                                                allowClear={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                components={
-                                                                                  Object {
-                                                                                    "button": [Function],
-                                                                                    "rangeItem": [Function],
-                                                                                  }
-                                                                                }
-                                                                                generateConfig={
-                                                                                  Object {
-                                                                                    "addDate": [Function],
-                                                                                    "addMonth": [Function],
-                                                                                    "addYear": [Function],
-                                                                                    "getDate": [Function],
-                                                                                    "getEndDate": [Function],
-                                                                                    "getFixedDate": [Function],
-                                                                                    "getHour": [Function],
-                                                                                    "getMinute": [Function],
-                                                                                    "getMonth": [Function],
-                                                                                    "getNow": [Function],
-                                                                                    "getSecond": [Function],
-                                                                                    "getWeekDay": [Function],
-                                                                                    "getYear": [Function],
-                                                                                    "isAfter": [Function],
-                                                                                    "isValidate": [Function],
-                                                                                    "locale": Object {
-                                                                                      "format": [Function],
-                                                                                      "getShortMonths": [Function],
-                                                                                      "getShortWeekDays": [Function],
-                                                                                      "getWeek": [Function],
-                                                                                      "getWeekFirstDate": [Function],
-                                                                                      "getWeekFirstDay": [Function],
-                                                                                      "parse": [Function],
-                                                                                    },
-                                                                                    "setDate": [Function],
-                                                                                    "setHour": [Function],
-                                                                                    "setMinute": [Function],
-                                                                                    "setMonth": [Function],
-                                                                                    "setSecond": [Function],
-                                                                                    "setYear": [Function],
-                                                                                  }
-                                                                                }
-                                                                                id="published_date"
-                                                                                locale={
-                                                                                  Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  }
-                                                                                }
-                                                                                nextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                placeholder="Select date"
-                                                                                prefixCls="ant-picker"
-                                                                                prevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                showToday={true}
-                                                                                suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                superNextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                superPrevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                transitionName="ant-slide-up"
-                                                                                value={null}
-                                                                              >
-                                                                                <InnerPicker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  pickerRef={
-                                                                                    Object {
-                                                                                      "current": Object {
-                                                                                        "blur": [Function],
-                                                                                        "focus": [Function],
-                                                                                      },
-                                                                                    }
-                                                                                  }
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={null}
-                                                                                >
-                                                                                  <PickerTrigger
-                                                                                    popupElement={
-                                                                                      <div
-                                                                                        className="ant-picker-panel-container"
-                                                                                        onMouseDown={[Function]}
-                                                                                      >
-                                                                                        <PickerPanel
-                                                                                          allowClear={true}
-                                                                                          className="ant-picker-panel-focused"
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          components={
-                                                                                            Object {
-                                                                                              "button": [Function],
-                                                                                              "rangeItem": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          generateConfig={
-                                                                                            Object {
-                                                                                              "addDate": [Function],
-                                                                                              "addMonth": [Function],
-                                                                                              "addYear": [Function],
-                                                                                              "getDate": [Function],
-                                                                                              "getEndDate": [Function],
-                                                                                              "getFixedDate": [Function],
-                                                                                              "getHour": [Function],
-                                                                                              "getMinute": [Function],
-                                                                                              "getMonth": [Function],
-                                                                                              "getNow": [Function],
-                                                                                              "getSecond": [Function],
-                                                                                              "getWeekDay": [Function],
-                                                                                              "getYear": [Function],
-                                                                                              "isAfter": [Function],
-                                                                                              "isValidate": [Function],
-                                                                                              "locale": Object {
-                                                                                                "format": [Function],
-                                                                                                "getShortMonths": [Function],
-                                                                                                "getShortWeekDays": [Function],
-                                                                                                "getWeek": [Function],
-                                                                                                "getWeekFirstDate": [Function],
-                                                                                                "getWeekFirstDay": [Function],
-                                                                                                "parse": [Function],
-                                                                                              },
-                                                                                              "setDate": [Function],
-                                                                                              "setHour": [Function],
-                                                                                              "setMinute": [Function],
-                                                                                              "setMonth": [Function],
-                                                                                              "setSecond": [Function],
-                                                                                              "setYear": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          id="published_date"
-                                                                                          locale={
-                                                                                            Object {
-                                                                                              "backToToday": "Back to today",
-                                                                                              "clear": "Clear",
-                                                                                              "dateFormat": "M/D/YYYY",
-                                                                                              "dateSelect": "select date",
-                                                                                              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                              "dayFormat": "D",
-                                                                                              "decadeSelect": "Choose a decade",
-                                                                                              "locale": "en_US",
-                                                                                              "month": "Month",
-                                                                                              "monthBeforeYear": true,
-                                                                                              "monthPlaceholder": "Select month",
-                                                                                              "monthSelect": "Choose a month",
-                                                                                              "nextCentury": "Next century",
-                                                                                              "nextDecade": "Next decade",
-                                                                                              "nextMonth": "Next month (PageDown)",
-                                                                                              "nextYear": "Next year (Control + right)",
-                                                                                              "now": "Now",
-                                                                                              "ok": "Ok",
-                                                                                              "placeholder": "Select date",
-                                                                                              "previousCentury": "Last century",
-                                                                                              "previousDecade": "Last decade",
-                                                                                              "previousMonth": "Previous month (PageUp)",
-                                                                                              "previousYear": "Last year (Control + left)",
-                                                                                              "quarterPlaceholder": "Select quarter",
-                                                                                              "rangeMonthPlaceholder": Array [
-                                                                                                "Start month",
-                                                                                                "End month",
-                                                                                              ],
-                                                                                              "rangePlaceholder": Array [
-                                                                                                "Start date",
-                                                                                                "End date",
-                                                                                              ],
-                                                                                              "rangeWeekPlaceholder": Array [
-                                                                                                "Start week",
-                                                                                                "End week",
-                                                                                              ],
-                                                                                              "rangeYearPlaceholder": Array [
-                                                                                                "Start year",
-                                                                                                "End year",
-                                                                                              ],
-                                                                                              "timeSelect": "select time",
-                                                                                              "today": "Today",
-                                                                                              "weekPlaceholder": "Select week",
-                                                                                              "weekSelect": "Choose a week",
-                                                                                              "year": "Year",
-                                                                                              "yearFormat": "YYYY",
-                                                                                              "yearPlaceholder": "Select year",
-                                                                                              "yearSelect": "Choose a year",
-                                                                                            }
-                                                                                          }
-                                                                                          nextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={null}
-                                                                                          onPanelChange={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          pickerRef={
-                                                                                            Object {
-                                                                                              "current": Object {
-                                                                                                "blur": [Function],
-                                                                                                "focus": [Function],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          placeholder="Select date"
-                                                                                          prefixCls="ant-picker"
-                                                                                          prevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          showToday={true}
-                                                                                          suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                          superNextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          superPrevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          tabIndex={-1}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={null}
-                                                                                        />
-                                                                                      </div>
-                                                                                    }
-                                                                                    popupPlacement="bottomLeft"
-                                                                                    prefixCls="ant-picker"
-                                                                                    transitionName="ant-slide-up"
-                                                                                    visible={false}
-                                                                                  >
-                                                                                    <Trigger
-                                                                                      action={Array []}
-                                                                                      afterPopupVisibleChange={[Function]}
-                                                                                      autoDestroy={false}
-                                                                                      blurDelay={0.15}
-                                                                                      builtinPlacements={
-                                                                                        Object {
-                                                                                          "bottomLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tl",
-                                                                                              "bl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "bottomRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tr",
-                                                                                              "br",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "bl",
-                                                                                              "tl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "br",
-                                                                                              "tr",
-                                                                                            ],
-                                                                                          },
-                                                                                        }
-                                                                                      }
-                                                                                      defaultPopupVisible={false}
-                                                                                      destroyPopupOnHide={false}
-                                                                                      focusDelay={0}
-                                                                                      getDocument={[Function]}
-                                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                                      hideAction={Array []}
-                                                                                      mask={false}
-                                                                                      maskClosable={true}
-                                                                                      mouseEnterDelay={0}
-                                                                                      mouseLeaveDelay={0.1}
-                                                                                      onPopupAlign={[Function]}
-                                                                                      onPopupVisibleChange={[Function]}
-                                                                                      popup={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupAlign={Object {}}
-                                                                                      popupClassName=""
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      popupStyle={Object {}}
-                                                                                      popupTransitionName="ant-slide-up"
-                                                                                      popupVisible={false}
-                                                                                      prefixCls="ant-picker-dropdown"
-                                                                                      showAction={Array []}
-                                                                                    >
-                                                                                      <div
-                                                                                        className="ant-picker"
-                                                                                        key="trigger"
-                                                                                        onMouseUp={[Function]}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker-input"
-                                                                                        >
-                                                                                          <input
-                                                                                            autoComplete="off"
-                                                                                            id="published_date"
-                                                                                            onBlur={[Function]}
-                                                                                            onChange={[Function]}
-                                                                                            onFocus={[Function]}
-                                                                                            onKeyDown={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                            placeholder="Select date"
-                                                                                            readOnly={true}
-                                                                                            size={12}
-                                                                                            title=""
-                                                                                            value=""
-                                                                                          />
-                                                                                          <span
-                                                                                            className="ant-picker-suffix"
-                                                                                          >
-                                                                                            <ForwardRef(CalendarOutlined)>
-                                                                                              <AntdIcon
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "calendar",
-                                                                                                    "theme": "outlined",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <span
-                                                                                                  aria-label="calendar"
-                                                                                                  className="anticon anticon-calendar"
-                                                                                                  role="img"
-                                                                                                >
-                                                                                                  <IconReact
-                                                                                                    icon={
-                                                                                                      Object {
-                                                                                                        "icon": Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "focusable": "false",
-                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                          },
-                                                                                                          "children": Array [
-                                                                                                            Object {
-                                                                                                              "attrs": Object {
-                                                                                                                "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                              },
-                                                                                                              "tag": "path",
-                                                                                                            },
-                                                                                                          ],
-                                                                                                          "tag": "svg",
-                                                                                                        },
-                                                                                                        "name": "calendar",
-                                                                                                        "theme": "outlined",
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <svg
-                                                                                                      aria-hidden="true"
-                                                                                                      data-icon="calendar"
-                                                                                                      fill="currentColor"
-                                                                                                      focusable="false"
-                                                                                                      height="1em"
-                                                                                                      key="svg-calendar"
-                                                                                                      viewBox="64 64 896 896"
-                                                                                                      width="1em"
-                                                                                                    >
-                                                                                                      <path
-                                                                                                        d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                        key="svg-calendar-svg-0"
-                                                                                                      />
-                                                                                                    </svg>
-                                                                                                  </IconReact>
-                                                                                                </span>
-                                                                                              </AntdIcon>
-                                                                                            </ForwardRef(CalendarOutlined)>
-                                                                                          </span>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </Trigger>
-                                                                                  </PickerTrigger>
-                                                                                </InnerPicker>
-                                                                              </Picker>
-                                                                            </LocaleReceiver>
-                                                                          </Picker>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Categories"
-                                                      name="categories"
-                                                    >
-                                                      <WrapperField
-                                                        label="Categories"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Categories",
-                                                          }
-                                                        }
-                                                        name="categories"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_categories"
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "categories",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="categories"
-                                                                label="Categories"
-                                                                name="categories"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="categories"
-                                                                      title="Categories"
-                                                                    >
-                                                                      Categories
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Categories"
-                                                                name={
-                                                                  Array [
-                                                                    "categories",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Categories"
-                                                                            createEntity="Category"
-                                                                            id="categories"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No categories available. Type something to create new Category"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select categories"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select categories"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Tags"
-                                                      name="tags"
-                                                    >
-                                                      <WrapperField
-                                                        label="Tags"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Tags",
-                                                          }
-                                                        }
-                                                        name="tags"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_tags"
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "tags",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="tags"
-                                                                label="Tags"
-                                                                name="tags"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="tags"
-                                                                      title="Tags"
-                                                                    >
-                                                                      Tags
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Tags"
-                                                                name={
-                                                                  Array [
-                                                                    "tags",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Tags"
-                                                                            createEntity="Tag"
-                                                                            id="tags"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select tags"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select tags"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select tags"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Authors"
-                                                      name="authors"
-                                                    >
-                                                      <WrapperField
-                                                        label="Authors"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Authors",
-                                                          }
-                                                        }
-                                                        name="authors"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_authors"
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "authors",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="authors"
-                                                                label="Authors"
-                                                                name="authors"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="authors"
-                                                                      title="Authors"
-                                                                    >
-                                                                      Authors
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Authors"
-                                                                name={
-                                                                  Array [
-                                                                    "authors",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Authors"
-                                                                            display="display_name"
-                                                                            id="authors"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select authors"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select authors"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select authors"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Data
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Code Injection
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            View Schemas
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Fields
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <Modal
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Copy
-                                                          </ForwardRef(InternalButton)>,
-                                                          <a
-                                                            className="ant-btn ant-btn-secondary"
-                                                            href="https://search.google.com/test/rich-results"
-                                                            rel="noreferrer noopener"
-                                                            target="_blank"
-                                                          >
-                                                            Test in Google Rich Results Text
-                                                          </a>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      onOk={[Function]}
-                                                      title="View Schemas"
-                                                      visible={false}
-                                                      width={520}
-                                                    >
-                                                      <Dialog
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        onOk={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        title="View Schemas"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width={520}
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Meta data
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Meta data
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Title"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "title",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Title"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Title",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_title"
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_title"
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_title"
-                                                                      title="Meta Title"
-                                                                    >
-                                                                      Meta Title
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_title"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_title"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_title"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Description"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "description",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Description"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Description",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_description"
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_description"
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_description"
-                                                                      title="Meta Description"
-                                                                    >
-                                                                      Meta Description
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="meta_description"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="meta_description"
-                                                                              inputType="text"
-                                                                              prefixCls="ant-input"
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="meta_description"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="meta_description"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      style={Object {}}
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Canonical URL"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "canonical_URL",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Canonical URL"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Canonical URL",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_canonical_URL"
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_canonical_URL"
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_canonical_URL"
-                                                                      title="Canonical URL"
-                                                                    >
-                                                                      Canonical URL
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_canonical_URL"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_canonical_URL"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_canonical_URL"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Code Injection
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={710}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={710}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={710}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "710px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Code Injection
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Header Code"
-                                                      name="header_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Header Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Header Code",
-                                                          }
-                                                        }
-                                                        name="header_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_header_code"
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "header_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="header_code"
-                                                                label="Header Code"
-                                                                name="header_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="header_code"
-                                                                      title="Header Code"
-                                                                    >
-                                                                      Header Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Header Code"
-                                                                name={
-                                                                  Array [
-                                                                    "header_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="header_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Footer Code"
-                                                      name="footer_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Footer Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Footer Code",
-                                                          }
-                                                        }
-                                                        name="footer_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_footer_code"
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "footer_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="footer_code"
-                                                                label="Footer Code"
-                                                                name="footer_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="footer_code"
-                                                                      title="Footer Code"
-                                                                    >
-                                                                      Footer Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Footer Code"
-                                                                name={
-                                                                  Array [
-                                                                    "footer_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="footer_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Meta Fields
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Meta Fields
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      extra="add JSON if you have to pass any extra data"
-                                                      label="Meta Fields"
-                                                      name="meta_fields"
-                                                    >
-                                                      <WrapperField
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Fields",
-                                                          }
-                                                        }
-                                                        name="meta_fields"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_fields"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta_fields",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                htmlFor="meta_fields"
-                                                                label="Meta Fields"
-                                                                name="meta_fields"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_fields"
-                                                                      title="Meta Fields"
-                                                                    >
-                                                                      Meta Fields
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                label="Meta Fields"
-                                                                name={
-                                                                  Array [
-                                                                    "meta_fields",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="meta_fields"
-                                                                            language="json"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={440}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                    <div
-                                                                      className="ant-form-item-extra"
-                                                                    >
-                                                                      add JSON if you have to pass any extra data
-                                                                    </div>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </div>
-                    </Item>
-                  </div>
-                </Space>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </FactCheckForm>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Fact-check form component snapshot testing should match with different permission actions 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FactCheckForm
-        actions={
-          Array [
-            "create",
-          ]
-        }
-        data={
-          Object {
-            "authors": Array [
-              1,
-            ],
-            "categories": Array [
-              1,
-            ],
-            "claim_order": Array [
-              1,
-            ],
-            "claims": Array [
-              1,
-            ],
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "level": 2,
-                    "text": "Editor.js",
-                  },
-                  "type": "header",
-                },
-                Object {
-                  "data": Object {
-                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1595747741807,
-              "version": "2.18.0",
-            },
-            "excerpt": "excerpt of factcheck",
-            "featured_medium_id": 1,
-            "format": 2,
-            "id": 1,
-            "published_date": null,
-            "slug": "factcheck-1",
-            "status": "draft",
-            "tags": Array [
-              1,
-            ],
-            "title": "FactCheck-1",
-          }
-        }
-        format={
-          Object {
-            "id": 2,
-            "name": "Fact Check",
-            "slug": "fact-check",
-          }
-        }
-        onCreate={[MockFunction]}
-      >
-        <Prompt
-          message="You have unsaved changes, are you sure you want to leave?"
-          when={false}
-        />
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "authors": Array [
-                1,
-              ],
-              "categories": Array [
-                1,
-              ],
-              "claim_order": Array [
-                1,
-              ],
-              "claims": Array [
-                1,
-              ],
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "level": 2,
-                      "text": "Editor.js",
-                    },
-                    "type": "header",
-                  },
-                  Object {
-                    "data": Object {
-                      "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1595747741807,
-                "version": "2.18.0",
-              },
-              "excerpt": "excerpt of factcheck",
-              "featured_medium_id": 1,
-              "format": 2,
-              "id": 1,
-              "published_date": null,
-              "slug": "factcheck-1",
-              "status": "draft",
-              "tags": Array [
-                1,
-              ],
-              "title": "FactCheck-1",
-            }
-          }
-          layout="vertical"
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-vertical"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "authors": Array [
-                    1,
-                  ],
-                  "categories": Array [
-                    1,
-                  ],
-                  "claim_order": Array [
-                    1,
-                  ],
-                  "claims": Array [
-                    1,
-                  ],
-                  "description": Object {
-                    "blocks": Array [
-                      Object {
-                        "data": Object {
-                          "level": 2,
-                          "text": "Editor.js",
-                        },
-                        "type": "header",
-                      },
-                      Object {
-                        "data": Object {
-                          "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                        },
-                        "type": "paragraph",
-                      },
-                    ],
-                    "time": 1595747741807,
-                    "version": "2.18.0",
-                  },
-                  "excerpt": "excerpt of factcheck",
-                  "featured_medium_id": 1,
-                  "format": 2,
-                  "id": 1,
-                  "published_date": null,
-                  "slug": "factcheck-1",
-                  "status": "draft",
-                  "tags": Array [
-                    1,
-                  ],
-                  "title": "FactCheck-1",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-vertical"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Space
-                  direction="vertical"
-                >
-                  <div
-                    className="ant-space ant-space-vertical"
-                    style={Object {}}
-                  >
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={0}
-                      key="ant-space-item-0"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={
-                          Object {
-                            "marginBottom": 8,
-                          }
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "float": "right",
-                            }
-                          }
-                        >
-                          <Space
-                            direction="horizontal"
-                          >
-                            <div
-                              className="ant-space ant-space-horizontal ant-space-align-center"
-                              style={Object {}}
-                            >
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={0}
-                                key="ant-space-item-0"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="template"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "template",
-                                        }
-                                      }
-                                      name="template"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_template"
-                                        messageVariables={
-                                          Object {
-                                            "label": "template",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "template",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="template"
-                                              name="template"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "template",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="template"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="template"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Create Template
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={1}
-                                key="ant-space-item-1"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="draft"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "draft",
-                                        }
-                                      }
-                                      name="draft"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_draft"
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "draft",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="draft"
-                                              name="draft"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "draft",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Dropdown
-                                                          id="draft"
-                                                          mouseEnterDelay={0.15}
-                                                          mouseLeaveDelay={0.1}
-                                                          onChange={[Function]}
-                                                          overlay={
-                                                            <Menu>
-                                                              <MenuItem>
-                                                                Ready to Publish 
-                                                                <ForwardRef
-                                                                  checked={false}
-                                                                  onChange={[Function]}
-                                                                />
-                                                              </MenuItem>
-                                                            </Menu>
-                                                          }
-                                                        >
-                                                          <ForwardRef(Dropdown)
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={[Function]}
-                                                            overlayClassName=""
-                                                            placement="bottomLeft"
-                                                            prefixCls="ant-dropdown"
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <Trigger
-                                                              action={
-                                                                Array [
-                                                                  "hover",
-                                                                ]
-                                                              }
-                                                              afterPopupVisibleChange={[Function]}
-                                                              autoDestroy={false}
-                                                              blurDelay={0.15}
-                                                              builtinPlacements={
-                                                                Object {
-                                                                  "bottomCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tc",
-                                                                      "bc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tl",
-                                                                      "bl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tr",
-                                                                      "br",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bc",
-                                                                      "tc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bl",
-                                                                      "tl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "br",
-                                                                      "tr",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                }
-                                                              }
-                                                              defaultPopupVisible={false}
-                                                              destroyPopupOnHide={false}
-                                                              focusDelay={0}
-                                                              getDocument={[Function]}
-                                                              getPopupClassNameFromAlign={[Function]}
-                                                              hideAction={Array []}
-                                                              id="draft"
-                                                              mask={false}
-                                                              maskClosable={true}
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              onPopupAlign={[Function]}
-                                                              onPopupVisibleChange={[Function]}
-                                                              overlay={[Function]}
-                                                              popup={[Function]}
-                                                              popupAlign={Object {}}
-                                                              popupClassName=""
-                                                              popupPlacement="bottomLeft"
-                                                              popupStyle={Object {}}
-                                                              popupTransitionName="ant-slide-up"
-                                                              prefixCls="ant-dropdown"
-                                                              showAction={Array []}
-                                                              stretch="minWidth"
-                                                            >
-                                                              <Button
-                                                                className="ant-dropdown-trigger"
-                                                                htmlType="submit"
-                                                                key="trigger"
-                                                                onClick={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                type="secondary"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                    onClick={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onMouseLeave={[Function]}
-                                                                    type="submit"
-                                                                  >
-                                                                    <LoadingIcon
-                                                                      existIcon={false}
-                                                                      loading={false}
-                                                                      prefixCls="ant-btn"
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionName="ant-btn-loading-icon-motion"
-                                                                        onAppearActive={[Function]}
-                                                                        onAppearStart={[Function]}
-                                                                        onEnterActive={[Function]}
-                                                                        onEnterStart={[Function]}
-                                                                        onLeaveActive={[Function]}
-                                                                        onLeaveStart={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </LoadingIcon>
-                                                                    <span
-                                                                      key=".0"
-                                                                    >
-                                                                      Save
-                                                                    </span>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </Trigger>
-                                                          </ForwardRef(Dropdown)>
-                                                        </Dropdown>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={2}
-                                key="ant-space-item-2"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              />
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={3}
-                                key="ant-space-item-3"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={Object {}}
-                                >
-                                  <FormItem
-                                    name="drawerOpen"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "drawerOpen",
-                                        }
-                                      }
-                                      name="drawerOpen"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_drawerOpen"
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "drawerOpen",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="drawerOpen"
-                                              name="drawerOpen"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "drawerOpen",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="drawerOpen"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="drawerOpen"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <ForwardRef(SettingFilled)
-                                                                key=".0"
-                                                              >
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "setting",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="setting"
-                                                                    className="anticon anticon-setting"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "setting",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="setting"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-setting"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                          key="svg-setting-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(SettingFilled)>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                            </div>
-                          </Space>
-                        </div>
-                      </div>
-                    </Item>
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={1}
-                      key="ant-space-item-1"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={Object {}}
-                      >
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              xl={
-                                Object {
-                                  "offset": 3,
-                                  "span": 18,
-                                }
-                              }
-                              xs={
-                                Object {
-                                  "span": 24,
-                                }
-                              }
-                              xxl={
-                                Object {
-                                  "offset": 6,
-                                  "span": 12,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="title"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the title!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Title must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "title",
-                                      }
-                                    }
-                                    name="title"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": undefined,
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_title"
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "title",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="title"
-                                            name="title"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "title",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                      value="FactCheck-1"
-                                                    >
-                                                      <ForwardRef
-                                                        autoSize={
-                                                          Object {
-                                                            "maxRows": 6,
-                                                            "minRows": 2,
-                                                          }
-                                                        }
-                                                        bordered={false}
-                                                        id="title"
-                                                        onChange={[Function]}
-                                                        placeholder="Add title for the fact-check"
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "2.5rem",
-                                                            "fontWeight": "bold",
-                                                            "textAlign": "center",
-                                                          }
-                                                        }
-                                                        value="FactCheck-1"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          element={
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="FactCheck-1"
-                                                            />
-                                                          }
-                                                          handleReset={[Function]}
-                                                          id="title"
-                                                          inputType="text"
-                                                          placeholder="Add title for the fact-check"
-                                                          prefixCls="ant-input"
-                                                          value="FactCheck-1"
-                                                        >
-                                                          <TextArea
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            className="ant-input-borderless"
-                                                            id="title"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            placeholder="Add title for the fact-check"
-                                                            prefixCls="ant-input"
-                                                            style={
-                                                              Object {
-                                                                "fontSize": "2.5rem",
-                                                                "fontWeight": "bold",
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                            value="FactCheck-1"
-                                                          >
-                                                            <ResizableTextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="FactCheck-1"
-                                                            >
-                                                              <ResizeObserver
-                                                                disabled={false}
-                                                                onResize={[Function]}
-                                                              >
-                                                                <textarea
-                                                                  className="ant-input ant-input-borderless"
-                                                                  id="title"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  placeholder="Add title for the fact-check"
-                                                                  style={
-                                                                    Object {
-                                                                      "fontSize": "2.5rem",
-                                                                      "fontWeight": "bold",
-                                                                      "textAlign": "center",
-                                                                    }
-                                                                  }
-                                                                  value="FactCheck-1"
-                                                                />
-                                                              </ResizeObserver>
-                                                            </ResizableTextArea>
-                                                          </TextArea>
-                                                        </ClearableLabeledInput>
-                                                      </ForwardRef>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <DescriptionInput
-                                  formItemProps={
-                                    Object {
-                                      "className": "post-description",
-                                    }
-                                  }
-                                  noLabel={true}
-                                >
-                                  <FormItem
-                                    className="post-description"
-                                    name="description"
-                                  >
-                                    <WrapperField
-                                      className="post-description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "description",
-                                        }
-                                      }
-                                      name="description"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        className="post-description"
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item post-description"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item post-description"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              className="post-description"
-                                              htmlFor="description"
-                                              name="description"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              className="post-description"
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "description",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                        value={
-                                                          Object {
-                                                            "blocks": Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "level": 2,
-                                                                  "text": "Editor.js",
-                                                                },
-                                                                "type": "header",
-                                                              },
-                                                              Object {
-                                                                "data": Object {
-                                                                  "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                },
-                                                                "type": "paragraph",
-                                                              },
-                                                            ],
-                                                            "time": 1595747741807,
-                                                            "version": "2.18.0",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Editor
-                                                          id="description"
-                                                          onChange={[Function]}
-                                                          value={
-                                                            Object {
-                                                              "blocks": Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "level": 2,
-                                                                    "text": "Editor.js",
-                                                                  },
-                                                                  "type": "header",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                  },
-                                                                  "type": "paragraph",
-                                                                },
-                                                              ],
-                                                              "time": 1595747741807,
-                                                              "version": "2.18.0",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            style={null}
-                                                          />
-                                                        </Editor>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </DescriptionInput>
-                                <DrawerWrapper
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Settings
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={366}
-                                >
-                                  <Drawer
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={366}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={366}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "366px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Settings
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                  >
-                                                    <FormItem
-                                                      label="Featured Image"
-                                                      name="featured_medium_id"
-                                                    >
-                                                      <WrapperField
-                                                        label="Featured Image"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Featured Image",
-                                                          }
-                                                        }
-                                                        name="featured_medium_id"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_featured_medium_id"
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "featured_medium_id",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="featured_medium_id"
-                                                                label="Featured Image"
-                                                                name="featured_medium_id"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="featured_medium_id"
-                                                                      title="Featured Image"
-                                                                    >
-                                                                      Featured Image
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Featured Image"
-                                                                name={
-                                                                  Array [
-                                                                    "featured_medium_id",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={1}
-                                                                        >
-                                                                          <MediaSelector
-                                                                            id="featured_medium_id"
-                                                                            onChange={[Function]}
-                                                                            value={1}
-                                                                          >
-                                                                            <Modal
-                                                                              closable={false}
-                                                                              confirmLoading={false}
-                                                                              footer={
-                                                                                Array [
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                  >
-                                                                                    Cancel
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                    type="primary"
-                                                                                  >
-                                                                                    Ok
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                ]
-                                                                              }
-                                                                              okType="primary"
-                                                                              onCancel={[Function]}
-                                                                              visible={false}
-                                                                              width="800px"
-                                                                            >
-                                                                              <Dialog
-                                                                                closable={false}
-                                                                                closeIcon={
-                                                                                  <span
-                                                                                    className="ant-modal-close-x"
-                                                                                  >
-                                                                                    <ForwardRef(CloseOutlined)
-                                                                                      className="ant-modal-close-icon"
-                                                                                    />
-                                                                                  </span>
-                                                                                }
-                                                                                confirmLoading={false}
-                                                                                focusTriggerAfterClose={true}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                maskTransitionName="ant-fade"
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                onClose={[Function]}
-                                                                                prefixCls="ant-modal"
-                                                                                transitionName="ant-zoom"
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                                wrapClassName=""
-                                                                              >
-                                                                                <PortalWrapper
-                                                                                  visible={false}
-                                                                                />
-                                                                              </Dialog>
-                                                                            </Modal>
-                                                                            <Space
-                                                                              direction="vertical"
-                                                                            >
-                                                                              <div
-                                                                                className="ant-space ant-space-vertical"
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <Item
-                                                                                  className="ant-space-item"
-                                                                                  direction="vertical"
-                                                                                  index={0}
-                                                                                  key="ant-space-item-0"
-                                                                                  marginDirection="marginRight"
-                                                                                  wrap={false}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-space-item"
-                                                                                    style={Object {}}
-                                                                                  >
-                                                                                    <div
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "alignItems": "center",
-                                                                                          "display": "flex",
-                                                                                          "justifyContent": "center",
-                                                                                        }
-                                                                                      }
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "position": "relative",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "background": "transparent",
-                                                                                              "borderStyle": "dashed",
-                                                                                              "display": "block",
-                                                                                              "height": "auto",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "background": "transparent",
-                                                                                                  "borderStyle": "dashed",
-                                                                                                  "display": "block",
-                                                                                                  "height": "auto",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <img
-                                                                                                key=".0"
-                                                                                                width="100%"
-                                                                                              />
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "bottom": 0,
-                                                                                              "left": 0,
-                                                                                              "maxWidth": "52px",
-                                                                                              "position": "absolute",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "bottom": 0,
-                                                                                                  "left": 0,
-                                                                                                  "maxWidth": "52px",
-                                                                                                  "position": "absolute",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <ForwardRef(DeleteOutlined)
-                                                                                                key=".0"
-                                                                                              >
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "delete",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="delete"
-                                                                                                    className="anticon anticon-delete"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "delete",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="delete"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-delete"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                                          key="svg-delete-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(DeleteOutlined)>
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </Item>
-                                                                              </div>
-                                                                            </Space>
-                                                                          </MediaSelector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      key="true"
-                                                      label="Claims"
-                                                      name="claims"
-                                                    >
-                                                      <WrapperField
-                                                        label="Claims"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Claims",
-                                                          }
-                                                        }
-                                                        name="claims"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_claims"
-                                                          label="Claims"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Claims",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "claims",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="claims"
-                                                                label="Claims"
-                                                                name="claims"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="claims"
-                                                                      title="Claims"
-                                                                    >
-                                                                      Claims
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Claims"
-                                                                name={
-                                                                  Array [
-                                                                    "claims",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Claims"
-                                                                            display="claim"
-                                                                            id="claims"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select claims"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select claims"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select claims"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select claims"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select claims"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="primary"
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn ant-btn-primary"
-                                                                          onClick={[Function]}
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Claim
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Excerpt"
-                                                      name="excerpt"
-                                                      rules={
-                                                        Array [
-                                                          Object {
-                                                            "max": 5000,
-                                                            "message": "Excerpt must be a maximum of 5000 characters.",
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Excerpt"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Excerpt",
-                                                          }
-                                                        }
-                                                        name="excerpt"
-                                                        onReset={[Function]}
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                          ]
-                                                        }
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_excerpt"
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "excerpt",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="excerpt"
-                                                                label="Excerpt"
-                                                                name="excerpt"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="excerpt"
-                                                                      title="Excerpt"
-                                                                    >
-                                                                      Excerpt
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Excerpt"
-                                                                name={
-                                                                  Array [
-                                                                    "excerpt",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value="excerpt of factcheck"
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="excerpt"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Excerpt"
-                                                                            rows={4}
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            value="excerpt of factcheck"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of factcheck"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="excerpt"
-                                                                              inputType="text"
-                                                                              placeholder="Excerpt"
-                                                                              prefixCls="ant-input"
-                                                                              rows={4}
-                                                                              value="excerpt of factcheck"
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="excerpt"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                value="excerpt of factcheck"
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of factcheck"
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="excerpt"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      placeholder="Excerpt"
-                                                                                      rows={4}
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "fontSize": "medium",
-                                                                                        }
-                                                                                      }
-                                                                                      value="excerpt of factcheck"
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Subtitle"
-                                                      name="subtitle"
-                                                    >
-                                                      <WrapperField
-                                                        label="Subtitle"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Subtitle",
-                                                          }
-                                                        }
-                                                        name="subtitle"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_subtitle"
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "subtitle",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="subtitle"
-                                                                label="Subtitle"
-                                                                name="subtitle"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="subtitle"
-                                                                      title="Subtitle"
-                                                                    >
-                                                                      Subtitle
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Subtitle"
-                                                                name={
-                                                                  Array [
-                                                                    "subtitle",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="subtitle"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Subtitle"
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="subtitle"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              prefixCls="ant-input"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="subtitle"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <SlugInput>
-                                                      <FormItem
-                                                        label="Slug"
-                                                        name="slug"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "message": "Please input the slug!",
-                                                              "required": true,
-                                                            },
-                                                            Object {
-                                                              "message": "Please enter valid slug!",
-                                                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Slug"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Slug",
-                                                            }
-                                                          }
-                                                          name="slug"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_slug"
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "slug",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="slug"
-                                                                  label="Slug"
-                                                                  name="slug"
-                                                                  prefixCls="ant-form"
-                                                                  required={true}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className="ant-form-item-required"
-                                                                        htmlFor="slug"
-                                                                        title="Slug"
-                                                                      >
-                                                                        Slug
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Slug"
-                                                                  name={
-                                                                    Array [
-                                                                      "slug",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                            value="factcheck-1"
-                                                                          >
-                                                                            <Input
-                                                                              id="slug"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                              value="factcheck-1"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                    value="factcheck-1"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="slug"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value="factcheck-1"
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="slug"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value="factcheck-1"
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </SlugInput>
-                                                    <FormItem
-                                                      label="Published Date"
-                                                      name="published_date"
-                                                    >
-                                                      <WrapperField
-                                                        label="Published Date"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Published Date",
-                                                          }
-                                                        }
-                                                        name="published_date"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_published_date"
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "published_date",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="published_date"
-                                                                label="Published Date"
-                                                                name="published_date"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="published_date"
-                                                                      title="Published Date"
-                                                                    >
-                                                                      Published Date
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Published Date"
-                                                                name={
-                                                                  Array [
-                                                                    "published_date",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={null}
-                                                                        >
-                                                                          <Picker
-                                                                            id="published_date"
-                                                                            onChange={[Function]}
-                                                                            value={null}
-                                                                          >
-                                                                            <LocaleReceiver
-                                                                              componentName="DatePicker"
-                                                                              defaultLocale={
-                                                                                Object {
-                                                                                  "lang": Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  },
-                                                                                  "timePickerLocale": Object {
-                                                                                    "placeholder": "Select time",
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start time",
-                                                                                      "End time",
-                                                                                    ],
-                                                                                  },
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <Picker
-                                                                                allowClear={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                components={
-                                                                                  Object {
-                                                                                    "button": [Function],
-                                                                                    "rangeItem": [Function],
-                                                                                  }
-                                                                                }
-                                                                                generateConfig={
-                                                                                  Object {
-                                                                                    "addDate": [Function],
-                                                                                    "addMonth": [Function],
-                                                                                    "addYear": [Function],
-                                                                                    "getDate": [Function],
-                                                                                    "getEndDate": [Function],
-                                                                                    "getFixedDate": [Function],
-                                                                                    "getHour": [Function],
-                                                                                    "getMinute": [Function],
-                                                                                    "getMonth": [Function],
-                                                                                    "getNow": [Function],
-                                                                                    "getSecond": [Function],
-                                                                                    "getWeekDay": [Function],
-                                                                                    "getYear": [Function],
-                                                                                    "isAfter": [Function],
-                                                                                    "isValidate": [Function],
-                                                                                    "locale": Object {
-                                                                                      "format": [Function],
-                                                                                      "getShortMonths": [Function],
-                                                                                      "getShortWeekDays": [Function],
-                                                                                      "getWeek": [Function],
-                                                                                      "getWeekFirstDate": [Function],
-                                                                                      "getWeekFirstDay": [Function],
-                                                                                      "parse": [Function],
-                                                                                    },
-                                                                                    "setDate": [Function],
-                                                                                    "setHour": [Function],
-                                                                                    "setMinute": [Function],
-                                                                                    "setMonth": [Function],
-                                                                                    "setSecond": [Function],
-                                                                                    "setYear": [Function],
-                                                                                  }
-                                                                                }
-                                                                                id="published_date"
-                                                                                locale={
-                                                                                  Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  }
-                                                                                }
-                                                                                nextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                placeholder="Select date"
-                                                                                prefixCls="ant-picker"
-                                                                                prevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                showToday={true}
-                                                                                suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                superNextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                superPrevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                transitionName="ant-slide-up"
-                                                                                value={null}
-                                                                              >
-                                                                                <InnerPicker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  pickerRef={
-                                                                                    Object {
-                                                                                      "current": Object {
-                                                                                        "blur": [Function],
-                                                                                        "focus": [Function],
-                                                                                      },
-                                                                                    }
-                                                                                  }
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={null}
-                                                                                >
-                                                                                  <PickerTrigger
-                                                                                    popupElement={
-                                                                                      <div
-                                                                                        className="ant-picker-panel-container"
-                                                                                        onMouseDown={[Function]}
-                                                                                      >
-                                                                                        <PickerPanel
-                                                                                          allowClear={true}
-                                                                                          className="ant-picker-panel-focused"
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          components={
-                                                                                            Object {
-                                                                                              "button": [Function],
-                                                                                              "rangeItem": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          generateConfig={
-                                                                                            Object {
-                                                                                              "addDate": [Function],
-                                                                                              "addMonth": [Function],
-                                                                                              "addYear": [Function],
-                                                                                              "getDate": [Function],
-                                                                                              "getEndDate": [Function],
-                                                                                              "getFixedDate": [Function],
-                                                                                              "getHour": [Function],
-                                                                                              "getMinute": [Function],
-                                                                                              "getMonth": [Function],
-                                                                                              "getNow": [Function],
-                                                                                              "getSecond": [Function],
-                                                                                              "getWeekDay": [Function],
-                                                                                              "getYear": [Function],
-                                                                                              "isAfter": [Function],
-                                                                                              "isValidate": [Function],
-                                                                                              "locale": Object {
-                                                                                                "format": [Function],
-                                                                                                "getShortMonths": [Function],
-                                                                                                "getShortWeekDays": [Function],
-                                                                                                "getWeek": [Function],
-                                                                                                "getWeekFirstDate": [Function],
-                                                                                                "getWeekFirstDay": [Function],
-                                                                                                "parse": [Function],
-                                                                                              },
-                                                                                              "setDate": [Function],
-                                                                                              "setHour": [Function],
-                                                                                              "setMinute": [Function],
-                                                                                              "setMonth": [Function],
-                                                                                              "setSecond": [Function],
-                                                                                              "setYear": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          id="published_date"
-                                                                                          locale={
-                                                                                            Object {
-                                                                                              "backToToday": "Back to today",
-                                                                                              "clear": "Clear",
-                                                                                              "dateFormat": "M/D/YYYY",
-                                                                                              "dateSelect": "select date",
-                                                                                              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                              "dayFormat": "D",
-                                                                                              "decadeSelect": "Choose a decade",
-                                                                                              "locale": "en_US",
-                                                                                              "month": "Month",
-                                                                                              "monthBeforeYear": true,
-                                                                                              "monthPlaceholder": "Select month",
-                                                                                              "monthSelect": "Choose a month",
-                                                                                              "nextCentury": "Next century",
-                                                                                              "nextDecade": "Next decade",
-                                                                                              "nextMonth": "Next month (PageDown)",
-                                                                                              "nextYear": "Next year (Control + right)",
-                                                                                              "now": "Now",
-                                                                                              "ok": "Ok",
-                                                                                              "placeholder": "Select date",
-                                                                                              "previousCentury": "Last century",
-                                                                                              "previousDecade": "Last decade",
-                                                                                              "previousMonth": "Previous month (PageUp)",
-                                                                                              "previousYear": "Last year (Control + left)",
-                                                                                              "quarterPlaceholder": "Select quarter",
-                                                                                              "rangeMonthPlaceholder": Array [
-                                                                                                "Start month",
-                                                                                                "End month",
-                                                                                              ],
-                                                                                              "rangePlaceholder": Array [
-                                                                                                "Start date",
-                                                                                                "End date",
-                                                                                              ],
-                                                                                              "rangeWeekPlaceholder": Array [
-                                                                                                "Start week",
-                                                                                                "End week",
-                                                                                              ],
-                                                                                              "rangeYearPlaceholder": Array [
-                                                                                                "Start year",
-                                                                                                "End year",
-                                                                                              ],
-                                                                                              "timeSelect": "select time",
-                                                                                              "today": "Today",
-                                                                                              "weekPlaceholder": "Select week",
-                                                                                              "weekSelect": "Choose a week",
-                                                                                              "year": "Year",
-                                                                                              "yearFormat": "YYYY",
-                                                                                              "yearPlaceholder": "Select year",
-                                                                                              "yearSelect": "Choose a year",
-                                                                                            }
-                                                                                          }
-                                                                                          nextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={null}
-                                                                                          onPanelChange={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          pickerRef={
-                                                                                            Object {
-                                                                                              "current": Object {
-                                                                                                "blur": [Function],
-                                                                                                "focus": [Function],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          placeholder="Select date"
-                                                                                          prefixCls="ant-picker"
-                                                                                          prevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          showToday={true}
-                                                                                          suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                          superNextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          superPrevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          tabIndex={-1}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={null}
-                                                                                        />
-                                                                                      </div>
-                                                                                    }
-                                                                                    popupPlacement="bottomLeft"
-                                                                                    prefixCls="ant-picker"
-                                                                                    transitionName="ant-slide-up"
-                                                                                    visible={false}
-                                                                                  >
-                                                                                    <Trigger
-                                                                                      action={Array []}
-                                                                                      afterPopupVisibleChange={[Function]}
-                                                                                      autoDestroy={false}
-                                                                                      blurDelay={0.15}
-                                                                                      builtinPlacements={
-                                                                                        Object {
-                                                                                          "bottomLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tl",
-                                                                                              "bl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "bottomRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tr",
-                                                                                              "br",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "bl",
-                                                                                              "tl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "br",
-                                                                                              "tr",
-                                                                                            ],
-                                                                                          },
-                                                                                        }
-                                                                                      }
-                                                                                      defaultPopupVisible={false}
-                                                                                      destroyPopupOnHide={false}
-                                                                                      focusDelay={0}
-                                                                                      getDocument={[Function]}
-                                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                                      hideAction={Array []}
-                                                                                      mask={false}
-                                                                                      maskClosable={true}
-                                                                                      mouseEnterDelay={0}
-                                                                                      mouseLeaveDelay={0.1}
-                                                                                      onPopupAlign={[Function]}
-                                                                                      onPopupVisibleChange={[Function]}
-                                                                                      popup={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupAlign={Object {}}
-                                                                                      popupClassName=""
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      popupStyle={Object {}}
-                                                                                      popupTransitionName="ant-slide-up"
-                                                                                      popupVisible={false}
-                                                                                      prefixCls="ant-picker-dropdown"
-                                                                                      showAction={Array []}
-                                                                                    >
-                                                                                      <div
-                                                                                        className="ant-picker"
-                                                                                        key="trigger"
-                                                                                        onMouseUp={[Function]}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker-input"
-                                                                                        >
-                                                                                          <input
-                                                                                            autoComplete="off"
-                                                                                            id="published_date"
-                                                                                            onBlur={[Function]}
-                                                                                            onChange={[Function]}
-                                                                                            onFocus={[Function]}
-                                                                                            onKeyDown={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                            placeholder="Select date"
-                                                                                            readOnly={true}
-                                                                                            size={12}
-                                                                                            title=""
-                                                                                            value=""
-                                                                                          />
-                                                                                          <span
-                                                                                            className="ant-picker-suffix"
-                                                                                          >
-                                                                                            <ForwardRef(CalendarOutlined)>
-                                                                                              <AntdIcon
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "calendar",
-                                                                                                    "theme": "outlined",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <span
-                                                                                                  aria-label="calendar"
-                                                                                                  className="anticon anticon-calendar"
-                                                                                                  role="img"
-                                                                                                >
-                                                                                                  <IconReact
-                                                                                                    icon={
-                                                                                                      Object {
-                                                                                                        "icon": Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "focusable": "false",
-                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                          },
-                                                                                                          "children": Array [
-                                                                                                            Object {
-                                                                                                              "attrs": Object {
-                                                                                                                "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                              },
-                                                                                                              "tag": "path",
-                                                                                                            },
-                                                                                                          ],
-                                                                                                          "tag": "svg",
-                                                                                                        },
-                                                                                                        "name": "calendar",
-                                                                                                        "theme": "outlined",
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <svg
-                                                                                                      aria-hidden="true"
-                                                                                                      data-icon="calendar"
-                                                                                                      fill="currentColor"
-                                                                                                      focusable="false"
-                                                                                                      height="1em"
-                                                                                                      key="svg-calendar"
-                                                                                                      viewBox="64 64 896 896"
-                                                                                                      width="1em"
-                                                                                                    >
-                                                                                                      <path
-                                                                                                        d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                        key="svg-calendar-svg-0"
-                                                                                                      />
-                                                                                                    </svg>
-                                                                                                  </IconReact>
-                                                                                                </span>
-                                                                                              </AntdIcon>
-                                                                                            </ForwardRef(CalendarOutlined)>
-                                                                                          </span>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </Trigger>
-                                                                                  </PickerTrigger>
-                                                                                </InnerPicker>
-                                                                              </Picker>
-                                                                            </LocaleReceiver>
-                                                                          </Picker>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Categories"
-                                                      name="categories"
-                                                    >
-                                                      <WrapperField
-                                                        label="Categories"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Categories",
-                                                          }
-                                                        }
-                                                        name="categories"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_categories"
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "categories",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="categories"
-                                                                label="Categories"
-                                                                name="categories"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="categories"
-                                                                      title="Categories"
-                                                                    >
-                                                                      Categories
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Categories"
-                                                                name={
-                                                                  Array [
-                                                                    "categories",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Categories"
-                                                                            createEntity="Category"
-                                                                            id="categories"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No categories available. Type something to create new Category"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select categories"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select categories"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Tags"
-                                                      name="tags"
-                                                    >
-                                                      <WrapperField
-                                                        label="Tags"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Tags",
-                                                          }
-                                                        }
-                                                        name="tags"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_tags"
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "tags",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="tags"
-                                                                label="Tags"
-                                                                name="tags"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="tags"
-                                                                      title="Tags"
-                                                                    >
-                                                                      Tags
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Tags"
-                                                                name={
-                                                                  Array [
-                                                                    "tags",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Tags"
-                                                                            createEntity="Tag"
-                                                                            id="tags"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select tags"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select tags"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select tags"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Authors"
-                                                      name="authors"
-                                                    >
-                                                      <WrapperField
-                                                        label="Authors"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Authors",
-                                                          }
-                                                        }
-                                                        name="authors"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_authors"
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "authors",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="authors"
-                                                                label="Authors"
-                                                                name="authors"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="authors"
-                                                                      title="Authors"
-                                                                    >
-                                                                      Authors
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Authors"
-                                                                name={
-                                                                  Array [
-                                                                    "authors",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Authors"
-                                                                            display="display_name"
-                                                                            id="authors"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select authors"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select authors"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select authors"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Data
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Code Injection
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            View Schemas
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Fields
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <Modal
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Copy
-                                                          </ForwardRef(InternalButton)>,
-                                                          <a
-                                                            className="ant-btn ant-btn-secondary"
-                                                            href="https://search.google.com/test/rich-results"
-                                                            rel="noreferrer noopener"
-                                                            target="_blank"
-                                                          >
-                                                            Test in Google Rich Results Text
-                                                          </a>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      onOk={[Function]}
-                                                      title="View Schemas"
-                                                      visible={false}
-                                                      width={520}
-                                                    >
-                                                      <Dialog
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        onOk={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        title="View Schemas"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width={520}
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Meta data
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Meta data
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Title"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "title",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Title"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Title",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_title"
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_title"
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_title"
-                                                                      title="Meta Title"
-                                                                    >
-                                                                      Meta Title
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_title"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_title"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_title"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Description"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "description",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Description"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Description",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_description"
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_description"
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_description"
-                                                                      title="Meta Description"
-                                                                    >
-                                                                      Meta Description
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="meta_description"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="meta_description"
-                                                                              inputType="text"
-                                                                              prefixCls="ant-input"
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="meta_description"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="meta_description"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      style={Object {}}
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Canonical URL"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "canonical_URL",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Canonical URL"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Canonical URL",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_canonical_URL"
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_canonical_URL"
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_canonical_URL"
-                                                                      title="Canonical URL"
-                                                                    >
-                                                                      Canonical URL
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_canonical_URL"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_canonical_URL"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_canonical_URL"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Code Injection
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={710}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={710}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={710}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "710px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Code Injection
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Header Code"
-                                                      name="header_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Header Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Header Code",
-                                                          }
-                                                        }
-                                                        name="header_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_header_code"
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "header_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="header_code"
-                                                                label="Header Code"
-                                                                name="header_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="header_code"
-                                                                      title="Header Code"
-                                                                    >
-                                                                      Header Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Header Code"
-                                                                name={
-                                                                  Array [
-                                                                    "header_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="header_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Footer Code"
-                                                      name="footer_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Footer Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Footer Code",
-                                                          }
-                                                        }
-                                                        name="footer_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_footer_code"
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "footer_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="footer_code"
-                                                                label="Footer Code"
-                                                                name="footer_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="footer_code"
-                                                                      title="Footer Code"
-                                                                    >
-                                                                      Footer Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Footer Code"
-                                                                name={
-                                                                  Array [
-                                                                    "footer_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="footer_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Meta Fields
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Meta Fields
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      extra="add JSON if you have to pass any extra data"
-                                                      label="Meta Fields"
-                                                      name="meta_fields"
-                                                    >
-                                                      <WrapperField
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Fields",
-                                                          }
-                                                        }
-                                                        name="meta_fields"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_fields"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta_fields",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                htmlFor="meta_fields"
-                                                                label="Meta Fields"
-                                                                name="meta_fields"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_fields"
-                                                                      title="Meta Fields"
-                                                                    >
-                                                                      Meta Fields
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                label="Meta Fields"
-                                                                name={
-                                                                  Array [
-                                                                    "meta_fields",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="meta_fields"
-                                                                            language="json"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={440}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                    <div
-                                                                      className="ant-form-item-extra"
-                                                                    >
-                                                                      add JSON if you have to pass any extra data
-                                                                    </div>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </div>
-                    </Item>
-                  </div>
-                </Space>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </FactCheckForm>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Fact-check form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FactCheckForm
-        actions={
-          Array [
-            "publish",
-          ]
-        }
-      >
-        <Prompt
-          message="You have unsaved changes, are you sure you want to leave?"
-          when={false}
-        />
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "status": "draft",
-            }
-          }
-          layout="vertical"
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-vertical"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "status": "draft",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-vertical"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Space
-                  direction="vertical"
-                >
-                  <div
-                    className="ant-space ant-space-vertical"
-                    style={Object {}}
-                  >
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={0}
-                      key="ant-space-item-0"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={
-                          Object {
-                            "marginBottom": 8,
-                          }
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "float": "right",
-                            }
-                          }
-                        >
-                          <Space
-                            direction="horizontal"
-                          >
-                            <div
-                              className="ant-space ant-space-horizontal ant-space-align-center"
-                              style={Object {}}
-                            >
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={0}
-                                key="ant-space-item-0"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              />
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={1}
-                                key="ant-space-item-1"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="draft"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "draft",
-                                        }
-                                      }
-                                      name="draft"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_draft"
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "draft",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="draft"
-                                              name="draft"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "draft",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Dropdown
-                                                          id="draft"
-                                                          mouseEnterDelay={0.15}
-                                                          mouseLeaveDelay={0.1}
-                                                          onChange={[Function]}
-                                                          overlay={
-                                                            <Menu>
-                                                              <MenuItem>
-                                                                Ready to Publish 
-                                                                <ForwardRef
-                                                                  checked={false}
-                                                                  onChange={[Function]}
-                                                                />
-                                                              </MenuItem>
-                                                            </Menu>
-                                                          }
-                                                        >
-                                                          <ForwardRef(Dropdown)
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={[Function]}
-                                                            overlayClassName=""
-                                                            placement="bottomLeft"
-                                                            prefixCls="ant-dropdown"
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <Trigger
-                                                              action={
-                                                                Array [
-                                                                  "hover",
-                                                                ]
-                                                              }
-                                                              afterPopupVisibleChange={[Function]}
-                                                              autoDestroy={false}
-                                                              blurDelay={0.15}
-                                                              builtinPlacements={
-                                                                Object {
-                                                                  "bottomCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tc",
-                                                                      "bc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tl",
-                                                                      "bl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tr",
-                                                                      "br",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bc",
-                                                                      "tc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bl",
-                                                                      "tl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "br",
-                                                                      "tr",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                }
-                                                              }
-                                                              defaultPopupVisible={false}
-                                                              destroyPopupOnHide={false}
-                                                              focusDelay={0}
-                                                              getDocument={[Function]}
-                                                              getPopupClassNameFromAlign={[Function]}
-                                                              hideAction={Array []}
-                                                              id="draft"
-                                                              mask={false}
-                                                              maskClosable={true}
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              onPopupAlign={[Function]}
-                                                              onPopupVisibleChange={[Function]}
-                                                              overlay={[Function]}
-                                                              popup={[Function]}
-                                                              popupAlign={Object {}}
-                                                              popupClassName=""
-                                                              popupPlacement="bottomLeft"
-                                                              popupStyle={Object {}}
-                                                              popupTransitionName="ant-slide-up"
-                                                              prefixCls="ant-dropdown"
-                                                              showAction={Array []}
-                                                              stretch="minWidth"
-                                                            >
-                                                              <Button
-                                                                className="ant-dropdown-trigger"
-                                                                htmlType="submit"
-                                                                key="trigger"
-                                                                onClick={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                type="secondary"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                    onClick={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onMouseLeave={[Function]}
-                                                                    type="submit"
-                                                                  >
-                                                                    <LoadingIcon
-                                                                      existIcon={false}
-                                                                      loading={false}
-                                                                      prefixCls="ant-btn"
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionName="ant-btn-loading-icon-motion"
-                                                                        onAppearActive={[Function]}
-                                                                        onAppearStart={[Function]}
-                                                                        onEnterActive={[Function]}
-                                                                        onEnterStart={[Function]}
-                                                                        onLeaveActive={[Function]}
-                                                                        onLeaveStart={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </LoadingIcon>
-                                                                    <span
-                                                                      key=".0"
-                                                                    >
-                                                                      Save
-                                                                    </span>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </Trigger>
-                                                          </ForwardRef(Dropdown)>
-                                                        </Dropdown>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={2}
-                                key="ant-space-item-2"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="submit"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "submit",
-                                        }
-                                      }
-                                      name="submit"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_submit"
-                                        messageVariables={
-                                          Object {
-                                            "label": "submit",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "submit",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="submit"
-                                              name="submit"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "submit",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          htmlType="submit"
-                                                          id="submit"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="submit"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="submit"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Publish
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={3}
-                                key="ant-space-item-3"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={Object {}}
-                                >
-                                  <FormItem
-                                    name="drawerOpen"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "drawerOpen",
-                                        }
-                                      }
-                                      name="drawerOpen"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_drawerOpen"
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "drawerOpen",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="drawerOpen"
-                                              name="drawerOpen"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "drawerOpen",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="drawerOpen"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="drawerOpen"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <ForwardRef(SettingFilled)
-                                                                key=".0"
-                                                              >
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "setting",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="setting"
-                                                                    className="anticon anticon-setting"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "setting",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="setting"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-setting"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                          key="svg-setting-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(SettingFilled)>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                            </div>
-                          </Space>
-                        </div>
-                      </div>
-                    </Item>
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={1}
-                      key="ant-space-item-1"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={Object {}}
-                      >
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              xl={
-                                Object {
-                                  "offset": 3,
-                                  "span": 18,
-                                }
-                              }
-                              xs={
-                                Object {
-                                  "span": 24,
-                                }
-                              }
-                              xxl={
-                                Object {
-                                  "offset": 6,
-                                  "span": 12,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="title"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the title!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Title must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "title",
-                                      }
-                                    }
-                                    name="title"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": undefined,
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_title"
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "title",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="title"
-                                            name="title"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "title",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <ForwardRef
-                                                        autoSize={
-                                                          Object {
-                                                            "maxRows": 6,
-                                                            "minRows": 2,
-                                                          }
-                                                        }
-                                                        bordered={false}
-                                                        id="title"
-                                                        onChange={[Function]}
-                                                        placeholder="Add title for the fact-check"
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "2.5rem",
-                                                            "fontWeight": "bold",
-                                                            "textAlign": "center",
-                                                          }
-                                                        }
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          element={
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                            />
-                                                          }
-                                                          handleReset={[Function]}
-                                                          id="title"
-                                                          inputType="text"
-                                                          placeholder="Add title for the fact-check"
-                                                          prefixCls="ant-input"
-                                                          value=""
-                                                        >
-                                                          <TextArea
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            className="ant-input-borderless"
-                                                            id="title"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            placeholder="Add title for the fact-check"
-                                                            prefixCls="ant-input"
-                                                            style={
-                                                              Object {
-                                                                "fontSize": "2.5rem",
-                                                                "fontWeight": "bold",
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                            value=""
-                                                          >
-                                                            <ResizableTextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Add title for the fact-check"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value=""
-                                                            >
-                                                              <ResizeObserver
-                                                                disabled={false}
-                                                                onResize={[Function]}
-                                                              >
-                                                                <textarea
-                                                                  className="ant-input ant-input-borderless"
-                                                                  id="title"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  placeholder="Add title for the fact-check"
-                                                                  style={
-                                                                    Object {
-                                                                      "fontSize": "2.5rem",
-                                                                      "fontWeight": "bold",
-                                                                      "textAlign": "center",
-                                                                    }
-                                                                  }
-                                                                  value=""
-                                                                />
-                                                              </ResizeObserver>
-                                                            </ResizableTextArea>
-                                                          </TextArea>
-                                                        </ClearableLabeledInput>
-                                                      </ForwardRef>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <DescriptionInput
-                                  formItemProps={
-                                    Object {
-                                      "className": "post-description",
-                                    }
-                                  }
-                                  noLabel={true}
-                                >
-                                  <FormItem
-                                    className="post-description"
-                                    name="description"
-                                  >
-                                    <WrapperField
-                                      className="post-description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "description",
-                                        }
-                                      }
-                                      name="description"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        className="post-description"
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item post-description"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item post-description"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              className="post-description"
-                                              htmlFor="description"
-                                              name="description"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              className="post-description"
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "description",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Editor
-                                                          id="description"
-                                                          onChange={[Function]}
-                                                        >
-                                                          <div
-                                                            style={null}
-                                                          />
-                                                        </Editor>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </DescriptionInput>
-                                <DrawerWrapper
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Settings
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={366}
-                                >
-                                  <Drawer
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={366}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={366}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "366px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Settings
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                  >
-                                                    <FormItem
-                                                      label="Featured Image"
-                                                      name="featured_medium_id"
-                                                    >
-                                                      <WrapperField
-                                                        label="Featured Image"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Featured Image",
-                                                          }
-                                                        }
-                                                        name="featured_medium_id"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_featured_medium_id"
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "featured_medium_id",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="featured_medium_id"
-                                                                label="Featured Image"
-                                                                name="featured_medium_id"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="featured_medium_id"
-                                                                      title="Featured Image"
-                                                                    >
-                                                                      Featured Image
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Featured Image"
-                                                                name={
-                                                                  Array [
-                                                                    "featured_medium_id",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MediaSelector
-                                                                            id="featured_medium_id"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <Modal
-                                                                              closable={false}
-                                                                              confirmLoading={false}
-                                                                              footer={
-                                                                                Array [
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                  >
-                                                                                    Cancel
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                    type="primary"
-                                                                                  >
-                                                                                    Ok
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                ]
-                                                                              }
-                                                                              okType="primary"
-                                                                              onCancel={[Function]}
-                                                                              visible={false}
-                                                                              width="800px"
-                                                                            >
-                                                                              <Dialog
-                                                                                closable={false}
-                                                                                closeIcon={
-                                                                                  <span
-                                                                                    className="ant-modal-close-x"
-                                                                                  >
-                                                                                    <ForwardRef(CloseOutlined)
-                                                                                      className="ant-modal-close-icon"
-                                                                                    />
-                                                                                  </span>
-                                                                                }
-                                                                                confirmLoading={false}
-                                                                                focusTriggerAfterClose={true}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                maskTransitionName="ant-fade"
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                onClose={[Function]}
-                                                                                prefixCls="ant-modal"
-                                                                                transitionName="ant-zoom"
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                                wrapClassName=""
-                                                                              >
-                                                                                <PortalWrapper
-                                                                                  visible={false}
-                                                                                />
-                                                                              </Dialog>
-                                                                            </Modal>
-                                                                            <Space
-                                                                              direction="vertical"
-                                                                            >
-                                                                              <div
-                                                                                className="ant-space ant-space-vertical"
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <Item
-                                                                                  className="ant-space-item"
-                                                                                  direction="vertical"
-                                                                                  index={0}
-                                                                                  key="ant-space-item-0"
-                                                                                  marginDirection="marginRight"
-                                                                                  wrap={false}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-space-item"
-                                                                                    style={Object {}}
-                                                                                  >
-                                                                                    <div
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "alignItems": "center",
-                                                                                          "display": "flex",
-                                                                                          "justifyContent": "center",
-                                                                                        }
-                                                                                      }
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "position": "relative",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "background": "transparent",
-                                                                                              "borderStyle": "dashed",
-                                                                                              "display": "block",
-                                                                                              "height": "auto",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "background": "transparent",
-                                                                                                  "borderStyle": "dashed",
-                                                                                                  "display": "block",
-                                                                                                  "height": "auto",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <img
-                                                                                                key=".0"
-                                                                                                width="100%"
-                                                                                              />
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "bottom": 0,
-                                                                                              "left": 0,
-                                                                                              "maxWidth": "52px",
-                                                                                              "position": "absolute",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "bottom": 0,
-                                                                                                  "left": 0,
-                                                                                                  "maxWidth": "52px",
-                                                                                                  "position": "absolute",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <ForwardRef(DeleteOutlined)
-                                                                                                key=".0"
-                                                                                              >
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "delete",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="delete"
-                                                                                                    className="anticon anticon-delete"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "delete",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="delete"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-delete"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                                          key="svg-delete-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(DeleteOutlined)>
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </Item>
-                                                                              </div>
-                                                                            </Space>
-                                                                          </MediaSelector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      key="true"
-                                                      label="Claims"
-                                                      name="claims"
-                                                    >
-                                                      <WrapperField
-                                                        label="Claims"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Claims",
-                                                          }
-                                                        }
-                                                        name="claims"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_claims"
-                                                          label="Claims"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Claims",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "claims",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="claims"
-                                                                label="Claims"
-                                                                name="claims"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="claims"
-                                                                      title="Claims"
-                                                                    >
-                                                                      Claims
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Claims"
-                                                                name={
-                                                                  Array [
-                                                                    "claims",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Selector
-                                                                            action="Claims"
-                                                                            display="claim"
-                                                                            id="claims"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={Array []}
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select claims"
-                                                                              searchValue=""
-                                                                              value={Array []}
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={Array []}
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select claims"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={Array []}
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select claims"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={Set {}}
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={Set {}}
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={Array []}
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                                <span
-                                                                                                  class="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select claims
-                                                                                                </span>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select claims"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={Array []}
-                                                                                          values={Array []}
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={Array []}
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-placeholder"
-                                                                                                    >
-                                                                                                      Select claims
-                                                                                                    </span>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select claims"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={Array []}
-                                                                                              values={Array []}
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={Array []}
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={0}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                              <span
-                                                                                                className="ant-select-selection-placeholder"
-                                                                                              >
-                                                                                                Select claims
-                                                                                              </span>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="primary"
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn ant-btn-primary"
-                                                                          onClick={[Function]}
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Claim
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Excerpt"
-                                                      name="excerpt"
-                                                      rules={
-                                                        Array [
-                                                          Object {
-                                                            "max": 5000,
-                                                            "message": "Excerpt must be a maximum of 5000 characters.",
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Excerpt"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Excerpt",
-                                                          }
-                                                        }
-                                                        name="excerpt"
-                                                        onReset={[Function]}
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                          ]
-                                                        }
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_excerpt"
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "excerpt",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="excerpt"
-                                                                label="Excerpt"
-                                                                name="excerpt"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="excerpt"
-                                                                      title="Excerpt"
-                                                                    >
-                                                                      Excerpt
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Excerpt"
-                                                                name={
-                                                                  Array [
-                                                                    "excerpt",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="excerpt"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Excerpt"
-                                                                            rows={4}
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="excerpt"
-                                                                              inputType="text"
-                                                                              placeholder="Excerpt"
-                                                                              prefixCls="ant-input"
-                                                                              rows={4}
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="excerpt"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="excerpt"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      placeholder="Excerpt"
-                                                                                      rows={4}
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "fontSize": "medium",
-                                                                                        }
-                                                                                      }
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Subtitle"
-                                                      name="subtitle"
-                                                    >
-                                                      <WrapperField
-                                                        label="Subtitle"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Subtitle",
-                                                          }
-                                                        }
-                                                        name="subtitle"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_subtitle"
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "subtitle",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="subtitle"
-                                                                label="Subtitle"
-                                                                name="subtitle"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="subtitle"
-                                                                      title="Subtitle"
-                                                                    >
-                                                                      Subtitle
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Subtitle"
-                                                                name={
-                                                                  Array [
-                                                                    "subtitle",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="subtitle"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Subtitle"
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="subtitle"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              prefixCls="ant-input"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="subtitle"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <SlugInput>
-                                                      <FormItem
-                                                        label="Slug"
-                                                        name="slug"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "message": "Please input the slug!",
-                                                              "required": true,
-                                                            },
-                                                            Object {
-                                                              "message": "Please enter valid slug!",
-                                                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Slug"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Slug",
-                                                            }
-                                                          }
-                                                          name="slug"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_slug"
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "slug",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="slug"
-                                                                  label="Slug"
-                                                                  name="slug"
-                                                                  prefixCls="ant-form"
-                                                                  required={true}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className="ant-form-item-required"
-                                                                        htmlFor="slug"
-                                                                        title="Slug"
-                                                                      >
-                                                                        Slug
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Slug"
-                                                                  name={
-                                                                    Array [
-                                                                      "slug",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Input
-                                                                              id="slug"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="slug"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="slug"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value=""
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </SlugInput>
-                                                    <FormItem
-                                                      label="Published Date"
-                                                      name="published_date"
-                                                    >
-                                                      <WrapperField
-                                                        label="Published Date"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Published Date",
-                                                          }
-                                                        }
-                                                        name="published_date"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_published_date"
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "published_date",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="published_date"
-                                                                label="Published Date"
-                                                                name="published_date"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="published_date"
-                                                                      title="Published Date"
-                                                                    >
-                                                                      Published Date
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Published Date"
-                                                                name={
-                                                                  Array [
-                                                                    "published_date",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Picker
-                                                                            id="published_date"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <LocaleReceiver
-                                                                              componentName="DatePicker"
-                                                                              defaultLocale={
-                                                                                Object {
-                                                                                  "lang": Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  },
-                                                                                  "timePickerLocale": Object {
-                                                                                    "placeholder": "Select time",
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start time",
-                                                                                      "End time",
-                                                                                    ],
-                                                                                  },
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <Picker
-                                                                                allowClear={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                components={
-                                                                                  Object {
-                                                                                    "button": [Function],
-                                                                                    "rangeItem": [Function],
-                                                                                  }
-                                                                                }
-                                                                                generateConfig={
-                                                                                  Object {
-                                                                                    "addDate": [Function],
-                                                                                    "addMonth": [Function],
-                                                                                    "addYear": [Function],
-                                                                                    "getDate": [Function],
-                                                                                    "getEndDate": [Function],
-                                                                                    "getFixedDate": [Function],
-                                                                                    "getHour": [Function],
-                                                                                    "getMinute": [Function],
-                                                                                    "getMonth": [Function],
-                                                                                    "getNow": [Function],
-                                                                                    "getSecond": [Function],
-                                                                                    "getWeekDay": [Function],
-                                                                                    "getYear": [Function],
-                                                                                    "isAfter": [Function],
-                                                                                    "isValidate": [Function],
-                                                                                    "locale": Object {
-                                                                                      "format": [Function],
-                                                                                      "getShortMonths": [Function],
-                                                                                      "getShortWeekDays": [Function],
-                                                                                      "getWeek": [Function],
-                                                                                      "getWeekFirstDate": [Function],
-                                                                                      "getWeekFirstDay": [Function],
-                                                                                      "parse": [Function],
-                                                                                    },
-                                                                                    "setDate": [Function],
-                                                                                    "setHour": [Function],
-                                                                                    "setMinute": [Function],
-                                                                                    "setMonth": [Function],
-                                                                                    "setSecond": [Function],
-                                                                                    "setYear": [Function],
-                                                                                  }
-                                                                                }
-                                                                                id="published_date"
-                                                                                locale={
-                                                                                  Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  }
-                                                                                }
-                                                                                nextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                placeholder="Select date"
-                                                                                prefixCls="ant-picker"
-                                                                                prevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                showToday={true}
-                                                                                suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                superNextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                superPrevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                transitionName="ant-slide-up"
-                                                                              >
-                                                                                <InnerPicker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  pickerRef={
-                                                                                    Object {
-                                                                                      "current": Object {
-                                                                                        "blur": [Function],
-                                                                                        "focus": [Function],
-                                                                                      },
-                                                                                    }
-                                                                                  }
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                >
-                                                                                  <PickerTrigger
-                                                                                    popupElement={
-                                                                                      <div
-                                                                                        className="ant-picker-panel-container"
-                                                                                        onMouseDown={[Function]}
-                                                                                      >
-                                                                                        <PickerPanel
-                                                                                          allowClear={true}
-                                                                                          className="ant-picker-panel-focused"
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          components={
-                                                                                            Object {
-                                                                                              "button": [Function],
-                                                                                              "rangeItem": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          generateConfig={
-                                                                                            Object {
-                                                                                              "addDate": [Function],
-                                                                                              "addMonth": [Function],
-                                                                                              "addYear": [Function],
-                                                                                              "getDate": [Function],
-                                                                                              "getEndDate": [Function],
-                                                                                              "getFixedDate": [Function],
-                                                                                              "getHour": [Function],
-                                                                                              "getMinute": [Function],
-                                                                                              "getMonth": [Function],
-                                                                                              "getNow": [Function],
-                                                                                              "getSecond": [Function],
-                                                                                              "getWeekDay": [Function],
-                                                                                              "getYear": [Function],
-                                                                                              "isAfter": [Function],
-                                                                                              "isValidate": [Function],
-                                                                                              "locale": Object {
-                                                                                                "format": [Function],
-                                                                                                "getShortMonths": [Function],
-                                                                                                "getShortWeekDays": [Function],
-                                                                                                "getWeek": [Function],
-                                                                                                "getWeekFirstDate": [Function],
-                                                                                                "getWeekFirstDay": [Function],
-                                                                                                "parse": [Function],
-                                                                                              },
-                                                                                              "setDate": [Function],
-                                                                                              "setHour": [Function],
-                                                                                              "setMinute": [Function],
-                                                                                              "setMonth": [Function],
-                                                                                              "setSecond": [Function],
-                                                                                              "setYear": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          id="published_date"
-                                                                                          locale={
-                                                                                            Object {
-                                                                                              "backToToday": "Back to today",
-                                                                                              "clear": "Clear",
-                                                                                              "dateFormat": "M/D/YYYY",
-                                                                                              "dateSelect": "select date",
-                                                                                              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                              "dayFormat": "D",
-                                                                                              "decadeSelect": "Choose a decade",
-                                                                                              "locale": "en_US",
-                                                                                              "month": "Month",
-                                                                                              "monthBeforeYear": true,
-                                                                                              "monthPlaceholder": "Select month",
-                                                                                              "monthSelect": "Choose a month",
-                                                                                              "nextCentury": "Next century",
-                                                                                              "nextDecade": "Next decade",
-                                                                                              "nextMonth": "Next month (PageDown)",
-                                                                                              "nextYear": "Next year (Control + right)",
-                                                                                              "now": "Now",
-                                                                                              "ok": "Ok",
-                                                                                              "placeholder": "Select date",
-                                                                                              "previousCentury": "Last century",
-                                                                                              "previousDecade": "Last decade",
-                                                                                              "previousMonth": "Previous month (PageUp)",
-                                                                                              "previousYear": "Last year (Control + left)",
-                                                                                              "quarterPlaceholder": "Select quarter",
-                                                                                              "rangeMonthPlaceholder": Array [
-                                                                                                "Start month",
-                                                                                                "End month",
-                                                                                              ],
-                                                                                              "rangePlaceholder": Array [
-                                                                                                "Start date",
-                                                                                                "End date",
-                                                                                              ],
-                                                                                              "rangeWeekPlaceholder": Array [
-                                                                                                "Start week",
-                                                                                                "End week",
-                                                                                              ],
-                                                                                              "rangeYearPlaceholder": Array [
-                                                                                                "Start year",
-                                                                                                "End year",
-                                                                                              ],
-                                                                                              "timeSelect": "select time",
-                                                                                              "today": "Today",
-                                                                                              "weekPlaceholder": "Select week",
-                                                                                              "weekSelect": "Choose a week",
-                                                                                              "year": "Year",
-                                                                                              "yearFormat": "YYYY",
-                                                                                              "yearPlaceholder": "Select year",
-                                                                                              "yearSelect": "Choose a year",
-                                                                                            }
-                                                                                          }
-                                                                                          nextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={null}
-                                                                                          onPanelChange={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          pickerRef={
-                                                                                            Object {
-                                                                                              "current": Object {
-                                                                                                "blur": [Function],
-                                                                                                "focus": [Function],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          placeholder="Select date"
-                                                                                          prefixCls="ant-picker"
-                                                                                          prevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          showToday={true}
-                                                                                          suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                          superNextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          superPrevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          tabIndex={-1}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={null}
-                                                                                        />
-                                                                                      </div>
-                                                                                    }
-                                                                                    popupPlacement="bottomLeft"
-                                                                                    prefixCls="ant-picker"
-                                                                                    transitionName="ant-slide-up"
-                                                                                    visible={false}
-                                                                                  >
-                                                                                    <Trigger
-                                                                                      action={Array []}
-                                                                                      afterPopupVisibleChange={[Function]}
-                                                                                      autoDestroy={false}
-                                                                                      blurDelay={0.15}
-                                                                                      builtinPlacements={
-                                                                                        Object {
-                                                                                          "bottomLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tl",
-                                                                                              "bl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "bottomRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tr",
-                                                                                              "br",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "bl",
-                                                                                              "tl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "br",
-                                                                                              "tr",
-                                                                                            ],
-                                                                                          },
-                                                                                        }
-                                                                                      }
-                                                                                      defaultPopupVisible={false}
-                                                                                      destroyPopupOnHide={false}
-                                                                                      focusDelay={0}
-                                                                                      getDocument={[Function]}
-                                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                                      hideAction={Array []}
-                                                                                      mask={false}
-                                                                                      maskClosable={true}
-                                                                                      mouseEnterDelay={0}
-                                                                                      mouseLeaveDelay={0.1}
-                                                                                      onPopupAlign={[Function]}
-                                                                                      onPopupVisibleChange={[Function]}
-                                                                                      popup={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupAlign={Object {}}
-                                                                                      popupClassName=""
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      popupStyle={Object {}}
-                                                                                      popupTransitionName="ant-slide-up"
-                                                                                      popupVisible={false}
-                                                                                      prefixCls="ant-picker-dropdown"
-                                                                                      showAction={Array []}
-                                                                                    >
-                                                                                      <div
-                                                                                        className="ant-picker"
-                                                                                        key="trigger"
-                                                                                        onMouseUp={[Function]}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker-input"
-                                                                                        >
-                                                                                          <input
-                                                                                            autoComplete="off"
-                                                                                            id="published_date"
-                                                                                            onBlur={[Function]}
-                                                                                            onChange={[Function]}
-                                                                                            onFocus={[Function]}
-                                                                                            onKeyDown={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                            placeholder="Select date"
-                                                                                            readOnly={true}
-                                                                                            size={12}
-                                                                                            title=""
-                                                                                            value=""
-                                                                                          />
-                                                                                          <span
-                                                                                            className="ant-picker-suffix"
-                                                                                          >
-                                                                                            <ForwardRef(CalendarOutlined)>
-                                                                                              <AntdIcon
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "calendar",
-                                                                                                    "theme": "outlined",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <span
-                                                                                                  aria-label="calendar"
-                                                                                                  className="anticon anticon-calendar"
-                                                                                                  role="img"
-                                                                                                >
-                                                                                                  <IconReact
-                                                                                                    icon={
-                                                                                                      Object {
-                                                                                                        "icon": Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "focusable": "false",
-                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                          },
-                                                                                                          "children": Array [
-                                                                                                            Object {
-                                                                                                              "attrs": Object {
-                                                                                                                "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                              },
-                                                                                                              "tag": "path",
-                                                                                                            },
-                                                                                                          ],
-                                                                                                          "tag": "svg",
-                                                                                                        },
-                                                                                                        "name": "calendar",
-                                                                                                        "theme": "outlined",
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <svg
-                                                                                                      aria-hidden="true"
-                                                                                                      data-icon="calendar"
-                                                                                                      fill="currentColor"
-                                                                                                      focusable="false"
-                                                                                                      height="1em"
-                                                                                                      key="svg-calendar"
-                                                                                                      viewBox="64 64 896 896"
-                                                                                                      width="1em"
-                                                                                                    >
-                                                                                                      <path
-                                                                                                        d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                        key="svg-calendar-svg-0"
-                                                                                                      />
-                                                                                                    </svg>
-                                                                                                  </IconReact>
-                                                                                                </span>
-                                                                                              </AntdIcon>
-                                                                                            </ForwardRef(CalendarOutlined)>
-                                                                                          </span>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </Trigger>
-                                                                                  </PickerTrigger>
-                                                                                </InnerPicker>
-                                                                              </Picker>
-                                                                            </LocaleReceiver>
-                                                                          </Picker>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Categories"
-                                                      name="categories"
-                                                    >
-                                                      <WrapperField
-                                                        label="Categories"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Categories",
-                                                          }
-                                                        }
-                                                        name="categories"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_categories"
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "categories",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="categories"
-                                                                label="Categories"
-                                                                name="categories"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="categories"
-                                                                      title="Categories"
-                                                                    >
-                                                                      Categories
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Categories"
-                                                                name={
-                                                                  Array [
-                                                                    "categories",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Selector
-                                                                            action="Categories"
-                                                                            createEntity="Category"
-                                                                            id="categories"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={Array []}
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No categories available. Type something to create new Category"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              searchValue=""
-                                                                              value={Array []}
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={Array []}
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={Array []}
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={Set {}}
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={Set {}}
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={Array []}
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                                <span
-                                                                                                  class="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select categories
-                                                                                                </span>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select categories"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={Array []}
-                                                                                          values={Array []}
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={Array []}
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-placeholder"
-                                                                                                    >
-                                                                                                      Select categories
-                                                                                                    </span>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select categories"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={Array []}
-                                                                                              values={Array []}
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={Array []}
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={0}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                              <span
-                                                                                                className="ant-select-selection-placeholder"
-                                                                                              >
-                                                                                                Select categories
-                                                                                              </span>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Tags"
-                                                      name="tags"
-                                                    >
-                                                      <WrapperField
-                                                        label="Tags"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Tags",
-                                                          }
-                                                        }
-                                                        name="tags"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_tags"
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "tags",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="tags"
-                                                                label="Tags"
-                                                                name="tags"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="tags"
-                                                                      title="Tags"
-                                                                    >
-                                                                      Tags
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Tags"
-                                                                name={
-                                                                  Array [
-                                                                    "tags",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Selector
-                                                                            action="Tags"
-                                                                            createEntity="Tag"
-                                                                            id="tags"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={Array []}
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select tags"
-                                                                              searchValue=""
-                                                                              value={Array []}
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={Array []}
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={Array []}
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={Set {}}
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={Set {}}
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={Array []}
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                                <span
-                                                                                                  class="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select tags
-                                                                                                </span>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select tags"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={Array []}
-                                                                                          values={Array []}
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={Array []}
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-placeholder"
-                                                                                                    >
-                                                                                                      Select tags
-                                                                                                    </span>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select tags"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={Array []}
-                                                                                              values={Array []}
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={Array []}
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={0}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                              <span
-                                                                                                className="ant-select-selection-placeholder"
-                                                                                              >
-                                                                                                Select tags
-                                                                                              </span>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Authors"
-                                                      name="authors"
-                                                    >
-                                                      <WrapperField
-                                                        label="Authors"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Authors",
-                                                          }
-                                                        }
-                                                        name="authors"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_authors"
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "authors",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="authors"
-                                                                label="Authors"
-                                                                name="authors"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="authors"
-                                                                      title="Authors"
-                                                                    >
-                                                                      Authors
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Authors"
-                                                                name={
-                                                                  Array [
-                                                                    "authors",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Selector
-                                                                            action="Authors"
-                                                                            display="display_name"
-                                                                            id="authors"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={Array []}
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select authors"
-                                                                              searchValue=""
-                                                                              value={Array []}
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={Array []}
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={Array []}
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={Set {}}
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={Set {}}
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={Array []}
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                                <span
-                                                                                                  class="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select authors
-                                                                                                </span>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select authors"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={Array []}
-                                                                                          values={Array []}
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={Array []}
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-placeholder"
-                                                                                                    >
-                                                                                                      Select authors
-                                                                                                    </span>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select authors"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={Array []}
-                                                                                              values={Array []}
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={Array []}
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={0}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                              <span
-                                                                                                className="ant-select-selection-placeholder"
-                                                                                              >
-                                                                                                Select authors
-                                                                                              </span>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Data
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Code Injection
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            View Schemas
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Fields
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <Modal
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Copy
-                                                          </ForwardRef(InternalButton)>,
-                                                          <a
-                                                            className="ant-btn ant-btn-secondary"
-                                                            href="https://search.google.com/test/rich-results"
-                                                            rel="noreferrer noopener"
-                                                            target="_blank"
-                                                          >
-                                                            Test in Google Rich Results Text
-                                                          </a>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      onOk={[Function]}
-                                                      title="View Schemas"
-                                                      visible={false}
-                                                      width={520}
-                                                    >
-                                                      <Dialog
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        onOk={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        title="View Schemas"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width={520}
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Meta data
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Meta data
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Title"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "title",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Title"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Title",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_title"
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_title"
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_title"
-                                                                      title="Meta Title"
-                                                                    >
-                                                                      Meta Title
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_title"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_title"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_title"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Description"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "description",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Description"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Description",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_description"
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_description"
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_description"
-                                                                      title="Meta Description"
-                                                                    >
-                                                                      Meta Description
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="meta_description"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="meta_description"
-                                                                              inputType="text"
-                                                                              prefixCls="ant-input"
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="meta_description"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="meta_description"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      style={Object {}}
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Canonical URL"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "canonical_URL",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Canonical URL"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Canonical URL",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_canonical_URL"
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_canonical_URL"
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_canonical_URL"
-                                                                      title="Canonical URL"
-                                                                    >
-                                                                      Canonical URL
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_canonical_URL"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_canonical_URL"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_canonical_URL"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Code Injection
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={710}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={710}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={710}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "710px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Code Injection
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Header Code"
-                                                      name="header_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Header Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Header Code",
-                                                          }
-                                                        }
-                                                        name="header_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_header_code"
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "header_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="header_code"
-                                                                label="Header Code"
-                                                                name="header_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="header_code"
-                                                                      title="Header Code"
-                                                                    >
-                                                                      Header Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Header Code"
-                                                                name={
-                                                                  Array [
-                                                                    "header_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="header_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Footer Code"
-                                                      name="footer_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Footer Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Footer Code",
-                                                          }
-                                                        }
-                                                        name="footer_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_footer_code"
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "footer_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="footer_code"
-                                                                label="Footer Code"
-                                                                name="footer_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="footer_code"
-                                                                      title="Footer Code"
-                                                                    >
-                                                                      Footer Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Footer Code"
-                                                                name={
-                                                                  Array [
-                                                                    "footer_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="footer_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Meta Fields
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Meta Fields
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      extra="add JSON if you have to pass any extra data"
-                                                      label="Meta Fields"
-                                                      name="meta_fields"
-                                                    >
-                                                      <WrapperField
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Fields",
-                                                          }
-                                                        }
-                                                        name="meta_fields"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_fields"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta_fields",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                htmlFor="meta_fields"
-                                                                label="Meta Fields"
-                                                                name="meta_fields"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_fields"
-                                                                      title="Meta Fields"
-                                                                    >
-                                                                      Meta Fields
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                label="Meta Fields"
-                                                                name={
-                                                                  Array [
-                                                                    "meta_fields",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="meta_fields"
-                                                                            language="json"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={440}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                    <div
-                                                                      className="ant-form-item-extra"
-                                                                    >
-                                                                      add JSON if you have to pass any extra data
-                                                                    </div>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </div>
-                    </Item>
-                  </div>
-                </Space>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </FactCheckForm>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/fact-checks/components/sach-fact-check/factcheck.css b/studio/src/pages/fact-checks/components/sach-fact-check/factcheck.css
deleted file mode 100644
index f72e934a2..000000000
--- a/studio/src/pages/fact-checks/components/sach-fact-check/factcheck.css
+++ /dev/null
@@ -1,60 +0,0 @@
-.FactCheckContainer {
-  border-radius: 6px;
-  padding: 8px 16px;
-  margin: 8px 0px;
-  width: 100%;
-  border: 1px solid #d1d5db;
-}
-
-.FactCheckContainer:hover {
-  background-color: #f3f4f6;
-  /* box-shadow: 0 8px 8px -4px white; */
-}
-.FactCheckTitle {
-  font-size: 18px;
-  font-weight: 600;
-}
-
-.ClaimContainer {
-  display: flex;
-}
-
-.ClaimTextContainer {
-  width: 50%;
-  padding: 4px 12px 4px 4px;
-}
-.ClaimText {
-  font-size: 14px;
-  font-weight: 400;
-  color: #4b5563;
-}
-
-.ClaimDetailsContainer {
-  background-color: #ffffff;
-  margin-top: 12px;
-  padding: 10px 15px;
-  border-left: 3px solid black;
-  border-radius: 0px 5px 5px 0px;
-  font-size: 14px;
-  font-weight: 400;
-  justify-self: center;
-  width: 60%;
-  /* flex-grow: 1; */
-}
-
-.ClaimDetailsText {
-  color: #4b5563;
-}
-
-.Date {
-  color: #6b7280;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.ClaimTextStyle {
-  font-size: '14px';
-  font-weight: 900;
-  color: '#4B5563';
-  font-family: 'Inter', sans-serif;
-}
diff --git a/studio/src/pages/fact-checks/components/sach-fact-check/index.js b/studio/src/pages/fact-checks/components/sach-fact-check/index.js
deleted file mode 100644
index 969a869b3..000000000
--- a/studio/src/pages/fact-checks/components/sach-fact-check/index.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import { getDatefromString } from '../../../../utils/date';
-import { getTrimmedURL } from '../../../../utils/url';
-import './factcheck.css';
-const FactCheck = ({ factCheck, setActiveFactCheck }) => {
-  return (
-    // <div className={styles.FactCheckContainer} onMouseOver={() => setActiveFactCheck(factCheck)}>
-    <div className={'FactCheckContainer'}>
-      <h2 className={'FactCheckTitle'}>{factCheck?.title}</h2>
-      <a href={factCheck?.pageurl} style={{ display: 'block', marginBottom: '16px' }}>
-        {getTrimmedURL(factCheck.pageurl)}
-      </a>
-      <div className={'ClaimContainer'}>
-        <div className={'ClaimTextContainer'}>
-          <h3 className={'ClaimTextStyle'}>Claim :</h3>
-          <p className={'ClaimText'}>{factCheck?.claims?.[0].text}</p>
-        </div>
-        <div className={'ClaimDetailsContainer'}>
-          {factCheck?.claims?.[0]?.claimant ? (
-            <p>
-              <strong>Claim by : </strong>
-              <span className={'ClaimDetailsText'}>{factCheck?.claims?.[0].claimant}</span>
-            </p>
-          ) : null}
-          <p>
-            <strong>Fact Check by : </strong>
-            <span className={'ClaimDetailsText'}>{factCheck?.publisher.name}</span>
-          </p>
-          <p>
-            <strong>Rating :</strong>
-            <span className={'ClaimDetailsText'}>
-              {factCheck?.claims?.[0].claimreview[0].textualrating}
-            </span>
-          </p>
-        </div>
-      </div>
-      <p className={'Date'}>{getDatefromString(factCheck?.date)}</p>
-    </div>
-  );
-};
-
-export default FactCheck;
diff --git a/studio/src/pages/fact-checks/components/sach-fact-check/index.tsx b/studio/src/pages/fact-checks/components/sach-fact-check/index.tsx
new file mode 100644
index 000000000..109c72398
--- /dev/null
+++ b/studio/src/pages/fact-checks/components/sach-fact-check/index.tsx
@@ -0,0 +1,99 @@
+import React from "react";
+import {
+  Card,
+  CardContent,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import { getDatefromString } from "../../../../utils/date";
+import { getTrimmedURL } from "../../../../utils/url";
+
+// Define TypeScript interfaces for our data structure
+interface ClaimReview {
+  textualrating: string;
+}
+
+interface Claim {
+  text: string;
+  claimant?: string;
+  claimreview: ClaimReview[];
+}
+
+interface Publisher {
+  name: string;
+}
+
+interface FactCheckProps {
+  factCheck: {
+    title: string;
+    pageurl: string;
+    claims: Claim[];
+    publisher: Publisher;
+    date: string;
+  };
+  setActiveFactCheck?: (factCheck: any) => void;
+}
+
+const FactCheck: React.FC<FactCheckProps> = ({
+  factCheck,
+  setActiveFactCheck,
+}) => {
+  return (
+    <Card
+      className="w-full hover:bg-gray-50 transition-colors duration-200"
+      onMouseOver={() => setActiveFactCheck && setActiveFactCheck(factCheck)}
+    >
+      <CardHeader className="pb-2">
+        <CardTitle className="text-lg font-semibold">
+          {factCheck.title}
+        </CardTitle>
+        <a
+          href={factCheck.pageurl}
+          className="text-sm text-blue-600 hover:underline"
+        >
+          {getTrimmedURL(factCheck.pageurl)}
+        </a>
+      </CardHeader>
+
+      <CardContent className="pt-0">
+        <div className="flex flex-col md:flex-row gap-4">
+          <div className="w-full md:w-1/2">
+            <h3 className="text-sm font-bold text-gray-600">Claim:</h3>
+            <p className="text-sm text-gray-600">{factCheck.claims[0].text}</p>
+          </div>
+
+          <div className="w-full md:w-1/2 bg-white p-3 border-l-3 border-l-black rounded-r">
+            {factCheck.claims[0].claimant && (
+              <p className="text-sm mb-1">
+                <span className="font-bold">Claim by: </span>
+                <span className="text-gray-600">
+                  {factCheck.claims[0].claimant}
+                </span>
+              </p>
+            )}
+            <p className="text-sm mb-1">
+              <span className="font-bold">Fact Check by: </span>
+              <span className="text-gray-600">{factCheck.publisher.name}</span>
+            </p>
+            <p className="text-sm">
+              <span className="font-bold">Rating: </span>
+              <Badge variant="outline" className="ml-1 font-normal">
+                {factCheck.claims[0].claimreview[0].textualrating}
+              </Badge>
+            </p>
+          </div>
+        </div>
+      </CardContent>
+
+      <CardFooter className="pt-0">
+        <p className="text-xs text-gray-500">
+          {getDatefromString(factCheck.date)}
+        </p>
+      </CardFooter>
+    </Card>
+  );
+};
+
+export default FactCheck;
diff --git a/studio/src/pages/fact-checks/hooks/useFactCheckData.tsx b/studio/src/pages/fact-checks/hooks/useFactCheckData.tsx
new file mode 100644
index 000000000..9435a2f9c
--- /dev/null
+++ b/studio/src/pages/fact-checks/hooks/useFactCheckData.tsx
@@ -0,0 +1,37 @@
+
+// hooks/useFactCheckData.ts
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import { FilterValues, FactCheckListData, RootState } from "../types";
+
+export const useFactCheckData = (params: FilterValues): FactCheckListData => {
+  return useSelector((state: RootState) => {
+    const node = state.posts.req.find((item) => {
+      return deepEqual(item.query, params);
+    });
+
+    if (node) {
+      return {
+        posts: node.data.map((element) => {
+          const post = { ...state.posts.details[element] };
+          post.medium = state.media.details[post.featured_medium_id];
+          return post;
+        }),
+        total: node.total,
+        loading: state.posts.loading,
+        tags: state.tags.details,
+        categories: state.categories.details,
+        authors: state.authors.details,
+      };
+    }
+
+    return {
+      posts: [],
+      total: 0,
+      loading: state.posts.loading,
+      tags: {},
+      categories: {},
+      authors: {},
+    };
+  });
+};
diff --git a/studio/src/pages/fact-checks/hooks/useFactCheckFilters.tsx b/studio/src/pages/fact-checks/hooks/useFactCheckFilters.tsx
new file mode 100644
index 000000000..832448e69
--- /dev/null
+++ b/studio/src/pages/fact-checks/hooks/useFactCheckFilters.tsx
@@ -0,0 +1,82 @@
+import { useState, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import Filters from "../../../utils/filters";
+import { FilterValues, Formats } from "../types";
+
+export const useFactCheckFilters = (
+  query: URLSearchParams,
+  formats: Formats
+) => {
+  const [searchText, setSearchText] = useState(query.get("q") || "");
+  const [status, setStatus] = useState(query.get("status") || "all");
+  const [filters, setFilters] = useState<FilterValues>({
+    page: parseInt(query.get("page") || "1", 10),
+    limit: parseInt(query.get("limit") || "10", 10),
+    status: query.get("status") || "all",
+    q: query.get("q") || "",
+    format:
+      formats && !formats.loading && formats.factcheck
+        ? [formats.factcheck.id]
+        : [],
+  });
+
+  // Initialize form
+  const form = useForm({
+    defaultValues: {
+      format: filters.format || [],
+      tag: [],
+      category: [],
+      author: [],
+    },
+  });
+
+  // Update form when URL params change
+  useEffect(() => {
+    const keys = [
+      "format",
+      "page",
+      "limit",
+      "q",
+      "tag",
+      "category",
+      "author",
+      "status",
+    ];
+
+    const params: any = {};
+
+    keys.forEach((key) => {
+      if (
+        key === "tag" ||
+        key === "category" ||
+        key === "author" ||
+        key === "format"
+      ) {
+        params[key] = query.getAll(key).map((val) => parseInt(val, 10));
+      } else if (key === "page" || key === "limit") {
+        params[key] = parseInt(
+          query.get(key) || (key === "page" ? "1" : "10"),
+          10
+        );
+      } else {
+        params[key] = query.get(key) || "";
+      }
+    });
+
+    if (formats && !formats.loading && formats.factcheck) {
+      params.format = [formats.factcheck.id];
+    }
+
+    form.reset(new Filters(params));
+  }, [query.toString(), formats.loading, form]);
+
+  return {
+    searchText,
+    setSearchText,
+    status,
+    setStatus,
+    filters,
+    setFilters,
+    form,
+  };
+};
diff --git a/studio/src/pages/fact-checks/hooks/useFactCheckPagination.tsx b/studio/src/pages/fact-checks/hooks/useFactCheckPagination.tsx
new file mode 100644
index 000000000..c5e7776da
--- /dev/null
+++ b/studio/src/pages/fact-checks/hooks/useFactCheckPagination.tsx
@@ -0,0 +1,41 @@
+// hooks/useFactCheckPagination.ts
+import { useCallback } from "react";
+import { FilterValues } from "../types";
+
+export const useFactCheckPagination = (
+  filters: FilterValues,
+  navigate: (to: { pathname: string; search: string }) => void,
+  pathname: string,
+  query: URLSearchParams,
+  total: number
+) => {
+  const handlePageChange = useCallback((page: number) => {
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("page", page.toString());
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  }, [navigate, pathname, query]);
+
+  const handlePageSizeChange = useCallback((size: number) => {
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("limit", size.toString());
+    newQuery.set("page", "1");
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  }, [navigate, pathname, query]);
+
+  // Calculate total pages
+  const totalPages = Math.max(1, Math.ceil(total / (filters.limit || 10)));
+
+  return {
+    handlePageChange,
+    handlePageSizeChange,
+    totalPages,
+  };
+};
diff --git a/studio/src/pages/fact-checks/index.js b/studio/src/pages/fact-checks/index.js
deleted file mode 100644
index c45054998..000000000
--- a/studio/src/pages/fact-checks/index.js
+++ /dev/null
@@ -1,349 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect } from 'react';
-import {
-  Space,
-  Button,
-  Form,
-  Col,
-  Row,
-  Input,
-  Select,
-  Tabs,
-  Typography,
-  Tooltip,
-  ConfigProvider,
-} from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import getUserPermission from '../../utils/getUserPermission';
-import { useSelector, useDispatch } from 'react-redux';
-import FactCheckList from '../../components/List';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import Template from '../../components/Template';
-import { getPosts } from '../../actions/posts';
-import Selector from '../../components/Selector';
-import deepEqual from 'deep-equal';
-import getUrlParams from '../../utils/getUrlParams';
-import { UpOutlined, DownOutlined } from '@ant-design/icons';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-import Filters from '../../utils/filters';
-
-function FactCheck({ formats }) {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'fact-checks', action: 'get', spaces });
-  const { search, pathname } = useLocation();
-  let query = new URLSearchParams(search);
-  const { Option } = Select;
-  const [form] = Form.useForm();
-  const dispatch = useDispatch();
-  const history = useNavigate();
-  const [expand, setExpand] = React.useState(false);
-  const [searchFieldExpand, setSearchFieldExpand] = React.useState(false);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-  const [status, setStatus] = React.useState('all');
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-  const getFields = () => {
-    const children = [];
-    expand &&
-      children.push(
-        <Col span={isMobileScreen ? 24 : 8} key={5}>
-          <Form.Item name="tag" label="Tags">
-            <Selector mode="multiple" action="Tags" placeholder="Filter Tags" />
-          </Form.Item>
-        </Col>,
-        <Col span={isMobileScreen ? 24 : 8} key={6}>
-          <Form.Item name="category" label="Categories">
-            <Selector mode="multiple" action="Categories" placeholder="Filter Categories" />
-          </Form.Item>
-        </Col>,
-        <Col span={isMobileScreen ? 24 : 8} key={7}>
-          <Form.Item name="author" label="Authors">
-            <Selector
-              mode="multiple"
-              action="Authors"
-              placeholder="Filter Authors"
-              display="display_name"
-            />
-          </Form.Item>
-        </Col>,
-      );
-    return children;
-  };
-
-  const keys = ['format', 'page', 'limit', 'q', 'sort', 'tag', 'category', 'author', 'status'];
-  const params = getUrlParams(query, keys);
-  if (formats && !formats.loading && formats.factcheck) {
-    params['format'] = [formats.factcheck.id];
-  }
-
-  useEffect(() => {
-    if (form) {
-      form.setFieldsValue(new Filters(params));
-    }
-  }, [search, formats.loading]);
-
-  React.useEffect(() => {
-    fetchPosts();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [search, formats.loading]);
-
-  const fetchPosts = () => {
-    dispatch(getPosts(params));
-  };
-  const { posts, total, loading, tags, categories } = useSelector((state) => {
-    const node = state.posts.req.find((item) => {
-      return deepEqual(item.query, params);
-    });
-
-    if (node)
-      return {
-        posts: node.data.map((element) => {
-          const post = state.posts.details[element];
-
-          post.medium = state.media.details[post.featured_medium_id];
-          return post;
-        }),
-        total: node.total,
-        loading: state.posts.loading,
-        tags: state.tags.details,
-        categories: state.categories.details,
-        authors: state.authors.details,
-      };
-    return {
-      posts: [],
-      total: 0,
-      loading: state.posts.loading,
-      tags: {},
-      categories: {},
-      authors: {},
-    };
-  });
-  const factCheckStatusItems = [
-    {
-      key: 'all',
-      label: 'All',
-    },
-    {
-      key: 'publish',
-      label: 'Published',
-    },
-    {
-      key: 'future',
-      label: 'Future Publish',
-    },
-    {
-      key: 'ready',
-      label: 'Ready to Publish',
-    },
-    {
-      key: 'draft',
-      label: 'Drafts',
-    },
-  ];
-
-  const onSave = (values) => {
-    let searchFilter = new URLSearchParams();
-    status !== 'all' && searchFilter.set('status', status);
-    Object.keys(values).forEach(function (key) {
-      if (values[key]) {
-        if (key === 'format' || key === 'tag' || key === 'author' || key === 'category') {
-          values[key].map((each) => {
-            return searchFilter.append(key, each);
-          });
-        } else {
-          if (values.status !== 'all') searchFilter.set(key, values[key]);
-        }
-      }
-    });
-    if (formats && !formats.loading && formats.article) {
-      searchFilter.set('format', formats.article.id);
-    }
-    history({
-      pathName: pathname,
-      search: '?' + searchFilter.toString(),
-    });
-  };
-
-  const onPagination = (page, limit) => {
-    query.set('limit', limit);
-    query.set('page', page);
-    history({
-      pathName: pathname,
-      search: '?' + query.toString(),
-    });
-  };
-
-  return formats.loading ? (
-    <Loader />
-  ) : formats.factcheck ? (
-    <Space direction="vertical">
-      <Helmet title={'Fact-checks'} />
-      <Template format={formats.factcheck} />
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 0,
-            },
-          },
-        }}
-      >
-        <Form
-          initialValues={params}
-          form={form}
-          name="filters"
-          onFinish={(values) => onSave(values)}
-          style={{ maxWidth: '100%' }}
-          className="ant-advanced-search-form"
-          onValuesChange={(changedValues, allValues) => {
-            if (!changedValues.q) {
-              onSave(allValues);
-            }
-          }}
-        >
-          <Row justify="space-between" gutter={16}>
-            <Col>
-              <Row gutter={16}>
-                <Col>
-                  <Typography.Title
-                    level={3}
-                    style={{ margin: 0, display: 'inline', color: '#1E1E1E' }}
-                  >
-                    Fact-checks
-                  </Typography.Title>
-                </Col>
-                <Col>
-                  {searchFieldExpand ? (
-                    <Row>
-                      <Form.Item name="q">
-                        <Input placeholder="Search pages" />
-                      </Form.Item>
-                      <Form.Item>
-                        <Button htmlType="submit" icon={<SearchOutlined />}>
-                          Search
-                        </Button>
-                      </Form.Item>
-                    </Row>
-                  ) : (
-                    <Tooltip title="search">
-                      <Button
-                        shape="circle"
-                        type="text"
-                        onFocus={() => {
-                          setSearchFieldExpand(true);
-                          setTimeout(() => {
-                            form.getFieldsValue().q === undefined && setSearchFieldExpand(false);
-                          }, 10000);
-                        }}
-                        icon={<SearchOutlined />}
-                      />
-                    </Tooltip>
-                  )}
-                </Col>
-              </Row>
-            </Col>
-            <Col span={isMobileScreen ? 24 : 8}>
-              <Row justify="end" gutter={16}>
-                <Col span={24}>
-                  <Row justify="end">
-                    <Link to="/fact-checks/create">
-                      <Button
-                        disabled={!(actions.includes('admin') || actions.includes('create'))}
-                        type="primary"
-                        icon={<PlusOutlined />}
-                        style={{ marginBottom: 16 }}
-                      >
-                        Create
-                      </Button>
-                    </Link>
-                  </Row>
-                  <Row gutter={16} justify={isMobileScreen ? 'space-between' : 'end'}>
-                    <Col>
-                      <Form.Item label="Sort By" name="sort">
-                        <Select placeholder="Sort By" defaultValue="desc" style={{ width: '100%' }}>
-                          <Option value="desc" key={'desc'}>
-                            Latest
-                          </Option>
-                          <Option value="asc" key={'asc'}>
-                            Old
-                          </Option>
-                        </Select>
-                      </Form.Item>
-                    </Col>
-                    <Col>
-                      <Button
-                        type="secondary"
-                        style={{ background: '#F1F1F1' }}
-                        onClick={() => {
-                          setExpand(!expand);
-                        }}
-                      >
-                        {expand ? (
-                          <>
-                            Hide Filters <UpOutlined />
-                          </>
-                        ) : (
-                          <>
-                            More Filters <DownOutlined />
-                          </>
-                        )}
-                      </Button>
-                    </Col>
-                  </Row>
-                </Col>
-              </Row>
-            </Col>
-            <Col span={24}>
-              <Row justify="space-between" style={{ marginTop: 16 }} gutter={42}>
-                {getFields()}
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-      <Tabs
-        defaultActiveKey={query.get('status') || 'all'}
-        items={factCheckStatusItems}
-        onChange={(key) => {
-          query.set('status', key);
-          setStatus(key);
-          history({
-            pathName: pathname,
-            search: '?' + query.toString(),
-          });
-        }}
-      />
-      <FactCheckList
-        actions={actions}
-        format={formats.factcheck}
-        data={{
-          posts: posts,
-          total: total,
-          loading: loading,
-          tags: tags,
-          categories: categories,
-        }}
-        filters={params}
-        onPagination={onPagination}
-        fetchPosts={fetchPosts}
-      />
-    </Space>
-  ) : (
-    <FormatNotFound status="info" title="Fact-Check format not found" link="/formats/create" />
-  );
-}
-
-export default FactCheck;
diff --git a/studio/src/pages/fact-checks/index.test.js b/studio/src/pages/fact-checks/index.test.js
deleted file mode 100644
index 7537a4804..000000000
--- a/studio/src/pages/fact-checks/index.test.js
+++ /dev/null
@@ -1,393 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import FactCheck from './index';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { shallow, mount } from 'enzyme';
-import { getPosts } from '../../actions/posts';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-}));
-
-jest.mock('../../actions/posts', () => ({
-  getPosts: jest.fn(),
-  addPost: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'Factcheck', slug: 'fact-check' },
-  loading: false,
-};
-let state = {
-  posts: {
-    req: [],
-    details: {},
-    loading: false,
-  },
-  authors: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  tags: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  categories: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  formats: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-
-  claims: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  claimants: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  ratings: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-};
-
-describe('FactCheck component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore(state);
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <FactCheck permission={{ actions: ['create'] }} formats={formats} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      const state2 = { ...state };
-      state2.posts = {
-        req: [
-          {
-            data: [1],
-            query: {},
-            total: 1,
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            title: 'FactCheck-1',
-            slug: 'factcheck-1',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 2,
-          },
-        },
-        loading: false,
-      };
-      const store2 = mockStore(state2);
-      const tree = mount(
-        <Provider store={store2}>
-          <Router>
-            <FactCheck permission={{ actions: ['create'] }} formats={formats} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getPosts).toHaveBeenCalledWith({ format: [2], limit: 10, page: 1, sort: 'desc' });
-      expect(getPosts).toHaveBeenCalledWith({
-        page: 1,
-        format: [2],
-        status: 'template',
-      });
-    });
-    it('should display FormatNotFound if format not found', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <FactCheck
-              permission={{ actions: ['create'] }}
-              formats={{
-                loading: false,
-              }}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree.find(FormatNotFound).length).toBe(1);
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle url search params', () => {
-      let wrapper;
-      window.history.pushState({}, '', '/fact-checks?limit=20&page=1&sort=desc&category=1');
-      const state2 = { ...state };
-      state2.posts = {
-        req: [
-          {
-            data: [1],
-            query: {
-              page: 1,
-              limit: 20,
-              format: [2],
-              status: null,
-            },
-            total: 1,
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            title: 'FactCheck-1',
-            slug: 'factcheck-1',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 2,
-            category_id: 1,
-          },
-        },
-        loading: false,
-      };
-      const store2 = mockStore(state2);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <FactCheck permission={{ actions: ['create'] }} formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(getPosts).toHaveBeenCalledWith({
-        page: 1,
-        format: [2],
-        status: 'template',
-      });
-      expect(getPosts).toHaveBeenCalledWith({
-        page: 1,
-        limit: 20,
-        sort: 'desc',
-        category: [1],
-        format: [2],
-      });
-    });
-    it('should submit filters', () => {
-      store = mockStore({
-        posts: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-                limit: 20,
-                q: 'desc',
-                category: [1],
-                format: [2],
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              title: 'FactCheck-1',
-              slug: 'factcheck-1',
-              tag_line: 'tag_line',
-              medium_id: 1,
-              format_id: 2,
-              status: 'draft',
-              categories: [1],
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        authors: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        tags: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        claims: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        claimants: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        ratings: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        categories: {
-          req: [],
-          details: {
-            1: {
-              id: 1,
-              name: 'Category',
-            },
-          },
-          loading: false,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-        media: {
-          req: [],
-          details: {
-            id: 1,
-            name: 'uppy/english/2020/8/1600852886756_pnggrad16rgb.png',
-            slug: 'uppy-english-2020-8-1600852886756-pnggrad16rgb-png',
-            type: 'image/png',
-            title: 'png',
-            description: 'png',
-            caption: 'png',
-            alt_text: 'png',
-            file_size: 3974,
-            url: 'http://storage.googleapis.com/sample.png',
-          },
-          loading: false,
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FactCheck permission={{ actions: ['create'] }} formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const moreFilter = wrapper.find('Button').at(1);
-        expect(moreFilter.text()).toBe('More Filters ');
-        moreFilter.simulate('click');
-      });
-      act(() => {
-        wrapper.update();
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'Explainer' } });
-        wrapper
-          .find('FormItem')
-          .at(3)
-          .find('Select')
-          .props()
-          .onChange({ target: { value: 'asc' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Select')
-          .props()
-          .onChange({ target: { value: 'all' } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('Selector')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [2] } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find('Selector')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [] } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Search');
-        submitButtom.simulate('submit');
-      });
-      setTimeout(() => {
-        expect(getPosts).toHaveBeenCalledWith({
-          page: 1,
-          limit: 20,
-          sort: 'asc',
-          format: [1],
-          q: 'Explainer',
-          tag: [2],
-          category: [],
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/fact-checks/index.tsx b/studio/src/pages/fact-checks/index.tsx
new file mode 100644
index 000000000..8136a9d8f
--- /dev/null
+++ b/studio/src/pages/fact-checks/index.tsx
@@ -0,0 +1,434 @@
+import { useEffect, useState, useCallback } from "react";
+import { useLocation, useNavigate, Link } from "react-router-dom";
+import { useDispatch, useSelector } from "react-redux";
+import { Helmet } from "react-helmet";
+import debounce from "lodash/debounce";
+// UI Components
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { PlusCircle } from "lucide-react";
+// Custom components
+import FactCheckList from "../../components/List";
+import FormatNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import Template from "../../components/Template";
+import Loader from "../../components/Loader";
+import SearchInput from "../../components/SearchInput";
+import SearchButton from "../../components/SearchButton";
+import StatusTabs from "@/components/StatusTabs";
+import FiltersPopover from "@/components/FiltersPopover";
+import PaginationFooter from "../../components/PaginationFooter";
+import SecuredButton from "@/components/SecuredButton";
+// Hooks and utils
+import { useIsMobile } from "@/hooks/use-mobile";
+import { useSidebar } from "@/components/ui/sidebar";
+import getUserPermission from "../../utils/getUserPermission";
+import getUrlParams from "../../utils/getUrlParams";
+import { getPosts } from "../../actions/posts";
+import { useFactCheckFilters } from "./hooks/useFactCheckFilters";
+import { useFactCheckData } from "./hooks/useFactCheckData";
+import { useFactCheckPagination } from "./hooks/useFactCheckPagination";
+// Types
+import { FactCheckProps, FilterValues } from "./types";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+
+const FactCheck: React.FC<FactCheckProps> = ({ formats }) => {
+  const dispatch = useDispatch();
+  const { search, pathname } = useLocation();
+  const navigate = useNavigate();
+  const isMobile = useIsMobile();
+  const { state } = useSidebar();
+
+  // Read the current search query from URL
+  const query = new URLSearchParams(search);
+
+  // State
+  const [templatesOpen, setTemplatesOpen] = useState(false);
+  const [isFiltersOpen, setIsFiltersOpen] = useState(false);
+  const [isSearchExpanded, setIsSearchExpanded] = useState(!!query.get("q"));
+
+  // Sorting state
+  const [sortBy, setSortBy] = useState<string>(query.get("sortBy") || "date");
+
+  // Custom hooks
+  const { searchText, setSearchText, status, setStatus, filters, form } =
+    useFactCheckFilters(query, formats);
+
+  // Get user permissions
+  const spaces = useSelector((state: any) => state.spaces);
+  const actions = getUserPermission({
+    resource: "fact-checks",
+    action: "get",
+    spaces,
+  });
+
+  // Get params for API call
+  const keys = [
+    "format",
+    "page",
+    "limit",
+    "q",
+    "sortBy",
+    "tag",
+    "category",
+    "author",
+    "status",
+  ];
+  const params = getUrlParams(query, keys);
+
+  if (formats && !formats.loading && formats.factcheck) {
+    params["format"] = [formats.factcheck.id];
+  }
+
+  // Get data and pagination
+  const { posts, total, loading, tags, categories, authors } =
+    useFactCheckData(params);
+  const { totalPages, handlePageChange, handlePageSizeChange } =
+    useFactCheckPagination(filters, navigate, pathname, query, total);
+
+  const fetchPosts = () => {
+    dispatch(getPosts(params));
+  };
+  // Fetch posts when URL search params change or formats load
+  useEffect(() => {
+    fetchPosts();
+  }, [search, formats.loading]);
+
+  // If we have search text, make sure search is expanded on mobile
+  useEffect(() => {
+    if (searchText && isMobile && !isSearchExpanded) {
+      setIsSearchExpanded(true);
+    }
+  }, [searchText, isMobile, isSearchExpanded]);
+
+  const handleSortByChange = (column: string) => {
+    setSortBy(column);
+
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("sortBy", column);
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  // Handler for creating a new fact check
+  const handleCreateFactCheck = () => {
+    navigate("/fact-checks/create");
+  };
+
+  // Debounced search function to update URL
+  const debouncedSearch = useCallback(
+    debounce((value: string) => {
+      const newQuery = new URLSearchParams(query.toString());
+
+      if (value.trim()) {
+        newQuery.set("q", value);
+      } else {
+        newQuery.delete("q");
+      }
+
+      // Reset page when searching
+      newQuery.set("page", "1");
+
+      navigate({
+        pathname,
+        search: "?" + newQuery.toString(),
+      });
+    }, 500),
+    [pathname, query]
+  );
+
+  // Handle search input change with debounce
+  const handleSearch = (value) => {
+    setSearchText(value);
+    debouncedSearch(value);
+  };
+
+  // Clear search
+  const clearSearch = () => {
+    setSearchText("");
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.delete("q");
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+
+    // If on mobile, collapse the search input
+    if (isMobile) {
+      setIsSearchExpanded(false);
+    }
+  };
+
+  // Toggle search expansion for mobile
+  const toggleSearch = () => {
+    setIsSearchExpanded(!isSearchExpanded);
+  };
+
+  // Handle status tab change
+  const handleStatusChange = (value: string) => {
+    const newQuery = new URLSearchParams(query.toString());
+
+    if (value === "all") {
+      newQuery.delete("status");
+    } else {
+      newQuery.set("status", value);
+    }
+
+    // Reset page when changing status
+    newQuery.set("page", "1");
+
+    setStatus(value);
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  // Handle applying filters from the filter popover
+  const onSave = (values: FilterValues) => {
+    const searchFilter = new URLSearchParams();
+
+    // Preserve existing search text if present
+    if (searchText.trim()) {
+      searchFilter.set("q", searchText);
+    }
+
+    // Add status filter
+    if (status !== "all") {
+      searchFilter.set("status", status);
+    }
+
+    // Add sortBy param
+    searchFilter.set("sortBy", sortBy);
+
+    // Add all other filter values
+    Object.entries(values).forEach(([key, value]) => {
+      if (value && key !== "q") {
+        // Skip "q" as we handle it separately
+        if (
+          ["format", "tag", "author", "category"].includes(key) &&
+          Array.isArray(value)
+        ) {
+          value.forEach((each) => {
+            searchFilter.append(key, each.toString());
+          });
+        } else {
+          if (status !== "all" || key !== "status") {
+            searchFilter.set(key, value.toString());
+          }
+        }
+      }
+    });
+
+    // Always set format to factcheck format
+    if (formats && !formats.loading && formats.factcheck) {
+      searchFilter.set("format", formats.factcheck.id.toString());
+    }
+
+    navigate({
+      pathname,
+      search: "?" + searchFilter.toString(),
+    });
+
+    // Close the filters popover after applying
+    setIsFiltersOpen(false);
+  };
+
+  // Check if any filters are applied
+  const hasActiveFilters = () => {
+    return !!(
+      (params.tag && params.tag.length > 0) ||
+      (params.category && params.category.length > 0) ||
+      (params.author && params.author.length > 0)
+    );
+  };
+
+  if (formats.loading) {
+    return (
+      <div className="flex flex-col h-full relative">
+        <Helmet title="Fact-checks" />
+        {isMobile && (
+          <MobileBreadcrumb
+            currentPage="Fact Checks"
+            parentLabel="Fact Checking"
+          />
+        )}
+        <div className="flex-1 flex items-center justify-center">
+          <Loader className="relative inset-auto" />
+        </div>
+      </div>
+    );
+  }
+
+  if (!formats.factcheck) {
+    return (
+      <FormatNotFound
+        status="info"
+        title="Fact-Check format not found"
+        link="/settings/advanced/formats/create"
+      />
+    );
+  }
+
+  return (
+    <div className="flex flex-col h-full gap-6">
+      <Helmet title="Fact-checks" />
+
+      {/* Templates Dialog */}
+      <Dialog open={templatesOpen} onOpenChange={setTemplatesOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Templates</DialogTitle>
+          </DialogHeader>
+          {formats.factcheck && <Template format={formats.factcheck} />}
+        </DialogContent>
+      </Dialog>
+
+      {/* Header for Mobile */}
+      {isMobile ? (
+        <div className="space-y-4 flex justify-between items-center">
+          {/* First row */}
+          {isMobile && (
+            <div className="flex flex-col">
+              <MobileBreadcrumb
+                currentPage="Fact Checks"
+                parentLabel="Fact Checking"
+              />
+              <h1 className="text-xl font-semibold">Fact Checks</h1>
+            </div>
+          )}
+          <div className="flex justify-between items-center gap-2">
+            <div>
+              <SearchButton onClick={toggleSearch} />
+            </div>
+
+            <div className="flex items-center gap-2">
+              {/* Templates Button */}
+              <Button
+                variant="outline"
+                size="sm"
+                className="flex items-center bg-[#DCEFEB]"
+                onClick={() => setTemplatesOpen(true)}
+              >
+                <span>Templates</span>
+              </Button>
+
+              <SecuredButton
+                size="sm"
+                className="flex items-center gap-1"
+                onClick={handleCreateFactCheck}
+              >
+                <PlusCircle className="h-4 w-4" />
+              </SecuredButton>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <div className="flex justify-between items-center">
+          <div className="flex items-center gap-4 flex-1">
+            {/* Search Input  */}
+            <SearchInput
+              searchText={searchText}
+              setSearchText={handleSearch}
+              handleSearchSubmit={() => {}}
+              clearSearch={clearSearch}
+            />
+          </div>
+          <div className="flex items-center gap-4 ">
+            {/* Templates Button */}
+            <Button
+              variant="outline"
+              className="flex items-center space-x-1 bg-[#DCEFEB]"
+              onClick={() => setTemplatesOpen(true)}
+            >
+              <span>Explore Templates</span>
+            </Button>
+
+            <SecuredButton
+              size="lg"
+              className="flex items-center gap-2 py-2"
+              onClick={handleCreateFactCheck}
+            >
+              <PlusCircle className="h-4 w-4" />
+              <span>Create Fact-Check</span>
+            </SecuredButton>
+          </div>
+        </div>
+      )}
+      {/* Search input row  */}
+      {isSearchExpanded && (
+        <div className="w-full">
+          <SearchInput
+            searchText={searchText}
+            setSearchText={handleSearch}
+            handleSearchSubmit={() => {}}
+            clearSearch={clearSearch}
+            autoFocus={true}
+          />
+        </div>
+      )}
+
+      <div className="flex justify-between items-center">
+        <div className="flex-grow max-w-[70%]">
+          <StatusTabs
+            status={status}
+            handleStatusChange={handleStatusChange}
+            isMobile={isMobile}
+            form={form}
+            onSave={onSave}
+            children={null}
+          />
+        </div>
+        <div className="flex items-center">
+          <FiltersPopover
+            form={form}
+            isOpen={isFiltersOpen}
+            setIsOpen={setIsFiltersOpen}
+            onSave={onSave}
+            hasActiveFilters={hasActiveFilters()}
+          />
+        </div>
+      </div>
+      <FactCheckList
+        actions={actions}
+        format={formats.factcheck}
+        data={{
+          posts,
+          total,
+          loading,
+          tags,
+          categories,
+          authors,
+        }}
+        filters={{
+          ...params,
+          sortBy: sortBy,
+        }}
+        fetchPosts={fetchPosts}
+        query={status}
+        sortBy={sortBy}
+        onSortByChange={handleSortByChange}
+      />
+
+      {/* Footer with Pagination */}
+      <PaginationFooter
+        currentPage={parseInt(params.page || "1", 10)}
+        totalPages={totalPages}
+        totalItems={total}
+        pageSize={parseInt(params.limit || "10", 10)}
+        onPageChange={handlePageChange}
+        onPageSizeChange={handlePageSizeChange}
+      />
+    </div>
+  );
+};
+
+export default FactCheck;
diff --git a/studio/src/pages/fact-checks/types.ts b/studio/src/pages/fact-checks/types.ts
new file mode 100644
index 000000000..8f5864fd0
--- /dev/null
+++ b/studio/src/pages/fact-checks/types.ts
@@ -0,0 +1,128 @@
+export interface Format {
+  id: number;
+  name: string;
+  slug: string;
+}
+
+export interface Formats {
+  loading: boolean;
+  factcheck: Format | null;
+  article: Format | null;
+}
+
+export interface Post {
+  id: number;
+  title: string;
+  slug: string;
+  excerpt: string;
+  featured_medium_id: number;
+  status: string;
+  published_date: string;
+  medium?: Media;
+  [key: string]: any;
+}
+
+export interface Media {
+  id: number;
+  url: string;
+  alt_text: string;
+  [key: string]: any;
+}
+
+export interface Tag {
+  id: number;
+  name: string;
+  slug: string;
+  [key: string]: any;
+}
+
+export interface Category {
+  id: number;
+  name: string;
+  slug: string;
+  [key: string]: any;
+}
+
+export interface Author {
+  id: number;
+  display_name: string;
+  slug: string;
+  [key: string]: any;
+}
+
+export interface FilterValues {
+  format?: number[];
+  page?: number;
+  limit?: number;
+  q?: string;
+  sort?: string;
+  tag?: number[];
+  category?: number[];
+  author?: number[];
+  status?: string;
+}
+
+export interface FactCheckProps {
+  formats: Formats;
+}
+
+export interface FactCheckListData {
+  posts: Post[];
+  total: number;
+  loading: boolean;
+  tags: Record<number, Tag>;
+  categories: Record<number, Category>;
+  authors: Record<number, Author>;
+}
+
+export interface FactCheckListProps {
+  actions: any;
+  format: Format | null;
+  data: FactCheckListData;
+  filters: FilterValues;
+  fetchPosts: () => void;
+  query: string;
+}
+
+export interface FiltersPopoverProps {
+  form: any;
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+  onSave: (values: FilterValues) => void;
+  hasActiveFilters: boolean;
+}
+
+export interface StatusTabsProps {
+  status: string;
+  handleStatusChange: (value: string) => void;
+  isMobile: boolean;
+  children: React.ReactNode;
+}
+
+export interface RootState {
+  posts: {
+    loading: boolean;
+    details: Record<number, Post>;
+    req: Array<{
+      query: FilterValues;
+      data: number[];
+      total: number;
+    }>;
+  };
+  media: {
+    details: Record<number, Media>;
+  };
+  tags: {
+    details: Record<number, Tag>;
+  };
+  categories: {
+    details: Record<number, Category>;
+  };
+  authors: {
+    details: Record<number, Author>;
+  };
+  spaces: any;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
diff --git a/studio/src/pages/formats/CreateFormat.js b/studio/src/pages/formats/CreateFormat.js
deleted file mode 100644
index e1256c2a7..000000000
--- a/studio/src/pages/formats/CreateFormat.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import { useDispatch } from 'react-redux';
-import { createFormat } from '../../actions/formats';
-
-import FormatCreateForm from './components/FormatForm';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateFormat({ setReloadFlag, reloadFlag }) {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(createFormat(values)).then(() => {
-      history('/settings/advanced/formats');
-      setReloadFlag(!reloadFlag);
-    });
-  };
-  return (
-    <>
-      <Helmet title={'Create Format'} />
-      <FormatCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-
-export default CreateFormat;
diff --git a/studio/src/pages/formats/CreateFormat.test.js b/studio/src/pages/formats/CreateFormat.test.js
deleted file mode 100644
index 3b8e42bbb..000000000
--- a/studio/src/pages/formats/CreateFormat.test.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreateFormat from './CreateFormat';
-import * as actions from '../../actions/formats';
-import FormatCreateForm from './components/FormatForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/formats', () => ({
-  getFormats: jest.fn(),
-  getFormat: jest.fn(),
-  createFormat: jest.fn(),
-}));
-
-describe('Formats create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    formats: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [],
-      details: { 1: { site_address: '' } },
-      loading: true,
-      selected: 1,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CreateFormat />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createFormat', (done) => {
-      actions.createFormat.mockReset();
-      const setReloadFlag = jest.fn();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreateFormat setReloadFlag={setReloadFlag} reloadFlag={false} />
-          </Provider>,
-        );
-      });
-      wrapper.find(FormatCreateForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.createFormat).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/advanced/formats');
-        expect(setReloadFlag).toHaveBeenCalledWith(true);
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/formats/CreateFormat.tsx b/studio/src/pages/formats/CreateFormat.tsx
new file mode 100644
index 000000000..839fc66e8
--- /dev/null
+++ b/studio/src/pages/formats/CreateFormat.tsx
@@ -0,0 +1,45 @@
+import React from "react";
+import { createFormat } from "../../actions/formats";
+import { Helmet } from "react-helmet";
+import { toast } from "sonner";
+import useNavigation from "../../utils/useNavigation";
+import FormatCreateForm from "./components/FormatForm";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { CreateFormatProps, FormatFormValues, Format } from "./types";
+
+function CreateFormat({
+  setReloadFlag,
+  reloadFlag,
+}: CreateFormatProps): React.ReactElement {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onCreate = (values: FormatFormValues): void => {
+    const formatData = values as Format;
+
+    dispatch(createFormat(formatData))
+      .then(() => {
+        history("/settings/advanced/formats");
+        setReloadFlag(!reloadFlag);
+        toast.success("Format created", {
+          description: "The format has been successfully created.",
+        });
+      })
+      .catch((error: Error) => {
+        toast.error("Error", {
+          description: `Failed to create format: ${error.message}`,
+        });
+      });
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Format"} />
+      <div className="space-y-6">
+        <FormatCreateForm onCreate={onCreate} />
+      </div>
+    </>
+  );
+}
+
+export default CreateFormat;
diff --git a/studio/src/pages/formats/EditFormat.js b/studio/src/pages/formats/EditFormat.js
deleted file mode 100644
index 228b0fe39..000000000
--- a/studio/src/pages/formats/EditFormat.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import FormatEditForm from './components/FormatForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { updateFormat, getFormat } from '../../actions/formats';
-
-import { useParams } from 'react-router-dom';
-import { Skeleton } from 'antd';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditFormat() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-  const { format, loading } = useSelector((state) => {
-    return {
-      format: state.formats.details[id] ? state.formats.details[id] : null,
-      loading: state.formats.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getFormat(id));
-  }, [dispatch, id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!format) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updateFormat({ ...format, ...values }));
-    history(`/settings/advanced/formats/${id}/edit`);
-  };
-  return (
-    <>
-      <Helmet title={`${format?.name} - Edit Format`} />
-      <FormatEditForm data={format} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditFormat;
diff --git a/studio/src/pages/formats/EditFormat.test.js b/studio/src/pages/formats/EditFormat.test.js
deleted file mode 100644
index 86b7a3e34..000000000
--- a/studio/src/pages/formats/EditFormat.test.js
+++ /dev/null
@@ -1,225 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditFormat from './EditFormat';
-import * as actions from '../../actions/formats';
-import FormatEditForm from './components/FormatForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/formats', () => ({
-  getFormat: jest.fn(),
-  addFormat: jest.fn(),
-  updateFormat: jest.fn(),
-}));
-
-describe('Formats edit component', () => {
-  let store;
-  let mockedDispatch;
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({
-        formats: {
-          req: [],
-          details: {
-            '1': {
-              id: 1,
-              name: 'Article',
-              slug: 'article',
-              description: 'description',
-            },
-            '2': {
-              id: 2,
-              name: 'Factcheck',
-              slug: 'factcheck',
-              description: 'description',
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [],
-          details: { 1: { site_address: '' } },
-          loading: true,
-          selected: 1,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <EditFormat />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      store = mockStore({
-        formats: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditFormat />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      store = mockStore({
-        formats: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditFormat />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        formats: {
-          req: [],
-          details: {
-            '1': {
-              id: 1,
-              name: 'Article',
-              slug: 'article',
-              description: 'description',
-            },
-            '2': {
-              id: 2,
-              name: 'Factcheck',
-              slug: 'factcheck',
-              description: 'description',
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [],
-          details: { 1: { site_address: '' } },
-          loading: true,
-          selected: 1,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getFormat.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditFormat />
-          </Provider>,
-        );
-      });
-      expect(actions.getFormat).toHaveBeenCalledWith('1');
-    });
-    it('should display RecordNotFound when format not found', () => {
-      store = mockStore({
-        formats: {
-          req: [
-            {
-              data: [2],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            '2': {
-              id: 2,
-              name: 'Factcheck',
-              slug: 'factcheck',
-              description: 'description',
-            },
-          },
-          loading: false,
-        },
-      });
-      actions.getFormat.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditFormat />
-          </Provider>,
-        );
-      });
-      expect(actions.getFormat).toHaveBeenCalledWith('1');
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-    });
-    it('should call updateFormat', () => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      useDispatch.mockReturnValueOnce(() => Promise.resolve({}));
-      actions.updateFormat.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditFormat />
-          </Provider>,
-        );
-      });
-      wrapper.find(FormatEditForm).props().onCreate({ test: 'test' });
-      expect(actions.updateFormat).toHaveBeenCalledWith({
-        id: 1,
-        name: 'Article',
-        slug: 'article',
-        description: 'description',
-        test: 'test',
-      });
-      expect(push).toHaveBeenCalledWith('/advanced/formats/1/edit');
-    });
-  });
-});
diff --git a/studio/src/pages/formats/EditFormat.tsx b/studio/src/pages/formats/EditFormat.tsx
new file mode 100644
index 000000000..5f40047d4
--- /dev/null
+++ b/studio/src/pages/formats/EditFormat.tsx
@@ -0,0 +1,70 @@
+import { useEffect } from "react";
+import FormatEditForm from "./components/FormatForm";
+import { useSelector } from "react-redux";
+import { updateFormat, getFormat } from "../../actions/formats";
+import { useParams } from "react-router-dom";
+import { Skeleton } from "@/components/ui/skeleton";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Format, FormatFormValues, RootState } from "./types";
+
+function EditFormat(): React.ReactElement {
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+
+  const dispatch = useAppDispatch();
+  const { format, loading } = useSelector((state: RootState) => {
+    return {
+      format:
+        id && state.formats.details[id] ? state.formats.details[id] : null,
+      loading: state.formats.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      dispatch(getFormat(id));
+    }
+  }, [dispatch, id]);
+
+  if (loading) {
+    return (
+      <div className="space-y-2">
+        <Skeleton className="h-4 w-full" />
+        <Skeleton className="h-4 w-full" />
+        <Skeleton className="h-4 w-3/4" />
+      </div>
+    );
+  }
+
+  if (!format) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: FormatFormValues): void => {
+    if (id) {
+      const updatedFormat: Format = {
+        ...format,
+        ...values,
+        id: format.id,
+      };
+
+      dispatch(updateFormat(updatedFormat));
+      history(`/settings/advanced/formats/${id}/edit`);
+    } else {
+      console.error("Format ID is undefined");
+      return;
+    }
+  };
+
+  return (
+    <>
+      <Helmet title={`${format?.name} - Edit Format`} />
+      <FormatEditForm data={format} onCreate={onUpdate} />
+    </>
+  );
+}
+
+export default EditFormat;
diff --git a/studio/src/pages/formats/__snapshots__/CreateFormat.test.js.snap b/studio/src/pages/formats/__snapshots__/CreateFormat.test.js.snap
deleted file mode 100644
index 4aed14fe2..000000000
--- a/studio/src/pages/formats/__snapshots__/CreateFormat.test.js.snap
+++ /dev/null
@@ -1,2199 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Formats create component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateFormat>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Format"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Format"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Format"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <FormatForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-format",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        layout="vertical"
-        name="create-format"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-format",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-format"
-            initialValues={Object {}}
-            name="create-format"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="create-format"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <Row
-                justify="center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-row-center"
-                  style={
-                    Object {
-                      "margin": "0 auto",
-                      "maxWidth": "1200px",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="end"
-                      >
-                        <div
-                          className="ant-row ant-row-end"
-                          style={
-                            Object {
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <FormItem>
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  prefixCls="ant-form"
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  validateStatus=""
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Space>
-                                            <div
-                                              className="ant-space ant-space-horizontal ant-space-align-center"
-                                              style={Object {}}
-                                            >
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={0}
-                                                key="ant-space-item-0"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={
-                                                    Object {
-                                                      "marginRight": 8,
-                                                    }
-                                                  }
-                                                >
-                                                  <Button
-                                                    htmlType="button"
-                                                    onClick={[Function]}
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn"
-                                                        onClick={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Reset
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={1}
-                                                key="ant-space-item-1"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={Object {}}
-                                                >
-                                                  <Button
-                                                    disabled={true}
-                                                    htmlType="submit"
-                                                    type="primary"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-primary"
-                                                        disabled={true}
-                                                        onClick={[Function]}
-                                                        type="submit"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Submit
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                            </div>
-                                          </Space>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </FormItem>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-row-space-around"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginBottom": "1rem",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                              "padding": "1.25rem",
-                            }
-                          }
-                        >
-                          <Col
-                            span={12}
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Format Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Name must be minimum 3 characters.",
-                                      "min": 3,
-                                    },
-                                    Object {
-                                      "max": 50,
-                                      "message": "Name must be maximum 50 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Format Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Format Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Name must be minimum 3 characters.",
-                                        "min": 3,
-                                      },
-                                      Object {
-                                        "max": 50,
-                                        "message": "Name must be maximum 50 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Format Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Format Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter the name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Name must be minimum 3 characters.",
-                                          "min": 3,
-                                        },
-                                        Object {
-                                          "max": 50,
-                                          "message": "Name must be maximum 50 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_name"
-                                          label="Format Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter the name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Name must be minimum 3 characters.",
-                                                "min": 3,
-                                              },
-                                              Object {
-                                                "max": 50,
-                                                "message": "Name must be maximum 50 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-format_name"
-                                                title="Format Name"
-                                              >
-                                                Format Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Format Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter the name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Name must be minimum 3 characters.",
-                                                "min": 3,
-                                              },
-                                              Object {
-                                                "max": 50,
-                                                "message": "Name must be maximum 50 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-format_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-format_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-format_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-format_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <SlugInput>
-                                <FormItem
-                                  label="Slug"
-                                  name="slug"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name="slug"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-format",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_slug"
-                                      label="Slug"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Slug",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "slug",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the slug!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Please enter valid slug!",
-                                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-format_slug"
-                                            label="Slug"
-                                            name="slug"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="create-format_slug"
-                                                  title="Slug"
-                                                >
-                                                  Slug
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Slug"
-                                            name={
-                                              Array [
-                                                "slug",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="create-format_slug"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="create-format_slug"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="create-format_slug"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-format_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </SlugInput>
-                              <FormItem
-                                label="Featured"
-                                name="is_featured"
-                                valuePropName="checked"
-                              >
-                                <WrapperField
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name="is_featured"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_is_featured"
-                                    label="Featured"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "is_featured",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="checked"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_is_featured"
-                                          label="Featured"
-                                          name="is_featured"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-format_is_featured"
-                                                title="Featured"
-                                              >
-                                                Featured
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured"
-                                          name={
-                                            Array [
-                                              "is_featured",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Switch
-                                                      id="create-format_is_featured"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Wave
-                                                        insertExtraNode={true}
-                                                      >
-                                                        <Switch
-                                                          className=""
-                                                          id="create-format_is_featured"
-                                                          loadingIcon={
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-switch"
-                                                        >
-                                                          <button
-                                                            aria-checked={false}
-                                                            className="ant-switch"
-                                                            id="create-format_is_featured"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            role="switch"
-                                                            type="button"
-                                                          >
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                            <span
-                                                              className="ant-switch-inner"
-                                                            />
-                                                          </button>
-                                                        </Switch>
-                                                      </Wave>
-                                                    </Switch>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Featured Image"
-                                name="medium_id"
-                              >
-                                <WrapperField
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name="medium_id"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_medium_id"
-                                    label="Featured Image"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured Image",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "medium_id",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_medium_id"
-                                          label="Featured Image"
-                                          name="medium_id"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-format_medium_id"
-                                                title="Featured Image"
-                                              >
-                                                Featured Image
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured Image"
-                                          name={
-                                            Array [
-                                              "medium_id",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <MediaSelector
-                                                      containerStyles={
-                                                        Object {
-                                                          "justifyContent": "start",
-                                                        }
-                                                      }
-                                                      id="create-format_medium_id"
-                                                      maxWidth="350px"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Modal
-                                                        closable={false}
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        visible={false}
-                                                        width="800px"
-                                                      >
-                                                        <Dialog
-                                                          closable={false}
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Cancel
-                                                              </ForwardRef(InternalButton)>,
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                                type="primary"
-                                                              >
-                                                                Ok
-                                                              </ForwardRef(InternalButton)>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width="800px"
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                      <Space
-                                                        direction="vertical"
-                                                      >
-                                                        <div
-                                                          className="ant-space ant-space-vertical"
-                                                          style={Object {}}
-                                                        >
-                                                          <Item
-                                                            className="ant-space-item"
-                                                            direction="vertical"
-                                                            index={0}
-                                                            key="ant-space-item-0"
-                                                            marginDirection="marginRight"
-                                                            wrap={false}
-                                                          >
-                                                            <div
-                                                              className="ant-space-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "start",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "position": "relative",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Button
-                                                                    onClick={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "background": "transparent",
-                                                                        "borderStyle": "dashed",
-                                                                        "display": "block",
-                                                                        "height": "auto",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Wave>
-                                                                      <button
-                                                                        className="ant-btn"
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "background": "transparent",
-                                                                            "borderStyle": "dashed",
-                                                                            "display": "block",
-                                                                            "height": "auto",
-                                                                          }
-                                                                        }
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <PlaceholderImage
-                                                                          height="auto"
-                                                                          key=".0"
-                                                                          maxWidth="350px"
-                                                                          width="100%"
-                                                                        >
-                                                                          <img
-                                                                            alt=""
-                                                                            height="auto"
-                                                                            src="placeholderImage.svg"
-                                                                            style={
-                                                                              Object {
-                                                                                "maxWidth": "350px",
-                                                                                "objectFit": "contain",
-                                                                                "padding": "1rem",
-                                                                              }
-                                                                            }
-                                                                            width="100%"
-                                                                          />
-                                                                        </PlaceholderImage>
-                                                                      </button>
-                                                                    </Wave>
-                                                                  </Button>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </Item>
-                                                        </div>
-                                                      </Space>
-                                                    </MediaSelector>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={12}
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "marginLeft": "20px",
-                                  "marginRight": "auto",
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-format_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <ForwardRef
-                                                      id="create-format_description"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <TextArea
-                                                            className=""
-                                                            id="create-format_description"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            prefixCls="ant-input"
-                                                          />
-                                                        }
-                                                        handleReset={[Function]}
-                                                        id="create-format_description"
-                                                        inputType="text"
-                                                        prefixCls="ant-input"
-                                                        value=""
-                                                      >
-                                                        <TextArea
-                                                          className=""
-                                                          id="create-format_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value=""
-                                                        >
-                                                          <ResizableTextArea
-                                                            className=""
-                                                            id="create-format_description"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            prefixCls="ant-input"
-                                                            value=""
-                                                          >
-                                                            <ResizeObserver
-                                                              disabled={true}
-                                                              onResize={[Function]}
-                                                            >
-                                                              <textarea
-                                                                className="ant-input"
-                                                                id="create-format_description"
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                style={Object {}}
-                                                                value=""
-                                                              />
-                                                            </ResizeObserver>
-                                                          </ResizableTextArea>
-                                                        </TextArea>
-                                                      </ClearableLabeledInput>
-                                                    </ForwardRef>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <MetaForm>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Data"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Data"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Data
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Code Injection"
-                                    isActive={false}
-                                    key="1"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Code Injection"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="1"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Code Injection
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Fields"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Fields"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Fields
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                          </MetaForm>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </FormatForm>
-  </CreateFormat>
-</Provider>
-`;
diff --git a/studio/src/pages/formats/__snapshots__/EditFormat.test.js.snap b/studio/src/pages/formats/__snapshots__/EditFormat.test.js.snap
deleted file mode 100644
index 2fbbfe948..000000000
--- a/studio/src/pages/formats/__snapshots__/EditFormat.test.js.snap
+++ /dev/null
@@ -1,2648 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Formats edit component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditFormat>
-    <RecordNotFound>
-      <Result
-        extra={null}
-        status="404"
-        title="Sorry, could not find what you are looking for."
-      >
-        <div
-          className="ant-result ant-result-404"
-        >
-          <div
-            className="ant-result-icon ant-result-image"
-          >
-            <NoFound>
-              <svg
-                height="294"
-                width="252"
-              >
-                <defs>
-                  <path
-                    d="M0 .387h251.772v251.772H0z"
-                  />
-                </defs>
-                <g
-                  fill="none"
-                  fillRule="evenodd"
-                >
-                  <g
-                    transform="translate(0 .012)"
-                  >
-                    <mask
-                      fill="#fff"
-                    />
-                    <path
-                      d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                      fill="#E4EBF7"
-                      mask="url(#b)"
-                    />
-                  </g>
-                  <path
-                    d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                    fill="#1890FF"
-                  />
-                  <path
-                    d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                    fill="#FFB594"
-                  />
-                  <path
-                    d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                    fill="#7BB2F9"
-                  />
-                  <path
-                    d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                  <path
-                    d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                    fill="#520038"
-                  />
-                  <path
-                    d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                    fill="#552950"
-                  />
-                  <path
-                    d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M110.846 74.481s1.79-.716 2.506.537"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.287 72.93s1.83 1.113 4.137.954"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M119.306 107.329s.452 4.366-2.127 32.062"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#5BA02E"
-                  />
-                  <path
-                    d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#92C110"
-                  />
-                  <path
-                    d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                </g>
-              </svg>
-            </NoFound>
-          </div>
-          <div
-            className="ant-result-title"
-          >
-            Sorry, could not find what you are looking for.
-          </div>
-        </div>
-      </Result>
-    </RecordNotFound>
-  </EditFormat>
-</Provider>
-`;
-
-exports[`Formats edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditFormat>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditFormat>
-</Provider>
-`;
-
-exports[`Formats edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditFormat>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Article - Edit Format"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Article - Edit Format"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Article - Edit Format"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <FormatForm
-      data={
-        Object {
-          "description": "description",
-          "id": 1,
-          "name": "Article",
-          "slug": "article",
-        }
-      }
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-format",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={
-          Object {
-            "description": "description",
-            "id": 1,
-            "name": "Article",
-            "slug": "article",
-          }
-        }
-        layout="vertical"
-        name="create-format"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-format",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-format"
-            initialValues={
-              Object {
-                "description": "description",
-                "id": 1,
-                "name": "Article",
-                "slug": "article",
-              }
-            }
-            name="create-format"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="create-format"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <Row
-                justify="center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-row-center"
-                  style={
-                    Object {
-                      "margin": "0 auto",
-                      "maxWidth": "1200px",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="end"
-                      >
-                        <div
-                          className="ant-row ant-row-end"
-                          style={
-                            Object {
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <FormItem>
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  prefixCls="ant-form"
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  validateStatus=""
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Space>
-                                            <div
-                                              className="ant-space ant-space-horizontal ant-space-align-center"
-                                              style={Object {}}
-                                            >
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={0}
-                                                key="ant-space-item-0"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={
-                                                    Object {
-                                                      "marginRight": 8,
-                                                    }
-                                                  }
-                                                >
-                                                  <Button
-                                                    htmlType="button"
-                                                    onClick={[Function]}
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn"
-                                                        onClick={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Reset
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={1}
-                                                key="ant-space-item-1"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={Object {}}
-                                                >
-                                                  <Button
-                                                    disabled={true}
-                                                    htmlType="submit"
-                                                    type="primary"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-primary"
-                                                        disabled={true}
-                                                        onClick={[Function]}
-                                                        type="submit"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Update
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                            </div>
-                                          </Space>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </FormItem>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-row-space-around"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginBottom": "1rem",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                              "padding": "1.25rem",
-                            }
-                          }
-                        >
-                          <Col
-                            span={12}
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Format Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Name must be minimum 3 characters.",
-                                      "min": 3,
-                                    },
-                                    Object {
-                                      "max": 50,
-                                      "message": "Name must be maximum 50 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Format Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Format Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Name must be minimum 3 characters.",
-                                        "min": 3,
-                                      },
-                                      Object {
-                                        "max": 50,
-                                        "message": "Name must be maximum 50 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Format Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Format Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter the name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Name must be minimum 3 characters.",
-                                          "min": 3,
-                                        },
-                                        Object {
-                                          "max": 50,
-                                          "message": "Name must be maximum 50 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_name"
-                                          label="Format Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter the name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Name must be minimum 3 characters.",
-                                                "min": 3,
-                                              },
-                                              Object {
-                                                "max": 50,
-                                                "message": "Name must be maximum 50 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-format_name"
-                                                title="Format Name"
-                                              >
-                                                Format Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Format Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter the name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Name must be minimum 3 characters.",
-                                                "min": 3,
-                                              },
-                                              Object {
-                                                "max": 50,
-                                                "message": "Name must be maximum 50 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                    value="Article"
-                                                  >
-                                                    <Input
-                                                      id="create-format_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="Article"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-format_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="Article"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-format_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="Article"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-format_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="Article"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <SlugInput>
-                                <FormItem
-                                  label="Slug"
-                                  name="slug"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name="slug"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-format",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_slug"
-                                      label="Slug"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Slug",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "slug",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the slug!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Please enter valid slug!",
-                                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-format_slug"
-                                            label="Slug"
-                                            name="slug"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="create-format_slug"
-                                                  title="Slug"
-                                                >
-                                                  Slug
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Slug"
-                                            name={
-                                              Array [
-                                                "slug",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="article"
-                                                    >
-                                                      <Input
-                                                        id="create-format_slug"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                        value="article"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="create-format_slug"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                              value="article"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="create-format_slug"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value="article"
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-format_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="article"
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </SlugInput>
-                              <FormItem
-                                label="Featured"
-                                name="is_featured"
-                                valuePropName="checked"
-                              >
-                                <WrapperField
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name="is_featured"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_is_featured"
-                                    label="Featured"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "is_featured",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="checked"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_is_featured"
-                                          label="Featured"
-                                          name="is_featured"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-format_is_featured"
-                                                title="Featured"
-                                              >
-                                                Featured
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured"
-                                          name={
-                                            Array [
-                                              "is_featured",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                  >
-                                                    <Switch
-                                                      id="create-format_is_featured"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Wave
-                                                        insertExtraNode={true}
-                                                      >
-                                                        <Switch
-                                                          className=""
-                                                          id="create-format_is_featured"
-                                                          loadingIcon={
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-switch"
-                                                        >
-                                                          <button
-                                                            aria-checked={false}
-                                                            className="ant-switch"
-                                                            id="create-format_is_featured"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            role="switch"
-                                                            type="button"
-                                                          >
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                            <span
-                                                              className="ant-switch-inner"
-                                                            />
-                                                          </button>
-                                                        </Switch>
-                                                      </Wave>
-                                                    </Switch>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Featured Image"
-                                name="medium_id"
-                              >
-                                <WrapperField
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name="medium_id"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_medium_id"
-                                    label="Featured Image"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured Image",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "medium_id",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_medium_id"
-                                          label="Featured Image"
-                                          name="medium_id"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-format_medium_id"
-                                                title="Featured Image"
-                                              >
-                                                Featured Image
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured Image"
-                                          name={
-                                            Array [
-                                              "medium_id",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                  >
-                                                    <MediaSelector
-                                                      containerStyles={
-                                                        Object {
-                                                          "justifyContent": "start",
-                                                        }
-                                                      }
-                                                      id="create-format_medium_id"
-                                                      maxWidth="350px"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Modal
-                                                        closable={false}
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        visible={false}
-                                                        width="800px"
-                                                      >
-                                                        <Dialog
-                                                          closable={false}
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Cancel
-                                                              </ForwardRef(InternalButton)>,
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                                type="primary"
-                                                              >
-                                                                Ok
-                                                              </ForwardRef(InternalButton)>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width="800px"
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                      <Space
-                                                        direction="vertical"
-                                                      >
-                                                        <div
-                                                          className="ant-space ant-space-vertical"
-                                                          style={Object {}}
-                                                        >
-                                                          <Item
-                                                            className="ant-space-item"
-                                                            direction="vertical"
-                                                            index={0}
-                                                            key="ant-space-item-0"
-                                                            marginDirection="marginRight"
-                                                            wrap={false}
-                                                          >
-                                                            <div
-                                                              className="ant-space-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "start",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "position": "relative",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Button
-                                                                    onClick={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "background": "transparent",
-                                                                        "borderStyle": "dashed",
-                                                                        "display": "block",
-                                                                        "height": "auto",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Wave>
-                                                                      <button
-                                                                        className="ant-btn"
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "background": "transparent",
-                                                                            "borderStyle": "dashed",
-                                                                            "display": "block",
-                                                                            "height": "auto",
-                                                                          }
-                                                                        }
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <PlaceholderImage
-                                                                          height="auto"
-                                                                          key=".0"
-                                                                          maxWidth="350px"
-                                                                          width="100%"
-                                                                        >
-                                                                          <img
-                                                                            alt=""
-                                                                            height="auto"
-                                                                            src="placeholderImage.svg"
-                                                                            style={
-                                                                              Object {
-                                                                                "maxWidth": "350px",
-                                                                                "objectFit": "contain",
-                                                                                "padding": "1rem",
-                                                                              }
-                                                                            }
-                                                                            width="100%"
-                                                                          />
-                                                                        </PlaceholderImage>
-                                                                      </button>
-                                                                    </Wave>
-                                                                  </Button>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </Item>
-                                                        </div>
-                                                      </Space>
-                                                    </MediaSelector>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={12}
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "marginLeft": "20px",
-                                  "marginRight": "auto",
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-format_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                    value="description"
-                                                  >
-                                                    <ForwardRef
-                                                      id="create-format_description"
-                                                      onChange={[Function]}
-                                                      value="description"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <TextArea
-                                                            className=""
-                                                            id="create-format_description"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            prefixCls="ant-input"
-                                                            value="description"
-                                                          />
-                                                        }
-                                                        handleReset={[Function]}
-                                                        id="create-format_description"
-                                                        inputType="text"
-                                                        prefixCls="ant-input"
-                                                        value="description"
-                                                      >
-                                                        <TextArea
-                                                          className=""
-                                                          id="create-format_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value="description"
-                                                        >
-                                                          <ResizableTextArea
-                                                            className=""
-                                                            id="create-format_description"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            prefixCls="ant-input"
-                                                            value="description"
-                                                          >
-                                                            <ResizeObserver
-                                                              disabled={true}
-                                                              onResize={[Function]}
-                                                            >
-                                                              <textarea
-                                                                className="ant-input"
-                                                                id="create-format_description"
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                style={Object {}}
-                                                                value="description"
-                                                              />
-                                                            </ResizeObserver>
-                                                          </ResizableTextArea>
-                                                        </TextArea>
-                                                      </ClearableLabeledInput>
-                                                    </ForwardRef>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <MetaForm>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Data"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Data"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Data
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Code Injection"
-                                    isActive={false}
-                                    key="1"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Code Injection"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="1"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Code Injection
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Fields"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Fields"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Fields
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                          </MetaForm>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </FormatForm>
-  </EditFormat>
-</Provider>
-`;
diff --git a/studio/src/pages/formats/__snapshots__/index.test.js.snap b/studio/src/pages/formats/__snapshots__/index.test.js.snap
deleted file mode 100644
index 85ceda609..000000000
--- a/studio/src/pages/formats/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,5273 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Formats List component should render loader component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/undefined/undefined/undefined/undefined/undefined/undefined/undefined/undefined/",
-            "search": "?page=1",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Formats
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Loader>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-                "height": "100vh",
-                "justifyContent": "center",
-                "padding": "2rem",
-                "position": "absolute",
-                "width": "100%",
-              }
-            }
-          >
-            <Spin
-              size="large"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin ant-spin-lg ant-spin-spinning"
-              >
-                <span
-                  className="ant-spin-dot ant-spin-dot-spin"
-                >
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                </span>
-              </div>
-            </Spin>
-          </div>
-        </Loader>
-      </Formats>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Formats List component should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Formats
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Formats"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Formats"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Formats"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={Object {}}
-                  >
-                    <Link
-                      key="1"
-                      to="/advanced/formats/create"
-                    >
-                      <LinkAnchor
-                        href="/advanced/formats/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/advanced/formats/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            disabled={false}
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                disabled={false}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Format
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <FormatList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "formats": Array [],
-                      "loading": false,
-                      "total": 0,
-                    }
-                  }
-                  fetchFormats={[Function]}
-                  filters={
-                    Object {
-                      "limit": 20,
-                      "page": 1,
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "dataIndex": "slug",
-                          "key": "slug",
-                          "title": "Slug",
-                        },
-                        Object {
-                          "dataIndex": "description",
-                          "key": "description",
-                          "render": [Function],
-                          "title": "Description",
-                          "width": "50%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={Array []}
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 0,
-                      }
-                    }
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered ant-table-empty"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                  },
-                                  Object {
-                                    "dataIndex": "slug",
-                                    "key": "slug",
-                                    "title": "Slug",
-                                  },
-                                  Object {
-                                    "dataIndex": "description",
-                                    "key": "description",
-                                    "render": [Function],
-                                    "title": "Description",
-                                    "width": "50%",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={Array []}
-                              dataSource={Array []}
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col />
-                                          <col />
-                                          <col
-                                            style="width: 50%;"
-                                          />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Slug
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Description
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-placeholder"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                              colspan="4"
-                                            >
-                                              <div
-                                                class="ant-empty ant-empty-normal"
-                                              >
-                                                <div
-                                                  class="ant-empty-image"
-                                                >
-                                                  <svg
-                                                    class="ant-empty-img-simple"
-                                                    height="41"
-                                                    viewBox="0 0 64 41"
-                                                    width="64"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <g
-                                                      fill="none"
-                                                      fill-rule="evenodd"
-                                                      transform="translate(0 1)"
-                                                    >
-                                                      <ellipse
-                                                        class="ant-empty-img-simple-ellipse"
-                                                        cx="32"
-                                                        cy="33"
-                                                        rx="32"
-                                                        ry="7"
-                                                      />
-                                                      <g
-                                                        class="ant-empty-img-simple-g"
-                                                        fill-rule="nonzero"
-                                                      >
-                                                        <path
-                                                          d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                        />
-                                                        <path
-                                                          class="ant-empty-img-simple-path"
-                                                          d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                        />
-                                                      </g>
-                                                    </g>
-                                                  </svg>
-                                                </div>
-                                                <div
-                                                  class="ant-empty-description"
-                                                >
-                                                  No Data
-                                                </div>
-                                              </div>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={false}
-                              pagination={
-                                Object {
-                                  "current": 1,
-                                  "onChange": [Function],
-                                  "pageSize": 20,
-                                  "pageSizeOptions": Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ],
-                                  "showTotal": [Function],
-                                  "total": 0,
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered ant-table-empty",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "dataIndex": "slug",
-                                          "key": "slug",
-                                          "title": "Slug",
-                                        },
-                                        Object {
-                                          "dataIndex": "description",
-                                          "key": "description",
-                                          "render": [Function],
-                                          "title": "Description",
-                                          "width": "50%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [],
-                                      "dataSource": Array [],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col />
-                                                <col />
-                                                <col
-                                                  style="width: 50%;"
-                                                />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Slug
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Description
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-placeholder"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                    colspan="4"
-                                                  >
-                                                    <div
-                                                      class="ant-empty ant-empty-normal"
-                                                    >
-                                                      <div
-                                                        class="ant-empty-image"
-                                                      >
-                                                        <svg
-                                                          class="ant-empty-img-simple"
-                                                          height="41"
-                                                          viewBox="0 0 64 41"
-                                                          width="64"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <g
-                                                            fill="none"
-                                                            fill-rule="evenodd"
-                                                            transform="translate(0 1)"
-                                                          >
-                                                            <ellipse
-                                                              class="ant-empty-img-simple-ellipse"
-                                                              cx="32"
-                                                              cy="33"
-                                                              rx="32"
-                                                              ry="7"
-                                                            />
-                                                            <g
-                                                              class="ant-empty-img-simple-g"
-                                                              fill-rule="nonzero"
-                                                            >
-                                                              <path
-                                                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                              />
-                                                              <path
-                                                                class="ant-empty-img-simple-path"
-                                                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                              />
-                                                            </g>
-                                                          </g>
-                                                        </svg>
-                                                      </div>
-                                                      <div
-                                                        class="ant-empty-description"
-                                                      >
-                                                        No Data
-                                                      </div>
-                                                    </div>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": false,
-                                      "mergedExpandedKeys": Set {},
-                                      "pagination": Object {
-                                        "current": 1,
-                                        "onChange": [Function],
-                                        "pageSize": 20,
-                                        "pageSizeOptions": Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ],
-                                        "showTotal": [Function],
-                                        "total": 0,
-                                      },
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              "50%",
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "fixed": undefined,
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "fixed": undefined,
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                                "width": "50%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="2"
-                                              style={
-                                                Object {
-                                                  "width": "50%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="3"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={4}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                                "width": "50%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "fixed": undefined,
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "fixed": undefined,
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                                "width": "50%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Slug",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "dataIndex": "slug",
-                                                      "key": "slug",
-                                                      "title": "Slug",
-                                                    },
-                                                    "key": "slug",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Description",
-                                                    "className": "",
-                                                    "colEnd": 2,
-                                                    "colSpan": 1,
-                                                    "colStart": 2,
-                                                    "column": Object {
-                                                      "dataIndex": "description",
-                                                      "key": "description",
-                                                      "render": [Function],
-                                                      "title": "Description",
-                                                      "width": "50%",
-                                                    },
-                                                    "key": "description",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 3,
-                                                    "colSpan": 1,
-                                                    "colStart": 3,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "fixed": undefined,
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "description",
-                                                    "fixed": undefined,
-                                                    "key": "description",
-                                                    "render": [Function],
-                                                    "title": "Description",
-                                                    "width": "50%",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "slug",
-                                                      "key": "slug",
-                                                      "title": "Slug",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="slug"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Slug
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={2}
-                                                  colSpan={1}
-                                                  colStart={2}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "description",
-                                                      "key": "description",
-                                                      "render": [Function],
-                                                      "title": "Description",
-                                                      "width": "50%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="description"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Description
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={3}
-                                                  colSpan={1}
-                                                  colStart={3}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={Array []}
-                                          emptyNode={
-                                            <Context.Consumer>
-                                              [Function]
-                                            </Context.Consumer>
-                                          }
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <ExpandedRow
-                                              cellComponent="td"
-                                              className="ant-table-placeholder"
-                                              colSpan={4}
-                                              component="tr"
-                                              componentWidth={0}
-                                              expanded={true}
-                                              fixColumn={false}
-                                              horizonScroll={false}
-                                              prefixCls="ant-table"
-                                            >
-                                              <tr
-                                                className="ant-table-placeholder"
-                                                style={
-                                                  Object {
-                                                    "display": null,
-                                                  }
-                                                }
-                                              >
-                                                <Cell
-                                                  colSpan={4}
-                                                  component="td"
-                                                  prefixCls="ant-table"
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={4}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Empty
-                                                      image={<Simple />}
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Empty"
-                                                      >
-                                                        <div
-                                                          className="ant-empty ant-empty-normal"
-                                                        >
-                                                          <div
-                                                            className="ant-empty-image"
-                                                          >
-                                                            <Simple>
-                                                              <svg
-                                                                className="ant-empty-img-simple"
-                                                                height="41"
-                                                                viewBox="0 0 64 41"
-                                                                width="64"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <g
-                                                                  fill="none"
-                                                                  fillRule="evenodd"
-                                                                  transform="translate(0 1)"
-                                                                >
-                                                                  <ellipse
-                                                                    className="ant-empty-img-simple-ellipse"
-                                                                    cx="32"
-                                                                    cy="33"
-                                                                    rx="32"
-                                                                    ry="7"
-                                                                  />
-                                                                  <g
-                                                                    className="ant-empty-img-simple-g"
-                                                                    fillRule="nonzero"
-                                                                  >
-                                                                    <path
-                                                                      d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                    />
-                                                                    <path
-                                                                      className="ant-empty-img-simple-path"
-                                                                      d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                    />
-                                                                  </g>
-                                                                </g>
-                                                              </svg>
-                                                            </Simple>
-                                                          </div>
-                                                          <div
-                                                            className="ant-empty-description"
-                                                          >
-                                                            No Data
-                                                          </div>
-                                                        </div>
-                                                      </LocaleReceiver>
-                                                    </Empty>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </ExpandedRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </FormatList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Formats>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Formats List component should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/undefined/undefined/",
-            "search": "?page=1",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Formats
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Formats"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Formats"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Formats"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={Object {}}
-                  >
-                    <Link
-                      key="1"
-                      to="/advanced/formats/create"
-                    >
-                      <LinkAnchor
-                        href="/advanced/formats/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/advanced/formats/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            disabled={false}
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                disabled={false}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Format
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <FormatList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "formats": Array [
-                        Object {
-                          "created_at": "2022-04-29T11:35:30.469094Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": "Fact Check",
-                          "footer_code": "",
-                          "header_code": "",
-                          "id": 4,
-                          "medium": null,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "Fact Check",
-                          "slug": "fact-check",
-                          "space_id": 2,
-                          "updated_at": "2022-04-29T11:35:30.469094Z",
-                          "updated_by_id": 34,
-                        },
-                        Object {
-                          "created_at": "2022-04-29T11:35:30.459425Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": "Article",
-                          "footer_code": "",
-                          "header_code": "",
-                          "id": 3,
-                          "medium": null,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "Article",
-                          "slug": "article",
-                          "space_id": 2,
-                          "updated_at": "2022-04-29T11:35:30.459425Z",
-                          "updated_by_id": 34,
-                        },
-                      ],
-                      "loading": false,
-                      "total": 2,
-                    }
-                  }
-                  fetchFormats={[Function]}
-                  filters={
-                    Object {
-                      "limit": 20,
-                      "page": 1,
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "dataIndex": "slug",
-                          "key": "slug",
-                          "title": "Slug",
-                        },
-                        Object {
-                          "dataIndex": "description",
-                          "key": "description",
-                          "render": [Function],
-                          "title": "Description",
-                          "width": "50%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "created_at": "2022-04-29T11:35:30.469094Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": "Fact Check",
-                          "footer_code": "",
-                          "header_code": "",
-                          "id": 4,
-                          "medium": null,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "Fact Check",
-                          "slug": "fact-check",
-                          "space_id": 2,
-                          "updated_at": "2022-04-29T11:35:30.469094Z",
-                          "updated_by_id": 34,
-                        },
-                        Object {
-                          "created_at": "2022-04-29T11:35:30.459425Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": "Article",
-                          "footer_code": "",
-                          "header_code": "",
-                          "id": 3,
-                          "medium": null,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "Article",
-                          "slug": "article",
-                          "space_id": 2,
-                          "updated_at": "2022-04-29T11:35:30.459425Z",
-                          "updated_by_id": 34,
-                        },
-                      ]
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                  },
-                                  Object {
-                                    "dataIndex": "slug",
-                                    "key": "slug",
-                                    "title": "Slug",
-                                  },
-                                  Object {
-                                    "dataIndex": "description",
-                                    "key": "description",
-                                    "render": [Function],
-                                    "title": "Description",
-                                    "width": "50%",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={
-                                Array [
-                                  Object {
-                                    "created_at": "2022-04-29T11:35:30.469094Z",
-                                    "created_by_id": 34,
-                                    "deleted_at": null,
-                                    "description": "Fact Check",
-                                    "footer_code": "",
-                                    "header_code": "",
-                                    "id": 4,
-                                    "medium": null,
-                                    "medium_id": null,
-                                    "meta": null,
-                                    "meta_fields": null,
-                                    "name": "Fact Check",
-                                    "slug": "fact-check",
-                                    "space_id": 2,
-                                    "updated_at": "2022-04-29T11:35:30.469094Z",
-                                    "updated_by_id": 34,
-                                  },
-                                  Object {
-                                    "created_at": "2022-04-29T11:35:30.459425Z",
-                                    "created_by_id": 34,
-                                    "deleted_at": null,
-                                    "description": "Article",
-                                    "footer_code": "",
-                                    "header_code": "",
-                                    "id": 3,
-                                    "medium": null,
-                                    "medium_id": null,
-                                    "meta": null,
-                                    "meta_fields": null,
-                                    "name": "Article",
-                                    "slug": "article",
-                                    "space_id": 2,
-                                    "updated_at": "2022-04-29T11:35:30.459425Z",
-                                    "updated_by_id": 34,
-                                  },
-                                ]
-                              }
-                              dataSource={
-                                Array [
-                                  Object {
-                                    "created_at": "2022-04-29T11:35:30.469094Z",
-                                    "created_by_id": 34,
-                                    "deleted_at": null,
-                                    "description": "Fact Check",
-                                    "footer_code": "",
-                                    "header_code": "",
-                                    "id": 4,
-                                    "medium": null,
-                                    "medium_id": null,
-                                    "meta": null,
-                                    "meta_fields": null,
-                                    "name": "Fact Check",
-                                    "slug": "fact-check",
-                                    "space_id": 2,
-                                    "updated_at": "2022-04-29T11:35:30.469094Z",
-                                    "updated_by_id": 34,
-                                  },
-                                  Object {
-                                    "created_at": "2022-04-29T11:35:30.459425Z",
-                                    "created_by_id": 34,
-                                    "deleted_at": null,
-                                    "description": "Article",
-                                    "footer_code": "",
-                                    "header_code": "",
-                                    "id": 3,
-                                    "medium": null,
-                                    "medium_id": null,
-                                    "meta": null,
-                                    "meta_fields": null,
-                                    "name": "Article",
-                                    "slug": "article",
-                                    "space_id": 2,
-                                    "updated_at": "2022-04-29T11:35:30.459425Z",
-                                    "updated_by_id": 34,
-                                  },
-                                ]
-                              }
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col />
-                                          <col />
-                                          <col
-                                            style="width: 50%;"
-                                          />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Slug
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Description
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-row ant-table-row-level-0"
-                                            data-row-key="4"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <a
-                                                href="/advanced/formats/4/edit"
-                                                style="margin-right: 8px;"
-                                              >
-                                                Fact Check
-                                              </a>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              fact-check
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <div
-                                                class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                              >
-                                                Fact Check
-                                              </div>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              <span
-                                                class="ant-popover-disabled-compatible-wrapper"
-                                                style="display: inline-block; cursor: not-allowed;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                  disabled=""
-                                                  style="pointer-events: none;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="delete"
-                                                    class="anticon anticon-delete"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="delete"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </span>
-                                            </td>
-                                          </tr>
-                                          <tr
-                                            class="ant-table-row ant-table-row-level-0"
-                                            data-row-key="3"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <a
-                                                href="/advanced/formats/3/edit"
-                                                style="margin-right: 8px;"
-                                              >
-                                                Article
-                                              </a>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              article
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <div
-                                                class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                              >
-                                                Article
-                                              </div>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              <span
-                                                class="ant-popover-disabled-compatible-wrapper"
-                                                style="display: inline-block; cursor: not-allowed;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                  disabled=""
-                                                  style="pointer-events: none;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="delete"
-                                                    class="anticon anticon-delete"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="delete"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </span>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={false}
-                              pagination={
-                                Object {
-                                  "current": 1,
-                                  "onChange": [Function],
-                                  "pageSize": 20,
-                                  "pageSizeOptions": Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ],
-                                  "showTotal": [Function],
-                                  "total": 2,
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "dataIndex": "slug",
-                                          "key": "slug",
-                                          "title": "Slug",
-                                        },
-                                        Object {
-                                          "dataIndex": "description",
-                                          "key": "description",
-                                          "render": [Function],
-                                          "title": "Description",
-                                          "width": "50%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [
-                                        Object {
-                                          "created_at": "2022-04-29T11:35:30.469094Z",
-                                          "created_by_id": 34,
-                                          "deleted_at": null,
-                                          "description": "Fact Check",
-                                          "footer_code": "",
-                                          "header_code": "",
-                                          "id": 4,
-                                          "medium": null,
-                                          "medium_id": null,
-                                          "meta": null,
-                                          "meta_fields": null,
-                                          "name": "Fact Check",
-                                          "slug": "fact-check",
-                                          "space_id": 2,
-                                          "updated_at": "2022-04-29T11:35:30.469094Z",
-                                          "updated_by_id": 34,
-                                        },
-                                        Object {
-                                          "created_at": "2022-04-29T11:35:30.459425Z",
-                                          "created_by_id": 34,
-                                          "deleted_at": null,
-                                          "description": "Article",
-                                          "footer_code": "",
-                                          "header_code": "",
-                                          "id": 3,
-                                          "medium": null,
-                                          "medium_id": null,
-                                          "meta": null,
-                                          "meta_fields": null,
-                                          "name": "Article",
-                                          "slug": "article",
-                                          "space_id": 2,
-                                          "updated_at": "2022-04-29T11:35:30.459425Z",
-                                          "updated_by_id": 34,
-                                        },
-                                      ],
-                                      "dataSource": Array [
-                                        Object {
-                                          "created_at": "2022-04-29T11:35:30.469094Z",
-                                          "created_by_id": 34,
-                                          "deleted_at": null,
-                                          "description": "Fact Check",
-                                          "footer_code": "",
-                                          "header_code": "",
-                                          "id": 4,
-                                          "medium": null,
-                                          "medium_id": null,
-                                          "meta": null,
-                                          "meta_fields": null,
-                                          "name": "Fact Check",
-                                          "slug": "fact-check",
-                                          "space_id": 2,
-                                          "updated_at": "2022-04-29T11:35:30.469094Z",
-                                          "updated_by_id": 34,
-                                        },
-                                        Object {
-                                          "created_at": "2022-04-29T11:35:30.459425Z",
-                                          "created_by_id": 34,
-                                          "deleted_at": null,
-                                          "description": "Article",
-                                          "footer_code": "",
-                                          "header_code": "",
-                                          "id": 3,
-                                          "medium": null,
-                                          "medium_id": null,
-                                          "meta": null,
-                                          "meta_fields": null,
-                                          "name": "Article",
-                                          "slug": "article",
-                                          "space_id": 2,
-                                          "updated_at": "2022-04-29T11:35:30.459425Z",
-                                          "updated_by_id": 34,
-                                        },
-                                      ],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col />
-                                                <col />
-                                                <col
-                                                  style="width: 50%;"
-                                                />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Slug
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Description
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-row ant-table-row-level-0"
-                                                  data-row-key="4"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <a
-                                                      href="/advanced/formats/4/edit"
-                                                      style="margin-right: 8px;"
-                                                    >
-                                                      Fact Check
-                                                    </a>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    fact-check
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <div
-                                                      class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                    >
-                                                      Fact Check
-                                                    </div>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    <span
-                                                      class="ant-popover-disabled-compatible-wrapper"
-                                                      style="display: inline-block; cursor: not-allowed;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled=""
-                                                        style="pointer-events: none;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="delete"
-                                                          class="anticon anticon-delete"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="delete"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </span>
-                                                  </td>
-                                                </tr>
-                                                <tr
-                                                  class="ant-table-row ant-table-row-level-0"
-                                                  data-row-key="3"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <a
-                                                      href="/advanced/formats/3/edit"
-                                                      style="margin-right: 8px;"
-                                                    >
-                                                      Article
-                                                    </a>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    article
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <div
-                                                      class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                    >
-                                                      Article
-                                                    </div>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    <span
-                                                      class="ant-popover-disabled-compatible-wrapper"
-                                                      style="display: inline-block; cursor: not-allowed;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled=""
-                                                        style="pointer-events: none;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="delete"
-                                                          class="anticon anticon-delete"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="delete"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </span>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": false,
-                                      "mergedExpandedKeys": Set {},
-                                      "pagination": Object {
-                                        "current": 1,
-                                        "onChange": [Function],
-                                        "pageSize": 20,
-                                        "pageSizeOptions": Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ],
-                                        "showTotal": [Function],
-                                        "total": 2,
-                                      },
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              "50%",
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "fixed": undefined,
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "fixed": undefined,
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                                "width": "50%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="2"
-                                              style={
-                                                Object {
-                                                  "width": "50%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="3"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={4}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                                "width": "50%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "fixed": undefined,
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "fixed": undefined,
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                                "width": "50%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Slug",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "dataIndex": "slug",
-                                                      "key": "slug",
-                                                      "title": "Slug",
-                                                    },
-                                                    "key": "slug",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Description",
-                                                    "className": "",
-                                                    "colEnd": 2,
-                                                    "colSpan": 1,
-                                                    "colStart": 2,
-                                                    "column": Object {
-                                                      "dataIndex": "description",
-                                                      "key": "description",
-                                                      "render": [Function],
-                                                      "title": "Description",
-                                                      "width": "50%",
-                                                    },
-                                                    "key": "description",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 3,
-                                                    "colSpan": 1,
-                                                    "colStart": 3,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "fixed": undefined,
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "description",
-                                                    "fixed": undefined,
-                                                    "key": "description",
-                                                    "render": [Function],
-                                                    "title": "Description",
-                                                    "width": "50%",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "slug",
-                                                      "key": "slug",
-                                                      "title": "Slug",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="slug"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Slug
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={2}
-                                                  colSpan={1}
-                                                  colStart={2}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "description",
-                                                      "key": "description",
-                                                      "render": [Function],
-                                                      "title": "Description",
-                                                      "width": "50%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="description"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Description
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={3}
-                                                  colSpan={1}
-                                                  colStart={3}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={
-                                            Array [
-                                              Object {
-                                                "created_at": "2022-04-29T11:35:30.469094Z",
-                                                "created_by_id": 34,
-                                                "deleted_at": null,
-                                                "description": "Fact Check",
-                                                "footer_code": "",
-                                                "header_code": "",
-                                                "id": 4,
-                                                "medium": null,
-                                                "medium_id": null,
-                                                "meta": null,
-                                                "meta_fields": null,
-                                                "name": "Fact Check",
-                                                "slug": "fact-check",
-                                                "space_id": 2,
-                                                "updated_at": "2022-04-29T11:35:30.469094Z",
-                                                "updated_by_id": 34,
-                                              },
-                                              Object {
-                                                "created_at": "2022-04-29T11:35:30.459425Z",
-                                                "created_by_id": 34,
-                                                "deleted_at": null,
-                                                "description": "Article",
-                                                "footer_code": "",
-                                                "header_code": "",
-                                                "id": 3,
-                                                "medium": null,
-                                                "medium_id": null,
-                                                "meta": null,
-                                                "meta_fields": null,
-                                                "name": "Article",
-                                                "slug": "article",
-                                                "space_id": 2,
-                                                "updated_at": "2022-04-29T11:35:30.459425Z",
-                                                "updated_by_id": 34,
-                                              },
-                                            ]
-                                          }
-                                          emptyNode={null}
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <BodyRow
-                                              cellComponent="td"
-                                              childrenColumnName="children"
-                                              expandedKeys={Set {}}
-                                              getRowKey={[Function]}
-                                              index={0}
-                                              key="4"
-                                              record={
-                                                Object {
-                                                  "created_at": "2022-04-29T11:35:30.469094Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": "Fact Check",
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "id": 4,
-                                                  "medium": null,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "Fact Check",
-                                                  "slug": "fact-check",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-04-29T11:35:30.469094Z",
-                                                  "updated_by_id": 34,
-                                                }
-                                              }
-                                              recordKey={4}
-                                              rowComponent="tr"
-                                              rowKey={4}
-                                            >
-                                              <tr
-                                                className="ant-table-row ant-table-row-level-0"
-                                                data-row-key={4}
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              >
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="name"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-04-29T11:35:30.469094Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": "Fact Check",
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "id": 4,
-                                                      "medium": null,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "Fact Check",
-                                                      "slug": "fact-check",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-04-29T11:35:30.469094Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                      to="/advanced/formats/4/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/advanced/formats/4/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/advanced/formats/4/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "marginRight": 8,
-                                                            }
-                                                          }
-                                                        >
-                                                          Fact Check
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="slug"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="slug"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-04-29T11:35:30.469094Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": "Fact Check",
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "id": 4,
-                                                      "medium": null,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "Fact Check",
-                                                      "slug": "fact-check",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-04-29T11:35:30.469094Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    fact-check
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="description"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="description"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-04-29T11:35:30.469094Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": "Fact Check",
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "id": 4,
-                                                      "medium": null,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "Fact Check",
-                                                      "slug": "fact-check",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-04-29T11:35:30.469094Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Paragraph
-                                                      ellipsis={
-                                                        Object {
-                                                          "rows": 2,
-                                                        }
-                                                      }
-                                                    >
-                                                      <Base
-                                                        component="div"
-                                                        ellipsis={
-                                                          Object {
-                                                            "rows": 2,
-                                                          }
-                                                        }
-                                                      >
-                                                        <LocaleReceiver
-                                                          componentName="Text"
-                                                        >
-                                                          <ResizeObserver
-                                                            disabled={true}
-                                                            onResize={[Function]}
-                                                          >
-                                                            <Typography
-                                                              className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                              component="div"
-                                                              style={
-                                                                Object {
-                                                                  "WebkitLineClamp": 2,
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                                style={
-                                                                  Object {
-                                                                    "WebkitLineClamp": 2,
-                                                                  }
-                                                                }
-                                                              >
-                                                                Fact Check
-                                                              </div>
-                                                            </Typography>
-                                                          </ResizeObserver>
-                                                        </LocaleReceiver>
-                                                      </Base>
-                                                    </Paragraph>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  component="td"
-                                                  dataIndex="operation"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  index={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-04-29T11:35:30.469094Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": "Fact Check",
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "id": 4,
-                                                      "medium": null,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "Fact Check",
-                                                      "slug": "fact-check",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-04-29T11:35:30.469094Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    <ForwardRef
-                                                      disabled={true}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={true}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={true}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={true}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <span
-                                                              className="ant-popover-disabled-compatible-wrapper"
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "cursor": "not-allowed",
-                                                                  "display": "inline-block",
-                                                                  "width": null,
-                                                                }
-                                                              }
-                                                            >
-                                                              <Button
-                                                                className={null}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(DeleteOutlined) />}
-                                                                onKeyDown={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "pointerEvents": "none",
-                                                                  }
-                                                                }
-                                                                type="danger"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                    disabled={true}
-                                                                    onClick={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "pointerEvents": "none",
-                                                                      }
-                                                                    }
-                                                                    type="button"
-                                                                  >
-                                                                    <ForwardRef(DeleteOutlined)>
-                                                                      <AntdIcon
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          aria-label="delete"
-                                                                          className="anticon anticon-delete"
-                                                                          role="img"
-                                                                        >
-                                                                          <IconReact
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "delete",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <svg
-                                                                              aria-hidden="true"
-                                                                              data-icon="delete"
-                                                                              fill="currentColor"
-                                                                              focusable="false"
-                                                                              height="1em"
-                                                                              key="svg-delete"
-                                                                              viewBox="64 64 896 896"
-                                                                              width="1em"
-                                                                            >
-                                                                              <path
-                                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                key="svg-delete-svg-0"
-                                                                              />
-                                                                            </svg>
-                                                                          </IconReact>
-                                                                        </span>
-                                                                      </AntdIcon>
-                                                                    </ForwardRef(DeleteOutlined)>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </span>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </BodyRow>
-                                            <BodyRow
-                                              cellComponent="td"
-                                              childrenColumnName="children"
-                                              expandedKeys={Set {}}
-                                              getRowKey={[Function]}
-                                              index={1}
-                                              key="3"
-                                              record={
-                                                Object {
-                                                  "created_at": "2022-04-29T11:35:30.459425Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": "Article",
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "id": 3,
-                                                  "medium": null,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "Article",
-                                                  "slug": "article",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-04-29T11:35:30.459425Z",
-                                                  "updated_by_id": 34,
-                                                }
-                                              }
-                                              recordKey={3}
-                                              rowComponent="tr"
-                                              rowKey={3}
-                                            >
-                                              <tr
-                                                className="ant-table-row ant-table-row-level-0"
-                                                data-row-key={3}
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              >
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="name"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={1}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-04-29T11:35:30.459425Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": "Article",
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "id": 3,
-                                                      "medium": null,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "Article",
-                                                      "slug": "article",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-04-29T11:35:30.459425Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                      to="/advanced/formats/3/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/advanced/formats/3/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/advanced/formats/3/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "marginRight": 8,
-                                                            }
-                                                          }
-                                                        >
-                                                          Article
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="slug"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={1}
-                                                  key="slug"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-04-29T11:35:30.459425Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": "Article",
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "id": 3,
-                                                      "medium": null,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "Article",
-                                                      "slug": "article",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-04-29T11:35:30.459425Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    article
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="description"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={1}
-                                                  key="description"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-04-29T11:35:30.459425Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": "Article",
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "id": 3,
-                                                      "medium": null,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "Article",
-                                                      "slug": "article",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-04-29T11:35:30.459425Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Paragraph
-                                                      ellipsis={
-                                                        Object {
-                                                          "rows": 2,
-                                                        }
-                                                      }
-                                                    >
-                                                      <Base
-                                                        component="div"
-                                                        ellipsis={
-                                                          Object {
-                                                            "rows": 2,
-                                                          }
-                                                        }
-                                                      >
-                                                        <LocaleReceiver
-                                                          componentName="Text"
-                                                        >
-                                                          <ResizeObserver
-                                                            disabled={true}
-                                                            onResize={[Function]}
-                                                          >
-                                                            <Typography
-                                                              className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                              component="div"
-                                                              style={
-                                                                Object {
-                                                                  "WebkitLineClamp": 2,
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                                style={
-                                                                  Object {
-                                                                    "WebkitLineClamp": 2,
-                                                                  }
-                                                                }
-                                                              >
-                                                                Article
-                                                              </div>
-                                                            </Typography>
-                                                          </ResizeObserver>
-                                                        </LocaleReceiver>
-                                                      </Base>
-                                                    </Paragraph>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  component="td"
-                                                  dataIndex="operation"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  index={1}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-04-29T11:35:30.459425Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": "Article",
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "id": 3,
-                                                      "medium": null,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "Article",
-                                                      "slug": "article",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-04-29T11:35:30.459425Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    <ForwardRef
-                                                      disabled={true}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={true}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={true}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={true}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <span
-                                                              className="ant-popover-disabled-compatible-wrapper"
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "cursor": "not-allowed",
-                                                                  "display": "inline-block",
-                                                                  "width": null,
-                                                                }
-                                                              }
-                                                            >
-                                                              <Button
-                                                                className={null}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(DeleteOutlined) />}
-                                                                onKeyDown={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "pointerEvents": "none",
-                                                                  }
-                                                                }
-                                                                type="danger"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                    disabled={true}
-                                                                    onClick={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "pointerEvents": "none",
-                                                                      }
-                                                                    }
-                                                                    type="button"
-                                                                  >
-                                                                    <ForwardRef(DeleteOutlined)>
-                                                                      <AntdIcon
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          aria-label="delete"
-                                                                          className="anticon anticon-delete"
-                                                                          role="img"
-                                                                        >
-                                                                          <IconReact
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "delete",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <svg
-                                                                              aria-hidden="true"
-                                                                              data-icon="delete"
-                                                                              fill="currentColor"
-                                                                              focusable="false"
-                                                                              height="1em"
-                                                                              key="svg-delete"
-                                                                              viewBox="64 64 896 896"
-                                                                              width="1em"
-                                                                            >
-                                                                              <path
-                                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                key="svg-delete-svg-0"
-                                                                              />
-                                                                            </svg>
-                                                                          </IconReact>
-                                                                        </span>
-                                                                      </AntdIcon>
-                                                                    </ForwardRef(DeleteOutlined)>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </span>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </BodyRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                            <Pagination
-                              className="ant-table-pagination ant-table-pagination-right"
-                              current={1}
-                              onChange={[Function]}
-                              pageSize={20}
-                              pageSizeOptions={
-                                Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ]
-                              }
-                              showTotal={[Function]}
-                              total={2}
-                            >
-                              <LocaleReceiver
-                                componentName="Pagination"
-                                defaultLocale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                              >
-                                <Pagination
-                                  className="ant-table-pagination ant-table-pagination-right"
-                                  current={1}
-                                  defaultCurrent={1}
-                                  defaultPageSize={10}
-                                  hideOnSinglePage={false}
-                                  itemRender={[Function]}
-                                  jumpNextIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleRightOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  jumpPrevIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleLeftOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  locale={
-                                    Object {
-                                      "items_per_page": "/ page",
-                                      "jump_to": "Go to",
-                                      "jump_to_confirm": "confirm",
-                                      "next_3": "Next 3 Pages",
-                                      "next_5": "Next 5 Pages",
-                                      "next_page": "Next Page",
-                                      "page": "",
-                                      "prev_3": "Previous 3 Pages",
-                                      "prev_5": "Previous 5 Pages",
-                                      "prev_page": "Previous Page",
-                                    }
-                                  }
-                                  nextIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined) />
-                                    </button>
-                                  }
-                                  onChange={[Function]}
-                                  onShowSizeChange={[Function]}
-                                  pageSize={20}
-                                  pageSizeOptions={
-                                    Array [
-                                      "10",
-                                      "15",
-                                      "20",
-                                    ]
-                                  }
-                                  prefixCls="ant-pagination"
-                                  prevIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined) />
-                                    </button>
-                                  }
-                                  selectComponentClass={
-                                    Object {
-                                      "$$typeof": Symbol(react.forward_ref),
-                                      "OptGroup": [Function],
-                                      "Option": [Function],
-                                      "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                      "render": [Function],
-                                    }
-                                  }
-                                  selectPrefixCls="ant-select"
-                                  showLessItems={false}
-                                  showPrevNextJumpers={true}
-                                  showQuickJumper={false}
-                                  showTitle={true}
-                                  showTotal={[Function]}
-                                  style={Object {}}
-                                  total={2}
-                                  totalBoundaryShowSizeChanger={50}
-                                >
-                                  <ul
-                                    className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                    style={Object {}}
-                                    unselectable="unselectable"
-                                  >
-                                    <li
-                                      className="ant-pagination-total-text"
-                                    >
-                                      1-2 of 2 results
-                                    </li>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-prev ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Previous Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(LeftOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "left",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="left"
-                                              className="anticon anticon-left"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "left",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="left"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-left"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                    key="svg-left-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(LeftOutlined)>
-                                      </button>
-                                    </li>
-                                    <Pager
-                                      active={true}
-                                      itemRender={[Function]}
-                                      key="1"
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      page={1}
-                                      rootPrefixCls="ant-pagination"
-                                      showTitle={true}
-                                    >
-                                      <li
-                                        className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        tabIndex="0"
-                                        title={1}
-                                      >
-                                        <a
-                                          rel="nofollow"
-                                        >
-                                          1
-                                        </a>
-                                      </li>
-                                    </Pager>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-next ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Next Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(RightOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "right",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="right"
-                                              className="anticon anticon-right"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "right",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="right"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-right"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                    key="svg-right-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(RightOutlined)>
-                                      </button>
-                                    </li>
-                                    <Options
-                                      changeSize={null}
-                                      current={1}
-                                      goButton={false}
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      pageSize={20}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      quickGo={null}
-                                      rootPrefixCls="ant-pagination"
-                                      selectComponentClass={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "OptGroup": [Function],
-                                          "Option": [Function],
-                                          "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                          "render": [Function],
-                                        }
-                                      }
-                                      selectPrefixCls="ant-select"
-                                    />
-                                  </ul>
-                                </Pagination>
-                              </LocaleReceiver>
-                            </Pagination>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </FormatList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Formats>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/formats/components/FormatForm.js b/studio/src/pages/formats/components/FormatForm.js
deleted file mode 100644
index 3c66ce066..000000000
--- a/studio/src/pages/formats/components/FormatForm.js
+++ /dev/null
@@ -1,134 +0,0 @@
-import React from 'react';
-import { Button, Col, Form, Input, Row, Space, Switch, Collapse, ConfigProvider } from 'antd';
-import { maker } from '../../../utils/sluger';
-import getJsonValue from '../../../utils/getJsonValue';
-import MediaSelector from '../../../components/MediaSelector/index';
-import { MetaForm, SlugInput } from '../../../components/FormItems';
-
-const { TextArea } = Input;
-
-const FormatForm = ({ onCreate, data = {} }) => {
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-
-  const onReset = () => {
-    form.resetFields();
-  };
-
-  const onTitleChange = (string) => {
-    form.setFieldsValue({
-      slug: maker(string),
-    });
-  };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Form
-        form={form}
-        initialValues={{ ...data }}
-        name="create-format"
-        layout="vertical"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          onCreate(values);
-          onReset();
-        }}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row
-          gutter={[0, 16]}
-          justify="center"
-          style={{ maxWidth: '1200px', width: '100%', margin: '0 auto' }}
-        >
-          <Col span={24}>
-            <Row justify="end" gutter={40}>
-              <Form.Item>
-                <Space>
-                  <Button disabled={!valueChange} type="primary" htmlType="submit">
-                    {data && data.id ? 'Update' : 'Submit'}
-                  </Button>
-                </Space>
-              </Form.Item>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <Collapse
-                expandIconPosition="right"
-                expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-                style={{ width: '100%', background: '#f0f2f5', border: 0 }}
-              >
-                <Collapse.Panel header="General">
-                  <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '3rem' }}>
-                    <Col md={10} xs={24}>
-                      <Form.Item
-                        name="name"
-                        label="Format Name"
-                        rules={[
-                          {
-                            required: true,
-                            message: 'Please enter the name!',
-                          },
-                          { min: 3, message: 'Name must be minimum 3 characters.' },
-                          { max: 50, message: 'Name must be maximum 50 characters.' },
-                        ]}
-                      >
-                        <Input onChange={(e) => onTitleChange(e.target.value)} />
-                      </Form.Item>
-                      <SlugInput />
-                      <Form.Item name="is_featured" valuePropName="checked">
-                        <Row justify={'space-between'} align={'middle'}>
-                          <span>Featured</span>
-                          <Switch />
-                        </Row>
-                      </Form.Item>
-                      <Form.Item name="description" label="Description">
-                        <TextArea rows={5} />
-                      </Form.Item>
-                    </Col>
-                    <Col md={6} xs={24}>
-                      <Form.Item label="Featured Image" name="medium_id">
-                        <MediaSelector
-                          maxWidth={'250px'}
-                          containerStyles={{
-                            maxWidth: '250px',
-                            justifyContent: 'start',
-                          }}
-                        />
-                      </Form.Item>
-                    </Col>
-                  </Row>
-                </Collapse.Panel>
-              </Collapse>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <MetaForm style={{ marginBottom: 16, background: '#f0f2f5', border: 0 }} />
-            </Row>
-          </Col>
-        </Row>
-      </Form>
-    </ConfigProvider>
-  );
-};
-
-export default FormatForm;
diff --git a/studio/src/pages/formats/components/FormatForm.test.js b/studio/src/pages/formats/components/FormatForm.test.js
deleted file mode 100644
index af533094a..000000000
--- a/studio/src/pages/formats/components/FormatForm.test.js
+++ /dev/null
@@ -1,209 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-import { Collapse } from 'antd';
-import '../../../matchMedia.mock';
-import FormatsCreateForm from './FormatForm';
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-const data = {
-  name: 'name',
-  slug: 'slug',
-  description: 'description',
-};
-
-describe('Formats Create Form component', () => {
-  store = mockStore({
-    formats: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-
-  useDispatch.mockReturnValue(jest.fn());
-  useSelector.mockImplementation((state) => ({ details: [], total: 0, loading: false }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <FormatsCreateForm />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <FormatsCreateForm data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <FormatsCreateForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <FormatsCreateForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <FormatsCreateForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith(props.data);
-        done();
-      }, 0);
-    });
-    it('should submit form with new name', (done) => {
-      const data2 = { ...data };
-      data2.id = 1;
-      data2.meta_fields = {
-        sample: 'testing',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <FormatsCreateForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-        wrapper.find(Collapse).at(0).find('Button').at(0).simulate('click');
-      });
-      act(() => {
-        const input = wrapper.find('FormItem').at(1).find('input');
-        input.simulate('change', { target: { value: 'new name' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          slug: 'new-name',
-          description: 'description',
-          meta_fields: {
-            sample: 'testing',
-          },
-          footer_code: undefined,
-          header_code: undefined,
-          is_featured: undefined,
-          medium_id: undefined,
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('input')
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('input')
-          .simulate('change', { target: { value: 'new-slug' } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'new description' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          slug: 'new-slug',
-          description: 'new description',
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/formats/components/FormatForm.tsx b/studio/src/pages/formats/components/FormatForm.tsx
new file mode 100644
index 000000000..37e85ab5f
--- /dev/null
+++ b/studio/src/pages/formats/components/FormatForm.tsx
@@ -0,0 +1,258 @@
+import React, { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Switch } from "@/components/ui/switch";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/ui/form";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { useForm } from "react-hook-form";
+import { maker } from "../../../utils/sluger";
+import getJsonValue from "../../../utils/getJsonValue";
+import MediaSelector from "../../../components/MediaSelector";
+import { MetaForm, SlugInput } from "../../../components/FormItems";
+import { useNavigate } from "react-router-dom";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { FormatFormProps, FormatFormValues } from "../types";
+
+const FormatForm: React.FC<FormatFormProps> = ({ onCreate, data = {} }) => {
+  const navigate = useNavigate();
+  const [valueChange, setValueChange] = useState(false);
+  const isMobile = useIsMobile();
+
+  // Process meta_fields if it exists
+  const initialData = { ...data };
+  if (initialData.meta_fields && typeof initialData.meta_fields !== "string") {
+    initialData.meta_fields = JSON.stringify(initialData.meta_fields);
+  }
+
+  // Initialize the form
+  const methods = useForm<FormatFormValues>({
+    defaultValues: initialData as Partial<FormatFormValues>,
+  });
+
+  // Handle title change to generate slug
+  const onTitleChange = (value: string) => {
+    methods.setValue("slug", maker(value));
+    setValueChange(true);
+  };
+
+  const handleCancel = () => {
+    navigate(-1);
+  };
+
+  // Handle form submission
+  const onSubmit = (values: FormatFormValues) => {
+    const submissionValues = { ...values };
+
+    // Always preserve the original ID format from the data
+    if (data.id !== undefined) {
+      submissionValues.id = data.id;
+    }
+
+    if (submissionValues.meta_fields) {
+      submissionValues.meta_fields = getJsonValue(
+        submissionValues.meta_fields as string
+      );
+    }
+
+    onCreate(submissionValues);
+  };
+
+  return (
+    <div className={isMobile ? "px-4" : "px-60 max-w-6xl mx-auto"}>
+      {/* Mobile header */}
+      {isMobile && (
+        <div className="mb-4">
+          <h1 className="text-xl font-semibold">
+            {data && data.id ? "Edit Format" : "Create Format"}
+          </h1>
+          <div className="mt-2">
+            <p className="text-gray-600 text-[13px]">
+              Set up a format by entering the essential details provided below
+            </p>
+          </div>
+        </div>
+      )}
+
+      {/* Desktop header */}
+      {!isMobile && (
+        <div className="mb-6 px-4">
+          <h1 className="text-xl font-semibold text-gray-900">
+            {data && data.id ? "Edit Format" : "Create Format"}
+          </h1>
+          <div className="mt-2">
+            <p className="text-gray-600 text-[13px]">
+              Set up a format by entering the essential details provided below
+            </p>
+          </div>
+        </div>
+      )}
+
+      {/* Top border */}
+      <div className="border-t border-gray-200 mb-4"></div>
+
+      <Form {...methods}>
+        <form
+          onSubmit={methods.handleSubmit(onSubmit)}
+          className="w-full mx-auto"
+        >
+          <div className="w-full mb-6">
+            <Accordion
+              type="multiple"
+              defaultValue={["general"]}
+              className="w-full"
+            >
+              <AccordionItem
+                value="general"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">General</span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="py-3 bg-white px-4">
+                    <div className="space-y-4">
+                      <FormField
+                        control={methods.control}
+                        name="name"
+                        render={({ field }) => (
+                          <FormItem className="mb-4 sm:mb-6">
+                            <FormLabel className="text-base">Title</FormLabel>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                placeholder="Format name"
+                                onChange={(e) => {
+                                  field.onChange(e);
+                                  onTitleChange(e.target.value);
+                                }}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <div className="mb-4 sm:mb-6">
+                        <SlugInput form={methods} />
+                      </div>
+
+                      <FormField
+                        control={methods.control}
+                        name="is_featured"
+                        render={({ field }) => (
+                          <FormItem className="flex flex-row items-center justify-between">
+                            <FormLabel className="text-base">
+                              Featured
+                            </FormLabel>
+                            <Switch
+                              checked={field.value}
+                              onCheckedChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={methods.control}
+                        name="description"
+                        render={({ field }) => (
+                          <FormItem className="mb-4 sm:mb-6">
+                            <FormLabel className="text-base mb-2">
+                              Description
+                            </FormLabel>
+                            <Textarea
+                              {...field}
+                              placeholder="Enter description"
+                              onChange={(e) => {
+                                field.onChange(e);
+                                setValueChange(true);
+                              }}
+                              className="min-h-24"
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      {/* Featured Image */}
+                      <FormField
+                        control={methods.control}
+                        name="medium_id"
+                        render={({ field }) => (
+                          <FormItem className="mt-6">
+                            <FormLabel className="text-base mb-2">
+                              Featured Image
+                            </FormLabel>
+                            <MediaSelector
+                              value={field.value}
+                              onChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                              containerStyles={{
+                                justifyContent: "center",
+                                width: "100%",
+                                height: isMobile ? "160px" : "220px",
+                              }}
+                            />
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+          </div>
+
+          <div className="w-full mb-2">
+            <MetaForm form={methods} />
+          </div>
+
+          <div
+            className={`flex ${
+              isMobile ? "justify-between" : "justify-start"
+            } mb-8 mt-8`}
+          >
+            <div
+              className={isMobile ? "w-full flex justify-between" : "space-x-4"}
+            >
+              <Button
+                type="button"
+                variant="outline"
+                onClick={handleCancel}
+                className={isMobile ? "w-[48%]" : "px-6"}
+              >
+                Cancel
+              </Button>
+              <Button
+                type="submit"
+                disabled={!valueChange}
+                className={isMobile ? "w-[48%]" : "px-6"}
+              >
+                {data && data.id ? "Update" : "Create"}
+              </Button>
+            </div>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+};
+
+export default FormatForm;
diff --git a/studio/src/pages/formats/components/FormatList.js b/studio/src/pages/formats/components/FormatList.js
deleted file mode 100644
index f07fb1837..000000000
--- a/studio/src/pages/formats/components/FormatList.js
+++ /dev/null
@@ -1,176 +0,0 @@
-import React from 'react';
-import { ConfigProvider, Modal, Button, Typography, Table } from 'antd';
-import { useDispatch } from 'react-redux';
-import { deleteFormat } from '../../../actions/formats';
-import { Link } from 'react-router-dom';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function FormatList({ actions, data, filters, setFilters, fetchFormats }) {
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemId, setDeleteItemId] = React.useState(null);
-
-  const dispatch = useDispatch();
-
-  const history = useNavigation();
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/advanced/formats/${record.id}/edit`}
-          >
-            <Typography.Text style={{ fontSize: '1rem' }} strong>
-              {record.name}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Description',
-      dataIndex: 'description',
-      key: 'description',
-      width: 400,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '400px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Typography.Paragraph strong style={{ fontSize: '1rem' }} ellipsis={{ rows: 2 }}>
-            {record.description}
-          </Typography.Paragraph>
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      align: 'center',
-      width: 150,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '150px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            {' '}
-            <Button
-              size="large"
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemId(record.id);
-              }}
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Table
-        columns={columns}
-        dataSource={data.formats}
-        loading={data.loading}
-        rowKey={'id'}
-        onRow={(record, rowIndex) => {
-          return {
-            onClick: (event) => {
-              history(`/advanced/formats/${record.id}/edit`);
-            },
-            onMouseEnter: (event) => {
-              document.body.style.cursor = 'pointer';
-            },
-            onMouseLeave: (event) => {
-              document.body.style.cursor = 'default';
-            },
-          };
-        }}
-        scroll={{
-          x: '1000',
-        }}
-        pagination={{
-          showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-          total: data.total,
-          current: filters.page,
-          pageSize: filters.limit,
-          onChange: (pageNumber, pageSize) => setFilters({ page: pageNumber, limit: pageSize }),
-          pageSizeOptions: ['10', '15', '20'],
-        }}
-      />
-      <Modal
-        open={modalOpen}
-        closable={false}
-        centered
-        width={311}
-        className="delete-modal-container"
-        style={{
-          borderRadius: '18px',
-        }}
-        onOk={(e) => {
-          e.stopPropagation();
-          dispatch(deleteFormat(deleteItemId)).then(() => fetchFormats());
-          setModalOpen(false);
-          setDeleteItemId(null);
-        }}
-        disabled={!(actions.includes('admin') || actions.includes('delete'))}
-        cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-        onCancel={(e) => {
-          e.stopPropagation();
-          setModalOpen(false);
-          setDeleteItemId(null);
-        }}
-      >
-        <Typography.Text strong>Are you sure you want to delete this ?</Typography.Text>
-      </Modal>
-    </ConfigProvider>
-  );
-}
-
-export default FormatList;
diff --git a/studio/src/pages/formats/components/FormatList.test.js b/studio/src/pages/formats/components/FormatList.test.js
deleted file mode 100644
index 8316330c3..000000000
--- a/studio/src/pages/formats/components/FormatList.test.js
+++ /dev/null
@@ -1,244 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { Provider, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { Popconfirm, Button, Table } from 'antd';
-import { act } from 'react-dom/test-utils';
-
-import '../../../matchMedia.mock';
-import FormatList from './FormatList';
-import { getFormats, deleteFormat } from '../../../actions/formats';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-const setFilters = jest.fn();
-const fetchFormats = jest.fn();
-let store, mockedDispatch;
-let info = {
-  formats: [
-    {
-      id: 1,
-      created_at: '2020-09-25T07:23:38.40006Z',
-      updated_at: '2020-09-25T07:23:38.40006Z',
-      deleted_at: null,
-      name: 'Fact check',
-      slug: 'fact-check',
-      description: '',
-      space_id: 1,
-    },
-    {
-      id: 2,
-      created_at: '2020-09-25T07:24:11.008257Z',
-      updated_at: '2020-09-25T07:24:11.008257Z',
-      deleted_at: null,
-      name: 'Article',
-      slug: 'article',
-      description: '',
-      space_id: 1,
-    },
-  ],
-  total: 2,
-  loading: false,
-};
-const filters = {
-  page: 1,
-  limit: 20,
-};
-let state = {
-  formats: {
-    req: [
-      {
-        data: [2, 1],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2020-09-25T07:23:38.40006Z',
-        updated_at: '2020-09-25T07:23:38.40006Z',
-        deleted_at: null,
-        name: 'Fact check',
-        slug: 'fact-check',
-        description: '',
-        space_id: 1,
-      },
-      '2': {
-        id: 2,
-        created_at: '2020-09-25T07:24:11.008257Z',
-        updated_at: '2020-09-25T07:24:11.008257Z',
-        deleted_at: null,
-        name: 'Article',
-        slug: 'article',
-        description: '',
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/formats', () => ({
-  getFormats: jest.fn(),
-  deleteFormat: jest.fn(),
-}));
-
-describe('Formats List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <FormatList data={info} filters={filters} actions={['update', 'delete']} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.formats.loading = true;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <FormatList data={info} filters={filters} actions={['update', 'delete']} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with formats', () => {
-      state.formats.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <FormatList
-              data={info}
-              fetchFormats={fetchFormats}
-              filters={filters}
-              actions={['update', 'delete']}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FormatList
-                data={info}
-                setFilters={setFilters}
-                filters={filters}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete format', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FormatList
-                data={info}
-                fetchFormats={fetchFormats}
-                filters={filters}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-
-      expect(deleteFormat).toHaveBeenCalled();
-      expect(deleteFormat).toHaveBeenCalledWith(1);
-    });
-    it('should edit format', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FormatList data={info} filters={filters} actions={['update', 'delete']} />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('Fact check');
-      expect(link.prop('to')).toEqual('/advanced/formats/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        formats: {
-          req: [],
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <FormatList
-                data={{ formats: [], loading: false, total: 0 }}
-                filters={filters}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/formats/components/FormatList.tsx b/studio/src/pages/formats/components/FormatList.tsx
new file mode 100644
index 000000000..63e1c443c
--- /dev/null
+++ b/studio/src/pages/formats/components/FormatList.tsx
@@ -0,0 +1,243 @@
+import React, { useState, useCallback } from "react";
+import { Trash2, Pencil, Ellipsis } from "lucide-react";
+import { deleteFormat } from "../../../actions/formats";
+import useNavigation from "../../../utils/useNavigation";
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import EmptyState from "@/components/EmptyState";
+import { FormatListProps } from "../types";
+
+function FormatList({ data, fetchFormats, isMobile }: FormatListProps) {
+  const [dialogOpen, setDialogOpen] = useState<boolean>(false);
+  const [deleteItemId, setDeleteItemId] = useState<string | null>(null);
+
+  const dispatch = useAppDispatch();
+  const navigate = useNavigation();
+
+  // Memoize handlers to prevent unnecessary re-renders
+  const handleDeleteClick = useCallback((e: React.MouseEvent, id: string) => {
+    e.stopPropagation();
+    setDialogOpen(true);
+    setDeleteItemId(id);
+  }, []);
+
+  const handleEditClick = useCallback(
+    (e: React.MouseEvent, id: string) => {
+      e.stopPropagation();
+      navigate(`/settings/advanced/formats/${id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleDeleteConfirm = useCallback(
+    (e: React.MouseEvent) => {
+      e.stopPropagation();
+      if (deleteItemId) {
+        // Use a promise chain to ensure proper sequence
+        dispatch(deleteFormat(deleteItemId) as any)
+          .then(() => {
+            setDialogOpen(false);
+            setDeleteItemId(null);
+            // Only fetch after the delete is complete
+            setTimeout(() => fetchFormats(), 100);
+          })
+          .catch(() => {
+            setDialogOpen(false);
+            setDeleteItemId(null);
+          });
+      }
+    },
+    [deleteItemId, dispatch, fetchFormats]
+  );
+
+  const handleDeleteCancel = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    setDialogOpen(false);
+    setDeleteItemId(null);
+  }, []);
+
+  const handleRowClick = useCallback(
+    (id: string) => {
+      navigate(`/settings/advanced/formats/${id}/edit`);
+    },
+    [navigate]
+  );
+
+  // Check if there are any formats to display
+  const hasFormatsData =
+    !data.loading && data.formats && data.formats.length > 0;
+
+  return (
+    <div className="pb-4 overflow-auto">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className={isMobile ? "w-full" : "w-[200px]"}>
+                  Name
+                </TableHead>
+                {!isMobile && (
+                  <TableHead className="w-[45%]">Description</TableHead>
+                )}
+                <TableHead className="w-[10%] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                    {isMobile && <Skeleton className="h-4 w-3/4 mt-1" />}
+                  </TableCell>
+                  {!isMobile && (
+                    <TableCell className="min-w-[400px]">
+                      <Skeleton className="h-6 w-full" />
+                    </TableCell>
+                  )}
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasFormatsData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className={isMobile ? "w-full" : "w-[200px]"}>
+                  Name
+                </TableHead>
+                {!isMobile && (
+                  <TableHead className="w-[45%]">Description</TableHead>
+                )}
+                <TableHead className="w-[10%] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.formats.map((format) => (
+                <TableRow
+                  key={format.id}
+                  onClick={() => handleRowClick(format.id)}
+                  className="cursor-pointer"
+                >
+                  <TableCell>
+                    <h3 className="font-normal">
+                      {format.name || "Unnamed Format"}
+                    </h3>
+                    {isMobile && format.description && (
+                      <p className="text-sm text-muted-foreground mt-1 line-clamp-1">
+                        {format.description}
+                      </p>
+                    )}
+                  </TableCell>
+                  {!isMobile && (
+                    <TableCell className="min-w-[400px]">
+                      <p>{format.description || "---"}</p>
+                    </TableCell>
+                  )}
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => handleEditClick(e, format.id)}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => handleDeleteClick(e, format.id)}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="formats"
+          title="No formats found"
+          description="Your formats list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+        <DialogContent
+          className="max-w-sm p-4"
+          onPointerDownOutside={(e) => e.preventDefault()}
+        >
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Format</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this format?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button size="sm" variant="outline" onClick={handleDeleteCancel}>
+              Cancel
+            </Button>
+            <Button
+              size="sm"
+              variant="destructive"
+              onClick={handleDeleteConfirm}
+              type="button"
+            >
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+
+export default FormatList;
diff --git a/studio/src/pages/formats/components/__snapshots__/FormatForm.test.js.snap b/studio/src/pages/formats/components/__snapshots__/FormatForm.test.js.snap
deleted file mode 100644
index 93d26d2e3..000000000
--- a/studio/src/pages/formats/components/__snapshots__/FormatForm.test.js.snap
+++ /dev/null
@@ -1,6876 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Formats Create Form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <FormatForm
-    data={
-      Object {
-        "description": "description",
-        "name": "name",
-        "slug": "slug",
-      }
-    }
-    onCreate={[MockFunction]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-format",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "description": "description",
-          "name": "name",
-          "slug": "slug",
-        }
-      }
-      layout="vertical"
-      name="create-format"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-format",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-format"
-          initialValues={
-            Object {
-              "description": "description",
-              "name": "name",
-              "slug": "slug",
-            }
-          }
-          name="create-format"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-format"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Format Name"
-                              name="name"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter the name!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "message": "Name must be minimum 3 characters.",
-                                    "min": 3,
-                                  },
-                                  Object {
-                                    "max": 50,
-                                    "message": "Name must be maximum 50 characters.",
-                                  },
-                                ]
-                              }
-                            >
-                              <WrapperField
-                                label="Format Name"
-                                messageVariables={
-                                  Object {
-                                    "label": "Format Name",
-                                  }
-                                }
-                                name="name"
-                                onReset={[Function]}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Name must be minimum 3 characters.",
-                                      "min": 3,
-                                    },
-                                    Object {
-                                      "max": 50,
-                                      "message": "Name must be maximum 50 characters.",
-                                    },
-                                  ]
-                                }
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_name"
-                                  label="Format Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Format Name",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "name",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Name must be minimum 3 characters.",
-                                        "min": 3,
-                                      },
-                                      Object {
-                                        "max": 50,
-                                        "message": "Name must be maximum 50 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_name"
-                                        label="Format Name"
-                                        name="name"
-                                        prefixCls="ant-form"
-                                        required={true}
-                                        requiredMark={true}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the name!",
-                                              "required": true,
-                                            },
-                                            Object {
-                                              "message": "Name must be minimum 3 characters.",
-                                              "min": 3,
-                                            },
-                                            Object {
-                                              "max": 50,
-                                              "message": "Name must be maximum 50 characters.",
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className="ant-form-item-required"
-                                              htmlFor="create-format_name"
-                                              title="Format Name"
-                                            >
-                                              Format Name
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Format Name"
-                                        name={
-                                          Array [
-                                            "name",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the name!",
-                                              "required": true,
-                                            },
-                                            Object {
-                                              "message": "Name must be minimum 3 characters.",
-                                              "min": 3,
-                                            },
-                                            Object {
-                                              "max": 50,
-                                              "message": "Name must be maximum 50 characters.",
-                                            },
-                                          ]
-                                        }
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value="name"
-                                                >
-                                                  <Input
-                                                    id="create-format_name"
-                                                    onChange={[Function]}
-                                                    type="text"
-                                                    value="name"
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-format_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="name"
-                                                        />
-                                                      }
-                                                      focused={false}
-                                                      handleReset={[Function]}
-                                                      id="create-format_name"
-                                                      inputType="input"
-                                                      onChange={[Function]}
-                                                      prefixCls="ant-input"
-                                                      triggerFocus={[Function]}
-                                                      type="text"
-                                                      value="name"
-                                                    >
-                                                      <input
-                                                        className="ant-input"
-                                                        id="create-format_name"
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        type="text"
-                                                        value="name"
-                                                      />
-                                                    </ClearableLabeledInput>
-                                                  </Input>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-format_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value="slug"
-                                                  >
-                                                    <Input
-                                                      id="create-format_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="slug"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-format_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="slug"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-format_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="slug"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-format_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="slug"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Switch
-                                                    id="create-format_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        className=""
-                                                        id="create-format_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={false}
-                                                          className="ant-switch"
-                                                          id="create-format_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-format_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Description"
-                              name="description"
-                            >
-                              <WrapperField
-                                label="Description"
-                                messageVariables={
-                                  Object {
-                                    "label": "Description",
-                                  }
-                                }
-                                name="description"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_description"
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "description",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_description"
-                                        label="Description"
-                                        name="description"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_description"
-                                              title="Description"
-                                            >
-                                              Description
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Description"
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value="description"
-                                                >
-                                                  <ForwardRef
-                                                    id="create-format_description"
-                                                    onChange={[Function]}
-                                                    value="description"
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <TextArea
-                                                          className=""
-                                                          id="create-format_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value="description"
-                                                        />
-                                                      }
-                                                      handleReset={[Function]}
-                                                      id="create-format_description"
-                                                      inputType="text"
-                                                      prefixCls="ant-input"
-                                                      value="description"
-                                                    >
-                                                      <TextArea
-                                                        className=""
-                                                        id="create-format_description"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        prefixCls="ant-input"
-                                                        value="description"
-                                                      >
-                                                        <ResizableTextArea
-                                                          className=""
-                                                          id="create-format_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value="description"
-                                                        >
-                                                          <ResizeObserver
-                                                            disabled={true}
-                                                            onResize={[Function]}
-                                                          >
-                                                            <textarea
-                                                              className="ant-input"
-                                                              id="create-format_description"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              style={Object {}}
-                                                              value="description"
-                                                            />
-                                                          </ResizeObserver>
-                                                        </ResizableTextArea>
-                                                      </TextArea>
-                                                    </ClearableLabeledInput>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </FormatForm>
-</Provider>
-`;
-
-exports[`Formats Create Form component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <FormatForm
-    data={Array []}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-format",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="create-format"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-format",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-format"
-          initialValues={Object {}}
-          name="create-format"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-format"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Format Name"
-                              name="name"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter the name!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "message": "Name must be minimum 3 characters.",
-                                    "min": 3,
-                                  },
-                                  Object {
-                                    "max": 50,
-                                    "message": "Name must be maximum 50 characters.",
-                                  },
-                                ]
-                              }
-                            >
-                              <WrapperField
-                                label="Format Name"
-                                messageVariables={
-                                  Object {
-                                    "label": "Format Name",
-                                  }
-                                }
-                                name="name"
-                                onReset={[Function]}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Name must be minimum 3 characters.",
-                                      "min": 3,
-                                    },
-                                    Object {
-                                      "max": 50,
-                                      "message": "Name must be maximum 50 characters.",
-                                    },
-                                  ]
-                                }
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_name"
-                                  label="Format Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Format Name",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "name",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Name must be minimum 3 characters.",
-                                        "min": 3,
-                                      },
-                                      Object {
-                                        "max": 50,
-                                        "message": "Name must be maximum 50 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_name"
-                                        label="Format Name"
-                                        name="name"
-                                        prefixCls="ant-form"
-                                        required={true}
-                                        requiredMark={true}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the name!",
-                                              "required": true,
-                                            },
-                                            Object {
-                                              "message": "Name must be minimum 3 characters.",
-                                              "min": 3,
-                                            },
-                                            Object {
-                                              "max": 50,
-                                              "message": "Name must be maximum 50 characters.",
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className="ant-form-item-required"
-                                              htmlFor="create-format_name"
-                                              title="Format Name"
-                                            >
-                                              Format Name
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Format Name"
-                                        name={
-                                          Array [
-                                            "name",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the name!",
-                                              "required": true,
-                                            },
-                                            Object {
-                                              "message": "Name must be minimum 3 characters.",
-                                              "min": 3,
-                                            },
-                                            Object {
-                                              "max": 50,
-                                              "message": "Name must be maximum 50 characters.",
-                                            },
-                                          ]
-                                        }
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Input
-                                                    id="create-format_name"
-                                                    onChange={[Function]}
-                                                    type="text"
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-format_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                        />
-                                                      }
-                                                      focused={false}
-                                                      handleReset={[Function]}
-                                                      id="create-format_name"
-                                                      inputType="input"
-                                                      onChange={[Function]}
-                                                      prefixCls="ant-input"
-                                                      triggerFocus={[Function]}
-                                                      type="text"
-                                                      value=""
-                                                    >
-                                                      <input
-                                                        className="ant-input"
-                                                        id="create-format_name"
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      />
-                                                    </ClearableLabeledInput>
-                                                  </Input>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-format_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-format_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-format_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-format_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-format_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Switch
-                                                    id="create-format_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        className=""
-                                                        id="create-format_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={false}
-                                                          className="ant-switch"
-                                                          id="create-format_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-format_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Description"
-                              name="description"
-                            >
-                              <WrapperField
-                                label="Description"
-                                messageVariables={
-                                  Object {
-                                    "label": "Description",
-                                  }
-                                }
-                                name="description"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_description"
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "description",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_description"
-                                        label="Description"
-                                        name="description"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_description"
-                                              title="Description"
-                                            >
-                                              Description
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Description"
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <ForwardRef
-                                                    id="create-format_description"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <TextArea
-                                                          className=""
-                                                          id="create-format_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                        />
-                                                      }
-                                                      handleReset={[Function]}
-                                                      id="create-format_description"
-                                                      inputType="text"
-                                                      prefixCls="ant-input"
-                                                      value=""
-                                                    >
-                                                      <TextArea
-                                                        className=""
-                                                        id="create-format_description"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        prefixCls="ant-input"
-                                                        value=""
-                                                      >
-                                                        <ResizableTextArea
-                                                          className=""
-                                                          id="create-format_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value=""
-                                                        >
-                                                          <ResizeObserver
-                                                            disabled={true}
-                                                            onResize={[Function]}
-                                                          >
-                                                            <textarea
-                                                              className="ant-input"
-                                                              id="create-format_description"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              style={Object {}}
-                                                              value=""
-                                                            />
-                                                          </ResizeObserver>
-                                                        </ResizableTextArea>
-                                                      </TextArea>
-                                                    </ClearableLabeledInput>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </FormatForm>
-</Provider>
-`;
-
-exports[`Formats Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <FormatForm>
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-format",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="create-format"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-format",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-format"
-          initialValues={Object {}}
-          name="create-format"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-format"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Format Name"
-                              name="name"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter the name!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "message": "Name must be minimum 3 characters.",
-                                    "min": 3,
-                                  },
-                                  Object {
-                                    "max": 50,
-                                    "message": "Name must be maximum 50 characters.",
-                                  },
-                                ]
-                              }
-                            >
-                              <WrapperField
-                                label="Format Name"
-                                messageVariables={
-                                  Object {
-                                    "label": "Format Name",
-                                  }
-                                }
-                                name="name"
-                                onReset={[Function]}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Name must be minimum 3 characters.",
-                                      "min": 3,
-                                    },
-                                    Object {
-                                      "max": 50,
-                                      "message": "Name must be maximum 50 characters.",
-                                    },
-                                  ]
-                                }
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_name"
-                                  label="Format Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Format Name",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "name",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Name must be minimum 3 characters.",
-                                        "min": 3,
-                                      },
-                                      Object {
-                                        "max": 50,
-                                        "message": "Name must be maximum 50 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_name"
-                                        label="Format Name"
-                                        name="name"
-                                        prefixCls="ant-form"
-                                        required={true}
-                                        requiredMark={true}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the name!",
-                                              "required": true,
-                                            },
-                                            Object {
-                                              "message": "Name must be minimum 3 characters.",
-                                              "min": 3,
-                                            },
-                                            Object {
-                                              "max": 50,
-                                              "message": "Name must be maximum 50 characters.",
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className="ant-form-item-required"
-                                              htmlFor="create-format_name"
-                                              title="Format Name"
-                                            >
-                                              Format Name
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Format Name"
-                                        name={
-                                          Array [
-                                            "name",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the name!",
-                                              "required": true,
-                                            },
-                                            Object {
-                                              "message": "Name must be minimum 3 characters.",
-                                              "min": 3,
-                                            },
-                                            Object {
-                                              "max": 50,
-                                              "message": "Name must be maximum 50 characters.",
-                                            },
-                                          ]
-                                        }
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Input
-                                                    id="create-format_name"
-                                                    onChange={[Function]}
-                                                    type="text"
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-format_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                        />
-                                                      }
-                                                      focused={false}
-                                                      handleReset={[Function]}
-                                                      id="create-format_name"
-                                                      inputType="input"
-                                                      onChange={[Function]}
-                                                      prefixCls="ant-input"
-                                                      triggerFocus={[Function]}
-                                                      type="text"
-                                                      value=""
-                                                    >
-                                                      <input
-                                                        className="ant-input"
-                                                        id="create-format_name"
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      />
-                                                    </ClearableLabeledInput>
-                                                  </Input>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-format",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-format_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-format_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-format_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-format_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-format_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-format_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Switch
-                                                    id="create-format_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        className=""
-                                                        id="create-format_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={false}
-                                                          className="ant-switch"
-                                                          id="create-format_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-format_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Description"
-                              name="description"
-                            >
-                              <WrapperField
-                                label="Description"
-                                messageVariables={
-                                  Object {
-                                    "label": "Description",
-                                  }
-                                }
-                                name="description"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-format",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_description"
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "description",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-format_description"
-                                        label="Description"
-                                        name="description"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-format_description"
-                                              title="Description"
-                                            >
-                                              Description
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Description"
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <ForwardRef
-                                                    id="create-format_description"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <ClearableLabeledInput
-                                                      bordered={true}
-                                                      element={
-                                                        <TextArea
-                                                          className=""
-                                                          id="create-format_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          prefixCls="ant-input"
-                                                        />
-                                                      }
-                                                      handleReset={[Function]}
-                                                      id="create-format_description"
-                                                      inputType="text"
-                                                      prefixCls="ant-input"
-                                                      value=""
-                                                    >
-                                                      <TextArea
-                                                        className=""
-                                                        id="create-format_description"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        prefixCls="ant-input"
-                                                        value=""
-                                                      >
-                                                        <ResizableTextArea
-                                                          className=""
-                                                          id="create-format_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          prefixCls="ant-input"
-                                                          value=""
-                                                        >
-                                                          <ResizeObserver
-                                                            disabled={true}
-                                                            onResize={[Function]}
-                                                          >
-                                                            <textarea
-                                                              className="ant-input"
-                                                              id="create-format_description"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              style={Object {}}
-                                                              value=""
-                                                            />
-                                                          </ResizeObserver>
-                                                        </ResizableTextArea>
-                                                      </TextArea>
-                                                    </ClearableLabeledInput>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </FormatForm>
-</Provider>
-`;
diff --git a/studio/src/pages/formats/components/__snapshots__/FormatList.test.js.snap b/studio/src/pages/formats/components/__snapshots__/FormatList.test.js.snap
deleted file mode 100644
index 7d3cffbb5..000000000
--- a/studio/src/pages/formats/components/__snapshots__/FormatList.test.js.snap
+++ /dev/null
@@ -1,10640 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Formats List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FormatList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "formats": Array [
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "name": "Fact check",
-                "slug": "fact-check",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-              },
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "name": "Article",
-                "slug": "article",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-              },
-            ],
-            "loading": false,
-            "total": 2,
-          }
-        }
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-      >
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-              },
-              Object {
-                "dataIndex": "slug",
-                "key": "slug",
-                "title": "Slug",
-              },
-              Object {
-                "dataIndex": "description",
-                "key": "description",
-                "render": [Function],
-                "title": "Description",
-                "width": "50%",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "name": "Fact check",
-                "slug": "fact-check",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-              },
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "name": "Article",
-                "slug": "article",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-              },
-            ]
-          }
-          loading={false}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={false}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  className="ant-spin-container"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "dataIndex": "slug",
-                          "key": "slug",
-                          "title": "Slug",
-                        },
-                        Object {
-                          "dataIndex": "description",
-                          "key": "description",
-                          "render": [Function],
-                          "title": "Description",
-                          "width": "50%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "name": "Fact check",
-                          "slug": "fact-check",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "name": "Article",
-                          "slug": "article",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "name": "Fact check",
-                          "slug": "fact-check",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "name": "Article",
-                          "slug": "article",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: auto;"
-                            >
-                              <colgroup>
-                                <col />
-                                <col />
-                                <col
-                                  style="width: 50%;"
-                                />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Slug
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Description
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/formats/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Fact check
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    fact-check
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <div
-                                      class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                    >
-                                      
-                                    </div>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/formats/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Article
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    article
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <div
-                                      class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                    >
-                                      
-                                    </div>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                              },
-                              Object {
-                                "dataIndex": "slug",
-                                "key": "slug",
-                                "title": "Slug",
-                              },
-                              Object {
-                                "dataIndex": "description",
-                                "key": "description",
-                                "render": [Function],
-                                "title": "Description",
-                                "width": "50%",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 1,
-                                "name": "Fact check",
-                                "slug": "fact-check",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 2,
-                                "name": "Article",
-                                "slug": "article",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 1,
-                                "name": "Fact check",
-                                "slug": "fact-check",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 2,
-                                "name": "Article",
-                                "slug": "article",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: auto;"
-                                  >
-                                    <colgroup>
-                                      <col />
-                                      <col />
-                                      <col
-                                        style="width: 50%;"
-                                      />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Slug
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Description
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/formats/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Fact check
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          fact-check
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <div
-                                            class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                          >
-                                            
-                                          </div>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/formats/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Article
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          article
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <div
-                                            class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                          >
-                                            
-                                          </div>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": false,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "auto",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    "50%",
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "fixed": undefined,
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "fixed": undefined,
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="2"
-                                    style={
-                                      Object {
-                                        "width": "50%",
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="3"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={4}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "fixed": undefined,
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "fixed": undefined,
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Slug",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          "key": "slug",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Description",
-                                          "className": "",
-                                          "colEnd": 2,
-                                          "colSpan": 1,
-                                          "colStart": 2,
-                                          "column": Object {
-                                            "dataIndex": "description",
-                                            "key": "description",
-                                            "render": [Function],
-                                            "title": "Description",
-                                            "width": "50%",
-                                          },
-                                          "key": "description",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 3,
-                                          "colSpan": 1,
-                                          "colStart": 3,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "dataIndex": "slug",
-                                          "fixed": undefined,
-                                          "key": "slug",
-                                          "title": "Slug",
-                                        },
-                                        Object {
-                                          "dataIndex": "description",
-                                          "fixed": undefined,
-                                          "key": "description",
-                                          "render": [Function],
-                                          "title": "Description",
-                                          "width": "50%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Slug
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={2}
-                                        colSpan={1}
-                                        colStart={2}
-                                        column={
-                                          Object {
-                                            "dataIndex": "description",
-                                            "key": "description",
-                                            "render": [Function],
-                                            "title": "Description",
-                                            "width": "50%",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Description
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={3}
-                                        colSpan={1}
-                                        colStart={3}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "created_at": "2020-09-25T07:23:38.40006Z",
-                                      "deleted_at": null,
-                                      "description": "",
-                                      "id": 1,
-                                      "name": "Fact check",
-                                      "slug": "fact-check",
-                                      "space_id": 1,
-                                      "updated_at": "2020-09-25T07:23:38.40006Z",
-                                    },
-                                    Object {
-                                      "created_at": "2020-09-25T07:24:11.008257Z",
-                                      "deleted_at": null,
-                                      "description": "",
-                                      "id": 2,
-                                      "name": "Article",
-                                      "slug": "article",
-                                      "space_id": 1,
-                                      "updated_at": "2020-09-25T07:24:11.008257Z",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:23:38.40006Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "name": "Fact check",
-                                        "slug": "fact-check",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-25T07:23:38.40006Z",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/formats/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/formats/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/formats/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Fact check
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="slug"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          fact-check
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="description"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Paragraph
-                                            ellipsis={
-                                              Object {
-                                                "rows": 2,
-                                              }
-                                            }
-                                          >
-                                            <Base
-                                              component="div"
-                                              ellipsis={
-                                                Object {
-                                                  "rows": 2,
-                                                }
-                                              }
-                                            >
-                                              <LocaleReceiver
-                                                componentName="Text"
-                                              >
-                                                <ResizeObserver
-                                                  disabled={true}
-                                                  onResize={[Function]}
-                                                >
-                                                  <Typography
-                                                    className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                    component="div"
-                                                    style={
-                                                      Object {
-                                                        "WebkitLineClamp": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                      style={
-                                                        Object {
-                                                          "WebkitLineClamp": 2,
-                                                        }
-                                                      }
-                                                    />
-                                                  </Typography>
-                                                </ResizeObserver>
-                                              </LocaleReceiver>
-                                            </Base>
-                                          </Paragraph>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:24:11.008257Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "name": "Article",
-                                        "slug": "article",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-25T07:24:11.008257Z",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/formats/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/formats/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/formats/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Article
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="slug"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          article
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="description"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Paragraph
-                                            ellipsis={
-                                              Object {
-                                                "rows": 2,
-                                              }
-                                            }
-                                          >
-                                            <Base
-                                              component="div"
-                                              ellipsis={
-                                                Object {
-                                                  "rows": 2,
-                                                }
-                                              }
-                                            >
-                                              <LocaleReceiver
-                                                componentName="Text"
-                                              >
-                                                <ResizeObserver
-                                                  disabled={true}
-                                                  onResize={[Function]}
-                                                >
-                                                  <Typography
-                                                    className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                    component="div"
-                                                    style={
-                                                      Object {
-                                                        "WebkitLineClamp": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                      style={
-                                                        Object {
-                                                          "WebkitLineClamp": 2,
-                                                        }
-                                                      }
-                                                    />
-                                                  </Typography>
-                                                </ResizeObserver>
-                                              </LocaleReceiver>
-                                            </Base>
-                                          </Paragraph>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </FormatList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Formats List component snapshot testing should match component with formats 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FormatList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "formats": Array [
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "name": "Fact check",
-                "slug": "fact-check",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-              },
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "name": "Article",
-                "slug": "article",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-              },
-            ],
-            "loading": false,
-            "total": 2,
-          }
-        }
-        fetchFormats={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-      >
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-              },
-              Object {
-                "dataIndex": "slug",
-                "key": "slug",
-                "title": "Slug",
-              },
-              Object {
-                "dataIndex": "description",
-                "key": "description",
-                "render": [Function],
-                "title": "Description",
-                "width": "50%",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "name": "Fact check",
-                "slug": "fact-check",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-              },
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "name": "Article",
-                "slug": "article",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-              },
-            ]
-          }
-          loading={false}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={false}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  className="ant-spin-container"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "dataIndex": "slug",
-                          "key": "slug",
-                          "title": "Slug",
-                        },
-                        Object {
-                          "dataIndex": "description",
-                          "key": "description",
-                          "render": [Function],
-                          "title": "Description",
-                          "width": "50%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "name": "Fact check",
-                          "slug": "fact-check",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "name": "Article",
-                          "slug": "article",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "name": "Fact check",
-                          "slug": "fact-check",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "name": "Article",
-                          "slug": "article",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: auto;"
-                            >
-                              <colgroup>
-                                <col />
-                                <col />
-                                <col
-                                  style="width: 50%;"
-                                />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Slug
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Description
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/formats/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Fact check
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    fact-check
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <div
-                                      class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                    >
-                                      
-                                    </div>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/formats/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Article
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    article
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <div
-                                      class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                    >
-                                      
-                                    </div>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                              },
-                              Object {
-                                "dataIndex": "slug",
-                                "key": "slug",
-                                "title": "Slug",
-                              },
-                              Object {
-                                "dataIndex": "description",
-                                "key": "description",
-                                "render": [Function],
-                                "title": "Description",
-                                "width": "50%",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 1,
-                                "name": "Fact check",
-                                "slug": "fact-check",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 2,
-                                "name": "Article",
-                                "slug": "article",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 1,
-                                "name": "Fact check",
-                                "slug": "fact-check",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 2,
-                                "name": "Article",
-                                "slug": "article",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: auto;"
-                                  >
-                                    <colgroup>
-                                      <col />
-                                      <col />
-                                      <col
-                                        style="width: 50%;"
-                                      />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Slug
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Description
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/formats/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Fact check
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          fact-check
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <div
-                                            class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                          >
-                                            
-                                          </div>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/formats/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Article
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          article
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <div
-                                            class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                          >
-                                            
-                                          </div>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": false,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "auto",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    "50%",
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "fixed": undefined,
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "fixed": undefined,
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="2"
-                                    style={
-                                      Object {
-                                        "width": "50%",
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="3"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={4}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "fixed": undefined,
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "fixed": undefined,
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Slug",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          "key": "slug",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Description",
-                                          "className": "",
-                                          "colEnd": 2,
-                                          "colSpan": 1,
-                                          "colStart": 2,
-                                          "column": Object {
-                                            "dataIndex": "description",
-                                            "key": "description",
-                                            "render": [Function],
-                                            "title": "Description",
-                                            "width": "50%",
-                                          },
-                                          "key": "description",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 3,
-                                          "colSpan": 1,
-                                          "colStart": 3,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "dataIndex": "slug",
-                                          "fixed": undefined,
-                                          "key": "slug",
-                                          "title": "Slug",
-                                        },
-                                        Object {
-                                          "dataIndex": "description",
-                                          "fixed": undefined,
-                                          "key": "description",
-                                          "render": [Function],
-                                          "title": "Description",
-                                          "width": "50%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Slug
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={2}
-                                        colSpan={1}
-                                        colStart={2}
-                                        column={
-                                          Object {
-                                            "dataIndex": "description",
-                                            "key": "description",
-                                            "render": [Function],
-                                            "title": "Description",
-                                            "width": "50%",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Description
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={3}
-                                        colSpan={1}
-                                        colStart={3}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "created_at": "2020-09-25T07:23:38.40006Z",
-                                      "deleted_at": null,
-                                      "description": "",
-                                      "id": 1,
-                                      "name": "Fact check",
-                                      "slug": "fact-check",
-                                      "space_id": 1,
-                                      "updated_at": "2020-09-25T07:23:38.40006Z",
-                                    },
-                                    Object {
-                                      "created_at": "2020-09-25T07:24:11.008257Z",
-                                      "deleted_at": null,
-                                      "description": "",
-                                      "id": 2,
-                                      "name": "Article",
-                                      "slug": "article",
-                                      "space_id": 1,
-                                      "updated_at": "2020-09-25T07:24:11.008257Z",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:23:38.40006Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "name": "Fact check",
-                                        "slug": "fact-check",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-25T07:23:38.40006Z",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/formats/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/formats/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/formats/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Fact check
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="slug"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          fact-check
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="description"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Paragraph
-                                            ellipsis={
-                                              Object {
-                                                "rows": 2,
-                                              }
-                                            }
-                                          >
-                                            <Base
-                                              component="div"
-                                              ellipsis={
-                                                Object {
-                                                  "rows": 2,
-                                                }
-                                              }
-                                            >
-                                              <LocaleReceiver
-                                                componentName="Text"
-                                              >
-                                                <ResizeObserver
-                                                  disabled={true}
-                                                  onResize={[Function]}
-                                                >
-                                                  <Typography
-                                                    className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                    component="div"
-                                                    style={
-                                                      Object {
-                                                        "WebkitLineClamp": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                      style={
-                                                        Object {
-                                                          "WebkitLineClamp": 2,
-                                                        }
-                                                      }
-                                                    />
-                                                  </Typography>
-                                                </ResizeObserver>
-                                              </LocaleReceiver>
-                                            </Base>
-                                          </Paragraph>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:24:11.008257Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "name": "Article",
-                                        "slug": "article",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-25T07:24:11.008257Z",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/formats/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/formats/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/formats/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Article
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="slug"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          article
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="description"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Paragraph
-                                            ellipsis={
-                                              Object {
-                                                "rows": 2,
-                                              }
-                                            }
-                                          >
-                                            <Base
-                                              component="div"
-                                              ellipsis={
-                                                Object {
-                                                  "rows": 2,
-                                                }
-                                              }
-                                            >
-                                              <LocaleReceiver
-                                                componentName="Text"
-                                              >
-                                                <ResizeObserver
-                                                  disabled={true}
-                                                  onResize={[Function]}
-                                                >
-                                                  <Typography
-                                                    className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                    component="div"
-                                                    style={
-                                                      Object {
-                                                        "WebkitLineClamp": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                      style={
-                                                        Object {
-                                                          "WebkitLineClamp": 2,
-                                                        }
-                                                      }
-                                                    />
-                                                  </Typography>
-                                                </ResizeObserver>
-                                              </LocaleReceiver>
-                                            </Base>
-                                          </Paragraph>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </FormatList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Formats List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <FormatList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "formats": Array [
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "name": "Fact check",
-                "slug": "fact-check",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-              },
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "name": "Article",
-                "slug": "article",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-              },
-            ],
-            "loading": false,
-            "total": 2,
-          }
-        }
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-      >
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-              },
-              Object {
-                "dataIndex": "slug",
-                "key": "slug",
-                "title": "Slug",
-              },
-              Object {
-                "dataIndex": "description",
-                "key": "description",
-                "render": [Function],
-                "title": "Description",
-                "width": "50%",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "name": "Fact check",
-                "slug": "fact-check",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-              },
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "name": "Article",
-                "slug": "article",
-                "space_id": 1,
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-              },
-            ]
-          }
-          loading={false}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={false}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  className="ant-spin-container"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "dataIndex": "slug",
-                          "key": "slug",
-                          "title": "Slug",
-                        },
-                        Object {
-                          "dataIndex": "description",
-                          "key": "description",
-                          "render": [Function],
-                          "title": "Description",
-                          "width": "50%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "name": "Fact check",
-                          "slug": "fact-check",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "name": "Article",
-                          "slug": "article",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "name": "Fact check",
-                          "slug": "fact-check",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "name": "Article",
-                          "slug": "article",
-                          "space_id": 1,
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: auto;"
-                            >
-                              <colgroup>
-                                <col />
-                                <col />
-                                <col
-                                  style="width: 50%;"
-                                />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Slug
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Description
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/formats/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Fact check
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    fact-check
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <div
-                                      class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                    >
-                                      
-                                    </div>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/formats/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Article
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    article
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <div
-                                      class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                    >
-                                      
-                                    </div>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                              },
-                              Object {
-                                "dataIndex": "slug",
-                                "key": "slug",
-                                "title": "Slug",
-                              },
-                              Object {
-                                "dataIndex": "description",
-                                "key": "description",
-                                "render": [Function],
-                                "title": "Description",
-                                "width": "50%",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 1,
-                                "name": "Fact check",
-                                "slug": "fact-check",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 2,
-                                "name": "Article",
-                                "slug": "article",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 1,
-                                "name": "Fact check",
-                                "slug": "fact-check",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 2,
-                                "name": "Article",
-                                "slug": "article",
-                                "space_id": 1,
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: auto;"
-                                  >
-                                    <colgroup>
-                                      <col />
-                                      <col />
-                                      <col
-                                        style="width: 50%;"
-                                      />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Slug
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Description
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/formats/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Fact check
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          fact-check
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <div
-                                            class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                          >
-                                            
-                                          </div>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/formats/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Article
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          article
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <div
-                                            class="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                          >
-                                            
-                                          </div>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": false,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "auto",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    "50%",
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "fixed": undefined,
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "fixed": undefined,
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="2"
-                                    style={
-                                      Object {
-                                        "width": "50%",
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="3"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={4}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "fixed": undefined,
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "description",
-                                      "fixed": undefined,
-                                      "key": "description",
-                                      "render": [Function],
-                                      "title": "Description",
-                                      "width": "50%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Slug",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          "key": "slug",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Description",
-                                          "className": "",
-                                          "colEnd": 2,
-                                          "colSpan": 1,
-                                          "colStart": 2,
-                                          "column": Object {
-                                            "dataIndex": "description",
-                                            "key": "description",
-                                            "render": [Function],
-                                            "title": "Description",
-                                            "width": "50%",
-                                          },
-                                          "key": "description",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 3,
-                                          "colSpan": 1,
-                                          "colStart": 3,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "dataIndex": "slug",
-                                          "fixed": undefined,
-                                          "key": "slug",
-                                          "title": "Slug",
-                                        },
-                                        Object {
-                                          "dataIndex": "description",
-                                          "fixed": undefined,
-                                          "key": "description",
-                                          "render": [Function],
-                                          "title": "Description",
-                                          "width": "50%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Slug
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={2}
-                                        colSpan={1}
-                                        colStart={2}
-                                        column={
-                                          Object {
-                                            "dataIndex": "description",
-                                            "key": "description",
-                                            "render": [Function],
-                                            "title": "Description",
-                                            "width": "50%",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Description
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={3}
-                                        colSpan={1}
-                                        colStart={3}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "created_at": "2020-09-25T07:23:38.40006Z",
-                                      "deleted_at": null,
-                                      "description": "",
-                                      "id": 1,
-                                      "name": "Fact check",
-                                      "slug": "fact-check",
-                                      "space_id": 1,
-                                      "updated_at": "2020-09-25T07:23:38.40006Z",
-                                    },
-                                    Object {
-                                      "created_at": "2020-09-25T07:24:11.008257Z",
-                                      "deleted_at": null,
-                                      "description": "",
-                                      "id": 2,
-                                      "name": "Article",
-                                      "slug": "article",
-                                      "space_id": 1,
-                                      "updated_at": "2020-09-25T07:24:11.008257Z",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:23:38.40006Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "name": "Fact check",
-                                        "slug": "fact-check",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-25T07:23:38.40006Z",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/formats/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/formats/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/formats/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Fact check
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="slug"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          fact-check
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="description"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Paragraph
-                                            ellipsis={
-                                              Object {
-                                                "rows": 2,
-                                              }
-                                            }
-                                          >
-                                            <Base
-                                              component="div"
-                                              ellipsis={
-                                                Object {
-                                                  "rows": 2,
-                                                }
-                                              }
-                                            >
-                                              <LocaleReceiver
-                                                componentName="Text"
-                                              >
-                                                <ResizeObserver
-                                                  disabled={true}
-                                                  onResize={[Function]}
-                                                >
-                                                  <Typography
-                                                    className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                    component="div"
-                                                    style={
-                                                      Object {
-                                                        "WebkitLineClamp": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                      style={
-                                                        Object {
-                                                          "WebkitLineClamp": 2,
-                                                        }
-                                                      }
-                                                    />
-                                                  </Typography>
-                                                </ResizeObserver>
-                                              </LocaleReceiver>
-                                            </Base>
-                                          </Paragraph>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "name": "Fact check",
-                                            "slug": "fact-check",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:24:11.008257Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "name": "Article",
-                                        "slug": "article",
-                                        "space_id": 1,
-                                        "updated_at": "2020-09-25T07:24:11.008257Z",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/formats/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/formats/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/formats/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Article
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="slug"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          article
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="description"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="description"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Paragraph
-                                            ellipsis={
-                                              Object {
-                                                "rows": 2,
-                                              }
-                                            }
-                                          >
-                                            <Base
-                                              component="div"
-                                              ellipsis={
-                                                Object {
-                                                  "rows": 2,
-                                                }
-                                              }
-                                            >
-                                              <LocaleReceiver
-                                                componentName="Text"
-                                              >
-                                                <ResizeObserver
-                                                  disabled={true}
-                                                  onResize={[Function]}
-                                                >
-                                                  <Typography
-                                                    className="ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                    component="div"
-                                                    style={
-                                                      Object {
-                                                        "WebkitLineClamp": 2,
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-typography ant-typography-ellipsis ant-typography-ellipsis-multiple-line"
-                                                      style={
-                                                        Object {
-                                                          "WebkitLineClamp": 2,
-                                                        }
-                                                      }
-                                                    />
-                                                  </Typography>
-                                                </ResizeObserver>
-                                              </LocaleReceiver>
-                                            </Base>
-                                          </Paragraph>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "name": "Article",
-                                            "slug": "article",
-                                            "space_id": 1,
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </FormatList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/formats/hooks/useFormatsData.tsx b/studio/src/pages/formats/hooks/useFormatsData.tsx
new file mode 100644
index 000000000..9da579e7e
--- /dev/null
+++ b/studio/src/pages/formats/hooks/useFormatsData.tsx
@@ -0,0 +1,43 @@
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import { Format, FormatFilters, RootState } from "../types";
+
+export const useFormatsData = (filters: FormatFilters, searchText: string) => {
+  // Get formats data from redux store
+  const { formats, total, loading } = useSelector((state: RootState) => {
+    const node = state.formats.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node)
+      return {
+        formats: node.data.map((element) => state.formats.details[element]),
+        total: node.total,
+        loading: state.formats.loading,
+      };
+    return { formats: [], total: 0, loading: state.formats.loading };
+  });
+
+  // Filter formats based on search text
+  const filteredFormats = useMemo(() => {
+    let filtered = formats;
+
+    // Apply search filter
+    if (searchText.trim()) {
+      filtered = formats.filter(
+        (format: Format) =>
+          format.name?.toLowerCase().includes(searchText.toLowerCase()) ||
+          format.description?.toLowerCase().includes(searchText.toLowerCase())
+      );
+    }
+
+    return filtered;
+  }, [formats, searchText]);
+
+  return {
+    formats: filteredFormats,
+    total,
+    loading,
+  };
+};
diff --git a/studio/src/pages/formats/hooks/useFormatsPagination.tsx b/studio/src/pages/formats/hooks/useFormatsPagination.tsx
new file mode 100644
index 000000000..cdfc01c6b
--- /dev/null
+++ b/studio/src/pages/formats/hooks/useFormatsPagination.tsx
@@ -0,0 +1,39 @@
+import { useCallback, useMemo } from "react";
+import { FormatFilters } from "../types";
+
+export const useFormatsPagination = (
+  filters: FormatFilters,
+  setFilters: (filters: Partial<FormatFilters>) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const totalPages = useMemo(() => {
+    return Math.max(1, Math.ceil(total / filters.limit));
+  }, [total, filters.limit]);
+
+  // Current page size
+  const pageSize = filters.limit;
+
+  // Page change handler
+  const handlePageChange = useCallback(
+    (page: number) => {
+      setFilters({ page });
+    },
+    [setFilters]
+  );
+
+  // Page size change handler
+  const handlePageSizeChange = useCallback(
+    (size: number) => {
+      setFilters({ page: 1, limit: size });
+    },
+    [setFilters]
+  );
+
+  return {
+    pageSize,
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+  };
+};
diff --git a/studio/src/pages/formats/index.js b/studio/src/pages/formats/index.js
deleted file mode 100644
index 421499686..000000000
--- a/studio/src/pages/formats/index.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react';
-import FormatList from './components/FormatList';
-import { Space, Button, Row } from 'antd';
-import { Link, useLocation } from 'react-router-dom';
-import { useDispatch, useSelector } from 'react-redux';
-import { getFormats } from '../../actions/formats';
-import deepEqual from 'deep-equal';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-
-function Formats({ permission }) {
-  const { actions } = permission;
-  const dispatch = useDispatch();
-  const query = new URLSearchParams(useLocation().search);
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 20,
-  });
-  query.set('page', filters.page);
-  window.history.replaceState({}, '', `${window.PUBLIC_URL}${useLocation().pathname}?${query}`);
-  const { formats, total, loading } = useSelector((state) => {
-    const node = state.formats.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-
-    if (node)
-      return {
-        formats: node.data.map((element) => state.formats.details[element]),
-        total: node.total,
-        loading: state.formats.loading,
-      };
-    return { formats: [], total: 0, loading: state.formats.loading };
-  });
-
-  React.useEffect(() => {
-    fetchFormats();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchFormats = () => {
-    dispatch(getFormats(filters));
-  };
-
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Formats'} />
-      <Row justify="end">
-        <Link key="1" to="/settings/advanced/formats/create">
-          <Button
-            disabled={!(actions.includes('admin') || actions.includes('create'))}
-            type="primary"
-          >
-            New Format
-          </Button>
-        </Link>
-      </Row>
-
-      <FormatList
-        actions={actions}
-        data={{ formats, total, loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchFormats={fetchFormats}
-      />
-    </Space>
-  );
-}
-
-export default Formats;
diff --git a/studio/src/pages/formats/index.test.js b/studio/src/pages/formats/index.test.js
deleted file mode 100644
index 9793556a4..000000000
--- a/studio/src/pages/formats/index.test.js
+++ /dev/null
@@ -1,152 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, useSelector, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import Formats from './index';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-  // useSelector: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/formats', () => ({
-  getFormats: jest.fn(),
-  addFormat: jest.fn(),
-}));
-
-let state = {
-  formats: {
-    req: [
-      {
-        data: [4, 3],
-        total: 2,
-      },
-      {
-        data: [4, 3],
-        query: {
-          space_id: 2,
-        },
-        total: 2,
-      },
-      {
-        data: [4, 3],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      '3': {
-        id: 3,
-        created_at: '2022-04-29T11:35:30.459425Z',
-        updated_at: '2022-04-29T11:35:30.459425Z',
-        deleted_at: null,
-        created_by_id: 34,
-        updated_by_id: 34,
-        name: 'Article',
-        slug: 'article',
-        description: 'Article',
-        medium_id: null,
-        medium: null,
-        meta_fields: null,
-        meta: null,
-        header_code: '',
-        footer_code: '',
-        space_id: 2,
-      },
-      '4': {
-        id: 4,
-        created_at: '2022-04-29T11:35:30.469094Z',
-        updated_at: '2022-04-29T11:35:30.469094Z',
-        deleted_at: null,
-        created_by_id: 34,
-        updated_by_id: 34,
-        name: 'Fact Check',
-        slug: 'fact-check',
-        description: 'Fact Check',
-        medium_id: null,
-        medium: null,
-        meta_fields: null,
-        meta: null,
-        header_code: '',
-        footer_code: '',
-        space_id: 2,
-      },
-    },
-    loading: false,
-  },
-};
-
-describe('Formats List component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({});
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  it('should render the component', () => {
-    const state2 = {
-      formats: {
-        req: [],
-        details: {},
-        loading: false,
-      },
-    };
-    store = mockStore(state2);
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Formats permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render the component with data', () => {
-    store = mockStore(state);
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Formats permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render loader component', () => {
-    const loadingState = {
-      formats: {
-        req: [],
-        details: {},
-        loading: true,
-      },
-    };
-    store = mockStore(loadingState);
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Formats permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-});
diff --git a/studio/src/pages/formats/index.tsx b/studio/src/pages/formats/index.tsx
new file mode 100644
index 000000000..6eb1f478e
--- /dev/null
+++ b/studio/src/pages/formats/index.tsx
@@ -0,0 +1,248 @@
+import { useEffect, useState, useRef, useCallback } from "react";
+import FormatList from "./components/FormatList";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { PlusCircle, Search as SearchIcon } from "lucide-react";
+import { useSearchParams } from "react-router-dom";
+import { getFormats } from "../../actions/formats";
+import { Helmet } from "react-helmet";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import Pagination from "../../components/Pagination";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { useSelector } from "react-redux";
+import { FormatFilters, RootState } from "./types";
+import { useFormatsData } from "./hooks/useFormatsData";
+import { useFormatsPagination } from "./hooks/useFormatsPagination";
+import SecuredButton from "@/components/SecuredButton";
+
+function Formats() {
+  const dispatch = useAppDispatch();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const initialRenderDone = useRef(false);
+  const isMobile = useIsMobile();
+
+  // State for search and filters
+  const [searchText, setSearchText] = useState("");
+  const [showSearch, setShowSearch] = useState<boolean>(!isMobile);
+
+  // Initialize filters from URL or defaults
+  const [filters, setFilters] = useState<FormatFilters>({
+    page: parseInt(searchParams.get("page") || "1", 10),
+    limit: parseInt(searchParams.get("limit") || "10", 10),
+  });
+
+  // Create a function that matches the expected signature in FormatListProps
+  const updateFilters = useCallback((newFilters: Partial<FormatFilters>) => {
+    setFilters((prevFilters) => ({ ...prevFilters, ...newFilters }));
+  }, []);
+
+  // Define fetchFormats first, before it's used in useEffect
+  const fetchFormats = useCallback(() => {
+    dispatch(getFormats(filters));
+  }, [dispatch, filters]);
+
+  // Update URL when filters change, but don't cause a re-render
+  useEffect(() => {
+    if (initialRenderDone.current) {
+      const newSearchParams = new URLSearchParams();
+      newSearchParams.set("page", filters.page.toString());
+      newSearchParams.set("limit", filters.limit.toString());
+      setSearchParams(newSearchParams, { replace: true });
+    } else {
+      initialRenderDone.current = true;
+    }
+  }, [filters, setSearchParams]);
+
+  // Fetch formats when filters change
+  useEffect(() => {
+    fetchFormats();
+  }, [filters, fetchFormats]);
+
+  // Use custom hooks for data and pagination
+  const { formats, total, loading } = useFormatsData(filters, searchText);
+  const { pageSize, totalPages, handlePageChange, handlePageSizeChange } =
+    useFormatsPagination(filters, updateFilters, total);
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  // Handle navigation to create format page
+  const handleCreateFormat = () => {
+    window.location.href = "/settings/advanced/formats/create";
+  };
+
+  // Get sidebar state from Redux store
+  const isCollapsed = useSelector(
+    (state: RootState) => state.sidebar.collapsed
+  );
+
+  // Calculate left margin based on sidebar state
+  const sidebarWidth = isCollapsed ? "89px" : "265px";
+
+  // Handle responsive UI changes
+  useEffect(() => {
+    setShowSearch(!isMobile);
+  }, [isMobile]);
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"Formats"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb
+          currentPage="Formats"
+          parentLabel="Advanced Settings"
+        />
+      )}
+
+      {/* Header */}
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: sidebarWidth,
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-6 pt-1 h-full"
+          }`}
+        >
+          {/* Title for mobile */}
+          {isMobile && <h1 className="text-xl font-semibold">Formats</h1>}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex-1 max-w-xs">
+              <Input
+                placeholder="Search formats..."
+                value={searchText}
+                onChange={(e) => setSearchText(e.target.value)}
+                className="h-10"
+              />
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {isMobile ? (
+              <SecuredButton
+                className="h-9 w-9"
+                size="icon"
+                onClick={handleCreateFormat}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            ) : (
+              <SecuredButton
+                className="flex items-center gap-2 py-2"
+                size="lg"
+                onClick={handleCreateFormat}
+              >
+                <PlusCircle className="h-4 w-4" />
+                Create Format
+              </SecuredButton>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <Input
+              placeholder="Search formats..."
+              value={searchText}
+              onChange={(e) => setSearchText(e.target.value)}
+              className="h-9 w-full"
+              autoFocus
+            />
+          </div>
+        )}
+      </div>
+
+      {/* Content */}
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: sidebarWidth,
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <FormatList
+          data={{ formats, total, loading }}
+          filters={filters}
+          setFilters={updateFilters}
+          fetchFormats={fetchFormats}
+          isMobile={isMobile}
+        />
+      </div>
+
+      {/* Footer with Pagination */}
+      <div
+        className={`${
+          isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+        } z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: sidebarWidth,
+                right: 0,
+                height: "64px",
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <Pagination
+          currentPage={filters.page}
+          totalPages={totalPages}
+          totalItems={total}
+          pageSize={pageSize}
+          onPageChange={handlePageChange}
+          onPageSizeChange={handlePageSizeChange}
+          isMobile={isMobile}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Formats;
diff --git a/studio/src/pages/formats/types.ts b/studio/src/pages/formats/types.ts
new file mode 100644
index 000000000..51f58d449
--- /dev/null
+++ b/studio/src/pages/formats/types.ts
@@ -0,0 +1,68 @@
+// Format related interfaces
+export interface Format {
+  id: string;
+  name: string;
+  slug?: string;
+  is_featured?: boolean;
+  description?: string;
+  medium_id?: number | string;
+  meta_fields?: string | Record<string, unknown>;
+  [key: string]: any; // For other properties
+}
+
+// Form values interface
+export interface FormatFormValues {
+  id?: string;
+  name: string;
+  slug: string;
+  is_featured?: boolean;
+  description?: string;
+  medium_id?: number | string;
+  meta_fields?: string | Record<string, unknown>;
+}
+
+// Component props interface
+export interface FormatFormProps {
+  onCreate: (values: FormatFormValues) => void;
+  data?: Partial<FormatFormValues>;
+}
+
+export interface FormatListProps {
+  data: {
+    formats: Format[];
+    loading: boolean;
+    total: number;
+  };
+  filters?: FormatFilters;
+  setFilters?: (filters: Partial<FormatFilters>) => void;
+  fetchFormats: () => void;
+  isMobile?: boolean;
+}
+
+export interface FormatFilters {
+  page: number;
+  limit: number;
+  [key: string]: any;
+}
+
+export interface FormatState {
+  req: {
+    query: Record<string, any>;
+    data: string[];
+    total: number;
+  }[];
+  details: Record<string, Format>;
+  loading: boolean;
+}
+
+export interface RootState {
+  formats: FormatState;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
+
+export interface CreateFormatProps {
+  setReloadFlag: React.Dispatch<React.SetStateAction<boolean>>;
+  reloadFlag: boolean;
+}
diff --git a/studio/src/pages/media/EditMedium.js b/studio/src/pages/media/EditMedium.js
deleted file mode 100644
index 1d2bf2dc6..000000000
--- a/studio/src/pages/media/EditMedium.js
+++ /dev/null
@@ -1,190 +0,0 @@
-import React from 'react';
-import { Link, useParams } from 'react-router-dom';
-import {
-  Row,
-  Col,
-  Skeleton,
-  Form,
-  Input,
-  Button,
-  Space,
-  Popconfirm,
-  Collapse,
-  ConfigProvider,
-  Typography,
-} from 'antd';
-import { useSelector, useDispatch } from 'react-redux';
-import { getMedium, updateMedium, deleteMedium } from '../../actions/media';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { ArrowLeftOutlined } from '@ant-design/icons';
-import getUserPermission from '../../utils/getUserPermission';
-
-import MonacoEditor from '../../components/MonacoEditor';
-import getJsonValue from '../../utils/getJsonValue';
-import { TitleInput } from '../../components/FormItems';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditMedium() {
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    function handleResize() {
-      if (window.innerWidth < 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    }
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const { id } = useParams();
-  const history = useNavigation();
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'media', action: 'get', spaces });
-  const disabled = !(actions.includes('admin') || actions.includes('update'));
-  const dispatch = useDispatch();
-  const { media, loading } = useSelector((state) => {
-    return {
-      media: state.media.details[id] ? state.media.details[id] : null,
-      loading: state.media.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getMedium(id));
-  }, [dispatch, id]);
-
-  const updateMedia = (values) => {
-    const data = {
-      ...media,
-      ...values,
-    };
-    dispatch(updateMedium(data));
-  };
-
-  if (loading) return <Skeleton />;
-
-  if (!media) {
-    return <RecordNotFound />;
-  }
-
-  if (media && media.meta_fields) {
-    if (typeof media.meta_fields !== 'string') {
-      media.meta_fields = JSON.stringify(media.meta_fields);
-    }
-  }
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Helmet title={`${media?.name} - Edit Medium`} />
-      <Form
-        layout="vertical"
-        form={form}
-        name="create-space"
-        className="edit-form"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          updateMedia(values);
-        }}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-        initialValues={media}
-      >
-        <Row gutter={[20, 20]} align="right">
-          <Col span={'24'} style={{ display: 'flex', justifyContent: 'end' }}>
-            <Form.Item>
-              <Space>
-                <Popconfirm
-                  title="Are you sure you want to delete this?"
-                  onConfirm={() => {
-                    dispatch(deleteMedium(id)).then(() => history('/media'));
-                  }}
-                >
-                  <Button
-                    danger
-                    disabled={disabled} // icon={<DeleteOutlined />}
-                  >
-                    Delete
-                  </Button>
-                </Popconfirm>
-                <Button
-                  type="primary"
-                  htmlType="submit"
-                  disabled={disabled || !valueChange}
-                  //  icon={<SendOutlined />}
-                >
-                  Submit
-                </Button>
-              </Space>
-            </Form.Item>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40} style={{ padding: '0 1rem' }}>
-              <Collapse
-                defaultActiveKey={['1']}
-                expandIconPosition="right"
-                expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-                style={{ width: '100%', background: '#f0f2f5', border: 0 }}
-              >
-                <Collapse.Panel key="1" header="General">
-                  <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '3rem' }}>
-                    <Col xs={24} md={10}>
-                      <TitleInput name="name" label="Name" inputProps={{ disabled }} />
-                      <Form.Item name="alt_text" label="Alt Text">
-                        <Input disabled={disabled} />
-                      </Form.Item>
-                      <Form.Item name="caption" label="Caption">
-                        <Input disabled={disabled} />
-                      </Form.Item>
-                      <Form.Item name="description" label="Description">
-                        <Input.TextArea autoSize={{ minRows: 3, maxRows: 6 }} disabled={disabled} />
-                      </Form.Item>
-                      <Form.Item name="meta_fields" label="Metafields">
-                        <MonacoEditor language="json" width="100%" />
-                      </Form.Item>
-                    </Col>
-                    <Col xs={24} md={6}>
-                      <Typography.Text>Featured Image</Typography.Text>
-                      <img
-                        src={media.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']}
-                        alt={'space'}
-                        style={{
-                          maxHeight: '250px',
-                          borderRadius: '8px',
-                          display: 'block',
-                          margin: '16px auto',
-                          width: isMobileScreen ? '100%' : '305px',
-                          height: '170px',
-                        }}
-                      />
-                    </Col>
-                  </Row>
-                </Collapse.Panel>
-              </Collapse>
-            </Row>
-          </Col>
-        </Row>
-      </Form>
-    </ConfigProvider>
-  );
-}
-
-export default EditMedium;
diff --git a/studio/src/pages/media/EditMedium.test.js b/studio/src/pages/media/EditMedium.test.js
deleted file mode 100644
index 6a7e0b599..000000000
--- a/studio/src/pages/media/EditMedium.test.js
+++ /dev/null
@@ -1,337 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import { Form, Popconfirm } from 'antd';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditMedium from './EditMedium';
-import * as actions from '../../actions/media';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/media', () => ({
-  createMedium: jest.fn(),
-  getMedium: jest.fn(),
-  updateMedium: jest.fn(),
-  deleteMedium: jest.fn(),
-}));
-
-describe('Media edit component', () => {
-  let store;
-  let mockedDispatch;
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({
-        media: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'name',
-              url: 'some-url',
-              file_size: 'file_size',
-              caption: 'caption',
-              description: 'description',
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organisation: 'Organisation 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn(() => Promise.resolve({}));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <EditMedium />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      store = mockStore({
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organisation: 'Organisation 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <EditMedium />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      store = mockStore({
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [{ id: 1, organisation: 'Organisation 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditMedium />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        media: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'name',
-              url: 'some-url',
-              file_size: 'file_size',
-              caption: 'caption',
-              description: 'description',
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organisation: 'Organisation 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn(() => Promise.resolve({}));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getMedium.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditMedium />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(actions.getMedium).toHaveBeenCalledWith('1');
-    });
-    it('should display RecordNotFound when media not found', () => {
-      store = mockStore({
-        media: {
-          req: [
-            {
-              data: [2],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            2: {
-              id: 2,
-              name: 'name',
-              url: 'some-url',
-              file_size: 'file_size',
-              caption: 'caption',
-              description: 'description',
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organisation: 'Organisation 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      actions.getMedium.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditMedium />
-          </Provider>,
-        );
-      });
-      expect(actions.getMedium).toHaveBeenCalledWith('1');
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-    });
-    it('should call updateMedia', () => {
-      actions.updateMedium.mockReset();
-      store = mockStore({
-        media: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'name',
-              url: 'some-url',
-              file_size: 'file_size',
-              caption: 'caption',
-              description: 'description',
-              meta_fields: {
-                sample: 'testing',
-              },
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organisation: 'Organisation 1', spaces: [11] }],
-          details: {
-            11: {
-              id: 11,
-              name: 'Space 11',
-              permissions: [{ resource: 'admin', actions: ['admin'] }],
-            },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditMedium permission={{ actions: ['admin'] }} />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: 'caption ' } });
-        const submitButton = wrapper.find('Button').at(2);
-        expect(submitButton.text()).toBe('Submit');
-        submitButton.simulate('submit');
-      });
-      wrapper.update();
-      wrapper.find(Form).props().onFinish({ test: 'test' });
-      expect(actions.updateMedium).toHaveBeenCalledWith({
-        id: 1,
-        name: 'name',
-        url: 'some-url',
-        file_size: 'file_size',
-        caption: 'caption',
-        description: 'description',
-        test: 'test',
-        meta_fields: '{"sample":"testing"}',
-      });
-    });
-    it('should call deleteMedia', (done) => {
-      actions.deleteMedium.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditMedium permission={{ actions: ['admin'] }} />
-            </Router>
-          </Provider>,
-        );
-      });
-      const submitButton = wrapper.find('Button').at(1);
-      expect(submitButton.text()).toBe('Delete');
-      submitButton.simulate('click');
-
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-      setTimeout(() => {
-        expect(actions.deleteMedium).toHaveBeenCalledWith('1');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/media/EditMedium.tsx b/studio/src/pages/media/EditMedium.tsx
new file mode 100644
index 000000000..397edb675
--- /dev/null
+++ b/studio/src/pages/media/EditMedium.tsx
@@ -0,0 +1,322 @@
+// EditMedium.tsx
+import { useEffect, useState } from "react";
+import { useParams, useNavigate } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { getMedium, updateMedium, deleteMedium } from "../../actions/media";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import getUserPermission from "../../utils/getUserPermission";
+import MonacoEditor from "../../components/MonacoEditor";
+import getJsonValue from "../../utils/getJsonValue";
+import { TitleInput } from "../../components/FormItems";
+import { Helmet } from "react-helmet";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Form, FormItem, FormField, FormLabel } from "@/components/ui/form";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@/components/ui/alert-dialog";
+import { useForm } from "react-hook-form";
+import { Skeleton } from "@/components/ui/skeleton";
+import { MediaFormValues, MediaItem } from "./types";
+
+interface RootState {
+  media: {
+    details: Record<string, MediaItem>;
+    loading: boolean;
+  };
+  spaces: any;
+}
+
+function EditMedium(): React.ReactElement {
+  const [valueChange, setValueChange] = useState<boolean>(false);
+  const [isMobileScreen, setIsMobileScreen] = useState<boolean>(false);
+  const [showDeleteDialog, setShowDeleteDialog] = useState<boolean>(false);
+  const [isDeleting, setIsDeleting] = useState<boolean>(false);
+
+  useEffect(() => {
+    function handleResize(): void {
+      setIsMobileScreen(window.innerWidth < 768);
+    }
+    window.addEventListener("resize", handleResize);
+    handleResize();
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+
+  const { id } = useParams<{ id: string }>();
+  const navigate = useNavigate();
+  const spaces = useSelector((state: RootState) => state.spaces);
+  const actions = getUserPermission({
+    resource: "media",
+    action: "get",
+    spaces,
+  });
+  const disabled = !(actions.includes("admin") || actions.includes("update"));
+  const dispatch = useAppDispatch();
+
+  const { media, loading } = useSelector((state: RootState) => {
+    return {
+      media: id && state.media.details[id] ? state.media.details[id] : null,
+      loading: state.media.loading,
+    };
+  });
+
+  const form = useForm<MediaFormValues>({
+    defaultValues: media || {},
+  });
+
+  useEffect(() => {
+    if (id) {
+      dispatch(getMedium(id));
+    }
+  }, [dispatch, id]);
+
+  useEffect(() => {
+    if (media) {
+      // Set form values when media data is loaded
+      let metaFields = media.meta_fields;
+      if (metaFields && typeof metaFields !== "string") {
+        metaFields = JSON.stringify(metaFields);
+      }
+
+      form.reset({
+        ...media,
+        meta_fields: metaFields as string,
+      });
+    }
+  }, [media, form]);
+
+  const updateMedia = (values: MediaFormValues): void => {
+    if (!id || !media) return;
+
+    const data = {
+      ...media,
+      ...values,
+    };
+
+    Promise.resolve(dispatch(updateMedium(data)))
+      .then(() => {
+        setValueChange(false);
+      })
+      .catch((error) => {
+        console.error("Update error:", error);
+      });
+  };
+
+  const handleDeleteMedium = (): void => {
+    if (!id) return;
+
+    setIsDeleting(true);
+
+    Promise.resolve(dispatch(deleteMedium(id)))
+      .then(() => {
+        navigate("/media");
+      })
+      .catch((error) => {
+        console.error("Delete error:", error);
+      })
+      .finally(() => {
+        setShowDeleteDialog(false);
+        setIsDeleting(false);
+      });
+  };
+
+  if (loading) return <Skeleton className="w-full h-64" />;
+
+  if (!media) {
+    return <RecordNotFound />;
+  }
+
+  return (
+    <>
+      <Helmet title={`${media?.name} - Edit Medium`} />
+      <Form {...form}>
+        <form
+          className="edit-form"
+          onSubmit={form.handleSubmit((values) => {
+            const formattedValues = { ...values };
+            if (formattedValues.meta_fields) {
+              formattedValues.meta_fields = getJsonValue(
+                formattedValues.meta_fields as string
+              );
+            }
+            updateMedia(formattedValues);
+          })}
+          onChange={() => {
+            setValueChange(true);
+          }}
+        >
+          <div className="flex justify-end mb-6">
+            <div className="space-x-2">
+              <Button
+                variant="destructive"
+                type="button"
+                disabled={disabled || isDeleting}
+                onClick={() => setShowDeleteDialog(true)}
+              >
+                {isDeleting ? "Deleting..." : "Delete"}
+              </Button>
+              <Button type="submit" disabled={disabled || !valueChange}>
+                Submit
+              </Button>
+            </div>
+          </div>
+
+          <div className="px-4">
+            <Accordion type="single" defaultValue="general" collapsible>
+              <AccordionItem value="general">
+                <AccordionTrigger className="bg-slate-100 p-3 rounded-t-md">
+                  <h4 className="text-lg font-semibold">General</h4>
+                </AccordionTrigger>
+                <AccordionContent className="bg-slate-50 p-6 rounded-b-md">
+                  <div className="grid grid-cols-1 md:grid-cols-12 gap-8">
+                    <div className="md:col-span-7">
+                      <FormField
+                        control={form.control}
+                        name="name"
+                        render={({ field }) => (
+                          <FormItem className="mb-4">
+                            <TitleInput
+                              name="name"
+                              label="Name"
+                              inputProps={{
+                                disabled,
+                                ...field,
+                              }}
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="alt_text"
+                        render={({ field }) => (
+                          <FormItem className="mb-4">
+                            <FormLabel>Alt Text</FormLabel>
+                            <Input
+                              disabled={disabled}
+                              {...field}
+                              value={field.value || ""}
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="caption"
+                        render={({ field }) => (
+                          <FormItem className="mb-4">
+                            <FormLabel>Caption</FormLabel>
+                            <Input
+                              disabled={disabled}
+                              {...field}
+                              value={field.value || ""}
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="description"
+                        render={({ field }) => (
+                          <FormItem className="mb-4">
+                            <FormLabel>Description</FormLabel>
+                            <Textarea
+                              className="min-h-[100px]"
+                              disabled={disabled}
+                              {...field}
+                              value={field.value || ""}
+                            />
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="meta_fields"
+                        render={({ field }) => (
+                          <FormItem className="mb-4">
+                            <FormLabel>Metafields</FormLabel>
+                            <MonacoEditor
+                              language="json"
+                              width="100%"
+                              value={field.value}
+                              onChange={field.onChange}
+                            />
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+
+                    <div className="md:col-span-5">
+                      <p className="text-base font-medium">Featured Image</p>
+                      <img
+                        src={
+                          media.url?.[
+                            import.meta.env.VITE_ENABLE_IMGPROXY
+                              ? "proxy"
+                              : "raw"
+                          ]
+                        }
+                        alt={media.name || "media"}
+                        className="mt-4 max-h-[250px] rounded-md block mx-auto"
+                        style={{
+                          width: isMobileScreen ? "100%" : "305px",
+                          height: "170px",
+                          objectFit: "contain",
+                        }}
+                      />
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+          </div>
+        </form>
+      </Form>
+
+      <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>
+              Are you sure you want to delete this?
+            </AlertDialogTitle>
+            <AlertDialogDescription>
+              This action cannot be undone. This will permanently delete the
+              media item.
+            </AlertDialogDescription>
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={isDeleting}>Cancel</AlertDialogCancel>
+            <AlertDialogAction
+              onClick={handleDeleteMedium}
+              disabled={isDeleting}
+              className={isDeleting ? "opacity-50 cursor-not-allowed" : ""}
+            >
+              {isDeleting ? "Deleting..." : "Delete"}
+            </AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+    </>
+  );
+}
+
+export default EditMedium;
diff --git a/studio/src/pages/media/UploadMedium.js b/studio/src/pages/media/UploadMedium.js
deleted file mode 100644
index 44644c4bf..000000000
--- a/studio/src/pages/media/UploadMedium.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import UppyUploader from '../../components/Uppy';
-import { useDispatch } from 'react-redux';
-import { createMedium } from '../../actions/media';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function UploadMedium() {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onUpload = (values) => {
-    dispatch(createMedium(values)).then(() => history('/media'));
-  };
-  return (
-    <>
-      <Helmet title={'Upload Medium'} />
-      <UppyUploader onUpload={onUpload} />
-    </>
-  );
-}
-
-export default UploadMedium;
diff --git a/studio/src/pages/media/UploadMedium.test.js b/studio/src/pages/media/UploadMedium.test.js
deleted file mode 100644
index 45f8eec8e..000000000
--- a/studio/src/pages/media/UploadMedium.test.js
+++ /dev/null
@@ -1,76 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import UploadMedium from './UploadMedium';
-import * as actions from '../../actions/media';
-import UppyUploader from '../../components/Uppy';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../actions/media', () => ({
-  createMedium: jest.fn(),
-}));
-
-describe('Media upload component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore({
-    spaces: {
-      orgs: [{ id: 1, title: 'Org 1', spaces: [10] }],
-      details: {
-        10: {
-          id: 10,
-          name: 'Space 10',
-          organisation_id: 1,
-        },
-      },
-      loading: true,
-      selected: 10,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const component = shallow(<UploadMedium />);
-      expect(component).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createMedium', (done) => {
-      actions.createMedium.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = shallow(<UploadMedium />);
-      });
-      wrapper.find(UppyUploader).props().onUpload({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.createMedium).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/media');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/media/UploadMedium.tsx b/studio/src/pages/media/UploadMedium.tsx
new file mode 100644
index 000000000..f6e2d2dbe
--- /dev/null
+++ b/studio/src/pages/media/UploadMedium.tsx
@@ -0,0 +1,64 @@
+// UploadMedium.tsx
+import { useState } from "react";
+import { useAppDispatch } from "../../hooks/reduxHooks";
+import { createMedium } from "../../actions/media";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import UppyUploader from "../../components/Uppy";
+import { Alert, AlertTitle, AlertDescription } from "@/components/ui/alert";
+import { UploadItem } from "./types";
+import Loader from "@/components/Loader/index";
+
+function UploadMedium(): React.ReactElement {
+  const navigate = useNavigation();
+  const dispatch = useAppDispatch();
+  const [isUploading, setIsUploading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const onUpload = (values: UploadItem[]): void => {
+    if (!values || values.length === 0) {
+      setError("No files were uploaded. Please try again.");
+      return;
+    }
+
+    setIsUploading(true);
+    setError(null);
+
+    // Make sure we're passing an array of upload items
+    Promise.resolve(dispatch(createMedium(values)))
+      .then(() => {
+        // Force a small delay to ensure backend processes the upload
+        setTimeout(() => {
+          // Reset the Redux media state completely
+          navigate("/media");
+        }, 500);
+      })
+      .catch((err) => {
+        setError(err?.message || "Upload failed. Please try again.");
+      })
+      .finally(() => {
+        setIsUploading(false);
+      });
+  };
+
+  return (
+    <>
+      <Helmet title={"Upload Medium"} />
+
+      <div className="space-y-4">
+        <h2 className="text-2xl font-semibold">Upload Media</h2>
+
+        {error && (
+          <Alert variant="destructive">
+            <AlertTitle>Error</AlertTitle>
+            <AlertDescription>{error}</AlertDescription>
+          </Alert>
+        )}
+
+        {isUploading ? <Loader /> : <UppyUploader onUpload={onUpload} />}
+      </div>
+    </>
+  );
+}
+
+export default UploadMedium;
diff --git a/studio/src/pages/media/__snapshots__/EditMedium.test.js.snap b/studio/src/pages/media/__snapshots__/EditMedium.test.js.snap
deleted file mode 100644
index a2a600c68..000000000
--- a/studio/src/pages/media/__snapshots__/EditMedium.test.js.snap
+++ /dev/null
@@ -1,2703 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Media edit component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EditMedium>
-        <RecordNotFound>
-          <Result
-            extra={null}
-            status="404"
-            title="Sorry, could not find what you are looking for."
-          >
-            <div
-              className="ant-result ant-result-404"
-            >
-              <div
-                className="ant-result-icon ant-result-image"
-              >
-                <NoFound>
-                  <svg
-                    height="294"
-                    width="252"
-                  >
-                    <defs>
-                      <path
-                        d="M0 .387h251.772v251.772H0z"
-                      />
-                    </defs>
-                    <g
-                      fill="none"
-                      fillRule="evenodd"
-                    >
-                      <g
-                        transform="translate(0 .012)"
-                      >
-                        <mask
-                          fill="#fff"
-                        />
-                        <path
-                          d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                          fill="#E4EBF7"
-                          mask="url(#b)"
-                        />
-                      </g>
-                      <path
-                        d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                        stroke="#FFF"
-                        strokeWidth="2"
-                      />
-                      <path
-                        d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                        stroke="#FFF"
-                        strokeWidth="2"
-                      />
-                      <path
-                        d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                        stroke="#FFF"
-                        strokeWidth="2"
-                      />
-                      <path
-                        d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                        stroke="#FFF"
-                        strokeWidth="2"
-                      />
-                      <path
-                        d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                        fill="#1890FF"
-                      />
-                      <path
-                        d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                        fill="#FFB594"
-                      />
-                      <path
-                        d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                        fill="#FFC6A0"
-                      />
-                      <path
-                        d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                        fill="#CBD1D1"
-                      />
-                      <path
-                        d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                        fill="#2B0849"
-                      />
-                      <path
-                        d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                        fill="#A4AABA"
-                      />
-                      <path
-                        d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                        fill="#CBD1D1"
-                      />
-                      <path
-                        d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                        fill="#2B0849"
-                      />
-                      <path
-                        d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                        fill="#A4AABA"
-                      />
-                      <path
-                        d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                        fill="#7BB2F9"
-                      />
-                      <path
-                        d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                        stroke="#648BD8"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                        stroke="#648BD8"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                      />
-                      <path
-                        d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                        stroke="#648BD8"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                        fill="#192064"
-                      />
-                      <path
-                        d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                        fill="#FFF"
-                      />
-                      <path
-                        d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                        fill="#192064"
-                      />
-                      <path
-                        d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                        stroke="#648BD8"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                        fill="#FFC6A0"
-                      />
-                      <path
-                        d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                        fill="#FFC6A0"
-                      />
-                      <path
-                        d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                        fill="#520038"
-                      />
-                      <path
-                        d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                        fill="#552950"
-                      />
-                      <path
-                        d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M110.846 74.481s1.79-.716 2.506.537"
-                        stroke="#5C2552"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M103.287 72.93s1.83 1.113 4.137.954"
-                        stroke="#5C2552"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.118"
-                      />
-                      <path
-                        d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                        stroke="#E4EBF7"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.101"
-                      />
-                      <path
-                        d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                        stroke="#E4EBF7"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M119.306 107.329s.452 4.366-2.127 32.062"
-                        stroke="#E4EBF7"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.101"
-                      />
-                      <path
-                        d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                        fill="#F2D7AD"
-                      />
-                      <path
-                        d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                        fill="#F4D19D"
-                      />
-                      <path
-                        d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                        fill="#F2D7AD"
-                      />
-                      <path
-                        d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                        fill="#CC9B6E"
-                      />
-                      <path
-                        d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                        fill="#F4D19D"
-                      />
-                      <path
-                        d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                        fill="#CC9B6E"
-                      />
-                      <path
-                        d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                        fill="#CC9B6E"
-                      />
-                      <path
-                        d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                        fill="#FFC6A0"
-                      />
-                      <path
-                        d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                        stroke="#DB836E"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.051"
-                      />
-                      <path
-                        d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                        fill="#5BA02E"
-                      />
-                      <path
-                        d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                        fill="#92C110"
-                      />
-                      <path
-                        d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                        fill="#F2D7AD"
-                      />
-                      <path
-                        d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                        stroke="#E4EBF7"
-                        strokeLinecap="round"
-                        strokeLinejoin="round"
-                        strokeWidth="1.101"
-                      />
-                    </g>
-                  </svg>
-                </NoFound>
-              </div>
-              <div
-                className="ant-result-title"
-              >
-                Sorry, could not find what you are looking for.
-              </div>
-            </div>
-          </Result>
-        </RecordNotFound>
-      </EditMedium>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Media edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditMedium>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditMedium>
-</Provider>
-`;
-
-exports[`Media edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EditMedium>
-        <Row
-          gutter={
-            Array [
-              "20",
-              "20",
-            ]
-          }
-        >
-          <div
-            className="ant-row"
-            style={
-              Object {
-                "marginBottom": -10,
-                "marginLeft": -10,
-                "marginRight": -10,
-                "marginTop": -10,
-              }
-            }
-          >
-            <HelmetWrapper
-              defer={true}
-              encodeSpecialCharacters={true}
-              title="name - Edit Medium"
-            >
-              <SideEffect(NullComponent)
-                defer={true}
-                encodeSpecialCharacters={true}
-                title="name - Edit Medium"
-              >
-                <NullComponent
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="name - Edit Medium"
-                />
-              </SideEffect(NullComponent)>
-            </HelmetWrapper>
-            <Col
-              span="24"
-            >
-              <div
-                className="ant-col ant-col-24"
-                style={
-                  Object {
-                    "paddingBottom": 10,
-                    "paddingLeft": 10,
-                    "paddingRight": 10,
-                    "paddingTop": 10,
-                  }
-                }
-              >
-                <Link
-                  to="/media"
-                >
-                  <LinkAnchor
-                    href="/media"
-                    navigate={[Function]}
-                  >
-                    <a
-                      href="/media"
-                      onClick={[Function]}
-                    >
-                      <Button>
-                        <Wave>
-                          <button
-                            className="ant-btn"
-                            onClick={[Function]}
-                            type="button"
-                          >
-                            <LoadingIcon
-                              existIcon={false}
-                              loading={false}
-                              prefixCls="ant-btn"
-                            >
-                              <CSSMotion
-                                motionName="ant-btn-loading-icon-motion"
-                                onAppearActive={[Function]}
-                                onAppearStart={[Function]}
-                                onEnterActive={[Function]}
-                                onEnterStart={[Function]}
-                                onLeaveActive={[Function]}
-                                onLeaveStart={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </LoadingIcon>
-                            <ForwardRef(ArrowLeftOutlined)
-                              key=".0"
-                            >
-                              <AntdIcon
-                                icon={
-                                  Object {
-                                    "icon": Object {
-                                      "attrs": Object {
-                                        "focusable": "false",
-                                        "viewBox": "64 64 896 896",
-                                      },
-                                      "children": Array [
-                                        Object {
-                                          "attrs": Object {
-                                            "d": "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z",
-                                          },
-                                          "tag": "path",
-                                        },
-                                      ],
-                                      "tag": "svg",
-                                    },
-                                    "name": "arrow-left",
-                                    "theme": "outlined",
-                                  }
-                                }
-                              >
-                                <span
-                                  aria-label="arrow-left"
-                                  className="anticon anticon-arrow-left"
-                                  role="img"
-                                >
-                                  <IconReact
-                                    icon={
-                                      Object {
-                                        "icon": Object {
-                                          "attrs": Object {
-                                            "focusable": "false",
-                                            "viewBox": "64 64 896 896",
-                                          },
-                                          "children": Array [
-                                            Object {
-                                              "attrs": Object {
-                                                "d": "M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z",
-                                              },
-                                              "tag": "path",
-                                            },
-                                          ],
-                                          "tag": "svg",
-                                        },
-                                        "name": "arrow-left",
-                                        "theme": "outlined",
-                                      }
-                                    }
-                                  >
-                                    <svg
-                                      aria-hidden="true"
-                                      data-icon="arrow-left"
-                                      fill="currentColor"
-                                      focusable="false"
-                                      height="1em"
-                                      key="svg-arrow-left"
-                                      viewBox="64 64 896 896"
-                                      width="1em"
-                                    >
-                                      <path
-                                        d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
-                                        key="svg-arrow-left-svg-0"
-                                      />
-                                    </svg>
-                                  </IconReact>
-                                </span>
-                              </AntdIcon>
-                            </ForwardRef(ArrowLeftOutlined)>
-                            <span
-                              key=".1"
-                            >
-                               Back
-                            </span>
-                          </button>
-                        </Wave>
-                      </Button>
-                    </a>
-                  </LinkAnchor>
-                </Link>
-              </div>
-            </Col>
-            <Col
-              span="12"
-            >
-              <div
-                className="ant-col ant-col-12"
-                style={
-                  Object {
-                    "paddingBottom": 10,
-                    "paddingLeft": 10,
-                    "paddingRight": 10,
-                    "paddingTop": 10,
-                  }
-                }
-              >
-                <img
-                  alt="space"
-                  style={
-                    Object {
-                      "display": "block",
-                      "margin": "16px auto",
-                      "maxHeight": "500px",
-                      "maxWidth": "100%",
-                      "objectFit": "contain",
-                      "width": "100%",
-                    }
-                  }
-                />
-              </div>
-            </Col>
-            <Col
-              span="12"
-            >
-              <div
-                className="ant-col ant-col-12"
-                style={
-                  Object {
-                    "paddingBottom": 10,
-                    "paddingLeft": 10,
-                    "paddingRight": 10,
-                    "paddingTop": 10,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "caption": "caption",
-                      "description": "description",
-                      "file_size": "file_size",
-                      "id": 1,
-                      "name": "name",
-                      "url": "some-url",
-                    }
-                  }
-                  layout="vertical"
-                  name="create-space"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-vertical"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "create-space",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="create-space"
-                      initialValues={
-                        Object {
-                          "caption": "caption",
-                          "description": "description",
-                          "file_size": "file_size",
-                          "id": 1,
-                          "name": "name",
-                          "url": "some-url",
-                        }
-                      }
-                      name="create-space"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                    >
-                      <form
-                        className="ant-form ant-form-vertical"
-                        id="create-space"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                      >
-                        <TitleInput
-                          inputProps={
-                            Object {
-                              "disabled": true,
-                            }
-                          }
-                          label="Name"
-                          name="name"
-                        >
-                          <FormItem
-                            label="Name"
-                            name="name"
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please enter name!",
-                                  "required": true,
-                                },
-                                Object {
-                                  "max": 500,
-                                  "message": "Name must be maximum 500 characters.",
-                                },
-                              ]
-                            }
-                          >
-                            <WrapperField
-                              label="Name"
-                              messageVariables={
-                                Object {
-                                  "label": "Name",
-                                }
-                              }
-                              name="name"
-                              onReset={[Function]}
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter name!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "max": 500,
-                                    "message": "Name must be maximum 500 characters.",
-                                  },
-                                ]
-                              }
-                              trigger="onChange"
-                              validateTrigger="onChange"
-                            >
-                              <Field
-                                fieldContext={
-                                  Object {
-                                    "__INTERNAL__": Object {
-                                      "itemRef": [Function],
-                                      "name": "create-space",
-                                    },
-                                    "getFieldError": [Function],
-                                    "getFieldInstance": [Function],
-                                    "getFieldValue": [Function],
-                                    "getFieldsError": [Function],
-                                    "getFieldsValue": [Function],
-                                    "getInternalHooks": [Function],
-                                    "isFieldTouched": [Function],
-                                    "isFieldValidating": [Function],
-                                    "isFieldsTouched": [Function],
-                                    "isFieldsValidating": [Function],
-                                    "resetFields": [Function],
-                                    "scrollToField": [Function],
-                                    "setFields": [Function],
-                                    "setFieldsValue": [Function],
-                                    "submit": [Function],
-                                    "validateFields": [Function],
-                                    "validateTrigger": "onChange",
-                                  }
-                                }
-                                key="_name"
-                                label="Name"
-                                messageVariables={
-                                  Object {
-                                    "label": "Name",
-                                  }
-                                }
-                                name={
-                                  Array [
-                                    "name",
-                                  ]
-                                }
-                                onReset={[Function]}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="value"
-                              >
-                                <Row
-                                  className="ant-form-item"
-                                  key="row"
-                                >
-                                  <div
-                                    className="ant-row ant-form-item"
-                                    style={Object {}}
-                                  >
-                                    <FormItemLabel
-                                      htmlFor="create-space_name"
-                                      label="Name"
-                                      name="name"
-                                      prefixCls="ant-form"
-                                      required={true}
-                                      requiredMark={true}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please enter name!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Name must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <Col
-                                        className="ant-form-item-label"
-                                      >
-                                        <div
-                                          className="ant-col ant-form-item-label"
-                                          style={Object {}}
-                                        >
-                                          <label
-                                            className="ant-form-item-required"
-                                            htmlFor="create-space_name"
-                                            title="Name"
-                                          >
-                                            Name
-                                          </label>
-                                        </div>
-                                      </Col>
-                                    </FormItemLabel>
-                                    <FormItemInput
-                                      errors={Array []}
-                                      label="Name"
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      onDomErrorVisibleChange={[Function]}
-                                      prefixCls="ant-form"
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please enter name!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Name must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      status=""
-                                      touched={false}
-                                      validateStatus=""
-                                      validating={false}
-                                    >
-                                      <Col
-                                        className="ant-form-item-control"
-                                      >
-                                        <div
-                                          className="ant-col ant-form-item-control"
-                                          style={Object {}}
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input"
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input-content"
-                                            >
-                                              <Component
-                                                update={2}
-                                                value="name"
-                                              >
-                                                <Input
-                                                  disabled={true}
-                                                  id="create-space_name"
-                                                  onChange={[Function]}
-                                                  type="text"
-                                                  value="name"
-                                                >
-                                                  <ClearableLabeledInput
-                                                    bordered={true}
-                                                    disabled={true}
-                                                    element={
-                                                      <input
-                                                        className="ant-input ant-input-disabled"
-                                                        disabled={true}
-                                                        id="create-space_name"
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        type="text"
-                                                        value="name"
-                                                      />
-                                                    }
-                                                    focused={false}
-                                                    handleReset={[Function]}
-                                                    id="create-space_name"
-                                                    inputType="input"
-                                                    onChange={[Function]}
-                                                    prefixCls="ant-input"
-                                                    triggerFocus={[Function]}
-                                                    type="text"
-                                                    value="name"
-                                                  >
-                                                    <input
-                                                      className="ant-input ant-input-disabled"
-                                                      disabled={true}
-                                                      id="create-space_name"
-                                                      onBlur={[Function]}
-                                                      onChange={[Function]}
-                                                      onFocus={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="text"
-                                                      value="name"
-                                                    />
-                                                  </ClearableLabeledInput>
-                                                </Input>
-                                              </Component>
-                                            </div>
-                                          </div>
-                                          <ErrorList
-                                            errors={Array []}
-                                            onDomErrorVisibleChange={[Function]}
-                                          >
-                                            <CSSMotion
-                                              motionAppear={true}
-                                              motionDeadline={500}
-                                              motionName="ant-show-help"
-                                              onLeaveEnd={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </ErrorList>
-                                        </div>
-                                      </Col>
-                                    </FormItemInput>
-                                  </div>
-                                </Row>
-                              </Field>
-                            </WrapperField>
-                          </FormItem>
-                        </TitleInput>
-                        <FormItem
-                          label="Alt Text"
-                          name="alt_text"
-                        >
-                          <WrapperField
-                            label="Alt Text"
-                            messageVariables={
-                              Object {
-                                "label": "Alt Text",
-                              }
-                            }
-                            name="alt_text"
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                          >
-                            <Field
-                              fieldContext={
-                                Object {
-                                  "__INTERNAL__": Object {
-                                    "itemRef": [Function],
-                                    "name": "create-space",
-                                  },
-                                  "getFieldError": [Function],
-                                  "getFieldInstance": [Function],
-                                  "getFieldValue": [Function],
-                                  "getFieldsError": [Function],
-                                  "getFieldsValue": [Function],
-                                  "getInternalHooks": [Function],
-                                  "isFieldTouched": [Function],
-                                  "isFieldValidating": [Function],
-                                  "isFieldsTouched": [Function],
-                                  "isFieldsValidating": [Function],
-                                  "resetFields": [Function],
-                                  "scrollToField": [Function],
-                                  "setFields": [Function],
-                                  "setFieldsValue": [Function],
-                                  "submit": [Function],
-                                  "validateFields": [Function],
-                                  "validateTrigger": "onChange",
-                                }
-                              }
-                              key="_alt_text"
-                              label="Alt Text"
-                              messageVariables={
-                                Object {
-                                  "label": "Alt Text",
-                                }
-                              }
-                              name={
-                                Array [
-                                  "alt_text",
-                                ]
-                              }
-                              onReset={[Function]}
-                              trigger="onChange"
-                              validateTrigger="onChange"
-                              valuePropName="value"
-                            >
-                              <Row
-                                className="ant-form-item"
-                                key="row"
-                              >
-                                <div
-                                  className="ant-row ant-form-item"
-                                  style={Object {}}
-                                >
-                                  <FormItemLabel
-                                    htmlFor="create-space_alt_text"
-                                    label="Alt Text"
-                                    name="alt_text"
-                                    prefixCls="ant-form"
-                                    required={false}
-                                    requiredMark={true}
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-label"
-                                        style={Object {}}
-                                      >
-                                        <label
-                                          className=""
-                                          htmlFor="create-space_alt_text"
-                                          title="Alt Text"
-                                        >
-                                          Alt Text
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    errors={Array []}
-                                    label="Alt Text"
-                                    name={
-                                      Array [
-                                        "alt_text",
-                                      ]
-                                    }
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    status=""
-                                    touched={false}
-                                    validateStatus=""
-                                    validating={false}
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-control"
-                                        style={Object {}}
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <Component
-                                              update={2}
-                                            >
-                                              <Input
-                                                disabled={true}
-                                                id="create-space_alt_text"
-                                                onChange={[Function]}
-                                                type="text"
-                                              >
-                                                <ClearableLabeledInput
-                                                  bordered={true}
-                                                  disabled={true}
-                                                  element={
-                                                    <input
-                                                      className="ant-input ant-input-disabled"
-                                                      disabled={true}
-                                                      id="create-space_alt_text"
-                                                      onBlur={[Function]}
-                                                      onChange={[Function]}
-                                                      onFocus={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="text"
-                                                    />
-                                                  }
-                                                  focused={false}
-                                                  handleReset={[Function]}
-                                                  id="create-space_alt_text"
-                                                  inputType="input"
-                                                  onChange={[Function]}
-                                                  prefixCls="ant-input"
-                                                  triggerFocus={[Function]}
-                                                  type="text"
-                                                  value=""
-                                                >
-                                                  <input
-                                                    className="ant-input ant-input-disabled"
-                                                    disabled={true}
-                                                    id="create-space_alt_text"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    type="text"
-                                                    value=""
-                                                  />
-                                                </ClearableLabeledInput>
-                                              </Input>
-                                            </Component>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </Field>
-                          </WrapperField>
-                        </FormItem>
-                        <FormItem
-                          label="Caption"
-                          name="caption"
-                        >
-                          <WrapperField
-                            label="Caption"
-                            messageVariables={
-                              Object {
-                                "label": "Caption",
-                              }
-                            }
-                            name="caption"
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                          >
-                            <Field
-                              fieldContext={
-                                Object {
-                                  "__INTERNAL__": Object {
-                                    "itemRef": [Function],
-                                    "name": "create-space",
-                                  },
-                                  "getFieldError": [Function],
-                                  "getFieldInstance": [Function],
-                                  "getFieldValue": [Function],
-                                  "getFieldsError": [Function],
-                                  "getFieldsValue": [Function],
-                                  "getInternalHooks": [Function],
-                                  "isFieldTouched": [Function],
-                                  "isFieldValidating": [Function],
-                                  "isFieldsTouched": [Function],
-                                  "isFieldsValidating": [Function],
-                                  "resetFields": [Function],
-                                  "scrollToField": [Function],
-                                  "setFields": [Function],
-                                  "setFieldsValue": [Function],
-                                  "submit": [Function],
-                                  "validateFields": [Function],
-                                  "validateTrigger": "onChange",
-                                }
-                              }
-                              key="_caption"
-                              label="Caption"
-                              messageVariables={
-                                Object {
-                                  "label": "Caption",
-                                }
-                              }
-                              name={
-                                Array [
-                                  "caption",
-                                ]
-                              }
-                              onReset={[Function]}
-                              trigger="onChange"
-                              validateTrigger="onChange"
-                              valuePropName="value"
-                            >
-                              <Row
-                                className="ant-form-item"
-                                key="row"
-                              >
-                                <div
-                                  className="ant-row ant-form-item"
-                                  style={Object {}}
-                                >
-                                  <FormItemLabel
-                                    htmlFor="create-space_caption"
-                                    label="Caption"
-                                    name="caption"
-                                    prefixCls="ant-form"
-                                    required={false}
-                                    requiredMark={true}
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-label"
-                                        style={Object {}}
-                                      >
-                                        <label
-                                          className=""
-                                          htmlFor="create-space_caption"
-                                          title="Caption"
-                                        >
-                                          Caption
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    errors={Array []}
-                                    label="Caption"
-                                    name={
-                                      Array [
-                                        "caption",
-                                      ]
-                                    }
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    status=""
-                                    touched={false}
-                                    validateStatus=""
-                                    validating={false}
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-control"
-                                        style={Object {}}
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <Component
-                                              update={2}
-                                              value="caption"
-                                            >
-                                              <Input
-                                                disabled={true}
-                                                id="create-space_caption"
-                                                onChange={[Function]}
-                                                type="text"
-                                                value="caption"
-                                              >
-                                                <ClearableLabeledInput
-                                                  bordered={true}
-                                                  disabled={true}
-                                                  element={
-                                                    <input
-                                                      className="ant-input ant-input-disabled"
-                                                      disabled={true}
-                                                      id="create-space_caption"
-                                                      onBlur={[Function]}
-                                                      onChange={[Function]}
-                                                      onFocus={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="text"
-                                                      value="caption"
-                                                    />
-                                                  }
-                                                  focused={false}
-                                                  handleReset={[Function]}
-                                                  id="create-space_caption"
-                                                  inputType="input"
-                                                  onChange={[Function]}
-                                                  prefixCls="ant-input"
-                                                  triggerFocus={[Function]}
-                                                  type="text"
-                                                  value="caption"
-                                                >
-                                                  <input
-                                                    className="ant-input ant-input-disabled"
-                                                    disabled={true}
-                                                    id="create-space_caption"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    type="text"
-                                                    value="caption"
-                                                  />
-                                                </ClearableLabeledInput>
-                                              </Input>
-                                            </Component>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </Field>
-                          </WrapperField>
-                        </FormItem>
-                        <FormItem
-                          label="Description"
-                          name="description"
-                        >
-                          <WrapperField
-                            label="Description"
-                            messageVariables={
-                              Object {
-                                "label": "Description",
-                              }
-                            }
-                            name="description"
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                          >
-                            <Field
-                              fieldContext={
-                                Object {
-                                  "__INTERNAL__": Object {
-                                    "itemRef": [Function],
-                                    "name": "create-space",
-                                  },
-                                  "getFieldError": [Function],
-                                  "getFieldInstance": [Function],
-                                  "getFieldValue": [Function],
-                                  "getFieldsError": [Function],
-                                  "getFieldsValue": [Function],
-                                  "getInternalHooks": [Function],
-                                  "isFieldTouched": [Function],
-                                  "isFieldValidating": [Function],
-                                  "isFieldsTouched": [Function],
-                                  "isFieldsValidating": [Function],
-                                  "resetFields": [Function],
-                                  "scrollToField": [Function],
-                                  "setFields": [Function],
-                                  "setFieldsValue": [Function],
-                                  "submit": [Function],
-                                  "validateFields": [Function],
-                                  "validateTrigger": "onChange",
-                                }
-                              }
-                              key="_description"
-                              label="Description"
-                              messageVariables={
-                                Object {
-                                  "label": "Description",
-                                }
-                              }
-                              name={
-                                Array [
-                                  "description",
-                                ]
-                              }
-                              onReset={[Function]}
-                              trigger="onChange"
-                              validateTrigger="onChange"
-                              valuePropName="value"
-                            >
-                              <Row
-                                className="ant-form-item"
-                                key="row"
-                              >
-                                <div
-                                  className="ant-row ant-form-item"
-                                  style={Object {}}
-                                >
-                                  <FormItemLabel
-                                    htmlFor="create-space_description"
-                                    label="Description"
-                                    name="description"
-                                    prefixCls="ant-form"
-                                    required={false}
-                                    requiredMark={true}
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-label"
-                                        style={Object {}}
-                                      >
-                                        <label
-                                          className=""
-                                          htmlFor="create-space_description"
-                                          title="Description"
-                                        >
-                                          Description
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    errors={Array []}
-                                    label="Description"
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    status=""
-                                    touched={false}
-                                    validateStatus=""
-                                    validating={false}
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-control"
-                                        style={Object {}}
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <Component
-                                              update={2}
-                                              value="description"
-                                            >
-                                              <ForwardRef
-                                                autoSize={
-                                                  Object {
-                                                    "maxRows": 6,
-                                                    "minRows": 3,
-                                                  }
-                                                }
-                                                disabled={true}
-                                                id="create-space_description"
-                                                onChange={[Function]}
-                                                value="description"
-                                              >
-                                                <ClearableLabeledInput
-                                                  autoSize={
-                                                    Object {
-                                                      "maxRows": 6,
-                                                      "minRows": 3,
-                                                    }
-                                                  }
-                                                  bordered={true}
-                                                  disabled={true}
-                                                  element={
-                                                    <TextArea
-                                                      autoSize={
-                                                        Object {
-                                                          "maxRows": 6,
-                                                          "minRows": 3,
-                                                        }
-                                                      }
-                                                      className=""
-                                                      disabled={true}
-                                                      id="create-space_description"
-                                                      onChange={[Function]}
-                                                      onCompositionEnd={[Function]}
-                                                      onCompositionStart={[Function]}
-                                                      prefixCls="ant-input"
-                                                      value="description"
-                                                    />
-                                                  }
-                                                  handleReset={[Function]}
-                                                  id="create-space_description"
-                                                  inputType="text"
-                                                  prefixCls="ant-input"
-                                                  value="description"
-                                                >
-                                                  <TextArea
-                                                    autoSize={
-                                                      Object {
-                                                        "maxRows": 6,
-                                                        "minRows": 3,
-                                                      }
-                                                    }
-                                                    className=""
-                                                    disabled={true}
-                                                    id="create-space_description"
-                                                    onChange={[Function]}
-                                                    onCompositionEnd={[Function]}
-                                                    onCompositionStart={[Function]}
-                                                    prefixCls="ant-input"
-                                                    value="description"
-                                                  >
-                                                    <ResizableTextArea
-                                                      autoSize={
-                                                        Object {
-                                                          "maxRows": 6,
-                                                          "minRows": 3,
-                                                        }
-                                                      }
-                                                      className=""
-                                                      disabled={true}
-                                                      id="create-space_description"
-                                                      onChange={[Function]}
-                                                      onCompositionEnd={[Function]}
-                                                      onCompositionStart={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      prefixCls="ant-input"
-                                                      value="description"
-                                                    >
-                                                      <ResizeObserver
-                                                        disabled={false}
-                                                        onResize={[Function]}
-                                                      >
-                                                        <textarea
-                                                          className="ant-input ant-input-disabled"
-                                                          disabled={true}
-                                                          id="create-space_description"
-                                                          onChange={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "height": -24,
-                                                              "maxHeight": -24,
-                                                              "minHeight": -12,
-                                                              "overflowX": "hidden",
-                                                              "overflowY": "hidden",
-                                                              "resize": "none",
-                                                            }
-                                                          }
-                                                          value="description"
-                                                        />
-                                                      </ResizeObserver>
-                                                    </ResizableTextArea>
-                                                  </TextArea>
-                                                </ClearableLabeledInput>
-                                              </ForwardRef>
-                                            </Component>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </Field>
-                          </WrapperField>
-                        </FormItem>
-                        <FormItem
-                          label="Metafields"
-                          name="meta_fields"
-                        >
-                          <WrapperField
-                            label="Metafields"
-                            messageVariables={
-                              Object {
-                                "label": "Metafields",
-                              }
-                            }
-                            name="meta_fields"
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                          >
-                            <Field
-                              fieldContext={
-                                Object {
-                                  "__INTERNAL__": Object {
-                                    "itemRef": [Function],
-                                    "name": "create-space",
-                                  },
-                                  "getFieldError": [Function],
-                                  "getFieldInstance": [Function],
-                                  "getFieldValue": [Function],
-                                  "getFieldsError": [Function],
-                                  "getFieldsValue": [Function],
-                                  "getInternalHooks": [Function],
-                                  "isFieldTouched": [Function],
-                                  "isFieldValidating": [Function],
-                                  "isFieldsTouched": [Function],
-                                  "isFieldsValidating": [Function],
-                                  "resetFields": [Function],
-                                  "scrollToField": [Function],
-                                  "setFields": [Function],
-                                  "setFieldsValue": [Function],
-                                  "submit": [Function],
-                                  "validateFields": [Function],
-                                  "validateTrigger": "onChange",
-                                }
-                              }
-                              key="_meta_fields"
-                              label="Metafields"
-                              messageVariables={
-                                Object {
-                                  "label": "Metafields",
-                                }
-                              }
-                              name={
-                                Array [
-                                  "meta_fields",
-                                ]
-                              }
-                              onReset={[Function]}
-                              trigger="onChange"
-                              validateTrigger="onChange"
-                              valuePropName="value"
-                            >
-                              <Row
-                                className="ant-form-item"
-                                key="row"
-                              >
-                                <div
-                                  className="ant-row ant-form-item"
-                                  style={Object {}}
-                                >
-                                  <FormItemLabel
-                                    htmlFor="create-space_meta_fields"
-                                    label="Metafields"
-                                    name="meta_fields"
-                                    prefixCls="ant-form"
-                                    required={false}
-                                    requiredMark={true}
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-label"
-                                        style={Object {}}
-                                      >
-                                        <label
-                                          className=""
-                                          htmlFor="create-space_meta_fields"
-                                          title="Metafields"
-                                        >
-                                          Metafields
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    errors={Array []}
-                                    label="Metafields"
-                                    name={
-                                      Array [
-                                        "meta_fields",
-                                      ]
-                                    }
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    status=""
-                                    touched={false}
-                                    validateStatus=""
-                                    validating={false}
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-control"
-                                        style={Object {}}
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <Component
-                                              update={2}
-                                            >
-                                              <MONACOEditor
-                                                id="create-space_meta_fields"
-                                                language="json"
-                                                onChange={[Function]}
-                                              >
-                                                <MonacoEditor
-                                                  height="240"
-                                                  language="json"
-                                                  onChange={[Function]}
-                                                  options={
-                                                    Object {
-                                                      "autoClosingBrackets": "auto",
-                                                      "autoClosingQuotes": "auto",
-                                                      "cursorBlinking": "smooth",
-                                                      "folding": true,
-                                                      "lineNumbersMinChars": 4,
-                                                      "minimap": Object {
-                                                        "enabled": false,
-                                                      },
-                                                      "scrollBeyondLastLine": false,
-                                                      "scrollbar": Object {
-                                                        "alwaysConsumeMouseWheel": false,
-                                                      },
-                                                      "theme": "vs-dark",
-                                                      "wordWrap": "on",
-                                                    }
-                                                  }
-                                                  width={440}
-                                                >
-                                                  <div />
-                                                </MonacoEditor>
-                                              </MONACOEditor>
-                                            </Component>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </Field>
-                          </WrapperField>
-                        </FormItem>
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <ForwardRef
-                                                  disabled={false}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  placement="top"
-                                                  title="Are you sure you want to delete this?"
-                                                  trigger="click"
-                                                >
-                                                  <Tooltip
-                                                    arrowPointAtCenter={false}
-                                                    autoAdjustOverflow={true}
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    mouseEnterDelay={0.1}
-                                                    mouseLeaveDelay={0.1}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    onVisibleChange={[Function]}
-                                                    overlay={
-                                                      <LocaleReceiver
-                                                        componentName="Popconfirm"
-                                                        defaultLocale={
-                                                          Object {
-                                                            "cancelText": "Cancel",
-                                                            "okText": "OK",
-                                                          }
-                                                        }
-                                                      >
-                                                        [Function]
-                                                      </LocaleReceiver>
-                                                    }
-                                                    overlayClassName="ant-popconfirm"
-                                                    placement="top"
-                                                    prefixCls="ant-popover"
-                                                    title="Are you sure you want to delete this?"
-                                                    transitionName="ant-zoom-big"
-                                                    trigger="click"
-                                                    visible={false}
-                                                  >
-                                                    <ForwardRef(Tooltip)
-                                                      arrowContent={
-                                                        <span
-                                                          className="ant-popover-arrow-content"
-                                                        />
-                                                      }
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      builtinPlacements={
-                                                        Object {
-                                                          "bottom": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tc",
-                                                              "bc",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "bottomLeft": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tl",
-                                                              "bl",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "bottomRight": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tr",
-                                                              "br",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "left": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              -4,
-                                                              0,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "cr",
-                                                              "cl",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "leftBottom": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              -4,
-                                                              0,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "br",
-                                                              "bl",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "leftTop": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              -4,
-                                                              0,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tr",
-                                                              "tl",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "right": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              4,
-                                                              0,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "cl",
-                                                              "cr",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "rightBottom": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              4,
-                                                              0,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "bl",
-                                                              "br",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "rightTop": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              4,
-                                                              0,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tl",
-                                                              "tr",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "top": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "bc",
-                                                              "tc",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "topLeft": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "bl",
-                                                              "tl",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                          "topRight": Object {
-                                                            "ignoreShake": true,
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 1,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "br",
-                                                              "tr",
-                                                            ],
-                                                            "targetOffset": Array [
-                                                              0,
-                                                              0,
-                                                            ],
-                                                          },
-                                                        }
-                                                      }
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      motion={
-                                                        Object {
-                                                          "motionDeadline": 1000,
-                                                          "motionName": "ant-zoom-big",
-                                                        }
-                                                      }
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onPopupAlign={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Are you sure you want to delete this?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <Trigger
-                                                        action="click"
-                                                        afterPopupVisibleChange={[Function]}
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        autoDestroy={false}
-                                                        blurDelay={0.15}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        defaultPopupVisible={false}
-                                                        destroyPopupOnHide={false}
-                                                        disabled={false}
-                                                        focusDelay={0}
-                                                        getDocument={[Function]}
-                                                        getPopupClassNameFromAlign={[Function]}
-                                                        hideAction={Array []}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mask={false}
-                                                        maskClosable={true}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onPopupVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        popup={[Function]}
-                                                        popupAlign={Object {}}
-                                                        popupClassName="ant-popconfirm"
-                                                        popupMotion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        popupPlacement="top"
-                                                        popupStyle={Object {}}
-                                                        popupTransitionName="ant-zoom-big"
-                                                        popupVisible={false}
-                                                        prefixCls="ant-popover"
-                                                        showAction={Array []}
-                                                        title="Are you sure you want to delete this?"
-                                                        visible={false}
-                                                      >
-                                                        <span
-                                                          className="ant-popover-disabled-compatible-wrapper"
-                                                          key="trigger"
-                                                          onClick={[Function]}
-                                                          onMouseDown={[Function]}
-                                                          onTouchStart={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "cursor": "not-allowed",
-                                                              "display": "inline-block",
-                                                              "width": null,
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            className={null}
-                                                            disabled={true}
-                                                            onKeyDown={[Function]}
-                                                            style={
-                                                              Object {
-                                                                "pointerEvents": "none",
-                                                              }
-                                                            }
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger"
-                                                                disabled={true}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "pointerEvents": "none",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <LoadingIcon
-                                                                  existIcon={false}
-                                                                  loading={false}
-                                                                  prefixCls="ant-btn"
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionName="ant-btn-loading-icon-motion"
-                                                                    onAppearActive={[Function]}
-                                                                    onAppearStart={[Function]}
-                                                                    onEnterActive={[Function]}
-                                                                    onEnterStart={[Function]}
-                                                                    onLeaveActive={[Function]}
-                                                                    onLeaveStart={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </LoadingIcon>
-                                                                <span
-                                                                  key=".0"
-                                                                >
-                                                                  Delete
-                                                                </span>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </span>
-                                                      </Trigger>
-                                                    </ForwardRef(Tooltip)>
-                                                  </Tooltip>
-                                                </ForwardRef>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Col>
-          </div>
-        </Row>
-      </EditMedium>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/media/__snapshots__/UploadMedium.test.js.snap b/studio/src/pages/media/__snapshots__/UploadMedium.test.js.snap
deleted file mode 100644
index 8fe84b876..000000000
--- a/studio/src/pages/media/__snapshots__/UploadMedium.test.js.snap
+++ /dev/null
@@ -1,14 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Media upload component snapshot testing should render the component 1`] = `
-<Fragment>
-  <HelmetWrapper
-    defer={true}
-    encodeSpecialCharacters={true}
-    title="Upload Medium"
-  />
-  <UppyUploader
-    onUpload={[Function]}
-  />
-</Fragment>
-`;
diff --git a/studio/src/pages/media/__snapshots__/index.test.js.snap b/studio/src/pages/media/__snapshots__/index.test.js.snap
deleted file mode 100644
index b37b4fb84..000000000
--- a/studio/src/pages/media/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,4047 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Media List component snapshot testing should render loader component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Media
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Loader>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-                "height": "100vh",
-                "justifyContent": "center",
-                "padding": "2rem",
-                "position": "absolute",
-                "width": "100%",
-              }
-            }
-          >
-            <Spin
-              size="large"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin ant-spin-lg ant-spin-spinning"
-              >
-                <span
-                  className="ant-spin-dot ant-spin-dot-spin"
-                >
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                </span>
-              </div>
-            </Spin>
-          </div>
-        </Loader>
-      </Media>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Media List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Media
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Media"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Media"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Media"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "marginBottom": "1rem",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "marginBottom": "1rem",
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "marginBottom": "1rem",
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search media"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search media"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search media"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search media"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By:Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By:Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By:Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By:Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/media/upload"
-                                >
-                                  <LinkAnchor
-                                    href="/media/upload"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/media/upload"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Upload
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <MediumList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "loading": false,
-                      "media": Array [],
-                      "total": 0,
-                    }
-                  }
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <List
-                            dataSource={Array []}
-                            grid={
-                              Object {
-                                "gutter": 16,
-                                "lg": 3,
-                                "md": 3,
-                                "sm": 2,
-                                "xl": 4,
-                                "xs": 1,
-                                "xxl": 5,
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            renderItem={[Function]}
-                          >
-                            <div
-                              className="ant-list ant-list-split ant-list-grid ant-list-something-after-last-item"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <div
-                                      className="ant-list-empty-text"
-                                    >
-                                      <Empty
-                                        image={<Simple />}
-                                      >
-                                        <LocaleReceiver
-                                          componentName="Empty"
-                                        >
-                                          <div
-                                            className="ant-empty ant-empty-normal"
-                                          >
-                                            <div
-                                              className="ant-empty-image"
-                                            >
-                                              <Simple>
-                                                <svg
-                                                  className="ant-empty-img-simple"
-                                                  height="41"
-                                                  viewBox="0 0 64 41"
-                                                  width="64"
-                                                  xmlns="http://www.w3.org/2000/svg"
-                                                >
-                                                  <g
-                                                    fill="none"
-                                                    fillRule="evenodd"
-                                                    transform="translate(0 1)"
-                                                  >
-                                                    <ellipse
-                                                      className="ant-empty-img-simple-ellipse"
-                                                      cx="32"
-                                                      cy="33"
-                                                      rx="32"
-                                                      ry="7"
-                                                    />
-                                                    <g
-                                                      className="ant-empty-img-simple-g"
-                                                      fillRule="nonzero"
-                                                    >
-                                                      <path
-                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                      />
-                                                      <path
-                                                        className="ant-empty-img-simple-path"
-                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                      />
-                                                    </g>
-                                                  </g>
-                                                </svg>
-                                              </Simple>
-                                            </div>
-                                            <div
-                                              className="ant-empty-description"
-                                            >
-                                              No Data
-                                            </div>
-                                          </div>
-                                        </LocaleReceiver>
-                                      </Empty>
-                                    </div>
-                                  </div>
-                                </div>
-                              </Spin>
-                              <div
-                                className="ant-list-pagination"
-                              >
-                                <Pagination
-                                  current={0}
-                                  onChange={[Function]}
-                                  onShowSizeChange={[Function]}
-                                  pageSize={10}
-                                  pageSizeOptions={
-                                    Array [
-                                      "10",
-                                      "15",
-                                      "20",
-                                    ]
-                                  }
-                                  showTotal={[Function]}
-                                  total={0}
-                                >
-                                  <LocaleReceiver
-                                    componentName="Pagination"
-                                    defaultLocale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                  >
-                                    <Pagination
-                                      className=""
-                                      current={0}
-                                      defaultCurrent={1}
-                                      defaultPageSize={10}
-                                      hideOnSinglePage={false}
-                                      itemRender={[Function]}
-                                      jumpNextIcon={
-                                        <a
-                                          className="ant-pagination-item-link"
-                                        >
-                                          <div
-                                            className="ant-pagination-item-container"
-                                          >
-                                            <ForwardRef(DoubleRightOutlined)
-                                              className="ant-pagination-item-link-icon"
-                                            />
-                                            <span
-                                              className="ant-pagination-item-ellipsis"
-                                            >
-                                              •••
-                                            </span>
-                                          </div>
-                                        </a>
-                                      }
-                                      jumpPrevIcon={
-                                        <a
-                                          className="ant-pagination-item-link"
-                                        >
-                                          <div
-                                            className="ant-pagination-item-container"
-                                          >
-                                            <ForwardRef(DoubleLeftOutlined)
-                                              className="ant-pagination-item-link-icon"
-                                            />
-                                            <span
-                                              className="ant-pagination-item-ellipsis"
-                                            >
-                                              •••
-                                            </span>
-                                          </div>
-                                        </a>
-                                      }
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      nextIcon={
-                                        <button
-                                          className="ant-pagination-item-link"
-                                          tabIndex={-1}
-                                          type="button"
-                                        >
-                                          <ForwardRef(RightOutlined) />
-                                        </button>
-                                      }
-                                      onChange={[Function]}
-                                      onShowSizeChange={[Function]}
-                                      pageSize={10}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      prefixCls="ant-pagination"
-                                      prevIcon={
-                                        <button
-                                          className="ant-pagination-item-link"
-                                          tabIndex={-1}
-                                          type="button"
-                                        >
-                                          <ForwardRef(LeftOutlined) />
-                                        </button>
-                                      }
-                                      selectComponentClass={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "OptGroup": [Function],
-                                          "Option": [Function],
-                                          "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                          "render": [Function],
-                                        }
-                                      }
-                                      selectPrefixCls="ant-select"
-                                      showLessItems={false}
-                                      showPrevNextJumpers={true}
-                                      showQuickJumper={false}
-                                      showTitle={true}
-                                      showTotal={[Function]}
-                                      style={Object {}}
-                                      total={0}
-                                      totalBoundaryShowSizeChanger={50}
-                                    >
-                                      <ul
-                                        className="ant-pagination"
-                                        style={Object {}}
-                                        unselectable="unselectable"
-                                      >
-                                        <li
-                                          className="ant-pagination-total-text"
-                                        >
-                                          0-0 of 0 results
-                                        </li>
-                                        <li
-                                          aria-disabled={true}
-                                          className="ant-pagination-prev ant-pagination-disabled"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          tabIndex={null}
-                                          title="Previous Page"
-                                        >
-                                          <button
-                                            className="ant-pagination-item-link"
-                                            disabled={true}
-                                            tabIndex={-1}
-                                            type="button"
-                                          >
-                                            <ForwardRef(LeftOutlined)>
-                                              <AntdIcon
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "left",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <span
-                                                  aria-label="left"
-                                                  className="anticon anticon-left"
-                                                  role="img"
-                                                >
-                                                  <IconReact
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "left",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="left"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      key="svg-left"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                        key="svg-left-svg-0"
-                                                      />
-                                                    </svg>
-                                                  </IconReact>
-                                                </span>
-                                              </AntdIcon>
-                                            </ForwardRef(LeftOutlined)>
-                                          </button>
-                                        </li>
-                                        <Pager
-                                          className="ant-pagination-disabled"
-                                          itemRender={[Function]}
-                                          key="noPager"
-                                          locale={
-                                            Object {
-                                              "items_per_page": "/ page",
-                                              "jump_to": "Go to",
-                                              "jump_to_confirm": "confirm",
-                                              "next_3": "Next 3 Pages",
-                                              "next_5": "Next 5 Pages",
-                                              "next_page": "Next Page",
-                                              "page": "",
-                                              "prev_3": "Previous 3 Pages",
-                                              "prev_5": "Previous 5 Pages",
-                                              "prev_page": "Previous Page",
-                                            }
-                                          }
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          page={0}
-                                          rootPrefixCls="ant-pagination"
-                                          showTitle={true}
-                                        >
-                                          <li
-                                            className="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
-                                            onClick={[Function]}
-                                            onKeyPress={[Function]}
-                                            tabIndex="0"
-                                            title={0}
-                                          >
-                                            <a
-                                              rel="nofollow"
-                                            >
-                                              0
-                                            </a>
-                                          </li>
-                                        </Pager>
-                                        <li
-                                          aria-disabled={true}
-                                          className="ant-pagination-next ant-pagination-disabled"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          tabIndex={null}
-                                          title="Next Page"
-                                        >
-                                          <button
-                                            className="ant-pagination-item-link"
-                                            disabled={true}
-                                            tabIndex={-1}
-                                            type="button"
-                                          >
-                                            <ForwardRef(RightOutlined)>
-                                              <AntdIcon
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "right",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <span
-                                                  aria-label="right"
-                                                  className="anticon anticon-right"
-                                                  role="img"
-                                                >
-                                                  <IconReact
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "right",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="right"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      key="svg-right"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                        key="svg-right-svg-0"
-                                                      />
-                                                    </svg>
-                                                  </IconReact>
-                                                </span>
-                                              </AntdIcon>
-                                            </ForwardRef(RightOutlined)>
-                                          </button>
-                                        </li>
-                                        <Options
-                                          changeSize={null}
-                                          current={0}
-                                          goButton={false}
-                                          locale={
-                                            Object {
-                                              "items_per_page": "/ page",
-                                              "jump_to": "Go to",
-                                              "jump_to_confirm": "confirm",
-                                              "next_3": "Next 3 Pages",
-                                              "next_5": "Next 5 Pages",
-                                              "next_page": "Next Page",
-                                              "page": "",
-                                              "prev_3": "Previous 3 Pages",
-                                              "prev_5": "Previous 5 Pages",
-                                              "prev_page": "Previous Page",
-                                            }
-                                          }
-                                          pageSize={10}
-                                          pageSizeOptions={
-                                            Array [
-                                              "10",
-                                              "15",
-                                              "20",
-                                            ]
-                                          }
-                                          quickGo={null}
-                                          rootPrefixCls="ant-pagination"
-                                          selectComponentClass={
-                                            Object {
-                                              "$$typeof": Symbol(react.forward_ref),
-                                              "OptGroup": [Function],
-                                              "Option": [Function],
-                                              "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                              "render": [Function],
-                                            }
-                                          }
-                                          selectPrefixCls="ant-select"
-                                        />
-                                      </ul>
-                                    </Pagination>
-                                  </LocaleReceiver>
-                                </Pagination>
-                              </div>
-                            </div>
-                          </List>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </MediumList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Media>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Media List component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Media
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Media"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Media"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Media"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "marginBottom": "1rem",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "marginBottom": "1rem",
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "marginBottom": "1rem",
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search media"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search media"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search media"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search media"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By:Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By:Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By:Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By:Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/media/upload"
-                                >
-                                  <LinkAnchor
-                                    href="/media/upload"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/media/upload"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Upload
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <MediumList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "loading": false,
-                      "media": Array [
-                        Object {
-                          "caption": "caption",
-                          "description": "description",
-                          "file_size": "file_size",
-                          "id": 1,
-                          "name": "name",
-                          "url": "some-url",
-                        },
-                      ],
-                      "total": 1,
-                    }
-                  }
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <List
-                            dataSource={
-                              Array [
-                                Object {
-                                  "caption": "caption",
-                                  "description": "description",
-                                  "file_size": "file_size",
-                                  "id": 1,
-                                  "name": "name",
-                                  "url": "some-url",
-                                },
-                              ]
-                            }
-                            grid={
-                              Object {
-                                "gutter": 16,
-                                "lg": 3,
-                                "md": 3,
-                                "sm": 2,
-                                "xl": 4,
-                                "xs": 1,
-                                "xxl": 5,
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 1,
-                              }
-                            }
-                            renderItem={[Function]}
-                          >
-                            <div
-                              className="ant-list ant-list-split ant-list-grid ant-list-something-after-last-item"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Row
-                                      gutter={16}
-                                    >
-                                      <div
-                                        className="ant-row"
-                                        style={
-                                          Object {
-                                            "marginLeft": -8,
-                                            "marginRight": -8,
-                                          }
-                                        }
-                                      >
-                                        <div
-                                          key="list-item-0/.0"
-                                        >
-                                          <Item>
-                                            <Col
-                                              flex={1}
-                                            >
-                                              <div
-                                                className="ant-col"
-                                                style={
-                                                  Object {
-                                                    "flex": "1 1 auto",
-                                                    "paddingLeft": 8,
-                                                    "paddingRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <div
-                                                  className="ant-list-item"
-                                                >
-                                                  <Link
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to={
-                                                      Object {
-                                                        "pathname": "/media/1/edit",
-                                                      }
-                                                    }
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/media/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        href="/media/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Card
-                                                          bodyStyle={
-                                                            Object {
-                                                              "padding": 0,
-                                                            }
-                                                          }
-                                                          cover={
-                                                            <img
-                                                              alt="ALT"
-                                                              src=""
-                                                              style={
-                                                                Object {
-                                                                  "height": "220px",
-                                                                  "maxWidth": "100%",
-                                                                  "objectFit": "cover",
-                                                                  "objectPosition": "center center",
-                                                                  "width": "100%",
-                                                                }
-                                                              }
-                                                              title="name"
-                                                            />
-                                                          }
-                                                          hoverable={true}
-                                                          key="some-url"
-                                                          size="default"
-                                                        >
-                                                          <div
-                                                            className="ant-card ant-card-bordered ant-card-hoverable ant-card-default"
-                                                          >
-                                                            <div
-                                                              className="ant-card-cover"
-                                                            >
-                                                              <img
-                                                                alt="ALT"
-                                                                src=""
-                                                                style={
-                                                                  Object {
-                                                                    "height": "220px",
-                                                                    "maxWidth": "100%",
-                                                                    "objectFit": "cover",
-                                                                    "objectPosition": "center center",
-                                                                    "width": "100%",
-                                                                  }
-                                                                }
-                                                                title="name"
-                                                              />
-                                                            </div>
-                                                            <div
-                                                              className="ant-card-body"
-                                                              style={
-                                                                Object {
-                                                                  "padding": 0,
-                                                                }
-                                                              }
-                                                            />
-                                                          </div>
-                                                        </Card>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </div>
-                                              </div>
-                                            </Col>
-                                          </Item>
-                                        </div>
-                                      </div>
-                                    </Row>
-                                  </div>
-                                </div>
-                              </Spin>
-                              <div
-                                className="ant-list-pagination"
-                              >
-                                <Pagination
-                                  current={1}
-                                  onChange={[Function]}
-                                  onShowSizeChange={[Function]}
-                                  pageSize={10}
-                                  pageSizeOptions={
-                                    Array [
-                                      "10",
-                                      "15",
-                                      "20",
-                                    ]
-                                  }
-                                  showTotal={[Function]}
-                                  total={1}
-                                >
-                                  <LocaleReceiver
-                                    componentName="Pagination"
-                                    defaultLocale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                  >
-                                    <Pagination
-                                      className=""
-                                      current={1}
-                                      defaultCurrent={1}
-                                      defaultPageSize={10}
-                                      hideOnSinglePage={false}
-                                      itemRender={[Function]}
-                                      jumpNextIcon={
-                                        <a
-                                          className="ant-pagination-item-link"
-                                        >
-                                          <div
-                                            className="ant-pagination-item-container"
-                                          >
-                                            <ForwardRef(DoubleRightOutlined)
-                                              className="ant-pagination-item-link-icon"
-                                            />
-                                            <span
-                                              className="ant-pagination-item-ellipsis"
-                                            >
-                                              •••
-                                            </span>
-                                          </div>
-                                        </a>
-                                      }
-                                      jumpPrevIcon={
-                                        <a
-                                          className="ant-pagination-item-link"
-                                        >
-                                          <div
-                                            className="ant-pagination-item-container"
-                                          >
-                                            <ForwardRef(DoubleLeftOutlined)
-                                              className="ant-pagination-item-link-icon"
-                                            />
-                                            <span
-                                              className="ant-pagination-item-ellipsis"
-                                            >
-                                              •••
-                                            </span>
-                                          </div>
-                                        </a>
-                                      }
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      nextIcon={
-                                        <button
-                                          className="ant-pagination-item-link"
-                                          tabIndex={-1}
-                                          type="button"
-                                        >
-                                          <ForwardRef(RightOutlined) />
-                                        </button>
-                                      }
-                                      onChange={[Function]}
-                                      onShowSizeChange={[Function]}
-                                      pageSize={10}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      prefixCls="ant-pagination"
-                                      prevIcon={
-                                        <button
-                                          className="ant-pagination-item-link"
-                                          tabIndex={-1}
-                                          type="button"
-                                        >
-                                          <ForwardRef(LeftOutlined) />
-                                        </button>
-                                      }
-                                      selectComponentClass={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "OptGroup": [Function],
-                                          "Option": [Function],
-                                          "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                          "render": [Function],
-                                        }
-                                      }
-                                      selectPrefixCls="ant-select"
-                                      showLessItems={false}
-                                      showPrevNextJumpers={true}
-                                      showQuickJumper={false}
-                                      showTitle={true}
-                                      showTotal={[Function]}
-                                      style={Object {}}
-                                      total={1}
-                                      totalBoundaryShowSizeChanger={50}
-                                    >
-                                      <ul
-                                        className="ant-pagination"
-                                        style={Object {}}
-                                        unselectable="unselectable"
-                                      >
-                                        <li
-                                          className="ant-pagination-total-text"
-                                        >
-                                          1-1 of 1 results
-                                        </li>
-                                        <li
-                                          aria-disabled={true}
-                                          className="ant-pagination-prev ant-pagination-disabled"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          tabIndex={null}
-                                          title="Previous Page"
-                                        >
-                                          <button
-                                            className="ant-pagination-item-link"
-                                            disabled={true}
-                                            tabIndex={-1}
-                                            type="button"
-                                          >
-                                            <ForwardRef(LeftOutlined)>
-                                              <AntdIcon
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "left",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <span
-                                                  aria-label="left"
-                                                  className="anticon anticon-left"
-                                                  role="img"
-                                                >
-                                                  <IconReact
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "left",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="left"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      key="svg-left"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                        key="svg-left-svg-0"
-                                                      />
-                                                    </svg>
-                                                  </IconReact>
-                                                </span>
-                                              </AntdIcon>
-                                            </ForwardRef(LeftOutlined)>
-                                          </button>
-                                        </li>
-                                        <Pager
-                                          active={true}
-                                          itemRender={[Function]}
-                                          key="1"
-                                          locale={
-                                            Object {
-                                              "items_per_page": "/ page",
-                                              "jump_to": "Go to",
-                                              "jump_to_confirm": "confirm",
-                                              "next_3": "Next 3 Pages",
-                                              "next_5": "Next 5 Pages",
-                                              "next_page": "Next Page",
-                                              "page": "",
-                                              "prev_3": "Previous 3 Pages",
-                                              "prev_5": "Previous 5 Pages",
-                                              "prev_page": "Previous Page",
-                                            }
-                                          }
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          page={1}
-                                          rootPrefixCls="ant-pagination"
-                                          showTitle={true}
-                                        >
-                                          <li
-                                            className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                            onClick={[Function]}
-                                            onKeyPress={[Function]}
-                                            tabIndex="0"
-                                            title={1}
-                                          >
-                                            <a
-                                              rel="nofollow"
-                                            >
-                                              1
-                                            </a>
-                                          </li>
-                                        </Pager>
-                                        <li
-                                          aria-disabled={true}
-                                          className="ant-pagination-next ant-pagination-disabled"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          tabIndex={null}
-                                          title="Next Page"
-                                        >
-                                          <button
-                                            className="ant-pagination-item-link"
-                                            disabled={true}
-                                            tabIndex={-1}
-                                            type="button"
-                                          >
-                                            <ForwardRef(RightOutlined)>
-                                              <AntdIcon
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "right",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <span
-                                                  aria-label="right"
-                                                  className="anticon anticon-right"
-                                                  role="img"
-                                                >
-                                                  <IconReact
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "right",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="right"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      key="svg-right"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                        key="svg-right-svg-0"
-                                                      />
-                                                    </svg>
-                                                  </IconReact>
-                                                </span>
-                                              </AntdIcon>
-                                            </ForwardRef(RightOutlined)>
-                                          </button>
-                                        </li>
-                                        <Options
-                                          changeSize={null}
-                                          current={1}
-                                          goButton={false}
-                                          locale={
-                                            Object {
-                                              "items_per_page": "/ page",
-                                              "jump_to": "Go to",
-                                              "jump_to_confirm": "confirm",
-                                              "next_3": "Next 3 Pages",
-                                              "next_5": "Next 5 Pages",
-                                              "next_page": "Next Page",
-                                              "page": "",
-                                              "prev_3": "Previous 3 Pages",
-                                              "prev_5": "Previous 5 Pages",
-                                              "prev_page": "Previous Page",
-                                            }
-                                          }
-                                          pageSize={10}
-                                          pageSizeOptions={
-                                            Array [
-                                              "10",
-                                              "15",
-                                              "20",
-                                            ]
-                                          }
-                                          quickGo={null}
-                                          rootPrefixCls="ant-pagination"
-                                          selectComponentClass={
-                                            Object {
-                                              "$$typeof": Symbol(react.forward_ref),
-                                              "OptGroup": [Function],
-                                              "Option": [Function],
-                                              "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                              "render": [Function],
-                                            }
-                                          }
-                                          selectPrefixCls="ant-select"
-                                        />
-                                      </ul>
-                                    </Pagination>
-                                  </LocaleReceiver>
-                                </Pagination>
-                              </div>
-                            </div>
-                          </List>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </MediumList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Media>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/media/components/MediumList.js b/studio/src/pages/media/components/MediumList.js
deleted file mode 100644
index 1937967cf..000000000
--- a/studio/src/pages/media/components/MediumList.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react';
-import { Space, List, Card } from 'antd';
-import { Link } from 'react-router-dom';
-
-function MediumList({ data, filters, setFilters }) {
-  return (
-    <Space direction={'vertical'}>
-      <List
-        grid={{
-          gutter: [32, 22],
-          xs: 1,
-          sm: 2,
-          md: 3,
-          lg: 3,
-          xl: 4,
-          xxl: 5,
-        }}
-        pagination={{
-          showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-          total: data.total,
-          current: filters.page,
-          pageSize: filters.limit ? filters.limit : 10,
-          onChange: (pageNumber, pageSize) => {
-            setFilters({ ...filters, page: pageNumber || 1, limit: pageSize });
-          },
-          pageSizeOptions: ['10', '15', '20'],
-        }}
-        dataSource={data.media}
-        renderItem={(item) => (
-          <List.Item style={{ borderRadius: '8px', margin: 0 }}>
-            <Link to={{ pathname: `/media/${item.id}/edit` }}>
-              <Card
-                size="default"
-                key={item.url}
-                // title={item.name}
-                hoverable
-                bodyStyle={{ padding: 0 }}
-                cover={
-                  <img
-                    alt="ALT"
-                    src={
-                      `${
-                        item.url?.[window.REACT_APP_ENABLE_IMGPROXY ? 'proxy' : 'raw']
-                      }?gravity:sm/resize:fill:220:220` || ''
-                      // 'https://source.unsplash.com/random/?city,night'
-                    }
-                    style={{
-                      maxWidth: '100%',
-                      width: '100%',
-                      objectFit: 'cover',
-                      height: '250px',
-                      objectPosition: 'center center',
-                      borderRadius: '8px',
-                    }}
-                    title={item.name}
-                  />
-                }
-              />
-            </Link>
-          </List.Item>
-        )}
-      />
-    </Space>
-  );
-}
-
-export default MediumList;
diff --git a/studio/src/pages/media/components/MediumList.test.js b/studio/src/pages/media/components/MediumList.test.js
deleted file mode 100644
index db0bc203b..000000000
--- a/studio/src/pages/media/components/MediumList.test.js
+++ /dev/null
@@ -1,241 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-import { act } from 'react-dom/test-utils';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import '../../../matchMedia.mock';
-import MediumList from './MediumList';
-import * as actions from '../../../actions/media';
-import { mount } from 'enzyme';
-import { List } from 'antd';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/media', () => ({
-  getMedia: jest.fn(),
-  deleteMedium: jest.fn(),
-}));
-
-let mockedDispatch, store;
-const filters = {
-  page: 1,
-  limit: 20,
-};
-const setFilters = jest.fn();
-const fetchMedia = jest.fn();
-const info = {
-  media: [
-    {
-      id: 1,
-      created_at: '2020-09-23T09:21:29.245873Z',
-      updated_at: '2020-09-23T09:21:29.245873Z',
-      deleted_at: null,
-      name: 'uppy/english/2020/8/1600852886756_pnggrad16rgb.png',
-      slug: 'uppy-english-2020-8-1600852886756-pnggrad16rgb-png',
-      type: 'image/png',
-      title: 'png',
-      description: 'png',
-      caption: 'png',
-      alt_text: 'png',
-      file_size: 3974,
-      url: 'http://storage.googleapis.com/sample.png',
-      dimensions: '100x100',
-      space_id: 1,
-    },
-    {
-      id: 2,
-      created_at: '2020-09-23T09:21:29.245873Z',
-      updated_at: '2020-09-23T09:21:29.245873Z',
-      deleted_at: null,
-      name: 'uppy/english/2020/8/1600852886756_pnggrad16rgb.png',
-      slug: 'uppy-english-2020-8-1600852886756-pnggrad16rgb-png',
-      type: 'image/png',
-      title: 'png',
-      description: 'png',
-      caption: 'png',
-      alt_text: 'png',
-      file_size: 3974,
-      url: { proxy: 'http://storage.googleapis.com/sample.png' },
-      dimensions: '100x100',
-      space_id: 1,
-    },
-  ],
-  total: 2,
-  loading: false,
-};
-let state = {
-  media: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-23T09:21:29.245873Z',
-        updated_at: '2020-09-23T09:21:29.245873Z',
-        deleted_at: null,
-        name: 'uppy/english/2020/8/1600852886756_pnggrad16rgb.png',
-        slug: 'uppy-english-2020-8-1600852886756-pnggrad16rgb-png',
-        type: 'image/png',
-        title: 'png',
-        description: 'png',
-        caption: 'png',
-        alt_text: 'png',
-        file_size: 3974,
-        url: 'http://storage.googleapis.com/sample.png',
-        dimensions: '100x100',
-        space_id: 1,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-23T09:21:29.245873Z',
-        updated_at: '2020-09-23T09:21:29.245873Z',
-        deleted_at: null,
-        name: 'uppy/english/2020/8/1600852886756_pnggrad16rgb.png',
-        slug: 'uppy-english-2020-8-1600852886756-pnggrad16rgb-png',
-        type: 'image/png',
-        title: 'png',
-        description: 'png',
-        caption: 'png',
-        alt_text: 'png',
-        file_size: 3974,
-        url: { proxy: 'http://storage.googleapis.com/sample.png' },
-        dimensions: '100x100',
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-
-describe('Media List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <MediumList
-              actions={['update', 'delete']}
-              data={{ media: [], total: 0, loading: false }}
-              filters={filters}
-              setFilters={setFilters}
-              fetchMedia={fetchMedia}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.media.loading = true;
-      store = mockStore(state);
-      const info2 = { ...info };
-      info2.loading = true;
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <MediumList
-              actions={['update', 'delete']}
-              data={info2}
-              filters={filters}
-              setFilters={setFilters}
-              fetchMedia={fetchMedia}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with media', () => {
-      state.media.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <MediumList
-              actions={['update', 'delete']}
-              data={info}
-              filters={filters}
-              setFilters={setFilters}
-              fetchMedia={fetchMedia}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <MediumList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchMedia={fetchMedia}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const list = wrapper.find(List);
-      list.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedList = wrapper.find(List);
-      expect(updatedList.props().pagination.current).toEqual(1);
-    });
-    it('should edit medium', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <MediumList
-                actions={['update', 'delete']}
-                data={info}
-                filters={{ page: 1 }}
-                setFilters={setFilters}
-                fetchMedia={fetchMedia}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.prop('to').pathname).toEqual('/media/1/edit');
-    });
-  });
-});
diff --git a/studio/src/pages/media/components/MediumList.tsx b/studio/src/pages/media/components/MediumList.tsx
new file mode 100644
index 000000000..0a9e3152a
--- /dev/null
+++ b/studio/src/pages/media/components/MediumList.tsx
@@ -0,0 +1,114 @@
+import { Link } from "react-router-dom";
+import { Card, CardContent } from "@/components/ui/card";
+import { MoreHorizontal, Download, Trash2, Pencil } from "lucide-react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import EmptyState from "@/components/EmptyState";
+import { Button } from "@/components/ui/button";
+import { MediaListProps, MediaItem } from "../types";
+
+function MediumList({ data, actions = [], isMobile = false }: MediaListProps) {
+  // Function to handle download
+  const handleDownload = (item: MediaItem) => {
+    if (item.url?.raw) {
+      const link = document.createElement("a");
+      link.href = item.url.raw;
+      link.download = item.name;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    }
+  };
+
+  // Check if there are any media items to display
+  const hasMediaData = data.media && data.media.length > 0;
+
+  return (
+    <div className="flex flex-col space-y-6">
+      {hasMediaData ? (
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+          {data.media.map((item) => (
+            <div key={item.id} className="relative group">
+              <Card className="overflow-hidden hover:shadow-md transition-all border border-gray-200">
+                <CardContent className="p-0">
+                  <div className="relative w-full">
+                    <Link to={`/media/${item.id}/edit`} className={"block"}>
+                      {item.url && (
+                        <img
+                          src={item.url.proxy || item.url.raw}
+                          alt={item.name}
+                          className="w-full h-full object-cover"
+                          style={{
+                            width: isMobile ? "100%" : "468px",
+                            height: isMobile ? "100%" : "368px",
+                          }}
+                        />
+                      )}
+                    </Link>
+
+                    {/* Media actions dropdown (visible on hover) */}
+                    <div
+                      className={`absolute top-2 right-2 ${
+                        isMobile
+                          ? "opacity-100"
+                          : "opacity-0 group-hover:opacity-100"
+                      } transition-opacity`}
+                    >
+                      <DropdownMenu>
+                        <DropdownMenuTrigger asChild>
+                          <Button variant="outline" className="p-1 rounded-md">
+                            <MoreHorizontal className="h-5 w-5" />
+                          </Button>
+                        </DropdownMenuTrigger>
+                        <DropdownMenuContent align="end" className="w-40">
+                          <DropdownMenuItem asChild>
+                            <Link
+                              to={`/media/${item.id}/edit`}
+                              className="flex items-center w-full cursor-pointer"
+                            >
+                              <Pencil className="h-4 w-4 mr-2" />
+
+                              <span>Edit</span>
+                            </Link>
+                          </DropdownMenuItem>
+                          <DropdownMenuSeparator />
+                          <DropdownMenuItem
+                            className="flex items-center cursor-pointer"
+                            onClick={() => handleDownload(item)}
+                          >
+                            <Download className="h-4 w-4 mr-2" />
+                            <span>Download</span>
+                          </DropdownMenuItem>
+                          {actions.includes("admin") && (
+                            <DropdownMenuItem className="flex items-center text-red-500 cursor-pointer">
+                              <Trash2 className="h-4 w-4 mr-2" />
+                              <span>Delete</span>
+                            </DropdownMenuItem>
+                          )}
+                        </DropdownMenuContent>
+                      </DropdownMenu>
+                    </div>
+                  </div>
+                </CardContent>
+              </Card>
+            </div>
+          ))}
+        </div>
+      ) : (
+        <EmptyState
+          contentType="media"
+          title="No media items found"
+          description="Your media library is empty"
+          isMobile={isMobile}
+        />
+      )}
+    </div>
+  );
+}
+
+export default MediumList;
diff --git a/studio/src/pages/media/components/__snapshots__/MediumList.test.js.snap b/studio/src/pages/media/components/__snapshots__/MediumList.test.js.snap
deleted file mode 100644
index 6b4837a5c..000000000
--- a/studio/src/pages/media/components/__snapshots__/MediumList.test.js.snap
+++ /dev/null
@@ -1,2330 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Media List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <MediumList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "loading": true,
-            "media": Array [
-              Object {
-                "alt_text": "png",
-                "caption": "png",
-                "created_at": "2020-09-23T09:21:29.245873Z",
-                "deleted_at": null,
-                "description": "png",
-                "dimensions": "100x100",
-                "file_size": 3974,
-                "id": 1,
-                "name": "uppy/english/2020/8/1600852886756_pnggrad16rgb.png",
-                "slug": "uppy-english-2020-8-1600852886756-pnggrad16rgb-png",
-                "space_id": 1,
-                "title": "png",
-                "type": "image/png",
-                "updated_at": "2020-09-23T09:21:29.245873Z",
-                "url": "http://storage.googleapis.com/sample.png",
-              },
-              Object {
-                "alt_text": "png",
-                "caption": "png",
-                "created_at": "2020-09-23T09:21:29.245873Z",
-                "deleted_at": null,
-                "description": "png",
-                "dimensions": "100x100",
-                "file_size": 3974,
-                "id": 2,
-                "name": "uppy/english/2020/8/1600852886756_pnggrad16rgb.png",
-                "slug": "uppy-english-2020-8-1600852886756-pnggrad16rgb-png",
-                "space_id": 1,
-                "title": "png",
-                "type": "image/png",
-                "updated_at": "2020-09-23T09:21:29.245873Z",
-                "url": Object {
-                  "proxy": "http://storage.googleapis.com/sample.png",
-                },
-              },
-            ],
-            "total": 2,
-          }
-        }
-        fetchMedia={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <List
-                  dataSource={
-                    Array [
-                      Object {
-                        "alt_text": "png",
-                        "caption": "png",
-                        "created_at": "2020-09-23T09:21:29.245873Z",
-                        "deleted_at": null,
-                        "description": "png",
-                        "dimensions": "100x100",
-                        "file_size": 3974,
-                        "id": 1,
-                        "name": "uppy/english/2020/8/1600852886756_pnggrad16rgb.png",
-                        "slug": "uppy-english-2020-8-1600852886756-pnggrad16rgb-png",
-                        "space_id": 1,
-                        "title": "png",
-                        "type": "image/png",
-                        "updated_at": "2020-09-23T09:21:29.245873Z",
-                        "url": "http://storage.googleapis.com/sample.png",
-                      },
-                      Object {
-                        "alt_text": "png",
-                        "caption": "png",
-                        "created_at": "2020-09-23T09:21:29.245873Z",
-                        "deleted_at": null,
-                        "description": "png",
-                        "dimensions": "100x100",
-                        "file_size": 3974,
-                        "id": 2,
-                        "name": "uppy/english/2020/8/1600852886756_pnggrad16rgb.png",
-                        "slug": "uppy-english-2020-8-1600852886756-pnggrad16rgb-png",
-                        "space_id": 1,
-                        "title": "png",
-                        "type": "image/png",
-                        "updated_at": "2020-09-23T09:21:29.245873Z",
-                        "url": Object {
-                          "proxy": "http://storage.googleapis.com/sample.png",
-                        },
-                      },
-                    ]
-                  }
-                  grid={
-                    Object {
-                      "gutter": 16,
-                      "lg": 3,
-                      "md": 3,
-                      "sm": 2,
-                      "xl": 4,
-                      "xs": 1,
-                      "xxl": 5,
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  renderItem={[Function]}
-                >
-                  <div
-                    className="ant-list ant-list-split ant-list-grid ant-list-something-after-last-item"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Row
-                            gutter={16}
-                          >
-                            <div
-                              className="ant-row"
-                              style={
-                                Object {
-                                  "marginLeft": -8,
-                                  "marginRight": -8,
-                                }
-                              }
-                            >
-                              <div
-                                key="list-item-0/.0"
-                              >
-                                <Item>
-                                  <Col
-                                    flex={1}
-                                  >
-                                    <div
-                                      className="ant-col"
-                                      style={
-                                        Object {
-                                          "flex": "1 1 auto",
-                                          "paddingLeft": 8,
-                                          "paddingRight": 8,
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        className="ant-list-item"
-                                      >
-                                        <Link
-                                          style={
-                                            Object {
-                                              "marginRight": 8,
-                                            }
-                                          }
-                                          to={
-                                            Object {
-                                              "pathname": "/media/1/edit",
-                                            }
-                                          }
-                                        >
-                                          <LinkAnchor
-                                            href="/media/1/edit"
-                                            navigate={[Function]}
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                          >
-                                            <a
-                                              href="/media/1/edit"
-                                              onClick={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                bodyStyle={
-                                                  Object {
-                                                    "padding": 0,
-                                                  }
-                                                }
-                                                cover={
-                                                  <img
-                                                    alt="ALT"
-                                                    src=""
-                                                    style={
-                                                      Object {
-                                                        "height": "220px",
-                                                        "maxWidth": "100%",
-                                                        "objectFit": "cover",
-                                                        "objectPosition": "center center",
-                                                        "width": "100%",
-                                                      }
-                                                    }
-                                                    title="uppy/english/2020/8/1600852886756_pnggrad16rgb.png"
-                                                  />
-                                                }
-                                                hoverable={true}
-                                                key="http://storage.googleapis.com/sample.png"
-                                                size="default"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-default"
-                                                >
-                                                  <div
-                                                    className="ant-card-cover"
-                                                  >
-                                                    <img
-                                                      alt="ALT"
-                                                      src=""
-                                                      style={
-                                                        Object {
-                                                          "height": "220px",
-                                                          "maxWidth": "100%",
-                                                          "objectFit": "cover",
-                                                          "objectPosition": "center center",
-                                                          "width": "100%",
-                                                        }
-                                                      }
-                                                      title="uppy/english/2020/8/1600852886756_pnggrad16rgb.png"
-                                                    />
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={
-                                                      Object {
-                                                        "padding": 0,
-                                                      }
-                                                    }
-                                                  />
-                                                </div>
-                                              </Card>
-                                            </a>
-                                          </LinkAnchor>
-                                        </Link>
-                                      </div>
-                                    </div>
-                                  </Col>
-                                </Item>
-                              </div>
-                              <div
-                                key="list-item-1/.1"
-                              >
-                                <Item>
-                                  <Col
-                                    flex={1}
-                                  >
-                                    <div
-                                      className="ant-col"
-                                      style={
-                                        Object {
-                                          "flex": "1 1 auto",
-                                          "paddingLeft": 8,
-                                          "paddingRight": 8,
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        className="ant-list-item"
-                                      >
-                                        <Link
-                                          style={
-                                            Object {
-                                              "marginRight": 8,
-                                            }
-                                          }
-                                          to={
-                                            Object {
-                                              "pathname": "/media/2/edit",
-                                            }
-                                          }
-                                        >
-                                          <LinkAnchor
-                                            href="/media/2/edit"
-                                            navigate={[Function]}
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                          >
-                                            <a
-                                              href="/media/2/edit"
-                                              onClick={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                bodyStyle={
-                                                  Object {
-                                                    "padding": 0,
-                                                  }
-                                                }
-                                                cover={
-                                                  <img
-                                                    alt="ALT"
-                                                    src="http://storage.googleapis.com/sample.png?gravity:sm/resize:fill:220:220"
-                                                    style={
-                                                      Object {
-                                                        "height": "220px",
-                                                        "maxWidth": "100%",
-                                                        "objectFit": "cover",
-                                                        "objectPosition": "center center",
-                                                        "width": "100%",
-                                                      }
-                                                    }
-                                                    title="uppy/english/2020/8/1600852886756_pnggrad16rgb.png"
-                                                  />
-                                                }
-                                                hoverable={true}
-                                                key="[object Object]"
-                                                size="default"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-default"
-                                                >
-                                                  <div
-                                                    className="ant-card-cover"
-                                                  >
-                                                    <img
-                                                      alt="ALT"
-                                                      src="http://storage.googleapis.com/sample.png?gravity:sm/resize:fill:220:220"
-                                                      style={
-                                                        Object {
-                                                          "height": "220px",
-                                                          "maxWidth": "100%",
-                                                          "objectFit": "cover",
-                                                          "objectPosition": "center center",
-                                                          "width": "100%",
-                                                        }
-                                                      }
-                                                      title="uppy/english/2020/8/1600852886756_pnggrad16rgb.png"
-                                                    />
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={
-                                                      Object {
-                                                        "padding": 0,
-                                                      }
-                                                    }
-                                                  />
-                                                </div>
-                                              </Card>
-                                            </a>
-                                          </LinkAnchor>
-                                        </Link>
-                                      </div>
-                                    </div>
-                                  </Col>
-                                </Item>
-                              </div>
-                            </div>
-                          </Row>
-                        </div>
-                      </div>
-                    </Spin>
-                    <div
-                      className="ant-list-pagination"
-                    >
-                      <Pagination
-                        current={1}
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        showTotal={[Function]}
-                        total={2}
-                      >
-                        <LocaleReceiver
-                          componentName="Pagination"
-                          defaultLocale={
-                            Object {
-                              "items_per_page": "/ page",
-                              "jump_to": "Go to",
-                              "jump_to_confirm": "confirm",
-                              "next_3": "Next 3 Pages",
-                              "next_5": "Next 5 Pages",
-                              "next_page": "Next Page",
-                              "page": "",
-                              "prev_3": "Previous 3 Pages",
-                              "prev_5": "Previous 5 Pages",
-                              "prev_page": "Previous Page",
-                            }
-                          }
-                        >
-                          <Pagination
-                            className=""
-                            current={1}
-                            defaultCurrent={1}
-                            defaultPageSize={10}
-                            hideOnSinglePage={false}
-                            itemRender={[Function]}
-                            jumpNextIcon={
-                              <a
-                                className="ant-pagination-item-link"
-                              >
-                                <div
-                                  className="ant-pagination-item-container"
-                                >
-                                  <ForwardRef(DoubleRightOutlined)
-                                    className="ant-pagination-item-link-icon"
-                                  />
-                                  <span
-                                    className="ant-pagination-item-ellipsis"
-                                  >
-                                    •••
-                                  </span>
-                                </div>
-                              </a>
-                            }
-                            jumpPrevIcon={
-                              <a
-                                className="ant-pagination-item-link"
-                              >
-                                <div
-                                  className="ant-pagination-item-container"
-                                >
-                                  <ForwardRef(DoubleLeftOutlined)
-                                    className="ant-pagination-item-link-icon"
-                                  />
-                                  <span
-                                    className="ant-pagination-item-ellipsis"
-                                  >
-                                    •••
-                                  </span>
-                                </div>
-                              </a>
-                            }
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            nextIcon={
-                              <button
-                                className="ant-pagination-item-link"
-                                tabIndex={-1}
-                                type="button"
-                              >
-                                <ForwardRef(RightOutlined) />
-                              </button>
-                            }
-                            onChange={[Function]}
-                            onShowSizeChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            prefixCls="ant-pagination"
-                            prevIcon={
-                              <button
-                                className="ant-pagination-item-link"
-                                tabIndex={-1}
-                                type="button"
-                              >
-                                <ForwardRef(LeftOutlined) />
-                              </button>
-                            }
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                            showLessItems={false}
-                            showPrevNextJumpers={true}
-                            showQuickJumper={false}
-                            showTitle={true}
-                            showTotal={[Function]}
-                            style={Object {}}
-                            total={2}
-                            totalBoundaryShowSizeChanger={50}
-                          >
-                            <ul
-                              className="ant-pagination"
-                              style={Object {}}
-                              unselectable="unselectable"
-                            >
-                              <li
-                                className="ant-pagination-total-text"
-                              >
-                                1-2 of 2 results
-                              </li>
-                              <li
-                                aria-disabled={true}
-                                className="ant-pagination-prev ant-pagination-disabled"
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                tabIndex={null}
-                                title="Previous Page"
-                              >
-                                <button
-                                  className="ant-pagination-item-link"
-                                  disabled={true}
-                                  tabIndex={-1}
-                                  type="button"
-                                >
-                                  <ForwardRef(LeftOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="left"
-                                        className="anticon anticon-left"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="left"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-left"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                              key="svg-left-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(LeftOutlined)>
-                                </button>
-                              </li>
-                              <Pager
-                                active={true}
-                                itemRender={[Function]}
-                                key="1"
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                page={1}
-                                rootPrefixCls="ant-pagination"
-                                showTitle={true}
-                              >
-                                <li
-                                  className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                  onClick={[Function]}
-                                  onKeyPress={[Function]}
-                                  tabIndex="0"
-                                  title={1}
-                                >
-                                  <a
-                                    rel="nofollow"
-                                  >
-                                    1
-                                  </a>
-                                </li>
-                              </Pager>
-                              <li
-                                aria-disabled={true}
-                                className="ant-pagination-next ant-pagination-disabled"
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                tabIndex={null}
-                                title="Next Page"
-                              >
-                                <button
-                                  className="ant-pagination-item-link"
-                                  disabled={true}
-                                  tabIndex={-1}
-                                  type="button"
-                                >
-                                  <ForwardRef(RightOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="right"
-                                        className="anticon anticon-right"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="right"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-right"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                              key="svg-right-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(RightOutlined)>
-                                </button>
-                              </li>
-                              <Options
-                                changeSize={null}
-                                current={1}
-                                goButton={false}
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                quickGo={null}
-                                rootPrefixCls="ant-pagination"
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                              />
-                            </ul>
-                          </Pagination>
-                        </LocaleReceiver>
-                      </Pagination>
-                    </div>
-                  </div>
-                </List>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </MediumList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Media List component snapshot testing should match component with media 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <MediumList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "loading": false,
-            "media": Array [
-              Object {
-                "alt_text": "png",
-                "caption": "png",
-                "created_at": "2020-09-23T09:21:29.245873Z",
-                "deleted_at": null,
-                "description": "png",
-                "dimensions": "100x100",
-                "file_size": 3974,
-                "id": 1,
-                "name": "uppy/english/2020/8/1600852886756_pnggrad16rgb.png",
-                "slug": "uppy-english-2020-8-1600852886756-pnggrad16rgb-png",
-                "space_id": 1,
-                "title": "png",
-                "type": "image/png",
-                "updated_at": "2020-09-23T09:21:29.245873Z",
-                "url": "http://storage.googleapis.com/sample.png",
-              },
-              Object {
-                "alt_text": "png",
-                "caption": "png",
-                "created_at": "2020-09-23T09:21:29.245873Z",
-                "deleted_at": null,
-                "description": "png",
-                "dimensions": "100x100",
-                "file_size": 3974,
-                "id": 2,
-                "name": "uppy/english/2020/8/1600852886756_pnggrad16rgb.png",
-                "slug": "uppy-english-2020-8-1600852886756-pnggrad16rgb-png",
-                "space_id": 1,
-                "title": "png",
-                "type": "image/png",
-                "updated_at": "2020-09-23T09:21:29.245873Z",
-                "url": Object {
-                  "proxy": "http://storage.googleapis.com/sample.png",
-                },
-              },
-            ],
-            "total": 2,
-          }
-        }
-        fetchMedia={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <List
-                  dataSource={
-                    Array [
-                      Object {
-                        "alt_text": "png",
-                        "caption": "png",
-                        "created_at": "2020-09-23T09:21:29.245873Z",
-                        "deleted_at": null,
-                        "description": "png",
-                        "dimensions": "100x100",
-                        "file_size": 3974,
-                        "id": 1,
-                        "name": "uppy/english/2020/8/1600852886756_pnggrad16rgb.png",
-                        "slug": "uppy-english-2020-8-1600852886756-pnggrad16rgb-png",
-                        "space_id": 1,
-                        "title": "png",
-                        "type": "image/png",
-                        "updated_at": "2020-09-23T09:21:29.245873Z",
-                        "url": "http://storage.googleapis.com/sample.png",
-                      },
-                      Object {
-                        "alt_text": "png",
-                        "caption": "png",
-                        "created_at": "2020-09-23T09:21:29.245873Z",
-                        "deleted_at": null,
-                        "description": "png",
-                        "dimensions": "100x100",
-                        "file_size": 3974,
-                        "id": 2,
-                        "name": "uppy/english/2020/8/1600852886756_pnggrad16rgb.png",
-                        "slug": "uppy-english-2020-8-1600852886756-pnggrad16rgb-png",
-                        "space_id": 1,
-                        "title": "png",
-                        "type": "image/png",
-                        "updated_at": "2020-09-23T09:21:29.245873Z",
-                        "url": Object {
-                          "proxy": "http://storage.googleapis.com/sample.png",
-                        },
-                      },
-                    ]
-                  }
-                  grid={
-                    Object {
-                      "gutter": 16,
-                      "lg": 3,
-                      "md": 3,
-                      "sm": 2,
-                      "xl": 4,
-                      "xs": 1,
-                      "xxl": 5,
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  renderItem={[Function]}
-                >
-                  <div
-                    className="ant-list ant-list-split ant-list-grid ant-list-something-after-last-item"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Row
-                            gutter={16}
-                          >
-                            <div
-                              className="ant-row"
-                              style={
-                                Object {
-                                  "marginLeft": -8,
-                                  "marginRight": -8,
-                                }
-                              }
-                            >
-                              <div
-                                key="list-item-0/.0"
-                              >
-                                <Item>
-                                  <Col
-                                    flex={1}
-                                  >
-                                    <div
-                                      className="ant-col"
-                                      style={
-                                        Object {
-                                          "flex": "1 1 auto",
-                                          "paddingLeft": 8,
-                                          "paddingRight": 8,
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        className="ant-list-item"
-                                      >
-                                        <Link
-                                          style={
-                                            Object {
-                                              "marginRight": 8,
-                                            }
-                                          }
-                                          to={
-                                            Object {
-                                              "pathname": "/media/1/edit",
-                                            }
-                                          }
-                                        >
-                                          <LinkAnchor
-                                            href="/media/1/edit"
-                                            navigate={[Function]}
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                          >
-                                            <a
-                                              href="/media/1/edit"
-                                              onClick={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                bodyStyle={
-                                                  Object {
-                                                    "padding": 0,
-                                                  }
-                                                }
-                                                cover={
-                                                  <img
-                                                    alt="ALT"
-                                                    src=""
-                                                    style={
-                                                      Object {
-                                                        "height": "220px",
-                                                        "maxWidth": "100%",
-                                                        "objectFit": "cover",
-                                                        "objectPosition": "center center",
-                                                        "width": "100%",
-                                                      }
-                                                    }
-                                                    title="uppy/english/2020/8/1600852886756_pnggrad16rgb.png"
-                                                  />
-                                                }
-                                                hoverable={true}
-                                                key="http://storage.googleapis.com/sample.png"
-                                                size="default"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-default"
-                                                >
-                                                  <div
-                                                    className="ant-card-cover"
-                                                  >
-                                                    <img
-                                                      alt="ALT"
-                                                      src=""
-                                                      style={
-                                                        Object {
-                                                          "height": "220px",
-                                                          "maxWidth": "100%",
-                                                          "objectFit": "cover",
-                                                          "objectPosition": "center center",
-                                                          "width": "100%",
-                                                        }
-                                                      }
-                                                      title="uppy/english/2020/8/1600852886756_pnggrad16rgb.png"
-                                                    />
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={
-                                                      Object {
-                                                        "padding": 0,
-                                                      }
-                                                    }
-                                                  />
-                                                </div>
-                                              </Card>
-                                            </a>
-                                          </LinkAnchor>
-                                        </Link>
-                                      </div>
-                                    </div>
-                                  </Col>
-                                </Item>
-                              </div>
-                              <div
-                                key="list-item-1/.1"
-                              >
-                                <Item>
-                                  <Col
-                                    flex={1}
-                                  >
-                                    <div
-                                      className="ant-col"
-                                      style={
-                                        Object {
-                                          "flex": "1 1 auto",
-                                          "paddingLeft": 8,
-                                          "paddingRight": 8,
-                                        }
-                                      }
-                                    >
-                                      <div
-                                        className="ant-list-item"
-                                      >
-                                        <Link
-                                          style={
-                                            Object {
-                                              "marginRight": 8,
-                                            }
-                                          }
-                                          to={
-                                            Object {
-                                              "pathname": "/media/2/edit",
-                                            }
-                                          }
-                                        >
-                                          <LinkAnchor
-                                            href="/media/2/edit"
-                                            navigate={[Function]}
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                          >
-                                            <a
-                                              href="/media/2/edit"
-                                              onClick={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <Card
-                                                bodyStyle={
-                                                  Object {
-                                                    "padding": 0,
-                                                  }
-                                                }
-                                                cover={
-                                                  <img
-                                                    alt="ALT"
-                                                    src="http://storage.googleapis.com/sample.png?gravity:sm/resize:fill:220:220"
-                                                    style={
-                                                      Object {
-                                                        "height": "220px",
-                                                        "maxWidth": "100%",
-                                                        "objectFit": "cover",
-                                                        "objectPosition": "center center",
-                                                        "width": "100%",
-                                                      }
-                                                    }
-                                                    title="uppy/english/2020/8/1600852886756_pnggrad16rgb.png"
-                                                  />
-                                                }
-                                                hoverable={true}
-                                                key="[object Object]"
-                                                size="default"
-                                              >
-                                                <div
-                                                  className="ant-card ant-card-bordered ant-card-hoverable ant-card-default"
-                                                >
-                                                  <div
-                                                    className="ant-card-cover"
-                                                  >
-                                                    <img
-                                                      alt="ALT"
-                                                      src="http://storage.googleapis.com/sample.png?gravity:sm/resize:fill:220:220"
-                                                      style={
-                                                        Object {
-                                                          "height": "220px",
-                                                          "maxWidth": "100%",
-                                                          "objectFit": "cover",
-                                                          "objectPosition": "center center",
-                                                          "width": "100%",
-                                                        }
-                                                      }
-                                                      title="uppy/english/2020/8/1600852886756_pnggrad16rgb.png"
-                                                    />
-                                                  </div>
-                                                  <div
-                                                    className="ant-card-body"
-                                                    style={
-                                                      Object {
-                                                        "padding": 0,
-                                                      }
-                                                    }
-                                                  />
-                                                </div>
-                                              </Card>
-                                            </a>
-                                          </LinkAnchor>
-                                        </Link>
-                                      </div>
-                                    </div>
-                                  </Col>
-                                </Item>
-                              </div>
-                            </div>
-                          </Row>
-                        </div>
-                      </div>
-                    </Spin>
-                    <div
-                      className="ant-list-pagination"
-                    >
-                      <Pagination
-                        current={1}
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        showTotal={[Function]}
-                        total={2}
-                      >
-                        <LocaleReceiver
-                          componentName="Pagination"
-                          defaultLocale={
-                            Object {
-                              "items_per_page": "/ page",
-                              "jump_to": "Go to",
-                              "jump_to_confirm": "confirm",
-                              "next_3": "Next 3 Pages",
-                              "next_5": "Next 5 Pages",
-                              "next_page": "Next Page",
-                              "page": "",
-                              "prev_3": "Previous 3 Pages",
-                              "prev_5": "Previous 5 Pages",
-                              "prev_page": "Previous Page",
-                            }
-                          }
-                        >
-                          <Pagination
-                            className=""
-                            current={1}
-                            defaultCurrent={1}
-                            defaultPageSize={10}
-                            hideOnSinglePage={false}
-                            itemRender={[Function]}
-                            jumpNextIcon={
-                              <a
-                                className="ant-pagination-item-link"
-                              >
-                                <div
-                                  className="ant-pagination-item-container"
-                                >
-                                  <ForwardRef(DoubleRightOutlined)
-                                    className="ant-pagination-item-link-icon"
-                                  />
-                                  <span
-                                    className="ant-pagination-item-ellipsis"
-                                  >
-                                    •••
-                                  </span>
-                                </div>
-                              </a>
-                            }
-                            jumpPrevIcon={
-                              <a
-                                className="ant-pagination-item-link"
-                              >
-                                <div
-                                  className="ant-pagination-item-container"
-                                >
-                                  <ForwardRef(DoubleLeftOutlined)
-                                    className="ant-pagination-item-link-icon"
-                                  />
-                                  <span
-                                    className="ant-pagination-item-ellipsis"
-                                  >
-                                    •••
-                                  </span>
-                                </div>
-                              </a>
-                            }
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            nextIcon={
-                              <button
-                                className="ant-pagination-item-link"
-                                tabIndex={-1}
-                                type="button"
-                              >
-                                <ForwardRef(RightOutlined) />
-                              </button>
-                            }
-                            onChange={[Function]}
-                            onShowSizeChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            prefixCls="ant-pagination"
-                            prevIcon={
-                              <button
-                                className="ant-pagination-item-link"
-                                tabIndex={-1}
-                                type="button"
-                              >
-                                <ForwardRef(LeftOutlined) />
-                              </button>
-                            }
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                            showLessItems={false}
-                            showPrevNextJumpers={true}
-                            showQuickJumper={false}
-                            showTitle={true}
-                            showTotal={[Function]}
-                            style={Object {}}
-                            total={2}
-                            totalBoundaryShowSizeChanger={50}
-                          >
-                            <ul
-                              className="ant-pagination"
-                              style={Object {}}
-                              unselectable="unselectable"
-                            >
-                              <li
-                                className="ant-pagination-total-text"
-                              >
-                                1-2 of 2 results
-                              </li>
-                              <li
-                                aria-disabled={true}
-                                className="ant-pagination-prev ant-pagination-disabled"
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                tabIndex={null}
-                                title="Previous Page"
-                              >
-                                <button
-                                  className="ant-pagination-item-link"
-                                  disabled={true}
-                                  tabIndex={-1}
-                                  type="button"
-                                >
-                                  <ForwardRef(LeftOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="left"
-                                        className="anticon anticon-left"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="left"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-left"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                              key="svg-left-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(LeftOutlined)>
-                                </button>
-                              </li>
-                              <Pager
-                                active={true}
-                                itemRender={[Function]}
-                                key="1"
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                page={1}
-                                rootPrefixCls="ant-pagination"
-                                showTitle={true}
-                              >
-                                <li
-                                  className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                  onClick={[Function]}
-                                  onKeyPress={[Function]}
-                                  tabIndex="0"
-                                  title={1}
-                                >
-                                  <a
-                                    rel="nofollow"
-                                  >
-                                    1
-                                  </a>
-                                </li>
-                              </Pager>
-                              <li
-                                aria-disabled={true}
-                                className="ant-pagination-next ant-pagination-disabled"
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                tabIndex={null}
-                                title="Next Page"
-                              >
-                                <button
-                                  className="ant-pagination-item-link"
-                                  disabled={true}
-                                  tabIndex={-1}
-                                  type="button"
-                                >
-                                  <ForwardRef(RightOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="right"
-                                        className="anticon anticon-right"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="right"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-right"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                              key="svg-right-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(RightOutlined)>
-                                </button>
-                              </li>
-                              <Options
-                                changeSize={null}
-                                current={1}
-                                goButton={false}
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                quickGo={null}
-                                rootPrefixCls="ant-pagination"
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                              />
-                            </ul>
-                          </Pagination>
-                        </LocaleReceiver>
-                      </Pagination>
-                    </div>
-                  </div>
-                </List>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </MediumList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Media List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <MediumList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "loading": false,
-            "media": Array [],
-            "total": 0,
-          }
-        }
-        fetchMedia={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <List
-                  dataSource={Array []}
-                  grid={
-                    Object {
-                      "gutter": 16,
-                      "lg": 3,
-                      "md": 3,
-                      "sm": 2,
-                      "xl": 4,
-                      "xs": 1,
-                      "xxl": 5,
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 0,
-                    }
-                  }
-                  renderItem={[Function]}
-                >
-                  <div
-                    className="ant-list ant-list-split ant-list-grid ant-list-something-after-last-item"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <div
-                            className="ant-list-empty-text"
-                          >
-                            <Empty
-                              image={<Simple />}
-                            >
-                              <LocaleReceiver
-                                componentName="Empty"
-                              >
-                                <div
-                                  className="ant-empty ant-empty-normal"
-                                >
-                                  <div
-                                    className="ant-empty-image"
-                                  >
-                                    <Simple>
-                                      <svg
-                                        className="ant-empty-img-simple"
-                                        height="41"
-                                        viewBox="0 0 64 41"
-                                        width="64"
-                                        xmlns="http://www.w3.org/2000/svg"
-                                      >
-                                        <g
-                                          fill="none"
-                                          fillRule="evenodd"
-                                          transform="translate(0 1)"
-                                        >
-                                          <ellipse
-                                            className="ant-empty-img-simple-ellipse"
-                                            cx="32"
-                                            cy="33"
-                                            rx="32"
-                                            ry="7"
-                                          />
-                                          <g
-                                            className="ant-empty-img-simple-g"
-                                            fillRule="nonzero"
-                                          >
-                                            <path
-                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                            />
-                                            <path
-                                              className="ant-empty-img-simple-path"
-                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                            />
-                                          </g>
-                                        </g>
-                                      </svg>
-                                    </Simple>
-                                  </div>
-                                  <div
-                                    className="ant-empty-description"
-                                  >
-                                    No Data
-                                  </div>
-                                </div>
-                              </LocaleReceiver>
-                            </Empty>
-                          </div>
-                        </div>
-                      </div>
-                    </Spin>
-                    <div
-                      className="ant-list-pagination"
-                    >
-                      <Pagination
-                        current={0}
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        showTotal={[Function]}
-                        total={0}
-                      >
-                        <LocaleReceiver
-                          componentName="Pagination"
-                          defaultLocale={
-                            Object {
-                              "items_per_page": "/ page",
-                              "jump_to": "Go to",
-                              "jump_to_confirm": "confirm",
-                              "next_3": "Next 3 Pages",
-                              "next_5": "Next 5 Pages",
-                              "next_page": "Next Page",
-                              "page": "",
-                              "prev_3": "Previous 3 Pages",
-                              "prev_5": "Previous 5 Pages",
-                              "prev_page": "Previous Page",
-                            }
-                          }
-                        >
-                          <Pagination
-                            className=""
-                            current={0}
-                            defaultCurrent={1}
-                            defaultPageSize={10}
-                            hideOnSinglePage={false}
-                            itemRender={[Function]}
-                            jumpNextIcon={
-                              <a
-                                className="ant-pagination-item-link"
-                              >
-                                <div
-                                  className="ant-pagination-item-container"
-                                >
-                                  <ForwardRef(DoubleRightOutlined)
-                                    className="ant-pagination-item-link-icon"
-                                  />
-                                  <span
-                                    className="ant-pagination-item-ellipsis"
-                                  >
-                                    •••
-                                  </span>
-                                </div>
-                              </a>
-                            }
-                            jumpPrevIcon={
-                              <a
-                                className="ant-pagination-item-link"
-                              >
-                                <div
-                                  className="ant-pagination-item-container"
-                                >
-                                  <ForwardRef(DoubleLeftOutlined)
-                                    className="ant-pagination-item-link-icon"
-                                  />
-                                  <span
-                                    className="ant-pagination-item-ellipsis"
-                                  >
-                                    •••
-                                  </span>
-                                </div>
-                              </a>
-                            }
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            nextIcon={
-                              <button
-                                className="ant-pagination-item-link"
-                                tabIndex={-1}
-                                type="button"
-                              >
-                                <ForwardRef(RightOutlined) />
-                              </button>
-                            }
-                            onChange={[Function]}
-                            onShowSizeChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            prefixCls="ant-pagination"
-                            prevIcon={
-                              <button
-                                className="ant-pagination-item-link"
-                                tabIndex={-1}
-                                type="button"
-                              >
-                                <ForwardRef(LeftOutlined) />
-                              </button>
-                            }
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                            showLessItems={false}
-                            showPrevNextJumpers={true}
-                            showQuickJumper={false}
-                            showTitle={true}
-                            showTotal={[Function]}
-                            style={Object {}}
-                            total={0}
-                            totalBoundaryShowSizeChanger={50}
-                          >
-                            <ul
-                              className="ant-pagination"
-                              style={Object {}}
-                              unselectable="unselectable"
-                            >
-                              <li
-                                className="ant-pagination-total-text"
-                              >
-                                0-0 of 0 results
-                              </li>
-                              <li
-                                aria-disabled={true}
-                                className="ant-pagination-prev ant-pagination-disabled"
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                tabIndex={null}
-                                title="Previous Page"
-                              >
-                                <button
-                                  className="ant-pagination-item-link"
-                                  disabled={true}
-                                  tabIndex={-1}
-                                  type="button"
-                                >
-                                  <ForwardRef(LeftOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="left"
-                                        className="anticon anticon-left"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="left"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-left"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                              key="svg-left-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(LeftOutlined)>
-                                </button>
-                              </li>
-                              <Pager
-                                className="ant-pagination-disabled"
-                                itemRender={[Function]}
-                                key="noPager"
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                page={0}
-                                rootPrefixCls="ant-pagination"
-                                showTitle={true}
-                              >
-                                <li
-                                  className="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
-                                  onClick={[Function]}
-                                  onKeyPress={[Function]}
-                                  tabIndex="0"
-                                  title={0}
-                                >
-                                  <a
-                                    rel="nofollow"
-                                  >
-                                    0
-                                  </a>
-                                </li>
-                              </Pager>
-                              <li
-                                aria-disabled={true}
-                                className="ant-pagination-next ant-pagination-disabled"
-                                onClick={[Function]}
-                                onKeyPress={[Function]}
-                                tabIndex={null}
-                                title="Next Page"
-                              >
-                                <button
-                                  className="ant-pagination-item-link"
-                                  disabled={true}
-                                  tabIndex={-1}
-                                  type="button"
-                                >
-                                  <ForwardRef(RightOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="right"
-                                        className="anticon anticon-right"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="right"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-right"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                              key="svg-right-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(RightOutlined)>
-                                </button>
-                              </li>
-                              <Options
-                                changeSize={null}
-                                current={0}
-                                goButton={false}
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                quickGo={null}
-                                rootPrefixCls="ant-pagination"
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                              />
-                            </ul>
-                          </Pagination>
-                        </LocaleReceiver>
-                      </Pagination>
-                    </div>
-                  </div>
-                </List>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </MediumList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/media/hooks/useMediaData.tsx b/studio/src/pages/media/hooks/useMediaData.tsx
new file mode 100644
index 000000000..4b3899329
--- /dev/null
+++ b/studio/src/pages/media/hooks/useMediaData.tsx
@@ -0,0 +1,30 @@
+
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import { MediaFilters, MediaListData } from "../types";
+
+export const useMediaData = (filters: MediaFilters): MediaListData => {
+  const { media, total, loading } = useSelector((state: any) => {
+    const node = state.media.req.find((item: any) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node) {
+      return {
+        media: node.data
+          .map((id: string) => state.media.details[id])
+          .filter(Boolean),
+        total: node.total,
+        loading: state.media.loading,
+      };
+    }
+    return { media: [], total: 0, loading: state.media.loading };
+  });
+
+  return {
+    media,
+    total,
+    loading,
+  };
+};
diff --git a/studio/src/pages/media/index.js b/studio/src/pages/media/index.js
deleted file mode 100644
index f0f896dd9..000000000
--- a/studio/src/pages/media/index.js
+++ /dev/null
@@ -1,198 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect } from 'react';
-import {
-  Space,
-  Button,
-  Row,
-  Col,
-  Form,
-  Input,
-  Select,
-  ConfigProvider,
-  Typography,
-  Tooltip,
-} from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { useDispatch, useSelector } from 'react-redux';
-import MediumList from './components/MediumList';
-import { getMedia } from '../../actions/media';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import deepEqual from 'deep-equal';
-import getUrlParams from '../../utils/getUrlParams';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-import Filters from '../../utils/filters';
-
-function Media({ permission }) {
-  const { actions } = permission;
-  const dispatch = useDispatch();
-  const history = useNavigate();
-  const query = new URLSearchParams(useLocation().search);
-  const params = getUrlParams(query);
-  const [filters, setFilters] = React.useState({
-    ...params,
-  });
-  const [searchFieldExpand, setSearchFieldExpand] = React.useState(false);
-
-  const pathName = useLocation().pathname;
-
-  useEffect(() => {
-    history({
-      pathname: pathName,
-      search: new URLSearchParams(filters).toString(),
-    });
-  }, [history, filters]);
-
-  const [form] = Form.useForm();
-  const { Option } = Select;
-
-  const { media, total, loading } = useSelector((state) => {
-    const node = state.media.req.find((item) => {
-      return deepEqual(item.query, params);
-    });
-
-    if (node)
-      return {
-        media: node.data.map((element) => state.media.details[element]),
-        total: node.total,
-        loading: state.media.loading,
-      };
-    return { media: [], total: 0, loading: state.media.loading };
-  });
-  useEffect(() => {
-    if (form) form.setFieldsValue(new Filters(params));
-  }, [params]);
-  React.useEffect(() => {
-    fetchMedia();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchMedia = () => {
-    dispatch(getMedia(filters));
-  };
-
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Media'} />
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 0,
-            },
-          },
-        }}
-      >
-        <Form
-          initialValues={filters}
-          form={form}
-          name="filters"
-          onFinish={(values) => {
-            let filterValue = {};
-            Object.keys(values).forEach(function (key) {
-              if (values[key]) {
-                filterValue[key] = values[key];
-              }
-            });
-            setFilters({
-              ...filters,
-              ...filterValue,
-            });
-          }}
-          style={{ width: '100%', marginBottom: '1rem' }}
-          onValuesChange={(changedValues, allValues) => {
-            if (!changedValues.q) {
-              if (changedValues.q === '') {
-                const { q, ...filtersWithoutQuery } = filters;
-                setFilters({ ...filtersWithoutQuery });
-                return;
-              }
-              setFilters({ ...filters, ...changedValues });
-            }
-          }}
-        >
-          <Row justify="space-between" gutter={16}>
-            <Col>
-              <Row gutter={16}>
-                <Col>
-                  <Typography.Title level={3} style={{ margin: 0, display: 'inline' }}>
-                    Media
-                  </Typography.Title>
-                </Col>
-                <Col>
-                  {searchFieldExpand ? (
-                    <Row>
-                      <Form.Item name="q">
-                        <Input placeholder="Search media" />
-                      </Form.Item>
-                      <Form.Item>
-                        <Button htmlType="submit" icon={<SearchOutlined />}>
-                          Search
-                        </Button>
-                      </Form.Item>
-                    </Row>
-                  ) : (
-                    <Tooltip title="search">
-                      <Button
-                        shape="circle"
-                        type="text"
-                        onFocus={() => {
-                          setSearchFieldExpand(true);
-                          setTimeout(() => {
-                            form.getFieldsValue().q === undefined && setSearchFieldExpand(false);
-                          }, 10000);
-                        }}
-                        icon={<SearchOutlined />}
-                      />
-                    </Tooltip>
-                  )}
-                </Col>
-              </Row>
-            </Col>
-            <Col>
-              <Row justify="end" gutter={16}>
-                <Col>
-                  <Row justify="end">
-                    <Link to="/media/upload">
-                      <Button
-                        disabled={!(actions.includes('admin') || actions.includes('create'))}
-                        type="primary"
-                        style={{ marginBottom: '1rem' }}
-                      >
-                        Upload
-                      </Button>
-                    </Link>
-                  </Row>
-                  <Row gutter={16}>
-                    <Col>
-                      <Form.Item label="Sort By" name="sort">
-                        <Select placeholder="Sort By" defaultValue="desc" style={{ width: '100%' }}>
-                          <Option value="desc" key={'desc'}>
-                            Latest
-                          </Option>
-                          <Option value="asc" key={'asc'}>
-                            Old
-                          </Option>
-                        </Select>
-                      </Form.Item>
-                    </Col>
-                  </Row>
-                </Col>
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-      <MediumList
-        actions={actions}
-        data={{ media: media, total: total, loading: loading }}
-        filters={filters}
-        setFilters={setFilters}
-      />
-    </Space>
-  );
-}
-
-export default Media;
diff --git a/studio/src/pages/media/index.test.js b/studio/src/pages/media/index.test.js
deleted file mode 100644
index 86d6cc98b..000000000
--- a/studio/src/pages/media/index.test.js
+++ /dev/null
@@ -1,180 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Media from './index';
-import { getMedia } from '../../actions/media';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-}));
-
-jest.mock('../../actions/media', () => ({
-  getMedia: jest.fn(),
-  createMedium: jest.fn(),
-}));
-let state = {
-  media: {
-    req: [
-      {
-        data: [1],
-        query: {
-          sort: 'desc',
-          limit: 10,
-          page: 1,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        name: 'name',
-        url: 'some-url',
-        file_size: 'file_size',
-        caption: 'caption',
-        description: 'description',
-      },
-    },
-    loading: false,
-  },
-};
-describe('Media List component', () => {
-  let store;
-  let mockedDispatch;
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      const state2 = {
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      };
-      store = mockStore(state2);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Media permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Media permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getMedia).toHaveBeenCalledWith({
-        limit: 10,
-        page: 1,
-        sort: 'desc',
-      });
-    });
-    it('should render loader component', () => {
-      const loadingState = {
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      };
-      store = mockStore(loadingState);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Media permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle url search params', () => {
-      store = mockStore(state);
-      let wrapper;
-      window.history.pushState({}, '', '/media?limit=20&page=1&sort=desc');
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Media permission={{ actions: ['create'] }} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(getMedia).toHaveBeenCalledWith({ page: 1, limit: 20, sort: 'desc' });
-    });
-
-    it('should submit filters', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Media permission={{ actions: ['update', 'delete'] }} />
-            </Router>
-          </Provider>,
-        );
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'pic' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: '' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Search');
-        submitButtom.simulate('submit');
-      });
-      wrapper.update();
-      setTimeout(() => {
-        expect(getMedia).toHaveBeenCalledWith({
-          page: 1,
-          limit: 5,
-          q: 'pic',
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/media/index.tsx b/studio/src/pages/media/index.tsx
new file mode 100644
index 000000000..bec9870cd
--- /dev/null
+++ b/studio/src/pages/media/index.tsx
@@ -0,0 +1,105 @@
+import { useEffect, useState } from "react";
+import { PlusCircle } from "lucide-react";
+import { getMedia } from "../../actions/media";
+import Loader from "../../components/Loader";
+import { Helmet } from "react-helmet";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { useMediaData } from "./hooks/useMediaData";
+import { MediaFilters } from "./types";
+import SecuredButton from "@/components/SecuredButton";
+import MediumList from "./components/MediumList";
+
+function Media(): React.ReactElement {
+  const dispatch = useAppDispatch();
+  const isMobile = useIsMobile();
+
+  const [filters, setFilters] = useState<MediaFilters>({
+    sort: "desc",
+  });
+
+  // Fetch data on initial load
+  useEffect(() => {
+    dispatch(getMedia(filters));
+  }, [dispatch, filters]);
+
+  // Use custom hook for data
+  const { media, total, loading } = useMediaData(filters);
+
+  // Handle navigation to create media page
+  const handleCreateMedia = () => {
+    window.location.href = "/media/upload";
+  };
+
+  if (loading) {
+    return (
+      <div className="flex flex-col h-full relative">
+        <Helmet title={"Media"} />
+        {isMobile && (
+          <MobileBreadcrumb currentPage="Media" parentLabel="Core" />
+        )}
+        <div className="flex-1 flex items-center justify-center">
+          <Loader className="relative inset-auto" />
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col h-full gap-6">
+      <Helmet title="Media" />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && <MobileBreadcrumb currentPage="Media" parentLabel="Core" />}
+
+      {/* Header */}
+      {isMobile ? (
+        <div className="space-y-4 flex justify-between items-center">
+          <div className="flex flex-col">
+            {isMobile && <h1 className="text-xl font-semibold">Media</h1>}
+          </div>
+          <div className="flex gap-2 items-center">
+            <div className="flex items-center gap-2 ml-2">
+              <SecuredButton
+                className="h-9 w-9"
+                size="icon"
+                onClick={handleCreateMedia}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <div className="flex justify-between items-center">
+          <div className="flex items-center gap-4 flex-1">
+            <h1 className="text-xl font-semibold">Media</h1>
+          </div>
+          <SecuredButton
+            className="flex items-center gap-2 py-2"
+            size="lg"
+            onClick={handleCreateMedia}
+          >
+            <PlusCircle className="h-4 w-4" />
+            Create Media
+          </SecuredButton>
+        </div>
+      )}
+
+      {/* Content */}
+      <div className="flex-1 overflow-scroll">
+        <MediumList
+          data={{
+            media,
+            total,
+            loading,
+          }}
+          isMobile={isMobile}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Media;
diff --git a/studio/src/pages/media/types.ts b/studio/src/pages/media/types.ts
new file mode 100644
index 000000000..d3cfc39c6
--- /dev/null
+++ b/studio/src/pages/media/types.ts
@@ -0,0 +1,64 @@
+// Media entity interface
+export interface MediaItem {
+  id: string | number;
+  name: string;
+  alt_text?: string;
+  caption?: string;
+  description?: string;
+  meta_fields?: string | Record<string, any>;
+  url?: {
+    proxy?: string;
+    raw?: string;
+  };
+  dimensions?: string;
+  file_size?: number;
+  slug?: string;
+  title?: string;
+  type?: string;
+}
+
+export interface UploadItem {
+  alt_text: string;
+  caption?: string;
+  description?: string;
+  dimensions: string;
+  file_size: number;
+  name: string;
+  slug: string;
+  title: string;
+  type: string;
+  url: {
+    raw: string;
+  };
+}
+
+// Form values interface
+export interface MediaFormValues {
+  id?: string | number;
+  name: string;
+  alt_text?: string;
+  caption?: string;
+  description?: string;
+  meta_fields?: string | Record<string, any>;
+}
+
+// Component props interfaces
+export interface MediaFilters {
+  page?: number;
+  limit?: number;
+  sort?: string;
+  q?: string;
+  [key: string]: any;
+}
+
+export interface MediaListData {
+  media: MediaItem[];
+  total: number;
+  loading: boolean;
+}
+
+export interface MediaListProps {
+  data: MediaListData;
+  actions?: string[];
+  isMobile?: boolean;
+}
diff --git a/studio/src/pages/members/index.js b/studio/src/pages/members/index.js
deleted file mode 100644
index 28b57af25..000000000
--- a/studio/src/pages/members/index.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-import { Card, Row, Col } from 'antd';
-import { Link } from 'react-router-dom';
-import { Helmet } from 'react-helmet';
-
-const Members = (children) => {
-  const { Meta } = Card;
-
-  return (
-    <div>
-      <Row gutter={[16, 24]}>
-        <Helmet title={'Members'} />
-        {children.map((child) => {
-          return (
-            <Col md={12} xs={24}>
-              <Link to={`/settings${child.url}`}>
-                <Card hoverable>
-                  <Meta
-                    avatar={child.avatar()}
-                    title={child.name}
-                    description={child.description}
-                  />
-                </Card>
-              </Link>
-            </Col>
-          );
-        })}
-      </Row>
-    </div>
-  );
-};
-
-export default Members;
diff --git a/studio/src/pages/menu/CreateMenu.js b/studio/src/pages/menu/CreateMenu.js
deleted file mode 100644
index 0c08c9376..000000000
--- a/studio/src/pages/menu/CreateMenu.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-import MenuForm from './components/MenuForm';
-import { useDispatch } from 'react-redux';
-
-import { createMenu } from '../../actions/menu';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateMenu() {
-  const history = useNavigation();
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(createMenu(values)).then(() => history('/settings/website/menus'));
-  };
-  return (
-    <div>
-      <>
-        <Helmet title={'Create Menu'} />
-        <MenuForm onCreate={onCreate} />
-      </>
-    </div>
-  );
-}
-
-export default CreateMenu;
diff --git a/studio/src/pages/menu/CreateMenu.test.js b/studio/src/pages/menu/CreateMenu.test.js
deleted file mode 100644
index af31db643..000000000
--- a/studio/src/pages/menu/CreateMenu.test.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreateMenu from './CreateMenu';
-import * as actions from '../../actions/menu';
-import MenuCreateForm from './components/MenuForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../actions/menu', () => ({
-  createMenu: jest.fn(),
-}));
-
-describe('Menus create component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore({
-    menus: [],
-    details: {},
-    loading: false,
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the componet', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CreateMenu />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createMenu', (done) => {
-      actions.createMenu.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreateMenu />
-          </Provider>,
-        );
-      });
-      wrapper.find(MenuCreateForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.createMenu).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/website/menus');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/menu/CreateMenu.tsx b/studio/src/pages/menu/CreateMenu.tsx
new file mode 100644
index 000000000..c795a58ad
--- /dev/null
+++ b/studio/src/pages/menu/CreateMenu.tsx
@@ -0,0 +1,35 @@
+import React from "react";
+import MenuForm from "./components/MenuForm";
+import { createMenu } from "../../actions/menu";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { MenuFormValues } from "./types";
+import { Helmet } from "react-helmet";
+
+const CreateMenu: React.FC = () => {
+  const navigate = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onCreate = (values: MenuFormValues) => {
+    dispatch(createMenu(values))
+      .then(() => {
+        // Navigate to the menu list after successful creation
+        navigate("/settings/website/menus");
+      })
+      .catch((error) => {
+        // Error is already handled in the action creator
+        console.error("Error creating menu:", error);
+      });
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Menu"} />
+      <div className="w-full max-w-4xl mx-auto">
+        <MenuForm onCreate={onCreate} />
+      </div>
+    </>
+  );
+};
+
+export default CreateMenu;
diff --git a/studio/src/pages/menu/EditMenu.js b/studio/src/pages/menu/EditMenu.js
deleted file mode 100644
index c4f7abd0d..000000000
--- a/studio/src/pages/menu/EditMenu.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import MenuEditForm from './components/MenuForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updateMenu, getMenu } from '../../actions/menu';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditMenu() {
-  const history = useNavigation();
-  const { id } = useParams();
-  const dispatch = useDispatch();
-
-  const { menu, loading } = useSelector((state) => {
-    return {
-      menu: state.menus.details[id] ? state.menus.details[id] : null,
-      loading: state.menus.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getMenu(id));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id]);
-
-  if (loading) return <Skeleton />;
-  if (!menu) {
-    return <RecordNotFound />;
-  }
-  const onUpdate = (values) => {
-    dispatch(updateMenu({ ...menu, ...values })).then(() =>
-      history(`/settings/website/menus/${id}/edit`),
-    );
-  };
-  return (
-    <>
-      <Helmet title={`${menu?.name} - Edit Menu`} />
-      <MenuEditForm data={menu} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditMenu;
diff --git a/studio/src/pages/menu/EditMenu.test.js b/studio/src/pages/menu/EditMenu.test.js
deleted file mode 100644
index e10edbd99..000000000
--- a/studio/src/pages/menu/EditMenu.test.js
+++ /dev/null
@@ -1,165 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditMenu from './EditMenu';
-import * as actions from '../../actions/menu';
-import MenuEditForm from './components/MenuForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-jest.mock('../../actions/menu', () => ({
-  updateMenu: jest.fn(),
-  getMenu: jest.fn(),
-}));
-
-describe('Menu Edit component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore({
-    menus: {
-      req: [
-        {
-          data: [1],
-          query: {
-            page: 1,
-            limit: 5,
-          },
-          total: 1,
-        },
-      ],
-      details: {
-        '1': {
-          id: 1,
-          name: 'Menu 1',
-        },
-      },
-      loading: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <EditMenu />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      store = mockStore({
-        menus: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditMenu />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      store = mockStore({
-        menus: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditMenu />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        menus: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-                limit: 5,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            '1': {
-              id: 1,
-              name: 'Menu 1',
-            },
-          },
-          loading: false,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getMenu.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditMenu />
-          </Provider>,
-        );
-      });
-      expect(actions.getMenu).toHaveBeenCalledWith('1');
-    });
-    it('should call updateMenu', (done) => {
-      actions.updateMenu.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditMenu />
-          </Provider>,
-        );
-      });
-      wrapper.find(MenuEditForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.updateMenu).toHaveBeenCalledWith({
-          id: 1,
-          name: 'Menu 1',
-          test: 'test',
-        });
-        expect(push).toHaveBeenCalledWith('/website/menus/1/edit');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/menu/EditMenu.tsx b/studio/src/pages/menu/EditMenu.tsx
new file mode 100644
index 000000000..6ea5744b5
--- /dev/null
+++ b/studio/src/pages/menu/EditMenu.tsx
@@ -0,0 +1,103 @@
+import React, { useEffect } from "react";
+import MenuForm from "./components/MenuForm";
+import { useSelector } from "react-redux";
+import { updateMenu, getMenu, Menu as ActionMenu } from "../../actions/menu";
+import { useParams } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Menu, MenuFormValues, RootState } from "./types";
+
+function EditMenu(): React.ReactElement {
+  const navigate = useNavigation();
+  const { id } = useParams<{ id: string }>();
+  const dispatch = useAppDispatch();
+
+  const { menu, loading } = useSelector((state: RootState) => {
+    return {
+      menu: id && state.menus.details[id] ? state.menus.details[id] : null,
+      loading: state.menus.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      // Check if id is numeric and parse it, otherwise use as string
+      const parsedId = /^\d+$/.test(id) ? parseInt(id, 10) : id;
+      dispatch(getMenu(parsedId));
+    }
+  }, [dispatch, id]);
+
+  if (loading) {
+    return <Skeleton className="h-48 w-full" />;
+  }
+
+  if (!menu) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: MenuFormValues) => {
+    // Transform the menu to ensure it matches the ActionMenu type
+    const transformedMenu = transformMenuForAction(menu, values);
+
+    dispatch(updateMenu(transformedMenu))
+      .then(() => {
+        // Navigate to the menus list after successful update
+        navigate("/settings/website/menus");
+      })
+      .catch((error) => {
+        // Error is already handled in the action creator
+        console.error("Update failed:", error);
+      });
+  };
+
+  // Helper function to transform Menu to ActionMenu
+  function transformMenuForAction(
+    originalMenu: Menu,
+    formValues: MenuFormValues
+  ): ActionMenu {
+    // Create a new object with both original menu data and form values
+    const updatedMenu = {
+      ...originalMenu,
+      ...formValues,
+      id: originalMenu.id,
+    };
+
+    // Process menu items recursively to ensure all items have required properties
+    if (updatedMenu.menu && updatedMenu.menu.length > 0) {
+      updatedMenu.menu = processMenuItems(updatedMenu.menu);
+    }
+
+    return updatedMenu as ActionMenu;
+  }
+
+  // Process menu items recursively to ensure all names are defined
+  function processMenuItems(items: any[]): any[] {
+    return items.map((item) => {
+      const processedItem = {
+        ...item,
+        name: item.name || "",
+      };
+
+      // Process nested menu items recursively
+      if (processedItem.menu && processedItem.menu.length > 0) {
+        processedItem.menu = processMenuItems(processedItem.menu);
+      }
+
+      return processedItem;
+    });
+  }
+
+  return (
+    <>
+      <Helmet title={`${menu?.name || "Unknown"} - Edit Menu`} />
+      <div className="w-full max-w-4xl mx-auto">
+        <MenuForm data={menu} onCreate={onUpdate} />
+      </div>
+    </>
+  );
+}
+
+export default EditMenu;
diff --git a/studio/src/pages/menu/__snapshots__/CreateMenu.test.js.snap b/studio/src/pages/menu/__snapshots__/CreateMenu.test.js.snap
deleted file mode 100644
index ac41b1474..000000000
--- a/studio/src/pages/menu/__snapshots__/CreateMenu.test.js.snap
+++ /dev/null
@@ -1,861 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Menus create component snapshot testing should render the componet 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateMenu>
-    <div>
-      <HelmetWrapper
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Menu"
-      >
-        <SideEffect(NullComponent)
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Menu"
-        >
-          <NullComponent
-            defer={true}
-            encodeSpecialCharacters={true}
-            title="Create Menu"
-          />
-        </SideEffect(NullComponent)>
-      </HelmetWrapper>
-      <MenuForm
-        onCreate={[Function]}
-      >
-        <div>
-          <ForwardRef(InternalForm)
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": undefined,
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            initialValues={Object {}}
-            onFinish={[Function]}
-            onValuesChange={[Function]}
-          >
-            <SizeContextProvider>
-              <ForwardRef(Form)
-                className="ant-form ant-form-horizontal"
-                form={
-                  Object {
-                    "__INTERNAL__": Object {
-                      "itemRef": [Function],
-                      "name": undefined,
-                    },
-                    "getFieldError": [Function],
-                    "getFieldInstance": [Function],
-                    "getFieldValue": [Function],
-                    "getFieldsError": [Function],
-                    "getFieldsValue": [Function],
-                    "getInternalHooks": [Function],
-                    "isFieldTouched": [Function],
-                    "isFieldValidating": [Function],
-                    "isFieldsTouched": [Function],
-                    "isFieldsValidating": [Function],
-                    "resetFields": [Function],
-                    "scrollToField": [Function],
-                    "setFields": [Function],
-                    "setFieldsValue": [Function],
-                    "submit": [Function],
-                    "validateFields": [Function],
-                  }
-                }
-                initialValues={Object {}}
-                onFinish={[Function]}
-                onFinishFailed={[Function]}
-                onValuesChange={[Function]}
-              >
-                <form
-                  className="ant-form ant-form-horizontal"
-                  onReset={[Function]}
-                  onSubmit={[Function]}
-                >
-                  <FormItem
-                    label="Name"
-                    name="name"
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please input the name!",
-                          "required": true,
-                        },
-                      ]
-                    }
-                  >
-                    <WrapperField
-                      label="Name"
-                      messageVariables={
-                        Object {
-                          "label": "Name",
-                        }
-                      }
-                      name="name"
-                      onReset={[Function]}
-                      rules={
-                        Array [
-                          Object {
-                            "message": "Please input the name!",
-                            "required": true,
-                          },
-                        ]
-                      }
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                    >
-                      <Field
-                        fieldContext={
-                          Object {
-                            "__INTERNAL__": Object {
-                              "itemRef": [Function],
-                              "name": undefined,
-                            },
-                            "getFieldError": [Function],
-                            "getFieldInstance": [Function],
-                            "getFieldValue": [Function],
-                            "getFieldsError": [Function],
-                            "getFieldsValue": [Function],
-                            "getInternalHooks": [Function],
-                            "isFieldTouched": [Function],
-                            "isFieldValidating": [Function],
-                            "isFieldsTouched": [Function],
-                            "isFieldsValidating": [Function],
-                            "resetFields": [Function],
-                            "scrollToField": [Function],
-                            "setFields": [Function],
-                            "setFieldsValue": [Function],
-                            "submit": [Function],
-                            "validateFields": [Function],
-                            "validateTrigger": "onChange",
-                          }
-                        }
-                        key="_name"
-                        label="Name"
-                        messageVariables={
-                          Object {
-                            "label": "Name",
-                          }
-                        }
-                        name={
-                          Array [
-                            "name",
-                          ]
-                        }
-                        onReset={[Function]}
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please input the name!",
-                              "required": true,
-                            },
-                          ]
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                        valuePropName="value"
-                      >
-                        <Row
-                          className="ant-form-item"
-                          key="row"
-                        >
-                          <div
-                            className="ant-row ant-form-item"
-                            style={Object {}}
-                          >
-                            <FormItemLabel
-                              htmlFor="name"
-                              label="Name"
-                              name="name"
-                              prefixCls="ant-form"
-                              required={true}
-                              requiredMark={true}
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please input the name!",
-                                    "required": true,
-                                  },
-                                ]
-                              }
-                            >
-                              <Col
-                                className="ant-form-item-label"
-                              >
-                                <div
-                                  className="ant-col ant-form-item-label"
-                                  style={Object {}}
-                                >
-                                  <label
-                                    className="ant-form-item-required"
-                                    htmlFor="name"
-                                    title="Name"
-                                  >
-                                    Name
-                                  </label>
-                                </div>
-                              </Col>
-                            </FormItemLabel>
-                            <FormItemInput
-                              errors={Array []}
-                              label="Name"
-                              name={
-                                Array [
-                                  "name",
-                                ]
-                              }
-                              onDomErrorVisibleChange={[Function]}
-                              prefixCls="ant-form"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please input the name!",
-                                    "required": true,
-                                  },
-                                ]
-                              }
-                              status=""
-                              touched={false}
-                              validateStatus=""
-                              validating={false}
-                            >
-                              <Col
-                                className="ant-form-item-control"
-                              >
-                                <div
-                                  className="ant-col ant-form-item-control"
-                                  style={Object {}}
-                                >
-                                  <div
-                                    className="ant-form-item-control-input"
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input-content"
-                                    >
-                                      <Component
-                                        update={1}
-                                      >
-                                        <Input
-                                          id="name"
-                                          onChange={[Function]}
-                                          placeholder="Enter name"
-                                          type="text"
-                                        >
-                                          <ClearableLabeledInput
-                                            bordered={true}
-                                            element={
-                                              <input
-                                                className="ant-input"
-                                                id="name"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="Enter name"
-                                                type="text"
-                                              />
-                                            }
-                                            focused={false}
-                                            handleReset={[Function]}
-                                            id="name"
-                                            inputType="input"
-                                            onChange={[Function]}
-                                            placeholder="Enter name"
-                                            prefixCls="ant-input"
-                                            triggerFocus={[Function]}
-                                            type="text"
-                                            value=""
-                                          >
-                                            <input
-                                              className="ant-input"
-                                              id="name"
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              placeholder="Enter name"
-                                              type="text"
-                                              value=""
-                                            />
-                                          </ClearableLabeledInput>
-                                        </Input>
-                                      </Component>
-                                    </div>
-                                  </div>
-                                  <ErrorList
-                                    errors={Array []}
-                                    onDomErrorVisibleChange={[Function]}
-                                  >
-                                    <CSSMotion
-                                      motionAppear={true}
-                                      motionDeadline={500}
-                                      motionName="ant-show-help"
-                                      onLeaveEnd={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </ErrorList>
-                                </div>
-                              </Col>
-                            </FormItemInput>
-                          </div>
-                        </Row>
-                      </Field>
-                    </WrapperField>
-                  </FormItem>
-                  <FormList
-                    name="menu"
-                  >
-                    <List
-                      name="menu"
-                    >
-                      <WrapperField
-                        isList={true}
-                        name={Array []}
-                        shouldUpdate={[Function]}
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": undefined,
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "prefixName": Array [
-                                "menu",
-                              ],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          isList={true}
-                          key="_"
-                          name={Array []}
-                          shouldUpdate={[Function]}
-                          trigger="onChange"
-                          valuePropName="value"
-                        >
-                          <div>
-                            <Button
-                              onClick={[Function]}
-                            >
-                              <Wave>
-                                <button
-                                  className="ant-btn"
-                                  onClick={[Function]}
-                                  type="button"
-                                >
-                                  <LoadingIcon
-                                    existIcon={false}
-                                    loading={false}
-                                    prefixCls="ant-btn"
-                                  >
-                                    <CSSMotion
-                                      motionName="ant-btn-loading-icon-motion"
-                                      onAppearActive={[Function]}
-                                      onAppearStart={[Function]}
-                                      onEnterActive={[Function]}
-                                      onEnterStart={[Function]}
-                                      onLeaveActive={[Function]}
-                                      onLeaveStart={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </LoadingIcon>
-                                  <ForwardRef(PlusOutlined)
-                                    key=".0"
-                                  >
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {},
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {},
-                                                    "tag": "style",
-                                                  },
-                                                ],
-                                                "tag": "defs",
-                                              },
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "plus",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="plus"
-                                        className="anticon anticon-plus"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {},
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {},
-                                                        "tag": "style",
-                                                      },
-                                                    ],
-                                                    "tag": "defs",
-                                                  },
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "plus",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="plus"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-plus"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <defs
-                                              key="svg-plus-svg-0"
-                                            >
-                                              <style
-                                                key="svg-plus-svg-0-defs-0"
-                                              />
-                                            </defs>
-                                            <path
-                                              d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-                                              key="svg-plus-svg-1"
-                                            />
-                                            <path
-                                              d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-                                              key="svg-plus-svg-2"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(PlusOutlined)>
-                                  <span
-                                    key=".1"
-                                  >
-                                     Add menu
-                                  </span>
-                                </button>
-                              </Wave>
-                            </Button>
-                          </div>
-                        </Field>
-                      </WrapperField>
-                    </List>
-                  </FormList>
-                  <FormItem
-                    label="Metafields"
-                    name="meta_fields"
-                    style={
-                      Object {
-                        "marginTop": "20px",
-                      }
-                    }
-                  >
-                    <WrapperField
-                      label="Metafields"
-                      messageVariables={
-                        Object {
-                          "label": "Metafields",
-                        }
-                      }
-                      name="meta_fields"
-                      onReset={[Function]}
-                      style={
-                        Object {
-                          "marginTop": "20px",
-                        }
-                      }
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                    >
-                      <Field
-                        fieldContext={
-                          Object {
-                            "__INTERNAL__": Object {
-                              "itemRef": [Function],
-                              "name": undefined,
-                            },
-                            "getFieldError": [Function],
-                            "getFieldInstance": [Function],
-                            "getFieldValue": [Function],
-                            "getFieldsError": [Function],
-                            "getFieldsValue": [Function],
-                            "getInternalHooks": [Function],
-                            "isFieldTouched": [Function],
-                            "isFieldValidating": [Function],
-                            "isFieldsTouched": [Function],
-                            "isFieldsValidating": [Function],
-                            "resetFields": [Function],
-                            "scrollToField": [Function],
-                            "setFields": [Function],
-                            "setFieldsValue": [Function],
-                            "submit": [Function],
-                            "validateFields": [Function],
-                            "validateTrigger": "onChange",
-                          }
-                        }
-                        key="_meta_fields"
-                        label="Metafields"
-                        messageVariables={
-                          Object {
-                            "label": "Metafields",
-                          }
-                        }
-                        name={
-                          Array [
-                            "meta_fields",
-                          ]
-                        }
-                        onReset={[Function]}
-                        style={
-                          Object {
-                            "marginTop": "20px",
-                          }
-                        }
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                        valuePropName="value"
-                      >
-                        <Row
-                          className="ant-form-item"
-                          key="row"
-                          style={
-                            Object {
-                              "marginTop": "20px",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-form-item"
-                            style={
-                              Object {
-                                "marginTop": "20px",
-                              }
-                            }
-                          >
-                            <FormItemLabel
-                              htmlFor="meta_fields"
-                              label="Metafields"
-                              name="meta_fields"
-                              prefixCls="ant-form"
-                              required={false}
-                              requiredMark={true}
-                              style={
-                                Object {
-                                  "marginTop": "20px",
-                                }
-                              }
-                            >
-                              <Col
-                                className="ant-form-item-label"
-                              >
-                                <div
-                                  className="ant-col ant-form-item-label"
-                                  style={Object {}}
-                                >
-                                  <label
-                                    className=""
-                                    htmlFor="meta_fields"
-                                    title="Metafields"
-                                  >
-                                    Metafields
-                                  </label>
-                                </div>
-                              </Col>
-                            </FormItemLabel>
-                            <FormItemInput
-                              errors={Array []}
-                              label="Metafields"
-                              name={
-                                Array [
-                                  "meta_fields",
-                                ]
-                              }
-                              onDomErrorVisibleChange={[Function]}
-                              prefixCls="ant-form"
-                              status=""
-                              style={
-                                Object {
-                                  "marginTop": "20px",
-                                }
-                              }
-                              touched={false}
-                              validateStatus=""
-                              validating={false}
-                            >
-                              <Col
-                                className="ant-form-item-control"
-                              >
-                                <div
-                                  className="ant-col ant-form-item-control"
-                                  style={Object {}}
-                                >
-                                  <div
-                                    className="ant-form-item-control-input"
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input-content"
-                                    >
-                                      <Component
-                                        update={1}
-                                      >
-                                        <MONACOEditor
-                                          id="meta_fields"
-                                          language="json"
-                                          onChange={[Function]}
-                                        >
-                                          <MonacoEditor
-                                            height="240"
-                                            language="json"
-                                            onChange={[Function]}
-                                            options={
-                                              Object {
-                                                "autoClosingBrackets": "auto",
-                                                "autoClosingQuotes": "auto",
-                                                "cursorBlinking": "smooth",
-                                                "folding": true,
-                                                "lineNumbersMinChars": 4,
-                                                "minimap": Object {
-                                                  "enabled": false,
-                                                },
-                                                "scrollBeyondLastLine": false,
-                                                "scrollbar": Object {
-                                                  "alwaysConsumeMouseWheel": false,
-                                                },
-                                                "theme": "vs-dark",
-                                                "wordWrap": "on",
-                                              }
-                                            }
-                                            width={440}
-                                          >
-                                            <div />
-                                          </MonacoEditor>
-                                        </MONACOEditor>
-                                      </Component>
-                                    </div>
-                                  </div>
-                                  <ErrorList
-                                    errors={Array []}
-                                    onDomErrorVisibleChange={[Function]}
-                                  >
-                                    <CSSMotion
-                                      motionAppear={true}
-                                      motionDeadline={500}
-                                      motionName="ant-show-help"
-                                      onLeaveEnd={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </ErrorList>
-                                </div>
-                              </Col>
-                            </FormItemInput>
-                          </div>
-                        </Row>
-                      </Field>
-                    </WrapperField>
-                  </FormItem>
-                  <FormItem>
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          prefixCls="ant-form"
-                          requiredMark={true}
-                        />
-                        <FormItemInput
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          validateStatus=""
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Button
-                                    disabled={true}
-                                    htmlType="submit"
-                                  >
-                                    <Wave>
-                                      <button
-                                        className="ant-btn"
-                                        disabled={true}
-                                        onClick={[Function]}
-                                        type="submit"
-                                      >
-                                        <LoadingIcon
-                                          existIcon={false}
-                                          loading={false}
-                                          prefixCls="ant-btn"
-                                        >
-                                          <CSSMotion
-                                            motionName="ant-btn-loading-icon-motion"
-                                            onAppearActive={[Function]}
-                                            onAppearStart={[Function]}
-                                            onEnterActive={[Function]}
-                                            onEnterStart={[Function]}
-                                            onLeaveActive={[Function]}
-                                            onLeaveStart={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </LoadingIcon>
-                                        <span
-                                          key=".0"
-                                        >
-                                          Submit
-                                        </span>
-                                      </button>
-                                    </Wave>
-                                  </Button>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </FormItem>
-                </form>
-              </ForwardRef(Form)>
-            </SizeContextProvider>
-          </ForwardRef(InternalForm)>
-        </div>
-      </MenuForm>
-    </div>
-  </CreateMenu>
-</Provider>
-`;
diff --git a/studio/src/pages/menu/__snapshots__/EditMenu.test.js.snap b/studio/src/pages/menu/__snapshots__/EditMenu.test.js.snap
deleted file mode 100644
index d3682f2ef..000000000
--- a/studio/src/pages/menu/__snapshots__/EditMenu.test.js.snap
+++ /dev/null
@@ -1,1296 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Menu Edit component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditMenu>
-    <RecordNotFound>
-      <Result
-        extra={null}
-        status="404"
-        title="Sorry, could not find what you are looking for."
-      >
-        <div
-          className="ant-result ant-result-404"
-        >
-          <div
-            className="ant-result-icon ant-result-image"
-          >
-            <NoFound>
-              <svg
-                height="294"
-                width="252"
-              >
-                <defs>
-                  <path
-                    d="M0 .387h251.772v251.772H0z"
-                  />
-                </defs>
-                <g
-                  fill="none"
-                  fillRule="evenodd"
-                >
-                  <g
-                    transform="translate(0 .012)"
-                  >
-                    <mask
-                      fill="#fff"
-                    />
-                    <path
-                      d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                      fill="#E4EBF7"
-                      mask="url(#b)"
-                    />
-                  </g>
-                  <path
-                    d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                    fill="#1890FF"
-                  />
-                  <path
-                    d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                    fill="#FFB594"
-                  />
-                  <path
-                    d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                    fill="#7BB2F9"
-                  />
-                  <path
-                    d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                  <path
-                    d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                    fill="#520038"
-                  />
-                  <path
-                    d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                    fill="#552950"
-                  />
-                  <path
-                    d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M110.846 74.481s1.79-.716 2.506.537"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.287 72.93s1.83 1.113 4.137.954"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M119.306 107.329s.452 4.366-2.127 32.062"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#5BA02E"
-                  />
-                  <path
-                    d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#92C110"
-                  />
-                  <path
-                    d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                </g>
-              </svg>
-            </NoFound>
-          </div>
-          <div
-            className="ant-result-title"
-          >
-            Sorry, could not find what you are looking for.
-          </div>
-        </div>
-      </Result>
-    </RecordNotFound>
-  </EditMenu>
-</Provider>
-`;
-
-exports[`Menu Edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditMenu>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditMenu>
-</Provider>
-`;
-
-exports[`Menu Edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditMenu>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Menu 1 - Edit Menu"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Menu 1 - Edit Menu"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Menu 1 - Edit Menu"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <MenuForm
-      data={
-        Object {
-          "id": 1,
-          "name": "Menu 1",
-        }
-      }
-      onCreate={[Function]}
-    >
-      <div>
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "id": 1,
-              "name": "Menu 1",
-            }
-          }
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-horizontal"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "id": 1,
-                  "name": "Menu 1",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-            >
-              <form
-                className="ant-form ant-form-horizontal"
-                onReset={[Function]}
-                onSubmit={[Function]}
-              >
-                <FormItem
-                  label="Name"
-                  name="name"
-                  rules={
-                    Array [
-                      Object {
-                        "message": "Please input the name!",
-                        "required": true,
-                      },
-                    ]
-                  }
-                >
-                  <WrapperField
-                    label="Name"
-                    messageVariables={
-                      Object {
-                        "label": "Name",
-                      }
-                    }
-                    name="name"
-                    onReset={[Function]}
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please input the name!",
-                          "required": true,
-                        },
-                      ]
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      key="_name"
-                      label="Name"
-                      messageVariables={
-                        Object {
-                          "label": "Name",
-                        }
-                      }
-                      name={
-                        Array [
-                          "name",
-                        ]
-                      }
-                      onReset={[Function]}
-                      rules={
-                        Array [
-                          Object {
-                            "message": "Please input the name!",
-                            "required": true,
-                          },
-                        ]
-                      }
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                      valuePropName="value"
-                    >
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            htmlFor="name"
-                            label="Name"
-                            name="name"
-                            prefixCls="ant-form"
-                            required={true}
-                            requiredMark={true}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input the name!",
-                                  "required": true,
-                                },
-                              ]
-                            }
-                          >
-                            <Col
-                              className="ant-form-item-label"
-                            >
-                              <div
-                                className="ant-col ant-form-item-label"
-                                style={Object {}}
-                              >
-                                <label
-                                  className="ant-form-item-required"
-                                  htmlFor="name"
-                                  title="Name"
-                                >
-                                  Name
-                                </label>
-                              </div>
-                            </Col>
-                          </FormItemLabel>
-                          <FormItemInput
-                            errors={Array []}
-                            label="Name"
-                            name={
-                              Array [
-                                "name",
-                              ]
-                            }
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input the name!",
-                                  "required": true,
-                                },
-                              ]
-                            }
-                            status=""
-                            touched={false}
-                            validateStatus=""
-                            validating={false}
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                            >
-                              <div
-                                className="ant-col ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Component
-                                      update={2}
-                                      value="Menu 1"
-                                    >
-                                      <Input
-                                        id="name"
-                                        onChange={[Function]}
-                                        placeholder="Enter name"
-                                        type="text"
-                                        value="Menu 1"
-                                      >
-                                        <ClearableLabeledInput
-                                          bordered={true}
-                                          element={
-                                            <input
-                                              className="ant-input"
-                                              id="name"
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              placeholder="Enter name"
-                                              type="text"
-                                              value="Menu 1"
-                                            />
-                                          }
-                                          focused={false}
-                                          handleReset={[Function]}
-                                          id="name"
-                                          inputType="input"
-                                          onChange={[Function]}
-                                          placeholder="Enter name"
-                                          prefixCls="ant-input"
-                                          triggerFocus={[Function]}
-                                          type="text"
-                                          value="Menu 1"
-                                        >
-                                          <input
-                                            className="ant-input"
-                                            id="name"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            placeholder="Enter name"
-                                            type="text"
-                                            value="Menu 1"
-                                          />
-                                        </ClearableLabeledInput>
-                                      </Input>
-                                    </Component>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </Field>
-                  </WrapperField>
-                </FormItem>
-                <FormList
-                  name="menu"
-                >
-                  <List
-                    name="menu"
-                  >
-                    <WrapperField
-                      isList={true}
-                      name={Array []}
-                      shouldUpdate={[Function]}
-                    >
-                      <Field
-                        fieldContext={
-                          Object {
-                            "__INTERNAL__": Object {
-                              "itemRef": [Function],
-                              "name": undefined,
-                            },
-                            "getFieldError": [Function],
-                            "getFieldInstance": [Function],
-                            "getFieldValue": [Function],
-                            "getFieldsError": [Function],
-                            "getFieldsValue": [Function],
-                            "getInternalHooks": [Function],
-                            "isFieldTouched": [Function],
-                            "isFieldValidating": [Function],
-                            "isFieldsTouched": [Function],
-                            "isFieldsValidating": [Function],
-                            "prefixName": Array [
-                              "menu",
-                            ],
-                            "resetFields": [Function],
-                            "scrollToField": [Function],
-                            "setFields": [Function],
-                            "setFieldsValue": [Function],
-                            "submit": [Function],
-                            "validateFields": [Function],
-                            "validateTrigger": "onChange",
-                          }
-                        }
-                        isList={true}
-                        key="_"
-                        name={Array []}
-                        shouldUpdate={[Function]}
-                        trigger="onChange"
-                        valuePropName="value"
-                      >
-                        <div>
-                          <Button
-                            onClick={[Function]}
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <ForwardRef(PlusOutlined)
-                                  key=".0"
-                                >
-                                  <AntdIcon
-                                    icon={
-                                      Object {
-                                        "icon": Object {
-                                          "attrs": Object {
-                                            "focusable": "false",
-                                            "viewBox": "64 64 896 896",
-                                          },
-                                          "children": Array [
-                                            Object {
-                                              "attrs": Object {},
-                                              "children": Array [
-                                                Object {
-                                                  "attrs": Object {},
-                                                  "tag": "style",
-                                                },
-                                              ],
-                                              "tag": "defs",
-                                            },
-                                            Object {
-                                              "attrs": Object {
-                                                "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                              },
-                                              "tag": "path",
-                                            },
-                                            Object {
-                                              "attrs": Object {
-                                                "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                              },
-                                              "tag": "path",
-                                            },
-                                          ],
-                                          "tag": "svg",
-                                        },
-                                        "name": "plus",
-                                        "theme": "outlined",
-                                      }
-                                    }
-                                  >
-                                    <span
-                                      aria-label="plus"
-                                      className="anticon anticon-plus"
-                                      role="img"
-                                    >
-                                      <IconReact
-                                        icon={
-                                          Object {
-                                            "icon": Object {
-                                              "attrs": Object {
-                                                "focusable": "false",
-                                                "viewBox": "64 64 896 896",
-                                              },
-                                              "children": Array [
-                                                Object {
-                                                  "attrs": Object {},
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {},
-                                                      "tag": "style",
-                                                    },
-                                                  ],
-                                                  "tag": "defs",
-                                                },
-                                                Object {
-                                                  "attrs": Object {
-                                                    "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                                  },
-                                                  "tag": "path",
-                                                },
-                                                Object {
-                                                  "attrs": Object {
-                                                    "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                                  },
-                                                  "tag": "path",
-                                                },
-                                              ],
-                                              "tag": "svg",
-                                            },
-                                            "name": "plus",
-                                            "theme": "outlined",
-                                          }
-                                        }
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="plus"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          key="svg-plus"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <defs
-                                            key="svg-plus-svg-0"
-                                          >
-                                            <style
-                                              key="svg-plus-svg-0-defs-0"
-                                            />
-                                          </defs>
-                                          <path
-                                            d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-                                            key="svg-plus-svg-1"
-                                          />
-                                          <path
-                                            d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-                                            key="svg-plus-svg-2"
-                                          />
-                                        </svg>
-                                      </IconReact>
-                                    </span>
-                                  </AntdIcon>
-                                </ForwardRef(PlusOutlined)>
-                                <span
-                                  key=".1"
-                                >
-                                   Add menu
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </div>
-                      </Field>
-                    </WrapperField>
-                  </List>
-                </FormList>
-                <FormItem
-                  label="Metafields"
-                  name="meta_fields"
-                  style={
-                    Object {
-                      "marginTop": "20px",
-                    }
-                  }
-                >
-                  <WrapperField
-                    label="Metafields"
-                    messageVariables={
-                      Object {
-                        "label": "Metafields",
-                      }
-                    }
-                    name="meta_fields"
-                    onReset={[Function]}
-                    style={
-                      Object {
-                        "marginTop": "20px",
-                      }
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      key="_meta_fields"
-                      label="Metafields"
-                      messageVariables={
-                        Object {
-                          "label": "Metafields",
-                        }
-                      }
-                      name={
-                        Array [
-                          "meta_fields",
-                        ]
-                      }
-                      onReset={[Function]}
-                      style={
-                        Object {
-                          "marginTop": "20px",
-                        }
-                      }
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                      valuePropName="value"
-                    >
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                        style={
-                          Object {
-                            "marginTop": "20px",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={
-                            Object {
-                              "marginTop": "20px",
-                            }
-                          }
-                        >
-                          <FormItemLabel
-                            htmlFor="meta_fields"
-                            label="Metafields"
-                            name="meta_fields"
-                            prefixCls="ant-form"
-                            required={false}
-                            requiredMark={true}
-                            style={
-                              Object {
-                                "marginTop": "20px",
-                              }
-                            }
-                          >
-                            <Col
-                              className="ant-form-item-label"
-                            >
-                              <div
-                                className="ant-col ant-form-item-label"
-                                style={Object {}}
-                              >
-                                <label
-                                  className=""
-                                  htmlFor="meta_fields"
-                                  title="Metafields"
-                                >
-                                  Metafields
-                                </label>
-                              </div>
-                            </Col>
-                          </FormItemLabel>
-                          <FormItemInput
-                            errors={Array []}
-                            label="Metafields"
-                            name={
-                              Array [
-                                "meta_fields",
-                              ]
-                            }
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            status=""
-                            style={
-                              Object {
-                                "marginTop": "20px",
-                              }
-                            }
-                            touched={false}
-                            validateStatus=""
-                            validating={false}
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                            >
-                              <div
-                                className="ant-col ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Component
-                                      update={2}
-                                    >
-                                      <MONACOEditor
-                                        id="meta_fields"
-                                        language="json"
-                                        onChange={[Function]}
-                                      >
-                                        <MonacoEditor
-                                          height="240"
-                                          language="json"
-                                          onChange={[Function]}
-                                          options={
-                                            Object {
-                                              "autoClosingBrackets": "auto",
-                                              "autoClosingQuotes": "auto",
-                                              "cursorBlinking": "smooth",
-                                              "folding": true,
-                                              "lineNumbersMinChars": 4,
-                                              "minimap": Object {
-                                                "enabled": false,
-                                              },
-                                              "scrollBeyondLastLine": false,
-                                              "scrollbar": Object {
-                                                "alwaysConsumeMouseWheel": false,
-                                              },
-                                              "theme": "vs-dark",
-                                              "wordWrap": "on",
-                                            }
-                                          }
-                                          width={440}
-                                        >
-                                          <div />
-                                        </MonacoEditor>
-                                      </MONACOEditor>
-                                    </Component>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </Field>
-                  </WrapperField>
-                </FormItem>
-                <FormItem>
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        prefixCls="ant-form"
-                        requiredMark={true}
-                      />
-                      <FormItemInput
-                        errors={Array []}
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        validateStatus=""
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Button
-                                  disabled={true}
-                                  htmlType="submit"
-                                >
-                                  <Wave>
-                                    <button
-                                      className="ant-btn"
-                                      disabled={true}
-                                      onClick={[Function]}
-                                      type="submit"
-                                    >
-                                      <LoadingIcon
-                                        existIcon={false}
-                                        loading={false}
-                                        prefixCls="ant-btn"
-                                      >
-                                        <CSSMotion
-                                          motionName="ant-btn-loading-icon-motion"
-                                          onAppearActive={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </LoadingIcon>
-                                      <span
-                                        key=".0"
-                                      >
-                                        Update
-                                      </span>
-                                    </button>
-                                  </Wave>
-                                </Button>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </FormItem>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </div>
-    </MenuForm>
-  </EditMenu>
-</Provider>
-`;
diff --git a/studio/src/pages/menu/__snapshots__/index.test.js.snap b/studio/src/pages/menu/__snapshots__/index.test.js.snap
deleted file mode 100644
index 3de1c2843..000000000
--- a/studio/src/pages/menu/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,1989 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Menu component should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Menu
-        permission={
-          Object {
-            "actions": Array [
-              "admin",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Menu"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Menu"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Menu"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={Object {}}
-                  >
-                    <Link
-                      to="/website/menus/create"
-                    >
-                      <LinkAnchor
-                        href="/website/menus/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/website/menus/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            disabled={true}
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                disabled={true}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Menu
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <MenuList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "loading": false,
-                      "menus": Array [],
-                      "total": 0,
-                    }
-                  }
-                  fetchMenus={[Function]}
-                  filters={
-                    Object {
-                      "limit": 20,
-                      "page": 1,
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="2"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 20,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="2"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 20,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={2}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={2}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={2}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={2}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </MenuList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Menu>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Menu component should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/undefined/undefined/",
-            "search": "?page=1",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Menu
-        permission={
-          Object {
-            "actions": Array [
-              "admin",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Menu"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Menu"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Menu"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={Object {}}
-                  >
-                    <Link
-                      to="/website/menus/create"
-                    >
-                      <LinkAnchor
-                        href="/website/menus/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/website/menus/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            disabled={true}
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                disabled={true}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Menu
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <MenuList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "loading": false,
-                      "menus": Array [],
-                      "total": 0,
-                    }
-                  }
-                  fetchMenus={[Function]}
-                  filters={
-                    Object {
-                      "limit": 20,
-                      "page": 1,
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="2"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 20,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="2"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 20,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={2}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={2}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={2}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={2}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </MenuList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Menu>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/menu/components/MenuField.js b/studio/src/pages/menu/components/MenuField.js
deleted file mode 100644
index 8ba60b53c..000000000
--- a/studio/src/pages/menu/components/MenuField.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React, { useEffect } from 'react';
-import { Form, Input, Collapse } from 'antd';
-
-function MenuField({ field }) {
-  const { Panel } = Collapse;
-  const [panelHeader, setPanelHeader] = React.useState('Menu');
-  const [inputRef, setInputRef] = React.useState(null);
-  const handleInputChange = (e) => {
-    var header = e.target.value;
-    setPanelHeader(header);
-  };
-  useEffect(() => {
-    if (inputRef) {
-      setPanelHeader(inputRef.props.value);
-    }
-  }, [inputRef]);
-  return (
-    <Collapse
-      style={{
-        minWidth: '225px',
-        maxWidth: '375px',
-        background: '#f0f2f5',
-        border: 0,
-        marginLeft: '25px',
-      }}
-      defaultActiveKey={['1']}
-    >
-      <Panel header={panelHeader} key={['1']}>
-        <Form.Item
-          {...field}
-          fieldKey={[field.fieldKey, 'name']}
-          name={[field.name, 'name']}
-          label="Navigation Label"
-          rules={[
-            {
-              required: true,
-              message: 'Please input the name!',
-            },
-          ]}
-        >
-          <Input
-            ref={(input) => {
-              if (input?.props) setInputRef(input);
-            }}
-            placeholder="Enter Label"
-            onChange={(e) => handleInputChange(e)}
-          />
-        </Form.Item>
-        <Form.Item
-          {...field}
-          fieldKey={[field.fieldKey, 'title']}
-          name={[field.name, 'title']}
-          label="Title Attribute"
-        >
-          <Input placeholder="Enter Title" />
-        </Form.Item>
-        <Form.Item
-          {...field}
-          fieldKey={[field.fieldKey, 'url']}
-          name={[field.name, 'url']}
-          label="URL"
-        >
-          <Input placeholder="Enter URL" />
-        </Form.Item>
-      </Panel>
-    </Collapse>
-  );
-}
-
-export default MenuField;
diff --git a/studio/src/pages/menu/components/MenuField.test.js b/studio/src/pages/menu/components/MenuField.test.js
deleted file mode 100644
index 0ecb16a02..000000000
--- a/studio/src/pages/menu/components/MenuField.test.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-import { Form } from 'antd';
-
-import '../../../matchMedia.mock';
-import MenuField from './MenuField';
-
-describe('MenuField component', () => {
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = shallow(
-          <Form>
-            <MenuField field={[]} />
-          </Form>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    it('should handle input name change', () => {
-      let component;
-      const field = {
-        fieldKey: '1',
-        name: '1',
-      };
-      act(() => {
-        component = mount(
-          <Form>
-            <MenuField field={field} />
-          </Form>,
-        );
-      });
-      component
-        .find('input')
-        .at(0)
-        .simulate('change', { target: { value: 'New name' } });
-      expect(component.find('CollapsePanel').at(1).props().header).toBe('New name');
-      component.unmount();
-    });
-  });
-});
diff --git a/studio/src/pages/menu/components/MenuField.tsx b/studio/src/pages/menu/components/MenuField.tsx
new file mode 100644
index 000000000..6c0234aea
--- /dev/null
+++ b/studio/src/pages/menu/components/MenuField.tsx
@@ -0,0 +1,104 @@
+import React, { useRef } from "react";
+import { Input } from "@/components/ui/input";
+import {
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+} from "@/components/ui/form";
+import { useFormContext } from "react-hook-form";
+import { MenuFieldProps } from "../types";
+
+const MenuField: React.FC<MenuFieldProps> = ({ field, formFieldPath }) => {
+  const { control } = useFormContext();
+  const nameInputRef = useRef<HTMLInputElement>(null);
+
+  // Create full field paths for each input
+  const nameFieldPath = formFieldPath
+    ? `${formFieldPath}.name`
+    : `menu.${field.name}.name`;
+  const titleFieldPath = formFieldPath
+    ? `${formFieldPath}.title`
+    : `menu.${field.name}.title`;
+  const urlFieldPath = formFieldPath
+    ? `${formFieldPath}.url`
+    : `menu.${field.name}.url`;
+
+  return (
+    <div className="bg-white rounded-md overflow-hidden">
+      <div className="p-4 space-y-4 md:space-y-6">
+        {/* Navigation */}
+        <FormField
+          control={control}
+          name={nameFieldPath}
+          rules={{ required: true }}
+          render={({ field: formField }) => (
+            <FormItem>
+              <FormLabel className="text-sm md:text-base font-medium">
+                Navigation Label <span className="text-red-500">*</span>
+              </FormLabel>
+              <FormControl>
+                <Input
+                  ref={nameInputRef}
+                  placeholder="Enter Label"
+                  className="mt-1 text-sm"
+                  value={formField.value}
+                  onChange={formField.onChange}
+                  onBlur={formField.onBlur}
+                  name={formField.name}
+                  disabled={formField.disabled}
+                />
+              </FormControl>
+              <FormMessage className="text-xs" />
+            </FormItem>
+          )}
+        />
+
+        {/* Title */}
+        <FormField
+          control={control}
+          name={titleFieldPath}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel className="text-sm md:text-base font-medium">
+                Title Attribute
+              </FormLabel>
+              <FormControl>
+                <Input
+                  placeholder="Enter Title"
+                  className="mt-1 text-sm"
+                  {...field}
+                />
+              </FormControl>
+              <FormMessage className="text-xs" />
+            </FormItem>
+          )}
+        />
+
+        {/* URL */}
+        <FormField
+          control={control}
+          name={urlFieldPath}
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel className="text-sm md:text-base font-medium">
+                URL
+              </FormLabel>
+              <FormControl>
+                <Input
+                  placeholder="Enter URL"
+                  className="mt-1 text-sm"
+                  {...field}
+                />
+              </FormControl>
+              <FormMessage className="text-xs" />
+            </FormItem>
+          )}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default MenuField;
diff --git a/studio/src/pages/menu/components/MenuForm.js b/studio/src/pages/menu/components/MenuForm.js
deleted file mode 100644
index 7c286f0cd..000000000
--- a/studio/src/pages/menu/components/MenuForm.js
+++ /dev/null
@@ -1,174 +0,0 @@
-import React from 'react';
-import { Form, Input, Button, Space, Row, Col, ConfigProvider } from 'antd';
-import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
-import MenuField from './MenuField';
-import Submenu from './Submenu';
-import MonacoEditor from '../../../components/MonacoEditor';
-import getJsonValue from '../../../utils/getJsonValue';
-
-function MenuForm({ onCreate, data = {} }) {
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth < 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const addMenu = React.useRef(null);
-
-  const onReset = () => {
-    form.resetFields();
-  };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Form: {
-            marginLG: 12,
-          },
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-          Button: {
-            colorBorder: '#1890FF',
-            colorText: '#1890FF',
-          },
-        },
-      }}
-    >
-      <Form
-        form={form}
-        initialValues={{ ...data }}
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          onCreate(values);
-          onReset();
-        }}
-        layout="vertical"
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row justify="end">
-          <Form.Item>
-            <Button
-              style={{ borderColor: !valueChange && '#d9d9d9' }}
-              type="primary"
-              disabled={!valueChange}
-              htmlType="submit"
-            >
-              {data && data.id ? 'Update' : 'Save'}
-            </Button>
-          </Form.Item>
-        </Row>
-        <Row gutter={16}>
-          <Col md={6} xs={24}>
-            <Form.Item
-              name="name"
-              label="Name"
-              rules={[
-                {
-                  required: true,
-                  message: 'Please input the name!',
-                },
-              ]}
-            >
-              <Input placeholder="Enter name" />
-            </Form.Item>
-          </Col>
-          <Col md={6}>
-            <Button
-              style={{ marginTop: isMobileScreen || '32px' }}
-              onClick={() => {
-                addMenu.current();
-              }}
-            >
-              <PlusOutlined /> Add menu
-            </Button>
-          </Col>
-        </Row>
-        <Row style={{ width: '100%' }}>
-          <Col span={24}>
-            <Form.List name="menu" style={{ width: '100%' }}>
-              {(fields, { add, remove }) => {
-                addMenu.current = add;
-                return (
-                  <div style={{ width: '100%' }}>
-                    {fields.map((field, index) => (
-                      <Row
-                        key={field.key}
-                        style={{
-                          background: '#f1f1f16b',
-                          marginTop: '16px',
-                          width: '100%',
-                          paddingTop: '16px',
-                          borderRadius: '8px',
-                          overflowX: isMobileScreen ? 'scroll' : 'hidden',
-                        }}
-                      >
-                        <Col span={24}>
-                          <Form.Item>
-                            <Row
-                              key={index}
-                              align="middle"
-                              justify={isMobileScreen ? 'end' : 'start'}
-                              style={{ gap: '16px' }}
-                            >
-                              <Col md={6} xs={24}>
-                                <MenuField field={field} />
-                              </Col>
-                              <Col>
-                                <Button
-                                  onClick={() => {
-                                    remove(field.name);
-                                  }}
-                                >
-                                  Remove menu
-                                </Button>
-                              </Col>
-                            </Row>
-                            <div style={{ marginLeft: '25px' }}>
-                              <Submenu fieldKey={field.name} isMobileScreen={isMobileScreen} />
-                            </div>
-                          </Form.Item>
-                        </Col>
-                      </Row>
-                    ))}
-                  </div>
-                );
-              }}
-            </Form.List>
-          </Col>
-        </Row>
-        <Row>
-          <Col xs={24} md={9}>
-            <Form.Item style={{ marginTop: '20px' }} name="meta_fields" label="Metafields">
-              <MonacoEditor language="json" width={'100%'} />
-            </Form.Item>
-          </Col>
-        </Row>
-      </Form>
-    </ConfigProvider>
-  );
-}
-
-export default MenuForm;
diff --git a/studio/src/pages/menu/components/MenuForm.test.js b/studio/src/pages/menu/components/MenuForm.test.js
deleted file mode 100644
index 93abb44e1..000000000
--- a/studio/src/pages/menu/components/MenuForm.test.js
+++ /dev/null
@@ -1,224 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../../matchMedia.mock';
-import MenuForm from './MenuForm';
-import MenuField from './MenuField';
-import { MinusCircleOutlined } from '@ant-design/icons';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-let onCreate, store;
-const data = {
-  name: 'Menu',
-  menu: [
-    {
-      name: 'Menu 1',
-      menu: [
-        {
-          name: 'Submenu 1',
-        },
-      ],
-    },
-    {
-      name: 'Menu 2',
-    },
-  ],
-};
-
-describe('Menu Create Form component', () => {
-  store = mockStore({
-    menu: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <MenuForm />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match with empty data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <MenuForm data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = shallow(<MenuForm onCreate={onCreate} data={data} />);
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: {
-          name: 'Menu',
-          menu: [
-            {
-              name: 'Menu 1',
-              menu: [
-                {
-                  name: 'Submenu 1',
-                },
-              ],
-            },
-            {
-              name: 'Menu 2',
-            },
-          ],
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MenuForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MenuForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButton = wrapper.find('Button').at(1);
-        expect(submitButton.text()).toEqual('Submit');
-        submitButton.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        const submitButton = wrapper.find('Button').at(1);
-        submitButton.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith(props.data);
-        done(0);
-      }, 0);
-    });
-    it('should submit form with new title', (done) => {
-      const data2 = { ...data };
-      data2.id = 1;
-      data2.meta_fields = {
-        sample: 'testing',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MenuForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const input = wrapper.find('input').at(0);
-        input.simulate('change', { target: { value: 'New menu name' } });
-        const submitButton = wrapper.find('Button').at(4);
-        expect(submitButton.text()).toBe('Update');
-        submitButton.simulate('submit');
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'New menu name',
-          menu: [
-            {
-              name: 'Menu 1',
-              menu: [
-                {
-                  name: 'Submenu 1',
-                },
-              ],
-            },
-            {
-              name: 'Menu 2',
-            },
-          ],
-          meta_fields: {
-            sample: 'testing',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should create new menu field on click of Add Menu', () => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MenuForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find(MenuField).length).toBe(0);
-      const addMenuButton = wrapper.find('Button').at(0);
-      addMenuButton.simulate('click');
-      wrapper.update();
-      expect(wrapper.find(MenuField).length).toBe(1);
-    });
-    it('should remove field on click on remove field button', () => {
-      const data = {
-        name: 'Menu',
-        menu: [
-          {
-            name: 'Menu 1',
-          },
-          {
-            name: 'Menu 2',
-          },
-          {
-            name: 'Menu 3',
-          },
-        ],
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <MenuForm onCreate={props.onCreate} data={data} />
-          </Provider>,
-        );
-      });
-      const total_menuFields = wrapper.find(MenuField).length;
-      wrapper.find(MinusCircleOutlined).at(0).simulate('click');
-      expect(wrapper.find(MenuField).length).toBe(total_menuFields - 1);
-    });
-  });
-});
diff --git a/studio/src/pages/menu/components/MenuForm.tsx b/studio/src/pages/menu/components/MenuForm.tsx
new file mode 100644
index 000000000..15940030c
--- /dev/null
+++ b/studio/src/pages/menu/components/MenuForm.tsx
@@ -0,0 +1,345 @@
+import { useEffect, useState } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+  Form,
+} from "@/components/ui/form";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { MinusCircle, PlusCircle } from "lucide-react";
+import { useForm, useFieldArray } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import MonacoEditor from "../../../components/MonacoEditor";
+import getJsonValue from "../../../utils/getJsonValue";
+import { useNavigate } from "react-router-dom";
+import Submenu from "./Submenu";
+import MenuField from "./MenuField";
+import { MenuFormProps } from "../types";
+
+// Create a schema for form validation with recursive menu items
+const menuItemSchema = z.object({
+  name: z.string().min(1, { message: "Navigation label is required" }),
+  title: z.string().optional(),
+  url: z.string().optional(),
+});
+
+// Add recursive definition for nested menu items
+type MenuItemSchema = z.infer<typeof menuItemSchema> & {
+  menu?: MenuItemSchema[];
+};
+
+// Update the schema to include recursive menu items
+const menuItemWithChildrenSchema: z.ZodType<MenuItemSchema> =
+  menuItemSchema.extend({
+    menu: z.lazy(() => z.array(menuItemWithChildrenSchema).optional()),
+  });
+
+const formSchema = z.object({
+  name: z.string().min(1, { message: "Please input the name!" }),
+  menu: z.array(menuItemWithChildrenSchema).optional(),
+  meta_fields: z.string().optional(),
+});
+
+type FormValues = z.infer<typeof formSchema>;
+
+function MenuForm({ onCreate, data = {} }: MenuFormProps) {
+  const navigate = useNavigate();
+
+  // Process initial meta_fields
+  const initialData = { ...data };
+  if (initialData && initialData.meta_fields) {
+    if (typeof initialData.meta_fields !== "string") {
+      initialData.meta_fields = JSON.stringify(
+        initialData.meta_fields,
+        null,
+        2
+      );
+    }
+  }
+
+  // Initialize menu array with one default item if empty
+  if (!initialData.menu || initialData.menu.length === 0) {
+    initialData.menu = [{ name: "", title: "", url: "" }];
+  }
+
+  const [valueChange, setValueChange] = useState(false);
+  const [isMobileScreen, setIsMobileScreen] = useState(false);
+
+  // Initialize form with react-hook-form
+  const form = useForm<FormValues>({
+    resolver: zodResolver(formSchema),
+    defaultValues: initialData as FormValues,
+  });
+
+  // Setup field array for menu items
+  const { fields, append, remove } = useFieldArray({
+    control: form.control,
+    name: "menu",
+  });
+
+  useEffect(() => {
+    const handleResize = () => {
+      setIsMobileScreen(window.innerWidth < 768);
+    };
+
+    window.addEventListener("resize", handleResize);
+    handleResize();
+
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+
+  const onReset = () => {
+    form.reset();
+    setValueChange(false);
+  };
+
+  const handleCancel = (e: React.MouseEvent) => {
+    e.preventDefault(); // Prevent form submission
+    navigate(-1); // Navigate to the previous page
+  };
+
+  const onSubmit = (values: FormValues) => {
+    const submittedValues = { ...values };
+
+    // Handle meta_fields JSON
+    if (submittedValues.meta_fields) {
+      try {
+        submittedValues.meta_fields = getJsonValue(submittedValues.meta_fields);
+      } catch (error) {
+        console.error("Invalid meta_fields JSON:", error);
+        // Set a form error for meta_fields
+        form.setError("meta_fields", {
+          type: "manual",
+          message: "Invalid JSON format",
+        });
+        return;
+      }
+    }
+
+    // Call the onCreate function with the values
+    onCreate(submittedValues);
+    onReset();
+  };
+
+  return (
+    <div className="bg-background px-2 md:px-0">
+      <div className="mb-4 px-2 md:px-4">
+        <h1 className="text-lg md:text-xl font-semibold text-gray-900">
+          {data && data.id ? "Edit Menu" : "Create Menu"}
+        </h1>
+        <div className="mt-1 md:mt-2">
+          <p className="text-gray-600 text-xs md:text-sm">
+            Set up a menu to help organize by utilizing the advanced options
+            provided below.
+          </p>
+        </div>
+      </div>
+
+      <div className="border-t border-gray-200 mb-4"></div>
+
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          onChange={() => setValueChange(true)}
+          className="px-2 md:px-0"
+        >
+          <div className="space-y-3 md:space-y-4">
+            {/* General Accordion */}
+            <Accordion
+              type="multiple"
+              defaultValue={["general"]}
+              className="w-full"
+            >
+              <AccordionItem
+                value="general"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-3 md:px-4 py-2 md:py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white text-sm md:text-base">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-sm md:text-base font-medium">
+                      General
+                    </span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="py-2 md:py-3 bg-white px-3 md:px-4">
+                    <div className="space-y-4 md:space-y-6">
+                      {/* Name Field */}
+                      <div className="w-full md:w-2/3">
+                        <FormField
+                          control={form.control}
+                          name="name"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-sm md:text-base font-medium">
+                                Name
+                              </FormLabel>
+                              <FormControl>
+                                <Input
+                                  placeholder="Menu Name"
+                                  className="text-sm"
+                                  {...field}
+                                />
+                              </FormControl>
+                              <FormMessage className="text-xs" />
+                            </FormItem>
+                          )}
+                        />
+                      </div>
+
+                      {/* Meta Fields */}
+                      <div className="w-full md:w-2/3">
+                        <FormField
+                          control={form.control}
+                          name="meta_fields"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-sm md:text-base font-medium">
+                                Meta Fields
+                              </FormLabel>
+                              <FormControl>
+                                <MonacoEditor
+                                  language="json"
+                                  width={"100%"}
+                                  height={isMobileScreen ? "150px" : "200px"}
+                                  value={field.value || ""}
+                                  onChange={field.onChange}
+                                />
+                              </FormControl>
+                              <FormMessage className="text-xs" />
+                            </FormItem>
+                          )}
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+
+            {/* Menu Sections Accordion */}
+            <Accordion
+              type="multiple"
+              defaultValue={["menu-sections"]}
+              className="w-full"
+            >
+              <AccordionItem
+                value="menu-sections"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-3 md:px-4 py-2 md:py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white text-sm md:text-base">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-sm md:text-base font-medium">
+                      Menu Sections
+                    </span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="py-2 md:py-3 bg-white px-3 md:px-4">
+                    {/* Menu Items */}
+                    <div className="space-y-3 md:space-y-4">
+                      {fields.map((field, index) => (
+                        <div key={field.id} className="space-y-2">
+                          <div className="border border-gray-200 rounded-md w-full md:w-2/3">
+                            <div>
+                              <MenuField
+                                field={{
+                                  name: index,
+                                  fieldKey: index,
+                                  key: index,
+                                }}
+                                formFieldPath={`menu.${index}`}
+                              />
+
+                              {/* Submenu Section */}
+                              <div className="mt-2 md:mt-4">
+                                <FormItem>
+                                  <FormLabel className="text-sm md:text-base font-medium ml-3 md:ml-4">
+                                    Submenu
+                                  </FormLabel>
+                                  <div className="px-3 md:px-4">
+                                    <Submenu
+                                      fieldKey={`menu.${index}`}
+                                      isMobileScreen={isMobileScreen}
+                                      depth={0}
+                                    />
+                                  </div>
+                                </FormItem>
+                              </div>
+
+                              {/* Remove Button */}
+                              <div className="p-3 md:p-4">
+                                <Button
+                                  type="button"
+                                  variant="outline"
+                                  onClick={() => remove(index)}
+                                  className="text-red-500 text-xs md:text-sm w-full md:w-auto"
+                                  size={isMobileScreen ? "sm" : "default"}
+                                >
+                                  <MinusCircle className="h-3 w-3 md:h-4 md:w-4 mr-1 md:mr-2" />
+                                  Remove Menu Item
+                                </Button>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      ))}
+                    </div>
+
+                    <div className="mt-3 md:mt-4 mb-3 md:mb-6 w-full md:w-2/3">
+                      <Button
+                        type="button"
+                        onClick={() => append({ name: "" })}
+                        variant="outline"
+                        className="w-full py-3 md:py-6 text-xs md:text-sm border-2 border-gray-300 hover:border-gray-400 flex items-center justify-center"
+                      >
+                        <PlusCircle className="h-4 w-4 md:h-5 md:w-5 mr-1 md:mr-2" />{" "}
+                        Add Menu Item
+                      </Button>
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+          </div>
+
+          {/* Form Actions */}
+          <div className="flex justify-start mt-4 md:mt-6 space-x-3 md:space-x-4">
+            <Button
+              type="button"
+              variant="outline"
+              onClick={handleCancel}
+              className="px-3 md:px-6 text-xs md:text-sm py-1 md:py-2"
+              size={isMobileScreen ? "sm" : "default"}
+            >
+              Cancel
+            </Button>
+            <Button
+              type="submit"
+              onClick={form.handleSubmit(onSubmit)}
+              disabled={!valueChange}
+              className={`text-xs md:text-sm py-1 md:py-2 ${
+                !valueChange ? "opacity-50" : ""
+              }`}
+              size={isMobileScreen ? "sm" : "default"}
+            >
+              {data && data.id ? "Save Changes" : "Save Changes"}
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+}
+
+export default MenuForm;
diff --git a/studio/src/pages/menu/components/MenuList.js b/studio/src/pages/menu/components/MenuList.js
deleted file mode 100644
index 5a6f12e16..000000000
--- a/studio/src/pages/menu/components/MenuList.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import React from 'react';
-import { useDispatch } from 'react-redux';
-import { deleteMenu } from '../../../actions/menu';
-import { Space, Button, Modal, Table, ConfigProvider, Typography } from 'antd';
-import { Link } from 'react-router-dom';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function MenuList({ actions, data, filters, setFilters, fetchMenus }) {
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemId, setDeleteItemId] = React.useState(null);
-  const dispatch = useDispatch();
-
-  const history = useNavigation();
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      render: (_, record) => {
-        return (
-          <Link
-            className="andt-dropdown-link"
-            style={{
-              marginRight: 8,
-            }}
-            to={`/settings/website/menus/${record.id}/edit`}
-          >
-            <Typography.Text style={{ fontSize: '1rem' }} strong>
-              {record.name}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      fixed: 'right',
-      align: 'center',
-      width: 150,
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            <Button
-              size="large"
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemId(record.id);
-              }}
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Space direction={'vertical'}>
-        <Table
-          columns={columns}
-          dataSource={data.menus}
-          loading={data.loading}
-          onRow={(record, rowIndex) => {
-            return {
-              onClick: (event) => {
-                history(`/settings/website/menus/${record.id}/edit`);
-              },
-              onMouseEnter: (event) => {
-                document.body.style.cursor = 'pointer';
-              },
-              onMouseLeave: (event) => {
-                document.body.style.cursor = 'default';
-              },
-            };
-          }}
-          scroll={{
-            x: '1000',
-          }}
-          rowKey={'id'}
-          pagination={{
-            showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-            total: data.total,
-            current: filters.page,
-            pageSize: filters.limit,
-            onChange: (pageNumber, pageSize) =>
-              setFilters({ ...filters, page: pageNumber, limit: pageSize }),
-            pageSizeOptions: ['10', '15', '20'],
-          }}
-        />
-        <Modal
-          open={modalOpen}
-          closable={false}
-          centered
-          width={311}
-          className="delete-modal-container"
-          style={{
-            borderRadius: '18px',
-          }}
-          onOk={(e) => {
-            e.stopPropagation();
-            dispatch(deleteMenu(deleteItemId)).then(() => {
-              fetchMenus();
-              setModalOpen(false);
-              window.location.reload();
-              setDeleteItemId(null);
-            });
-          }}
-          disabled={!(actions.includes('admin') || actions.includes('delete'))}
-          cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-          onCancel={(e) => {
-            e.stopPropagation();
-            setModalOpen(false);
-            setDeleteItemId(null);
-          }}
-        >
-          <Typography.Text strong>Are you sure you want to delete this ?</Typography.Text>
-        </Modal>
-      </Space>
-    </ConfigProvider>
-  );
-}
-
-export default MenuList;
diff --git a/studio/src/pages/menu/components/MenuList.test.js b/studio/src/pages/menu/components/MenuList.test.js
deleted file mode 100644
index 59a86772a..000000000
--- a/studio/src/pages/menu/components/MenuList.test.js
+++ /dev/null
@@ -1,229 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { Popconfirm, Button, Table } from 'antd';
-
-import '../../../matchMedia.mock';
-import MenuList from './MenuList';
-import { getMenus, deleteMenu } from '../../../actions/menu';
-import { deleteCategory } from '../../../actions/categories';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-const setFilters = jest.fn();
-const fetchMenus = jest.fn();
-let data = {
-  menus: [
-    {
-      id: 1,
-      name: 'Menu 1',
-    },
-    {
-      id: 2,
-      name: 'Menu 2',
-    },
-  ],
-  loading: false,
-  total: 2,
-};
-let filters = {
-  page: 1,
-  limit: 1,
-};
-let state = {
-  menus: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        name: 'Menu 1',
-      },
-      2: {
-        id: 2,
-        name: 'Menu 2',
-      },
-    },
-    loading: false,
-  },
-};
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/menu', () => ({
-  getMenus: jest.fn(),
-  deleteMenu: jest.fn(),
-}));
-
-describe('Menu List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <MenuList
-              fetchMenus={fetchMenus}
-              filters={filters}
-              data={data}
-              actions={['update', 'delete']}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.menus.loading = true;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <MenuList
-              fetchMenus={fetchMenus}
-              filters={filters}
-              data={data}
-              actions={['update', 'delete']}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      getMenus.mockReset();
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <MenuList
-                fetchMenus={fetchMenus}
-                setFilters={setFilters}
-                filters={filters}
-                data={data}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(Table).props().pagination.onChange(2, 1);
-        wrapper.update();
-      });
-      expect(setFilters).toHaveBeenCalledTimes(1);
-      expect(setFilters).toHaveBeenCalledWith({
-        limit: 1,
-        page: 2,
-      });
-    });
-    it('should delete menu', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <MenuList
-                fetchMenus={fetchMenus}
-                setFilters={setFilters}
-                filters={filters}
-                data={data}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-      expect(deleteMenu).toHaveBeenCalled();
-      expect(deleteMenu).toHaveBeenCalledWith(1);
-    });
-    it('should edit menu', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <MenuList
-                fetchMenus={fetchMenus}
-                setFilters={setFilters}
-                filters={filters}
-                data={data}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text(0)).toEqual('Menu 1');
-      expect(link.prop('to')).toEqual('/website/menus/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        menus: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <MenuList
-                fetchMenus={fetchMenus}
-                setFilters={setFilters}
-                filters={filters}
-                data={{ menus: [], total: 0, loading: false }}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-      expect(wrapper.find('Empty').length).toBe(1);
-    });
-  });
-});
diff --git a/studio/src/pages/menu/components/MenuList.tsx b/studio/src/pages/menu/components/MenuList.tsx
new file mode 100644
index 000000000..7ede5c90b
--- /dev/null
+++ b/studio/src/pages/menu/components/MenuList.tsx
@@ -0,0 +1,233 @@
+import React, { useState, useCallback } from "react";
+import { Trash2, Pencil, Ellipsis } from "lucide-react";
+import { deleteMenu } from "../../../actions/menu";
+import useNavigation from "../../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import EmptyState from "@/components/EmptyState";
+import { MenuListProps } from "../types";
+
+const MenuList: React.FC<MenuListProps> = ({
+  actions,
+  data,
+  fetchMenus,
+  isMobile,
+}) => {
+  const dispatch = useAppDispatch();
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);
+  const [deleteItemID, setDeleteItemID] = useState<string | number | null>(
+    null
+  );
+  const navigate = useNavigation();
+
+  const handleRowClick = useCallback(
+    (id: string | number) => {
+      navigate(`/settings/website/menus/${id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleEditClick = useCallback(
+    (e: React.MouseEvent, id: string | number) => {
+      e.stopPropagation();
+      navigate(`/settings/website/menus/${id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleDeleteClick = useCallback(
+    (e: React.MouseEvent, id: string | number) => {
+      e.stopPropagation();
+      setDeleteDialogOpen(true);
+      setDeleteItemID(id);
+    },
+    []
+  );
+
+  const handleDeleteConfirm = useCallback(
+    async (e: React.MouseEvent) => {
+      e.stopPropagation();
+      if (deleteItemID) {
+        try {
+          await dispatch(deleteMenu(deleteItemID));
+          fetchMenus();
+        } catch (error) {
+          console.error("Error deleting menu:", error);
+        } finally {
+          setDeleteItemID(null);
+          setDeleteDialogOpen(false);
+        }
+      }
+    },
+    [deleteItemID, dispatch, fetchMenus]
+  );
+
+  const handleDeleteCancel = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    setDeleteItemID(null);
+    setDeleteDialogOpen(false);
+  }, []);
+
+  const isDeleteAllowed =
+    actions.includes("admin") || actions.includes("delete");
+
+  // Check if there are any menus to display
+  const hasMenusData = !data.loading && data.menus && data.menus.length > 0;
+
+  return (
+    <div className="pb-4 overflow-auto">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="w-full">Name</TableHead>
+                <TableHead className="w-[150px] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasMenusData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="w-full">Name</TableHead>
+                <TableHead className="w-[150px] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.menus.map((menu) => (
+                <TableRow
+                  key={menu.id}
+                  onClick={() => handleRowClick(menu.id)}
+                  className="cursor-pointer"
+                >
+                  <TableCell>
+                    <h3 className="font-normal">
+                      {menu.name || "Unnamed Menu"}
+                    </h3>
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => handleEditClick(e, menu.id)}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => handleDeleteClick(e, menu.id)}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                          disabled={!isDeleteAllowed}
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="menus"
+          title="No menus found"
+          description="Your menus list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+        <DialogContent
+          className="max-w-sm p-4"
+          onPointerDownOutside={(e) => e.preventDefault()}
+        >
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Menu</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this menu?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={(e) => {
+                handleDeleteCancel(e);
+              }}
+            >
+              Cancel
+            </Button>
+            <Button
+              size="sm"
+              variant="destructive"
+              onClick={(e) => {
+                handleDeleteConfirm(e);
+              }}
+              type="button"
+              disabled={!isDeleteAllowed}
+            >
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+};
+
+export default MenuList;
diff --git a/studio/src/pages/menu/components/Submenu.js b/studio/src/pages/menu/components/Submenu.js
deleted file mode 100644
index c1a3eef2a..000000000
--- a/studio/src/pages/menu/components/Submenu.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import React from 'react';
-import { Form, Button, Row, Col } from 'antd';
-import MenuField from './MenuField';
-import { PlusOutlined } from '@ant-design/icons';
-
-function Submenu({ fieldKey, isMobileScreen }) {
-  return (
-    <>
-      <Form.List name={[fieldKey, 'menu']}>
-        {(submenus, { add, remove }) => {
-          return (
-            <div>
-              <Form.Item>
-                <Button
-                  style={{ marginTop: '10px' }}
-                  onClick={() => {
-                    add();
-                  }}
-                >
-                  <PlusOutlined /> Add submenu
-                </Button>
-              </Form.Item>
-              {submenus.map((field, index2) => (
-                <Row key={field.key}>
-                  <Col span={24}>
-                    <Form.Item>
-                      <Row
-                        key={index2}
-                        align={'middle'}
-                        justify={isMobileScreen ? 'end' : 'start'}
-                        gutter={16}
-                      >
-                        <Col md={6} xs={24}>
-                          <MenuField field={field} />
-                        </Col>
-                        <Col>
-                          <Button
-                            onClick={() => {
-                              remove(field.name);
-                            }}
-                          >
-                            Remove menu
-                          </Button>
-                        </Col>
-                      </Row>
-                      <div style={{ marginLeft: '25px' }}>
-                        <Submenu fieldKey={field.name} isMobileScreen={isMobileScreen} />
-                      </div>
-                    </Form.Item>
-                  </Col>
-                </Row>
-              ))}
-            </div>
-          );
-        }}
-      </Form.List>
-    </>
-  );
-}
-
-export default Submenu;
diff --git a/studio/src/pages/menu/components/Submenu.test.js b/studio/src/pages/menu/components/Submenu.test.js
deleted file mode 100644
index e7cc5639e..000000000
--- a/studio/src/pages/menu/components/Submenu.test.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-import { Form } from 'antd';
-
-import '../../../matchMedia.mock';
-import Submenu from './Submenu';
-import MenuField from './MenuField';
-import { MinusCircleOutlined } from '@ant-design/icons';
-
-describe('Submenu component', () => {
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = mount(
-          <Form>
-            <Submenu fieldKey="1" />
-          </Form>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    it('should add field on click of button', () => {
-      let component;
-      act(() => {
-        component = mount(
-          <Form>
-            <Submenu fieldKey="1" />
-          </Form>,
-        );
-      });
-      const total_menuFields = component.find(MenuField).length;
-      const addButton = component.find('Button');
-      addButton.simulate('click');
-      expect(component.find(MenuField).length).toBe(total_menuFields + 1);
-    });
-    it('should remove field on click of button', () => {
-      let component;
-      act(() => {
-        component = mount(
-          <Form>
-            <Submenu fieldKey="1" />
-          </Form>,
-        );
-      });
-      component.find('Button').simulate('click');
-      const total_menuFields = component.find(MenuField).length;
-      const removeButton = component.find(MinusCircleOutlined);
-      removeButton.simulate('click');
-      expect(component.find(MenuField).length).toBe(total_menuFields - 1);
-    });
-  });
-});
diff --git a/studio/src/pages/menu/components/Submenu.tsx b/studio/src/pages/menu/components/Submenu.tsx
new file mode 100644
index 000000000..9e4c6ddf6
--- /dev/null
+++ b/studio/src/pages/menu/components/Submenu.tsx
@@ -0,0 +1,82 @@
+import React from "react";
+import { useFieldArray, useFormContext } from "react-hook-form";
+import { Button } from "@/components/ui/button";
+import { MinusCircle, PlusCircle } from "lucide-react";
+import MenuField from "./MenuField";
+import { SubmenuProps } from "../types";
+
+const Submenu: React.FC<SubmenuProps> = ({
+  fieldKey,
+  isMobileScreen,
+  depth = 0,
+}) => {
+  const { control } = useFormContext();
+
+  // Use useFieldArray from react-hook-form to manage the dynamic submenu items
+  const { fields, append, remove } = useFieldArray({
+    control,
+    name: `${fieldKey}.menu`,
+  });
+
+  // Limit nesting depth to prevent infinite recursion
+  const hasReachedMaxDepth = depth >= 2;
+
+  return (
+    <div className="space-y-3 md:space-y-4">
+      {!hasReachedMaxDepth && (
+        <div className="mt-2 md:mt-4 mb-3 md:mb-6">
+          <Button
+            type="button"
+            onClick={() => append({ name: "", title: "", url: "" })}
+            variant="outline"
+            className="w-full py-3 md:py-6 text-xs md:text-sm border-2 border-dashed border-gray-300 hover:border-gray-400 flex items-center justify-center"
+          >
+            <PlusCircle className="h-4 w-4 mr-1 md:mr-2" />
+            Add Submenu
+          </Button>
+        </div>
+      )}
+
+      {fields.map((field, index) => (
+        <div key={field.id} className="space-y-2">
+          <div className="border border-gray-200 rounded-md overflow-hidden">
+            <div className="w-full">
+              <MenuField
+                field={{
+                  name: index,
+                  fieldKey: index,
+                  key: index,
+                }}
+                formFieldPath={`${fieldKey}.menu.${index}`}
+              />
+              <div className="p-2 md:p-4">
+                <Button
+                  variant="outline"
+                  onClick={() => remove(index)}
+                  type="button"
+                  className="text-red-500 text-xs md:text-sm w-full md:w-auto"
+                  size={isMobileScreen ? "sm" : "default"}
+                >
+                  <MinusCircle className="h-3 w-3 md:h-4 md:w-4 mr-1 md:mr-2" />
+                  Remove Submenu
+                </Button>
+              </div>
+            </div>
+          </div>
+
+          {!hasReachedMaxDepth && (
+            <div className="ml-3 md:ml-6">
+              <Submenu
+                fieldKey={`${fieldKey}.menu.${index}`}
+                isMobileScreen={isMobileScreen}
+                depth={depth + 1}
+              />
+            </div>
+          )}
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default Submenu;
diff --git a/studio/src/pages/menu/components/__snapshots__/MenuField.test.js.snap b/studio/src/pages/menu/components/__snapshots__/MenuField.test.js.snap
deleted file mode 100644
index ce5aa6f27..000000000
--- a/studio/src/pages/menu/components/__snapshots__/MenuField.test.js.snap
+++ /dev/null
@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`MenuField component snapshot testing should render the component 1`] = `
-<SizeContextProvider>
-  <ContextProvider
-    value={
-      Object {
-        "colon": undefined,
-        "itemRef": [Function],
-        "labelAlign": undefined,
-        "labelCol": undefined,
-        "name": undefined,
-        "requiredMark": true,
-        "vertical": false,
-        "wrapperCol": undefined,
-      }
-    }
-  >
-    <ForwardRef(Form)
-      className="ant-form ant-form-horizontal"
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": undefined,
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      onFinishFailed={[Function]}
-    >
-      <MenuField
-        field={Array []}
-      />
-    </ForwardRef(Form)>
-  </ContextProvider>
-</SizeContextProvider>
-`;
diff --git a/studio/src/pages/menu/components/__snapshots__/MenuForm.test.js.snap b/studio/src/pages/menu/components/__snapshots__/MenuForm.test.js.snap
deleted file mode 100644
index ce338a071..000000000
--- a/studio/src/pages/menu/components/__snapshots__/MenuForm.test.js.snap
+++ /dev/null
@@ -1,1771 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Menu Create Form component snapshot testing should match component with data 1`] = `
-<div>
-  <ForwardRef(InternalForm)
-    form={
-      Object {
-        "__INTERNAL__": Object {
-          "itemRef": [Function],
-        },
-        "getFieldError": [Function],
-        "getFieldInstance": [Function],
-        "getFieldValue": [Function],
-        "getFieldsError": [Function],
-        "getFieldsValue": [Function],
-        "getInternalHooks": [Function],
-        "isFieldTouched": [Function],
-        "isFieldValidating": [Function],
-        "isFieldsTouched": [Function],
-        "isFieldsValidating": [Function],
-        "resetFields": [Function],
-        "scrollToField": [Function],
-        "setFields": [Function],
-        "setFieldsValue": [Function],
-        "submit": [Function],
-        "validateFields": [Function],
-      }
-    }
-    initialValues={
-      Object {
-        "menu": Array [
-          Object {
-            "menu": Array [
-              Object {
-                "name": "Submenu 1",
-              },
-            ],
-            "name": "Menu 1",
-          },
-          Object {
-            "name": "Menu 2",
-          },
-        ],
-        "name": "Menu",
-      }
-    }
-    onFinish={[Function]}
-    onValuesChange={[Function]}
-  >
-    <FormItem
-      label="Name"
-      name="name"
-      rules={
-        Array [
-          Object {
-            "message": "Please input the name!",
-            "required": true,
-          },
-        ]
-      }
-    >
-      <Input
-        placeholder="Enter name"
-        type="text"
-      />
-    </FormItem>
-    <FormList
-      name="menu"
-    >
-      <Component />
-    </FormList>
-    <FormItem
-      label="Metafields"
-      name="meta_fields"
-      style={
-        Object {
-          "marginTop": "20px",
-        }
-      }
-    >
-      <MONACOEditor
-        language="json"
-      />
-    </FormItem>
-    <FormItem>
-      <Button
-        disabled={true}
-        htmlType="submit"
-      >
-        Submit
-      </Button>
-    </FormItem>
-  </ForwardRef(InternalForm)>
-</div>
-`;
-
-exports[`Menu Create Form component snapshot testing should match with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <MenuForm
-    data={Array []}
-  >
-    <div>
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": undefined,
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-horizontal"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": undefined,
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            initialValues={Object {}}
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-horizontal"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <FormItem
-                label="Name"
-                name="name"
-                rules={
-                  Array [
-                    Object {
-                      "message": "Please input the name!",
-                      "required": true,
-                    },
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name="name"
-                  onReset={[Function]}
-                  rules={
-                    Array [
-                      Object {
-                        "message": "Please input the name!",
-                        "required": true,
-                      },
-                    ]
-                  }
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": undefined,
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_name"
-                    label="Name"
-                    messageVariables={
-                      Object {
-                        "label": "Name",
-                      }
-                    }
-                    name={
-                      Array [
-                        "name",
-                      ]
-                    }
-                    onReset={[Function]}
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please input the name!",
-                          "required": true,
-                        },
-                      ]
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="name"
-                          label="Name"
-                          name="name"
-                          prefixCls="ant-form"
-                          required={true}
-                          requiredMark={true}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the name!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className="ant-form-item-required"
-                                htmlFor="name"
-                                title="Name"
-                              >
-                                Name
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Name"
-                          name={
-                            Array [
-                              "name",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the name!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="name"
-                                      onChange={[Function]}
-                                      placeholder="Enter name"
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="name"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            placeholder="Enter name"
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="name"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        placeholder="Enter name"
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter name"
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormList
-                name="menu"
-              >
-                <List
-                  name="menu"
-                >
-                  <WrapperField
-                    isList={true}
-                    name={Array []}
-                    shouldUpdate={[Function]}
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "prefixName": Array [
-                            "menu",
-                          ],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      isList={true}
-                      key="_"
-                      name={Array []}
-                      shouldUpdate={[Function]}
-                      trigger="onChange"
-                      valuePropName="value"
-                    >
-                      <div>
-                        <Button
-                          onClick={[Function]}
-                        >
-                          <Wave>
-                            <button
-                              className="ant-btn"
-                              onClick={[Function]}
-                              type="button"
-                            >
-                              <LoadingIcon
-                                existIcon={false}
-                                loading={false}
-                                prefixCls="ant-btn"
-                              >
-                                <CSSMotion
-                                  motionName="ant-btn-loading-icon-motion"
-                                  onAppearActive={[Function]}
-                                  onAppearStart={[Function]}
-                                  onEnterActive={[Function]}
-                                  onEnterStart={[Function]}
-                                  onLeaveActive={[Function]}
-                                  onLeaveStart={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </LoadingIcon>
-                              <ForwardRef(PlusOutlined)
-                                key=".0"
-                              >
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {},
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {},
-                                                "tag": "style",
-                                              },
-                                            ],
-                                            "tag": "defs",
-                                          },
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "plus",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="plus"
-                                    className="anticon anticon-plus"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {},
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {},
-                                                    "tag": "style",
-                                                  },
-                                                ],
-                                                "tag": "defs",
-                                              },
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "plus",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="plus"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-plus"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <defs
-                                          key="svg-plus-svg-0"
-                                        >
-                                          <style
-                                            key="svg-plus-svg-0-defs-0"
-                                          />
-                                        </defs>
-                                        <path
-                                          d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-                                          key="svg-plus-svg-1"
-                                        />
-                                        <path
-                                          d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-                                          key="svg-plus-svg-2"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(PlusOutlined)>
-                              <span
-                                key=".1"
-                              >
-                                 Add menu
-                              </span>
-                            </button>
-                          </Wave>
-                        </Button>
-                      </div>
-                    </Field>
-                  </WrapperField>
-                </List>
-              </FormList>
-              <FormItem
-                label="Metafields"
-                name="meta_fields"
-                style={
-                  Object {
-                    "marginTop": "20px",
-                  }
-                }
-              >
-                <WrapperField
-                  label="Metafields"
-                  messageVariables={
-                    Object {
-                      "label": "Metafields",
-                    }
-                  }
-                  name="meta_fields"
-                  onReset={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "20px",
-                    }
-                  }
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": undefined,
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_meta_fields"
-                    label="Metafields"
-                    messageVariables={
-                      Object {
-                        "label": "Metafields",
-                      }
-                    }
-                    name={
-                      Array [
-                        "meta_fields",
-                      ]
-                    }
-                    onReset={[Function]}
-                    style={
-                      Object {
-                        "marginTop": "20px",
-                      }
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                      style={
-                        Object {
-                          "marginTop": "20px",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={
-                          Object {
-                            "marginTop": "20px",
-                          }
-                        }
-                      >
-                        <FormItemLabel
-                          htmlFor="meta_fields"
-                          label="Metafields"
-                          name="meta_fields"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                          style={
-                            Object {
-                              "marginTop": "20px",
-                            }
-                          }
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="meta_fields"
-                                title="Metafields"
-                              >
-                                Metafields
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Metafields"
-                          name={
-                            Array [
-                              "meta_fields",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          style={
-                            Object {
-                              "marginTop": "20px",
-                            }
-                          }
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <MONACOEditor
-                                      id="meta_fields"
-                                      language="json"
-                                      onChange={[Function]}
-                                    >
-                                      <MonacoEditor
-                                        height="240"
-                                        language="json"
-                                        onChange={[Function]}
-                                        options={
-                                          Object {
-                                            "autoClosingBrackets": "auto",
-                                            "autoClosingQuotes": "auto",
-                                            "cursorBlinking": "smooth",
-                                            "folding": true,
-                                            "lineNumbersMinChars": 4,
-                                            "minimap": Object {
-                                              "enabled": false,
-                                            },
-                                            "scrollBeyondLastLine": false,
-                                            "scrollbar": Object {
-                                              "alwaysConsumeMouseWheel": false,
-                                            },
-                                            "theme": "vs-dark",
-                                            "wordWrap": "on",
-                                          }
-                                        }
-                                        width={440}
-                                      >
-                                        <div />
-                                      </MonacoEditor>
-                                    </MONACOEditor>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem>
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={Object {}}
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      validateStatus=""
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                      >
-                        <div
-                          className="ant-col ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Button
-                                disabled={true}
-                                htmlType="submit"
-                              >
-                                <Wave>
-                                  <button
-                                    className="ant-btn"
-                                    disabled={true}
-                                    onClick={[Function]}
-                                    type="submit"
-                                  >
-                                    <LoadingIcon
-                                      existIcon={false}
-                                      loading={false}
-                                      prefixCls="ant-btn"
-                                    >
-                                      <CSSMotion
-                                        motionName="ant-btn-loading-icon-motion"
-                                        onAppearActive={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </LoadingIcon>
-                                    <span
-                                      key=".0"
-                                    >
-                                      Submit
-                                    </span>
-                                  </button>
-                                </Wave>
-                              </Button>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </div>
-  </MenuForm>
-</Provider>
-`;
-
-exports[`Menu Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <MenuForm>
-    <div>
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": undefined,
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-horizontal"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": undefined,
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            initialValues={Object {}}
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-horizontal"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <FormItem
-                label="Name"
-                name="name"
-                rules={
-                  Array [
-                    Object {
-                      "message": "Please input the name!",
-                      "required": true,
-                    },
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name="name"
-                  onReset={[Function]}
-                  rules={
-                    Array [
-                      Object {
-                        "message": "Please input the name!",
-                        "required": true,
-                      },
-                    ]
-                  }
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": undefined,
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_name"
-                    label="Name"
-                    messageVariables={
-                      Object {
-                        "label": "Name",
-                      }
-                    }
-                    name={
-                      Array [
-                        "name",
-                      ]
-                    }
-                    onReset={[Function]}
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please input the name!",
-                          "required": true,
-                        },
-                      ]
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="name"
-                          label="Name"
-                          name="name"
-                          prefixCls="ant-form"
-                          required={true}
-                          requiredMark={true}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the name!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className="ant-form-item-required"
-                                htmlFor="name"
-                                title="Name"
-                              >
-                                Name
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Name"
-                          name={
-                            Array [
-                              "name",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the name!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="name"
-                                      onChange={[Function]}
-                                      placeholder="Enter name"
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="name"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            placeholder="Enter name"
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="name"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        placeholder="Enter name"
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter name"
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormList
-                name="menu"
-              >
-                <List
-                  name="menu"
-                >
-                  <WrapperField
-                    isList={true}
-                    name={Array []}
-                    shouldUpdate={[Function]}
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": undefined,
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "prefixName": Array [
-                            "menu",
-                          ],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      isList={true}
-                      key="_"
-                      name={Array []}
-                      shouldUpdate={[Function]}
-                      trigger="onChange"
-                      valuePropName="value"
-                    >
-                      <div>
-                        <Button
-                          onClick={[Function]}
-                        >
-                          <Wave>
-                            <button
-                              className="ant-btn"
-                              onClick={[Function]}
-                              type="button"
-                            >
-                              <LoadingIcon
-                                existIcon={false}
-                                loading={false}
-                                prefixCls="ant-btn"
-                              >
-                                <CSSMotion
-                                  motionName="ant-btn-loading-icon-motion"
-                                  onAppearActive={[Function]}
-                                  onAppearStart={[Function]}
-                                  onEnterActive={[Function]}
-                                  onEnterStart={[Function]}
-                                  onLeaveActive={[Function]}
-                                  onLeaveStart={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </LoadingIcon>
-                              <ForwardRef(PlusOutlined)
-                                key=".0"
-                              >
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {},
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {},
-                                                "tag": "style",
-                                              },
-                                            ],
-                                            "tag": "defs",
-                                          },
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "plus",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="plus"
-                                    className="anticon anticon-plus"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {},
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {},
-                                                    "tag": "style",
-                                                  },
-                                                ],
-                                                "tag": "defs",
-                                              },
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "plus",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="plus"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-plus"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <defs
-                                          key="svg-plus-svg-0"
-                                        >
-                                          <style
-                                            key="svg-plus-svg-0-defs-0"
-                                          />
-                                        </defs>
-                                        <path
-                                          d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-                                          key="svg-plus-svg-1"
-                                        />
-                                        <path
-                                          d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-                                          key="svg-plus-svg-2"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(PlusOutlined)>
-                              <span
-                                key=".1"
-                              >
-                                 Add menu
-                              </span>
-                            </button>
-                          </Wave>
-                        </Button>
-                      </div>
-                    </Field>
-                  </WrapperField>
-                </List>
-              </FormList>
-              <FormItem
-                label="Metafields"
-                name="meta_fields"
-                style={
-                  Object {
-                    "marginTop": "20px",
-                  }
-                }
-              >
-                <WrapperField
-                  label="Metafields"
-                  messageVariables={
-                    Object {
-                      "label": "Metafields",
-                    }
-                  }
-                  name="meta_fields"
-                  onReset={[Function]}
-                  style={
-                    Object {
-                      "marginTop": "20px",
-                    }
-                  }
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": undefined,
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_meta_fields"
-                    label="Metafields"
-                    messageVariables={
-                      Object {
-                        "label": "Metafields",
-                      }
-                    }
-                    name={
-                      Array [
-                        "meta_fields",
-                      ]
-                    }
-                    onReset={[Function]}
-                    style={
-                      Object {
-                        "marginTop": "20px",
-                      }
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                      style={
-                        Object {
-                          "marginTop": "20px",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={
-                          Object {
-                            "marginTop": "20px",
-                          }
-                        }
-                      >
-                        <FormItemLabel
-                          htmlFor="meta_fields"
-                          label="Metafields"
-                          name="meta_fields"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                          style={
-                            Object {
-                              "marginTop": "20px",
-                            }
-                          }
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="meta_fields"
-                                title="Metafields"
-                              >
-                                Metafields
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Metafields"
-                          name={
-                            Array [
-                              "meta_fields",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          style={
-                            Object {
-                              "marginTop": "20px",
-                            }
-                          }
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <MONACOEditor
-                                      id="meta_fields"
-                                      language="json"
-                                      onChange={[Function]}
-                                    >
-                                      <MonacoEditor
-                                        height="240"
-                                        language="json"
-                                        onChange={[Function]}
-                                        options={
-                                          Object {
-                                            "autoClosingBrackets": "auto",
-                                            "autoClosingQuotes": "auto",
-                                            "cursorBlinking": "smooth",
-                                            "folding": true,
-                                            "lineNumbersMinChars": 4,
-                                            "minimap": Object {
-                                              "enabled": false,
-                                            },
-                                            "scrollBeyondLastLine": false,
-                                            "scrollbar": Object {
-                                              "alwaysConsumeMouseWheel": false,
-                                            },
-                                            "theme": "vs-dark",
-                                            "wordWrap": "on",
-                                          }
-                                        }
-                                        width={440}
-                                      >
-                                        <div />
-                                      </MonacoEditor>
-                                    </MONACOEditor>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem>
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={Object {}}
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      validateStatus=""
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                      >
-                        <div
-                          className="ant-col ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Button
-                                disabled={true}
-                                htmlType="submit"
-                              >
-                                <Wave>
-                                  <button
-                                    className="ant-btn"
-                                    disabled={true}
-                                    onClick={[Function]}
-                                    type="submit"
-                                  >
-                                    <LoadingIcon
-                                      existIcon={false}
-                                      loading={false}
-                                      prefixCls="ant-btn"
-                                    >
-                                      <CSSMotion
-                                        motionName="ant-btn-loading-icon-motion"
-                                        onAppearActive={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </LoadingIcon>
-                                    <span
-                                      key=".0"
-                                    >
-                                      Submit
-                                    </span>
-                                  </button>
-                                </Wave>
-                              </Button>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </div>
-  </MenuForm>
-</Provider>
-`;
diff --git a/studio/src/pages/menu/components/__snapshots__/MenuList.test.js.snap b/studio/src/pages/menu/components/__snapshots__/MenuList.test.js.snap
deleted file mode 100644
index 38af5faa8..000000000
--- a/studio/src/pages/menu/components/__snapshots__/MenuList.test.js.snap
+++ /dev/null
@@ -1,4117 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Menu List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <MenuList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "loading": false,
-            "menus": Array [
-              Object {
-                "id": 1,
-                "name": "Menu 1",
-              },
-              Object {
-                "id": 2,
-                "name": "Menu 2",
-              },
-            ],
-            "total": 2,
-          }
-        }
-        fetchMenus={[MockFunction]}
-        filters={
-          Object {
-            "limit": 1,
-            "page": 1,
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "id": 1,
-                        "name": "Menu 1",
-                      },
-                      Object {
-                        "id": 2,
-                        "name": "Menu 2",
-                      },
-                    ]
-                  }
-                  loading={false}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 1,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "id": 1,
-                                  "name": "Menu 1",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "id": 1,
-                                  "name": "Menu 1",
-                                },
-                                Object {
-                                  "id": 2,
-                                  "name": "Menu 2",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              class="andt-dropdown-link"
-                                              href="/website/menus/1/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Menu 1
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 1,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "id": 1,
-                                        "name": "Menu 1",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "id": 1,
-                                        "name": "Menu 1",
-                                      },
-                                      Object {
-                                        "id": 2,
-                                        "name": "Menu 2",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    class="andt-dropdown-link"
-                                                    href="/website/menus/1/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Menu 1
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 1,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 2,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={2}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "id": 1,
-                                              "name": "Menu 1",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "id": 1,
-                                                "name": "Menu 1",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "id": 1,
-                                                    "name": "Menu 1",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    className="andt-dropdown-link"
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/website/menus/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      className="andt-dropdown-link"
-                                                      href="/website/menus/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        className="andt-dropdown-link"
-                                                        href="/website/menus/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Menu 1
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "id": 1,
-                                                    "name": "Menu 1",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Sure to delete?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Sure to delete?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Sure to delete?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Sure to delete?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={1}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={1}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-1 of 2 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <Pager
-                                    active={false}
-                                    itemRender={[Function]}
-                                    key="2"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={2}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-2"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={2}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        2
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={false}
-                                    className="ant-pagination-next"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={0}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={false}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={1}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </MenuList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Menu List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <MenuList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "loading": false,
-            "menus": Array [
-              Object {
-                "id": 1,
-                "name": "Menu 1",
-              },
-              Object {
-                "id": 2,
-                "name": "Menu 2",
-              },
-            ],
-            "total": 2,
-          }
-        }
-        fetchMenus={[MockFunction]}
-        filters={
-          Object {
-            "limit": 1,
-            "page": 1,
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "operation",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Action",
-                        "width": 150,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "id": 1,
-                        "name": "Menu 1",
-                      },
-                      Object {
-                        "id": 2,
-                        "name": "Menu 2",
-                      },
-                    ]
-                  }
-                  loading={false}
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 1,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 2,
-                    }
-                  }
-                  rowKey="id"
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "id": 1,
-                                  "name": "Menu 1",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "id": 1,
-                                  "name": "Menu 1",
-                                },
-                                Object {
-                                  "id": 2,
-                                  "name": "Menu 2",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup>
-                                        <col />
-                                        <col
-                                          style="width: 150px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Action
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              class="andt-dropdown-link"
-                                              href="/website/menus/1/edit"
-                                              style="margin-right: 8px;"
-                                            >
-                                              Menu 1
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <button
-                                              class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                              type="button"
-                                            >
-                                              <span
-                                                aria-label="delete"
-                                                class="anticon anticon-delete"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="delete"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                            </button>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 1,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 2,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "operation",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Action",
-                                        "width": 150,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "id": 1,
-                                        "name": "Menu 1",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "id": 1,
-                                        "name": "Menu 1",
-                                      },
-                                      Object {
-                                        "id": 2,
-                                        "name": "Menu 2",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup>
-                                              <col />
-                                              <col
-                                                style="width: 150px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Action
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    class="andt-dropdown-link"
-                                                    href="/website/menus/1/edit"
-                                                    style="margin-right: 8px;"
-                                                  >
-                                                    Menu 1
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <button
-                                                    class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                    type="button"
-                                                  >
-                                                    <span
-                                                      aria-label="delete"
-                                                      class="anticon anticon-delete"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="delete"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                  </button>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 1,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 2,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            150,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": 150,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={2}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "operation",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Action",
-                                              "width": 150,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Action",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Action
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "id": 1,
-                                              "name": "Menu 1",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "id": 1,
-                                                "name": "Menu 1",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "id": 1,
-                                                    "name": "Menu 1",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    className="andt-dropdown-link"
-                                                    style={
-                                                      Object {
-                                                        "marginRight": 8,
-                                                      }
-                                                    }
-                                                    to="/website/menus/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      className="andt-dropdown-link"
-                                                      href="/website/menus/1/edit"
-                                                      navigate={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                    >
-                                                      <a
-                                                        className="andt-dropdown-link"
-                                                        href="/website/menus/1/edit"
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        Menu 1
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="operation"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="operation"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "id": 1,
-                                                    "name": "Menu 1",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <ForwardRef
-                                                    disabled={false}
-                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                    okType="primary"
-                                                    onConfirm={[Function]}
-                                                    placement="top"
-                                                    title="Sure to delete?"
-                                                    trigger="click"
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      onVisibleChange={[Function]}
-                                                      overlay={
-                                                        <LocaleReceiver
-                                                          componentName="Popconfirm"
-                                                          defaultLocale={
-                                                            Object {
-                                                              "cancelText": "Cancel",
-                                                              "okText": "OK",
-                                                            }
-                                                          }
-                                                        >
-                                                          [Function]
-                                                        </LocaleReceiver>
-                                                      }
-                                                      overlayClassName="ant-popconfirm"
-                                                      placement="top"
-                                                      prefixCls="ant-popover"
-                                                      title="Sure to delete?"
-                                                      transitionName="ant-zoom-big"
-                                                      trigger="click"
-                                                      visible={false}
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-popover-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Sure to delete?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action="click"
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          disabled={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName="ant-popconfirm"
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          popupPlacement="top"
-                                                          popupStyle={Object {}}
-                                                          popupTransitionName="ant-zoom-big"
-                                                          popupVisible={false}
-                                                          prefixCls="ant-popover"
-                                                          showAction={Array []}
-                                                          title="Sure to delete?"
-                                                          visible={false}
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(DeleteOutlined) />}
-                                                            key="trigger"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onMouseDown={[Function]}
-                                                            onTouchStart={[Function]}
-                                                            type="danger"
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onTouchStart={[Function]}
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(DeleteOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "delete",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="delete"
-                                                                      className="anticon anticon-delete"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="delete"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-delete"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                            key="svg-delete-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DeleteOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </ForwardRef>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={1}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={1}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-1 of 2 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <Pager
-                                    active={false}
-                                    itemRender={[Function]}
-                                    key="2"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={2}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-2"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={2}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        2
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={false}
-                                    className="ant-pagination-next"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={0}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={false}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={1}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </MenuList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/menu/components/__snapshots__/Submenu.test.js.snap b/studio/src/pages/menu/components/__snapshots__/Submenu.test.js.snap
deleted file mode 100644
index f0e5d0e7a..000000000
--- a/studio/src/pages/menu/components/__snapshots__/Submenu.test.js.snap
+++ /dev/null
@@ -1,321 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Submenu component snapshot testing should render the component 1`] = `
-<ForwardRef(InternalForm)>
-  <SizeContextProvider>
-    <ForwardRef(Form)
-      className="ant-form ant-form-horizontal"
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": undefined,
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      onFinishFailed={[Function]}
-    >
-      <form
-        className="ant-form ant-form-horizontal"
-        onReset={[Function]}
-        onSubmit={[Function]}
-      >
-        <Submenu
-          fieldKey="1"
-        >
-          <FormList
-            name={
-              Array [
-                "1",
-                "menu",
-              ]
-            }
-          >
-            <List
-              name={
-                Array [
-                  "1",
-                  "menu",
-                ]
-              }
-            >
-              <WrapperField
-                isList={true}
-                name={Array []}
-                shouldUpdate={[Function]}
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": undefined,
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "prefixName": Array [
-                        "1",
-                        "menu",
-                      ],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  isList={true}
-                  key="_"
-                  name={Array []}
-                  shouldUpdate={[Function]}
-                  trigger="onChange"
-                  valuePropName="value"
-                >
-                  <div>
-                    <div>
-                      <FormItem>
-                        <Row
-                          className="ant-form-item"
-                          key="row"
-                        >
-                          <div
-                            className="ant-row ant-form-item"
-                            style={Object {}}
-                          >
-                            <FormItemLabel
-                              prefixCls="ant-form"
-                              requiredMark={true}
-                            />
-                            <FormItemInput
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                              prefixCls="ant-form"
-                              status=""
-                              validateStatus=""
-                            >
-                              <Col
-                                className="ant-form-item-control"
-                              >
-                                <div
-                                  className="ant-col ant-form-item-control"
-                                  style={Object {}}
-                                >
-                                  <div
-                                    className="ant-form-item-control-input"
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input-content"
-                                    >
-                                      <Button
-                                        onClick={[Function]}
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn"
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <ForwardRef(PlusOutlined)
-                                              key=".0"
-                                            >
-                                              <AntdIcon
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {},
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {},
-                                                              "tag": "style",
-                                                            },
-                                                          ],
-                                                          "tag": "defs",
-                                                        },
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "plus",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <span
-                                                  aria-label="plus"
-                                                  className="anticon anticon-plus"
-                                                  role="img"
-                                                >
-                                                  <IconReact
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {},
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {},
-                                                                  "tag": "style",
-                                                                },
-                                                              ],
-                                                              "tag": "defs",
-                                                            },
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "plus",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="plus"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      key="svg-plus"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <defs
-                                                        key="svg-plus-svg-0"
-                                                      >
-                                                        <style
-                                                          key="svg-plus-svg-0-defs-0"
-                                                        />
-                                                      </defs>
-                                                      <path
-                                                        d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-                                                        key="svg-plus-svg-1"
-                                                      />
-                                                      <path
-                                                        d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-                                                        key="svg-plus-svg-2"
-                                                      />
-                                                    </svg>
-                                                  </IconReact>
-                                                </span>
-                                              </AntdIcon>
-                                            </ForwardRef(PlusOutlined)>
-                                            <span
-                                              key=".1"
-                                            >
-                                               Add submenu
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </div>
-                                  <ErrorList
-                                    errors={Array []}
-                                    onDomErrorVisibleChange={[Function]}
-                                  >
-                                    <CSSMotion
-                                      motionAppear={true}
-                                      motionDeadline={500}
-                                      motionName="ant-show-help"
-                                      onLeaveEnd={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </ErrorList>
-                                </div>
-                              </Col>
-                            </FormItemInput>
-                          </div>
-                        </Row>
-                      </FormItem>
-                    </div>
-                  </div>
-                </Field>
-              </WrapperField>
-            </List>
-          </FormList>
-        </Submenu>
-      </form>
-    </ForwardRef(Form)>
-  </SizeContextProvider>
-</ForwardRef(InternalForm)>
-`;
diff --git a/studio/src/pages/menu/hooks/useMenusData.tsx b/studio/src/pages/menu/hooks/useMenusData.tsx
new file mode 100644
index 000000000..13b38acf1
--- /dev/null
+++ b/studio/src/pages/menu/hooks/useMenusData.tsx
@@ -0,0 +1,54 @@
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import { Menu, MenuFilters, RootState } from "../types";
+import deepEqual from "deep-equal";
+
+export const useMenusData = (
+  filters: MenuFilters,
+  searchText: string,
+  sortOrder: "asc" | "desc" = "asc"
+) => {
+  // Get data from Redux
+  const { menus, total, loading } = useSelector((state: RootState) => {
+    const node = state.menus.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node) {
+      return {
+        menus: node.data.map((element) => state.menus.details[element]),
+        total: node.total,
+        loading: state.menus.loading,
+      };
+    }
+
+    return { menus: [], total: 0, loading: state.menus.loading };
+  });
+
+  // Filter and sort menus locally based on search text and sort order
+  const filteredMenus = useMemo(() => {
+    let filtered = menus as Menu[];
+
+    // Apply search filter
+    if (searchText.trim()) {
+      filtered = menus.filter((menu) =>
+        menu.name?.toLowerCase().includes(searchText.toLowerCase())
+      );
+    }
+
+    // Apply sorting
+    return [...filtered].sort((a, b) => {
+      if (sortOrder === "asc") {
+        return a.name?.localeCompare(b.name || "") || 0;
+      } else {
+        return b.name?.localeCompare(a.name || "") || 0;
+      }
+    });
+  }, [menus, searchText, sortOrder]);
+
+  return {
+    menus: filteredMenus,
+    total,
+    loading,
+  };
+};
diff --git a/studio/src/pages/menu/hooks/useMenusPagination.tsx b/studio/src/pages/menu/hooks/useMenusPagination.tsx
new file mode 100644
index 000000000..47e410e6c
--- /dev/null
+++ b/studio/src/pages/menu/hooks/useMenusPagination.tsx
@@ -0,0 +1,39 @@
+import { useCallback, useMemo } from "react";
+import { MenuFilters } from "../types";
+
+export const useMenusPagination = (
+  filters: MenuFilters,
+  setFilters: (
+    filters: MenuFilters | ((prev: MenuFilters) => MenuFilters)
+  ) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const pageSize = filters.limit || 10;
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(total / pageSize)),
+    [total, pageSize]
+  );
+
+  // Pagination handlers
+  const handlePageChange = useCallback(
+    (page: number) => {
+      setFilters((prev: MenuFilters) => ({ ...prev, page }));
+    },
+    [setFilters]
+  );
+
+  const handlePageSizeChange = useCallback(
+    (size: number) => {
+      setFilters({ ...filters, limit: size, page: 1 });
+    },
+    [setFilters, filters]
+  );
+
+  return {
+    pageSize,
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+  };
+};
diff --git a/studio/src/pages/menu/index.js b/studio/src/pages/menu/index.js
deleted file mode 100644
index 400d88edf..000000000
--- a/studio/src/pages/menu/index.js
+++ /dev/null
@@ -1,70 +0,0 @@
-import React from 'react';
-import { Space, Button, Row } from 'antd';
-import MenuList from './components/MenuList';
-import { Link, useLocation } from 'react-router-dom';
-import { useDispatch, useSelector } from 'react-redux';
-import { getMenus } from '../../actions/menu';
-import deepEqual from 'deep-equal';
-import getUserPermission from '../../utils/getUserPermission';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-
-function Menu() {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'menus', action: 'get', spaces });
-  const dispatch = useDispatch();
-  const query = new URLSearchParams(useLocation().search);
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 20,
-  });
-  query.set('page', filters.page);
-  window.history.replaceState({}, '', `${window.PUBLIC_URL}${useLocation().pathname}?${query}`);
-  const { menus, total, loading } = useSelector((state) => {
-    const node = state.menus.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-    if (node)
-      return {
-        menus: node.data.map((element) => state.menus.details[element]),
-        total: node.total,
-        loading: state.menus.loading,
-      };
-    return { menus: [], total: 0, loading: state.menus.loading };
-  });
-  React.useEffect(() => {
-    fetchMenus();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchMenus = () => {
-    dispatch(getMenus(filters));
-  };
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Menu'} />
-      <Row justify="end">
-        <Link to="/settings/website/menus/create">
-          <Button
-            disabled={!(actions.includes('admin') || actions.includes('create'))}
-            type="primary"
-          >
-            New Menu
-          </Button>
-        </Link>
-      </Row>
-
-      <MenuList
-        actions={actions}
-        data={{ menus, total, loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchMenus={fetchMenus}
-      />
-    </Space>
-  );
-}
-
-export default Menu;
diff --git a/studio/src/pages/menu/index.test.js b/studio/src/pages/menu/index.test.js
deleted file mode 100644
index f8d2c172e..000000000
--- a/studio/src/pages/menu/index.test.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import Menu from './index';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('../../actions/menu', () => ({
-  getMenus: jest.fn(),
-}));
-let state = {
-  menus: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        name: 'Menu 1',
-      },
-    },
-    loading: false,
-  },
-  spaces: {
-    orgs: [{ id: 1, organisation: 'Organisation 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-};
-describe('Menu component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({});
-    store.dispatch = jest.fn();
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  it('should render the component', () => {
-    let state2 = {
-      menus: {
-        req: [],
-        details: {},
-        loading: false,
-      },
-      spaces: {
-        orgs: [{ id: 1, organisation: 'Organisation 1', spaces: [11] }],
-        details: {
-          11: { id: 11, name: 'Space 11' },
-        },
-        loading: false,
-        selected: 11,
-      },
-    };
-    store = mockStore(state2);
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Menu
-            permission={{
-              actions: ['admin'],
-            }}
-          />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render the component with data', () => {
-    store = mockStore(state);
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Menu
-            permission={{
-              actions: ['admin'],
-            }}
-          />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-});
diff --git a/studio/src/pages/menu/index.tsx b/studio/src/pages/menu/index.tsx
new file mode 100644
index 000000000..838fb85c3
--- /dev/null
+++ b/studio/src/pages/menu/index.tsx
@@ -0,0 +1,247 @@
+import React, { useEffect, useState, useCallback } from "react";
+import { Button } from "@/components/ui/button";
+import MenuList from "./components/MenuList";
+import { Link, useSearchParams } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { getMenus } from "../../actions/menu";
+import getUserPermission from "../../utils/getUserPermission";
+import { Helmet } from "react-helmet";
+import { PlusCircle, Search as SearchIcon } from "lucide-react";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Input } from "@/components/ui/input";
+import Pagination from "../../components/Pagination";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { MenuFilters, RootState } from "./types";
+import { useMenusData } from "./hooks/useMenusData";
+import { useMenusPagination } from "./hooks/useMenusPagination";
+import { useSidebar } from "@/components/ui/sidebar";
+import SecuredButton from "@/components/SecuredButton";
+
+const Menu: React.FC = () => {
+  const spaces = useSelector((state: RootState) => state.spaces);
+  const actions = getUserPermission({
+    resource: "menus",
+    action: "get",
+    spaces,
+  });
+  const dispatch = useAppDispatch();
+  const isMobile = useIsMobile();
+  const { state: sidebarState } = useSidebar();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  // State for search and filters
+  const [searchText, setSearchText] = useState<string>("");
+  const [showSearch, setShowSearch] = useState<boolean>(!isMobile);
+
+  // Initialize filters from URL params or defaults
+  const [filters, setFilters] = useState<MenuFilters>({
+    page: parseInt(searchParams.get("page") || "1", 10),
+    limit: parseInt(searchParams.get("limit") || "10", 10),
+  });
+
+  // Update URL when filters change
+  useEffect(() => {
+    const newParams = new URLSearchParams();
+    Object.entries(filters).forEach(([key, value]) => {
+      newParams.set(key, value.toString());
+    });
+    setSearchParams(newParams);
+  }, [filters, setSearchParams]);
+
+  // Handle responsive UI changes
+  useEffect(() => {
+    setShowSearch(!isMobile);
+  }, [isMobile]);
+
+  // Use custom hooks for data and pagination
+  const { menus, total, loading } = useMenusData(filters, searchText);
+  const { pageSize, totalPages, handlePageChange, handlePageSizeChange } =
+    useMenusPagination(filters, setFilters, total);
+
+  // Fetch menus function
+  const fetchMenus = useCallback(() => {
+    dispatch(getMenus(filters));
+  }, [dispatch, filters]);
+
+  // Fetch menus when filters change
+  useEffect(() => {
+    fetchMenus();
+  }, [fetchMenus]);
+
+  // Handle search input changes
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  // Handle navigation to create menu page
+  const handleCreateMenu = () => {
+    window.location.href = "/settings/website/menus/create";
+  };
+
+  // Get sidebar state for layout
+  const isCollapsed = sidebarState === "collapsed" && !isMobile;
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"Menu"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="Menus" parentLabel="Website Settings" />
+      )}
+
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-3 pt-1 h-full"
+          }`}
+        >
+          {/* Title */}
+          {isMobile && <h1 className="text-xl font-semibold">Menus</h1>}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex-1 max-w-xs">
+              <Input
+                placeholder="Search menus..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-10"
+              />
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {isMobile ? (
+              <SecuredButton
+                className="h-9 w-9"
+                size="icon"
+                onClick={handleCreateMenu}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            ) : (
+              <SecuredButton
+                className="flex items-center gap-2 py-2"
+                size="lg"
+                onClick={handleCreateMenu}
+              >
+                <PlusCircle className="h-4 w-4" />
+                Create Menu
+              </SecuredButton>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <Input
+              placeholder="Search menus..."
+              value={searchText}
+              onChange={handleSearchChange}
+              className="h-9 w-full"
+              autoFocus
+            />
+          </div>
+        )}
+      </div>
+
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: "254px",
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <MenuList
+          actions={actions}
+          data={{
+            menus,
+            total,
+            loading,
+          }}
+          filters={filters}
+          setFilters={setFilters}
+          fetchMenus={fetchMenus}
+          isMobile={isMobile}
+        />
+      </div>
+
+      <div
+        className={`${
+          isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+        } z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                height: "64px",
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <Pagination
+          currentPage={filters.page}
+          totalPages={totalPages}
+          totalItems={total}
+          pageSize={pageSize}
+          onPageChange={handlePageChange}
+          onPageSizeChange={handlePageSizeChange}
+          isMobile={isMobile}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default Menu;
diff --git a/studio/src/pages/menu/types.ts b/studio/src/pages/menu/types.ts
new file mode 100644
index 000000000..a4cc5848c
--- /dev/null
+++ b/studio/src/pages/menu/types.ts
@@ -0,0 +1,86 @@
+// Menu related interfaces
+export interface Menu {
+  id: string | number;
+  name: string;
+  menu?: MenuItem[];
+  meta_fields?: string | Record<string, any>;
+  [key: string]: any;
+}
+
+// MenuItem interface for menu items
+export interface MenuItem {
+  name?: string;
+  title?: string;
+  url?: string;
+  id?: string;
+  menu?: MenuItem[];
+  [key: string]: any;
+}
+
+// Form values interface
+export interface MenuFormValues {
+  id?: string | number;
+  name?: string;
+  menu?: MenuItem[];
+  meta_fields?: string | Record<string, any>;
+}
+
+// Component props interfaces
+export interface MenuFormProps {
+  onCreate: (values: MenuFormValues) => void;
+  data?: Partial<MenuFormValues>;
+}
+
+export interface MenuListProps {
+  actions: string[];
+  data: {
+    menus: Menu[];
+    loading: boolean;
+    total: number;
+  };
+  filters: MenuFilters;
+  setFilters: (
+    filters: MenuFilters | ((prev: MenuFilters) => MenuFilters)
+  ) => void;
+  fetchMenus: () => void;
+  isMobile?: boolean;
+}
+
+export interface MenuFilters {
+  page: number;
+  limit: number;
+  [key: string]: any;
+}
+
+export interface MenuState {
+  req: {
+    query: MenuFilters;
+    data: string[];
+    total: number;
+  }[];
+  details: Record<string, Menu>;
+  loading: boolean;
+}
+
+export interface RootState {
+  menus: MenuState;
+  spaces: any;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
+
+export interface MenuFieldProps {
+  field: {
+    name: number;
+    fieldKey: number;
+    key: number;
+  };
+  formFieldPath?: string;
+}
+
+export interface SubmenuProps {
+  fieldKey: string;
+  isMobileScreen: boolean;
+  depth?: number;
+}
diff --git a/studio/src/pages/organisations/AddUsers.js b/studio/src/pages/organisations/AddUsers.js
deleted file mode 100644
index 015f81692..000000000
--- a/studio/src/pages/organisations/AddUsers.js
+++ /dev/null
@@ -1,136 +0,0 @@
-import React, { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { Form, Input, Button, Typography, message } from 'antd';
-import { LeftOutlined } from '@ant-design/icons';
-
-const { Title } = Typography;
-
-const AddUsers = () => {
-  const navigate = useNavigate();
-  const [form] = Form.useForm();
-  const [isSubmitting, setIsSubmitting] = useState(false);
-
-  const onFinish = async (values) => {
-    setIsSubmitting(true);
-    try {
-      const payload = {
-        profile: {
-          givenName: values.firstName,
-          familyName: values.lastName,
-          displayName: `${values.firstName} ${values.lastName}`,
-        },
-        email: {
-          email: values.email,
-          isVerified: false,
-        },
-        password: {
-          password: values.password,
-          changeRequired: false,
-        },
-      };
-
-      const response = await fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/human`, {
-        method: 'POST',
-        headers: {
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-        },
-        body: JSON.stringify(payload),
-      });
-
-      if (!response.ok) {
-        throw new Error('Failed to create user');
-      }
-
-      message.success('User created successfully');
-      navigate('/settings/members');
-    } catch (error) {
-      console.error('Error creating user:', error);
-      message.error('Failed to create user. Please try again.');
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
-
-  return (
-    <div style={{ padding: '24px' }}>
-      <Button
-        icon={<LeftOutlined />}
-        style={{ marginBottom: '24px', marginLeft: '-12px' }}
-        onClick={() => navigate('/settings/organisations')}
-      >
-        Back to Organisations
-      </Button>
-
-      <div style={{ maxWidth: '500px', margin: '0 auto' }}>
-        <Title level={2} style={{ marginBottom: '24px' }}>
-          Create New User
-        </Title>
-
-        <Form form={form} layout="vertical" onFinish={onFinish} requiredMark={false}>
-          <Form.Item
-            name="firstName"
-            label="First Name"
-            rules={[{ required: true, message: 'First name is required' }]}
-          >
-            <Input />
-          </Form.Item>
-
-          <Form.Item
-            name="lastName"
-            label="Last Name"
-            rules={[{ required: true, message: 'Last name is required' }]}
-          >
-            <Input />
-          </Form.Item>
-
-          <Form.Item
-            name="email"
-            label="Email"
-            rules={[
-              { required: true, message: 'Email is required' },
-              { type: 'email', message: 'Please enter a valid email' },
-            ]}
-          >
-            <Input />
-          </Form.Item>
-
-          <Form.Item
-            name="password"
-            label="Password"
-            rules={[{ required: true, message: 'Password is required' }]}
-          >
-            <Input.Password />
-          </Form.Item>
-
-          <Form.Item
-            name="confirmPassword"
-            label="Confirm Password"
-            dependencies={['password']}
-            rules={[
-              { required: true, message: 'Please confirm your password' },
-              ({ getFieldValue }) => ({
-                validator(_, value) {
-                  if (!value || getFieldValue('password') === value) {
-                    return Promise.resolve();
-                  }
-                  return Promise.reject(new Error('Passwords do not match'));
-                },
-              }),
-            ]}
-          >
-            <Input.Password />
-          </Form.Item>
-
-          <Form.Item>
-            <Button type="primary" htmlType="submit" loading={isSubmitting} block>
-              {isSubmitting ? 'Creating User...' : 'Create User'}
-            </Button>
-          </Form.Item>
-        </Form>
-      </div>
-    </div>
-  );
-};
-
-export default AddUsers;
diff --git a/studio/src/pages/organisations/AddUsers.tsx b/studio/src/pages/organisations/AddUsers.tsx
new file mode 100644
index 000000000..590879e46
--- /dev/null
+++ b/studio/src/pages/organisations/AddUsers.tsx
@@ -0,0 +1,246 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+import { toast } from "sonner";
+import PasswordInput from "@/components/PasswordInput";
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+
+// Define the form schema with Zod
+const formSchema = z
+  .object({
+    firstName: z.string().min(1, "First name is required"),
+    lastName: z.string().min(1, "Last name is required"),
+    email: z.string().email("Please enter a valid email"),
+    password: z.string().min(1, "Password is required"),
+    confirmPassword: z.string().min(1, "Please confirm your password"),
+  })
+  .refine((data) => data.password === data.confirmPassword, {
+    message: "Passwords don't match",
+    path: ["confirmPassword"],
+  });
+
+// Define types for the form values
+type FormValues = z.infer<typeof formSchema>;
+
+// Define the interface for the API payload
+interface UserPayload {
+  profile: {
+    givenName: string;
+    familyName: string;
+    displayName: string;
+  };
+  email: {
+    email: string;
+    isVerified: boolean;
+  };
+  password: {
+    password: string;
+    changeRequired: boolean;
+  };
+  confirmPassword: {
+    password: string;
+    changeRequired: boolean;
+  };
+}
+
+const AddUsers: React.FC = () => {
+  const navigate = useNavigate();
+  const [isSubmitting, setIsSubmitting] = useState<boolean>(false);
+
+  // Initialize the form with react-hook-form and zod validation
+  const form = useForm<FormValues>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      firstName: "",
+      lastName: "",
+      email: "",
+      password: "",
+      confirmPassword: "",
+    },
+  });
+
+  const onSubmit = async (values: FormValues): Promise<void> => {
+    setIsSubmitting(true);
+    try {
+      const payload: UserPayload = {
+        profile: {
+          givenName: values.firstName,
+          familyName: values.lastName,
+          displayName: `${values.firstName} ${values.lastName}`,
+        },
+        email: {
+          email: values.email,
+          isVerified: true,
+        },
+        password: {
+          password: values.password,
+          changeRequired: false,
+        },
+        confirmPassword: {
+          password: values.confirmPassword,
+          changeRequired: false,
+        },
+      };
+
+      const response = await fetch(
+        `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/human`,
+        {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+          },
+          body: JSON.stringify(payload),
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error("Failed to create user");
+      }
+
+      toast.success("User created successfully");
+    } catch (error) {
+      console.error("Error creating user:", error);
+      toast.error("Failed to create user. Please try again.");
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  return (
+    <div className="bg-white flex justify-center">
+      <div className="w-full max-w-xl">
+        <div className="mb-3 pb-4 px-4 border-b border-gray-200">
+          <h2 className="text-xl font-semibold">Create New User</h2>
+          <p className="text-gray-600 mt-2 text-[13px]">
+            Add new team members by entering their details below.
+          </p>
+        </div>
+
+        <div className="bg-white">
+          <Form {...form}>
+            <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+              <div className="space-y-6 pb-4 px-4">
+                <FormField
+                  control={form.control}
+                  name="firstName"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="text-base">First Name</FormLabel>
+                      <FormControl>
+                        <Input {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="lastName"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="text-base">Last Name</FormLabel>
+                      <FormControl>
+                        <Input {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="email"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="text-base">Email</FormLabel>
+                      <FormControl>
+                        <Input type="email" {...field} />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="password"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="text-base">Password</FormLabel>
+                      <FormControl>
+                        <PasswordInput
+                          id="password"
+                          name={field.name}
+                          value={field.value}
+                          onChange={field.onChange}
+                          required
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="confirmPassword"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel className="text-base">
+                        Confirm Password
+                      </FormLabel>
+                      <FormControl>
+                        <PasswordInput
+                          id="confirmPassword"
+                          name={field.name}
+                          value={field.value}
+                          onChange={field.onChange}
+                          required
+                        />
+                      </FormControl>
+                      <FormMessage />
+                    </FormItem>
+                  )}
+                />
+              </div>
+
+              {/* Action Buttons */}
+              <div className="flex justify-start gap-3 pt-4 px-4 border-t border-gray-100">
+                <Button
+                  className="text-base"
+                  type="button"
+                  variant="outline"
+                  onClick={() => navigate("/organisations")}
+                >
+                  Cancel
+                </Button>
+                <Button
+                  className="text-base"
+                  type="submit"
+                  disabled={isSubmitting}
+                >
+                  {isSubmitting ? "Creating User..." : "Create User"}
+                </Button>
+              </div>
+            </form>
+          </Form>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AddUsers;
diff --git a/studio/src/pages/organisations/index.js b/studio/src/pages/organisations/index.js
deleted file mode 100644
index cfa587074..000000000
--- a/studio/src/pages/organisations/index.js
+++ /dev/null
@@ -1,201 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { Space, Typography, Table, Form, Button, Row, Col, Input, notification } from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { useSelector } from 'react-redux';
-
-const { Text } = Typography;
-
-const searchMembers = async () => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/management/v1/orgs/me/members/_search`,
-    {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-      body: JSON.stringify({
-        query: {
-          offset: 0,
-          limit: 100,
-          asc: true,
-        },
-      }),
-    },
-  );
-
-  if (!response.ok) {
-    throw new Error('Failed to fetch members');
-  }
-
-  return response.json();
-};
-
-const removeMember = async (userId) => {
-  const response = await fetch(
-    `${window.REACT_APP_ZITADEL_AUTHORITY}/management/v1/orgs/me/members/${userId}`,
-    {
-      method: 'DELETE',
-      headers: {
-        Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-      },
-    },
-  );
-
-  if (!response.ok) {
-    throw new Error('Failed to remove member');
-  }
-
-  return response;
-};
-
-function Organisations() {
-  const navigate = useNavigate();
-  const [members, setMembers] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [searchText, setSearchText] = useState('');
-  const [filters, setFilters] = useState({
-    page: 1,
-    limit: 10,
-  });
-
-  const { profile } = useSelector(({ profile }) => ({
-    profile: profile.details,
-  }));
-
-  useEffect(() => {
-    fetchMembers();
-  }, []);
-
-  const fetchMembers = async () => {
-    try {
-      setLoading(true);
-      const response = await searchMembers();
-      setMembers(response.result);
-    } catch (error) {
-      console.error('Error fetching members:', error);
-      notification.error({
-        message: 'Error',
-        description: 'Failed to fetch members',
-      });
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleRemoveMember = async (userId) => {
-    try {
-      await removeMember(userId);
-      notification.success({
-        message: 'Success',
-        description: 'Member removed successfully',
-      });
-      fetchMembers();
-    } catch (error) {
-      console.error('Error removing member:', error);
-      notification.error({
-        message: 'Error',
-        description: 'Failed to remove member',
-      });
-    }
-  };
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'displayName',
-      key: 'name',
-      width: '30%',
-      render: (text) => <Text strong>{text || '---'}</Text>,
-      filteredValue: [searchText],
-      onFilter: (value, record) => {
-        return (
-          record.displayName?.toLowerCase().includes(value.toLowerCase()) ||
-          record.email?.toLowerCase().includes(value.toLowerCase())
-        );
-      },
-    },
-    {
-      title: 'Email',
-      dataIndex: 'email',
-      key: 'email',
-      width: '40%',
-      render: (text) => <Text strong>{text || '---'}</Text>,
-    },
-    {
-      title: 'Role',
-      dataIndex: 'roles',
-      key: 'role',
-      width: '20%',
-      render: (roles) => <Text strong>{roles?.join(', ') || '---'}</Text>,
-    },
-    {
-      title: 'Actions',
-      key: 'actions',
-      width: '10%',
-      render: (_, record) => (
-        <Button danger onClick={() => handleRemoveMember(record.userId)}>
-          {record.userId === profile?.id ? 'Leave' : 'Remove'}
-        </Button>
-      ),
-    },
-  ];
-
-  const filteredMembers = members.filter(
-    (member) =>
-      member.displayName?.toLowerCase().includes(searchText.toLowerCase()) ||
-      member.email?.toLowerCase().includes(searchText.toLowerCase()),
-  );
-
-  return (
-    <Space direction="vertical" style={{ width: '100%' }} size="large">
-      <Row justify="space-between" align="middle" style={{ marginBottom: 16 }}>
-        <Col>
-          <Text style={{ fontSize: '24px', fontWeight: 'bold' }}>Members</Text>
-        </Col>
-        <Col>
-          <Button
-            type="primary"
-            icon={<PlusOutlined />}
-            onClick={() => navigate('/settings/organisations/addusers')}
-          >
-            Add New User
-          </Button>
-        </Col>
-      </Row>
-
-      <Row justify="end" style={{ marginBottom: 16 }}>
-        <Col>
-          <Input
-            placeholder="Search by name or email"
-            prefix={<SearchOutlined />}
-            value={searchText}
-            onChange={(e) => setSearchText(e.target.value)}
-            style={{ width: 300 }}
-          />
-        </Col>
-      </Row>
-
-      <div style={{ width: '100%', overflow: 'auto' }}>
-        <Table
-          columns={columns}
-          dataSource={filteredMembers}
-          loading={loading}
-          rowKey="userId"
-          scroll={{
-            x: 1150,
-          }}
-          pagination={{
-            total: filteredMembers.length,
-            current: filters.page,
-            pageSize: filters.limit,
-            onChange: (page, pageSize) => setFilters({ ...filters, page, limit: pageSize }),
-          }}
-        />
-      </div>
-    </Space>
-  );
-}
-
-export default Organisations;
diff --git a/studio/src/pages/organisations/index.tsx b/studio/src/pages/organisations/index.tsx
new file mode 100644
index 000000000..c44a251c8
--- /dev/null
+++ b/studio/src/pages/organisations/index.tsx
@@ -0,0 +1,329 @@
+import { useEffect, useState, useCallback } from "react";
+import { useNavigate } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { toast } from "sonner";
+import { Helmet } from "react-helmet";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { PlusCircle, Trash2, Search as SearchIcon } from "lucide-react";
+import { searchMembers, removeMember } from "../../actions/organisation";
+import { Member } from "../../actions/organisation";
+import { useSidebar } from "@/components/ui/sidebar";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import SecuredButton from "@/components/SecuredButton";
+import { Skeleton } from "@/components/ui/skeleton";
+
+interface Profile {
+  id: string;
+}
+
+interface RootState {
+  profile: {
+    details: Profile;
+  } | null;
+}
+
+interface Filters {
+  page: number;
+  limit: number;
+}
+
+function Organisations() {
+  const navigate = useNavigate();
+  const [members, setMembers] = useState<Member[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [searchText, setSearchText] = useState("");
+  const [filters, setFilters] = useState<Filters>({
+    page: 1,
+    limit: 10,
+  });
+  const [showSearch, setShowSearch] = useState<boolean>(false);
+  const { state: sidebarState } = useSidebar();
+  const isMobile = useIsMobile();
+
+  // Fixed selector to safely handle undefined state.profile
+  const profileDetails = useSelector(
+    (state: RootState) => state.profile?.details
+  );
+
+  // Handle responsive UI changes
+  useEffect(() => {
+    setShowSearch(!isMobile);
+  }, [isMobile]);
+
+  useEffect(() => {
+    fetchMembers();
+  }, []);
+
+  const fetchMembers = async () => {
+    try {
+      setLoading(true);
+      const response = await searchMembers();
+      setMembers(response.result);
+    } catch (error) {
+      console.error("Error fetching members:", error);
+      toast.error("Failed to fetch members");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleRemoveMember = async (userId: string) => {
+    try {
+      await removeMember(userId);
+      toast.success("Member removed successfully");
+      fetchMembers();
+    } catch (error) {
+      console.error("Error removing member:", error);
+      toast.error("Failed to remove member");
+    }
+  };
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  const handleSearchSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+  };
+
+  const filteredMembers = members.filter(
+    (member) =>
+      member.displayName?.toLowerCase().includes(searchText.toLowerCase()) ||
+      member.email?.toLowerCase().includes(searchText.toLowerCase())
+  );
+
+  const paginatedMembers = filteredMembers.slice(
+    (filters.page - 1) * filters.limit,
+    filters.page * filters.limit
+  );
+
+  const isCollapsed = sidebarState === "collapsed" && !isMobile;
+
+  // Render skeletons when loading
+  const renderSkeletons = () => {
+    return (
+      <div className="rounded-md">
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead className="w-[30%] text-[13px]">Name</TableHead>
+              <TableHead className="w-[40%] text-[13px]">Email</TableHead>
+              <TableHead className="w-[20%] text-[13px]">Role</TableHead>
+              <TableHead className="w-[10%] text-[13px] text-center">
+                Actions
+              </TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {Array.from({ length: 5 }).map((_, index) => (
+              <TableRow key={index}>
+                <TableCell>
+                  <Skeleton className="h-6 w-32" />
+                </TableCell>
+                <TableCell>
+                  <Skeleton className="h-6 w-48" />
+                </TableCell>
+                <TableCell>
+                  <Skeleton className="h-6 w-24" />
+                </TableCell>
+                <TableCell className="text-center">
+                  <div className="flex justify-center">
+                    <Skeleton className="h-8 w-8 rounded-md" />
+                  </div>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </div>
+    );
+  };
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"Organisation Members"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb
+          currentPage="Organisations"
+          parentLabel="Administration"
+        />
+      )}
+
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-3 pt-1 h-full"
+          }`}
+        >
+          {/* Title */}
+          {isMobile && (
+            <h1 className="text-xl font-semibold">Organisation Members</h1>
+          )}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <form
+              onSubmit={handleSearchSubmit}
+              className="flex items-center gap-4 flex-1"
+            >
+              <div className="relative flex-1 max-w-xs">
+                <Input
+                  placeholder="Search by name or email..."
+                  value={searchText}
+                  onChange={handleSearchChange}
+                  className="h-10"
+                />
+              </div>
+            </form>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {isMobile ? (
+              <SecuredButton
+                size="icon"
+                className="h-9 w-9"
+                onClick={() => navigate("/settings/organisations/addusers")}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            ) : (
+              <SecuredButton
+                size="lg"
+                className="flex items-center gap-2 py-2"
+                onClick={() => navigate("/settings/organisations/addusers")}
+              >
+                <PlusCircle className="h-4 w-4" />
+                Add New User
+              </SecuredButton>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <form onSubmit={handleSearchSubmit}>
+              <Input
+                placeholder="Search by name or email..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-9 w-full"
+                autoFocus
+              />
+            </form>
+          </div>
+        )}
+      </div>
+
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: 0,
+                right: 0,
+                bottom: 0,
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        {loading ? (
+          renderSkeletons()
+        ) : (
+          <div className="rounded-md">
+            <Table>
+              <TableHeader>
+                <TableRow>
+                  <TableHead className="w-[30%] text-[13px]">Name</TableHead>
+                  <TableHead className="w-[40%] text-[13px]">Email</TableHead>
+                  <TableHead className="w-[20%] text-[13px]">Role</TableHead>
+                  <TableHead className="w-[10%] text-[13px] text-center">
+                    Actions
+                  </TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {paginatedMembers.map((member) => (
+                  <TableRow key={member.userId}>
+                    <TableCell>{member.displayName || "---"}</TableCell>
+                    <TableCell>{member.email || "---"}</TableCell>
+                    <TableCell>{member.roles?.join(", ") || "---"}</TableCell>
+                    <TableCell className="text-center">
+                      <Button
+                        variant="destructive"
+                        size="sm"
+                        onClick={() => handleRemoveMember(member.userId)}
+                      >
+                        <Trash2 className="h-4 w-4" />
+                        <span className="sr-only">
+                          {member.userId === profileDetails?.id
+                            ? "Leave"
+                            : "Remove"}
+                        </span>
+                      </Button>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default Organisations;
diff --git a/studio/src/pages/pages/CreatePage.js b/studio/src/pages/pages/CreatePage.js
deleted file mode 100644
index 9196bb93f..000000000
--- a/studio/src/pages/pages/CreatePage.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-import PageForm from '../posts/components/PostForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { addPage } from '../../actions/pages';
-import getUserPermission from '../../utils/getUserPermission';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreatePage({ formats }) {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'pages', action: 'get', spaces });
-  const history = useNavigation();
-  const dispatch = useDispatch();
-
-  const onCreate = (values) => {
-    dispatch(addPage(values)).then((page) => {
-      if (page && page.id) history(`/pages/${page.id}/edit`);
-    });
-  };
-  if (!formats.loading && formats.article) {
-    return (
-      <>
-        <Helmet title={'Create Page'} />
-        <PageForm onCreate={onCreate} actions={actions} page={true} format={formats.article} />
-      </>
-    );
-  }
-  return <FormatNotFound status="info" title="Article format not found" link="/formats" />;
-}
-
-export default CreatePage;
diff --git a/studio/src/pages/pages/CreatePage.test.js b/studio/src/pages/pages/CreatePage.test.js
deleted file mode 100644
index 38ad2b9b8..000000000
--- a/studio/src/pages/pages/CreatePage.test.js
+++ /dev/null
@@ -1,151 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount, shallow } from 'enzyme';
-
-import '../../matchMedia.mock';
-import CreatePage from './CreatePage';
-import * as actions from '../../actions/pages';
-import PageCreateForm from '../posts/components/PostForm';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/pages', () => ({
-  getPages: jest.fn(),
-  addPage: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-  loading: false,
-};
-describe('Page create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    pages: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    authors: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    tags: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    categories: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    formats: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-      details: {
-        11: { id: 11, name: 'Space 11' },
-      },
-      loading: false,
-      selected: 11,
-    },
-    sidebar: {
-      collapsed: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <CreatePage formats={formats} />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-      tree.unmount();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call addPage', (done) => {
-      actions.addPage.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CreatePage formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      wrapper.find(PageCreateForm).props().onCreate({ id: 1, title: 'test', status: 'draft' });
-      setTimeout(() => {
-        expect(actions.addPage).toHaveBeenCalledWith({ id: 1, title: 'test', status: 'draft' });
-        done();
-      }, 0);
-    });
-    it('should not display Page form if format found', () => {
-      const format = {
-        loading: false,
-        factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-      };
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CreatePage formats={format} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find(PageCreateForm).length).toBe(0);
-      expect(wrapper.find(FormatNotFound).length).toBe(1);
-    });
-  });
-});
diff --git a/studio/src/pages/pages/CreatePage.tsx b/studio/src/pages/pages/CreatePage.tsx
new file mode 100644
index 000000000..bf646fba8
--- /dev/null
+++ b/studio/src/pages/pages/CreatePage.tsx
@@ -0,0 +1,104 @@
+import { useState, useEffect, useRef } from "react";
+import PageForm from "../posts/components/PostForm";
+import { addPage } from "../../actions/pages";
+import FormatNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import Loader from "../../components/Loader";
+
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Page } from "./types";
+
+interface Format {
+  id: number;
+  name: string;
+  slug: string;
+  [key: string]: any;
+}
+interface FormatState {
+  loading: boolean;
+  article: Format | null;
+}
+
+interface CreatePageProps {
+  formats: FormatState;
+}
+
+
+function CreatePage({ formats }: CreatePageProps): React.ReactElement {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+  const [cachedFormat, setCachedFormat] = useState<Format | null>(null);
+  const [loadingTimeout, setLoadingTimeout] = useState(false);
+  const timeoutRef = useRef<number | null>(null);
+
+  // Check for cached formats on component mount
+  useEffect(() => {
+    // Check localStorage for cached format
+    try {
+      const savedFormats = localStorage.getItem("cachedFormats");
+      if (savedFormats) {
+        const parsedFormats = JSON.parse(savedFormats);
+        if (parsedFormats.article) {
+          setCachedFormat(parsedFormats.article);
+        }
+      }
+    } catch (error) {
+      console.error("Error checking cached formats:", error);
+    }
+
+    // Set a timeout to prevent infinite loading
+    timeoutRef.current = window.setTimeout(() => {
+      setLoadingTimeout(true);
+    }, 5000); // 5 seconds timeout
+
+    return () => {
+      if (timeoutRef.current) {
+        window.clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+
+
+  const onCreate = (values: Partial<Page>): void => {
+    // @ts-expect-error TODO: Fix this type error
+    dispatch(addPage(values)).then((page: { id: number } | undefined) => {
+      if (page && page.id) history(`/pages/${page.id}/edit`);
+    });
+  };
+
+  // Loading state
+  if (formats.loading && !loadingTimeout && !cachedFormat) {
+    return (
+      <div className="flex flex-col h-full relative">
+        <Helmet title="Create Page" />
+        <div className="flex-1 flex items-center justify-center">
+          <Loader className="relative inset-auto" />
+        </div>
+      </div>
+    );
+  }
+
+  // Use either the current format or cached format
+  const formatToUse = formats.article || cachedFormat;
+
+  if (formatToUse) {
+    return (
+      <>
+        <Helmet title={"Create Page"} />
+        {/* @ts-expect-error TODO: Fix this type error */}
+        <PageForm onCreate={onCreate} page={true} format={formatToUse} />
+      </>
+    );
+  }
+
+  return (
+    <FormatNotFound
+      status="info"
+      title="Article format not found"
+      link="/formats"
+    />
+  );
+}
+
+export default CreatePage;
diff --git a/studio/src/pages/pages/EditPage.js b/studio/src/pages/pages/EditPage.js
deleted file mode 100644
index 9f19b39de..000000000
--- a/studio/src/pages/pages/EditPage.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import React from 'react';
-import PageEditForm from '../posts/components/PostForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updatePage, getPage } from '../../actions/pages';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import getUserPermission from '../../utils/getUserPermission';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditPage({ formats }) {
-  const history = useNavigation();
-  const { id } = useParams();
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'pages', action: 'get', spaces });
-
-  const dispatch = useDispatch();
-
-  const { page, loading } = useSelector((state) => {
-    return {
-      page: state.pages.details[id] ? state.pages.details[id] : null,
-      loading: state.pages.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getPage(id));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!page) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updatePage({ ...page, ...values })).then(() => {
-      history(`/pages/${id}/edit`);
-    });
-  };
-  return (
-    <>
-      <Helmet title={`${page?.title} - Edit Page`} />
-      <PageEditForm
-        data={page}
-        onCreate={onUpdate}
-        actions={actions}
-        format={formats.article}
-        page={true}
-      />
-    </>
-  );
-}
-
-export default EditPage;
diff --git a/studio/src/pages/pages/EditPage.test.js b/studio/src/pages/pages/EditPage.test.js
deleted file mode 100644
index cf26cbc3e..000000000
--- a/studio/src/pages/pages/EditPage.test.js
+++ /dev/null
@@ -1,233 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import { BrowserRouter as Router } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { shallow, mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import EditPage from './EditPage';
-import * as actions from '../../actions/pages';
-import PageEditForm from '../posts/components/PostForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/pages', () => ({
-  getPage: jest.fn(),
-  updatePage: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-  loading: false,
-};
-let state = {
-  pages: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  authors: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  tags: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  categories: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  formats: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-};
-
-describe('Page Edit component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore(state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <EditPage formats={formats} />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        pages: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-      });
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPage formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    state.pages = {
-      req: [],
-      details: {
-        1: {
-          id: 1,
-          title: 'Page-1',
-          slug: 'page-1',
-          tag_line: 'tag_line',
-          medium_id: 1,
-          format_id: 1,
-        },
-      },
-      loading: false,
-    };
-    beforeEach(() => {
-      store = mockStore(state);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getPage.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPage formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(actions.getPage).toHaveBeenCalledWith('1');
-    });
-    it('should call updatePage', (done) => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      actions.updatePage.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPage formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      wrapper.find(PageEditForm).props().onCreate({ status: 'draft' });
-      setTimeout(() => {
-        expect(actions.updatePage).toHaveBeenCalledWith({
-          id: 1,
-          title: 'Page-1',
-          slug: 'page-1',
-          tag_line: 'tag_line',
-          medium_id: 1,
-          format_id: 1,
-          published_date: null,
-          status: 'draft',
-        });
-        expect(push).toHaveBeenCalledWith('/pages/1/edit');
-        done();
-      }, 0);
-    });
-    it('should display RecordNotFound if page not found', () => {
-      state.pages = {
-        req: [],
-        details: {
-          2: {
-            id: 2,
-            title: 'Page-2',
-            slug: 'page-2',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 1,
-          },
-        },
-        loading: false,
-      };
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPage formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(PageEditForm).length).toBe(0);
-    });
-  });
-});
diff --git a/studio/src/pages/pages/EditPage.tsx b/studio/src/pages/pages/EditPage.tsx
new file mode 100644
index 000000000..c10c57960
--- /dev/null
+++ b/studio/src/pages/pages/EditPage.tsx
@@ -0,0 +1,124 @@
+import React, { useEffect, useState } from 'react';
+import PageEditForm from '../posts/components/PostForm';
+import { useSelector } from 'react-redux';
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Skeleton } from '@/components/ui/skeleton';
+import { updatePage, getPage } from '../../actions/pages';
+import { useParams } from 'react-router-dom';
+import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
+import getUserPermission from '../../utils/getUserPermission';
+import { Helmet } from 'react-helmet';
+import useNavigation from '../../utils/useNavigation';
+import { RootState } from '../../store/index';
+import { Page, Format } from "./types";
+
+interface EditPageProps {
+  formats: {
+    article: Format | null;
+    loading: boolean;
+  };
+}
+
+interface Space {
+  // Define your space interface structure
+  [key: string]: any;
+}
+
+function EditPage({ formats }: EditPageProps): React.ReactElement {
+  const dispatch = useAppDispatch();
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+  const spaces = useSelector((state: RootState) => state.spaces);
+  const actions = getUserPermission({ resource: 'pages', action: 'get', spaces });
+
+  const [cachedFormat, setCachedFormat] = useState<Format | undefined>(undefined);
+  const { page, loading } = useSelector((state: RootState) => {
+    return {
+      page: state.pages.details[id as string]
+        ? state.pages.details[id as string]
+        : null,
+      loading: state.pages.loading,
+    };
+  });
+
+  // Check for cached formats on component mount
+  useEffect(() => {
+    try {
+      const savedFormats = localStorage.getItem("cachedFormats");
+      if (savedFormats) {
+        const parsedFormats = JSON.parse(savedFormats);
+        if (parsedFormats.article) {
+          setCachedFormat(parsedFormats.article);
+        }
+      }
+    } catch (error) {
+      console.error("Error checking cached formats:", error);
+    }
+  }, []);
+
+  React.useEffect(() => {
+    if (id) {
+      dispatch(getPage((id)));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [id]);
+
+  if (loading) {
+    return (
+      <div className="flex flex-col gap-4">
+        <Skeleton className="h-12 w-full" />
+        <Skeleton className="h-24 w-full" />
+        <Skeleton className="h-12 w-3/4" />
+      </div>
+    );
+  }
+
+  if (!page) {
+    return <RecordNotFound />;
+  }
+
+  // Use either the format from props or cached format
+  const formatToUse = formats.article || cachedFormat;
+
+  // Check if format is available
+  if (!formatToUse) {
+    return (
+      <RecordNotFound
+        status="info"
+        title="Article format not found"
+        link="/formats"
+      />
+    );
+  }
+
+  const onUpdate = (values: Partial<Page>) => {
+    // Specify Promise<void> explicitly
+    const promisifiedDispatch = () => {
+      return new Promise<void>((resolve) => {
+        dispatch(updatePage({ ...page, ...values }));
+        // Now TypeScript knows this is a Promise that resolves with no value
+        resolve();
+      });
+    };
+
+    promisifiedDispatch().then(() => {
+      history(`/pages/${id}/edit`);
+    });
+  };
+
+  return (
+    <>
+      <Helmet title={`${page?.title} - Edit Page`} />
+      <PageEditForm
+        data={page}
+        // @ts-expect-error TODO: Fix this type error
+        onCreate={onUpdate}
+        // actions={actions}
+        format={formatToUse}
+        page={true}
+      />
+    </>
+  );
+}
+
+export default EditPage;
diff --git a/studio/src/pages/pages/__snapshots__/CreatePage.test.js.snap b/studio/src/pages/pages/__snapshots__/CreatePage.test.js.snap
deleted file mode 100644
index c68d21543..000000000
--- a/studio/src/pages/pages/__snapshots__/CreatePage.test.js.snap
+++ /dev/null
@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Page create component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <CreatePage
-    formats={
-      Object {
-        "article": Object {
-          "id": 1,
-          "name": "article",
-          "slug": "article",
-        },
-        "factcheck": Object {
-          "id": 2,
-          "name": "factcheck",
-          "slug": "fact-check",
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/pages/__snapshots__/EditPage.test.js.snap b/studio/src/pages/pages/__snapshots__/EditPage.test.js.snap
deleted file mode 100644
index 6501bb991..000000000
--- a/studio/src/pages/pages/__snapshots__/EditPage.test.js.snap
+++ /dev/null
@@ -1,173 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Page Edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EditPage
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-      >
-        <Skeleton
-          avatar={false}
-          paragraph={true}
-          title={true}
-        >
-          <div
-            className="ant-skeleton"
-          >
-            <div
-              className="ant-skeleton-content"
-            >
-              <Title
-                prefixCls="ant-skeleton-title"
-                width="38%"
-              >
-                <h3
-                  className="ant-skeleton-title"
-                  style={
-                    Object {
-                      "width": "38%",
-                    }
-                  }
-                />
-              </Title>
-              <Paragraph
-                prefixCls="ant-skeleton-paragraph"
-                rows={3}
-                width="61%"
-              >
-                <ul
-                  className="ant-skeleton-paragraph"
-                >
-                  <li
-                    key="0"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="1"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="2"
-                    style={
-                      Object {
-                        "width": "61%",
-                      }
-                    }
-                  />
-                </ul>
-              </Paragraph>
-            </div>
-          </div>
-        </Skeleton>
-      </EditPage>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Page Edit component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditPage
-    formats={
-      Object {
-        "article": Object {
-          "id": 1,
-          "name": "article",
-          "slug": "article",
-        },
-        "factcheck": Object {
-          "id": 2,
-          "name": "factcheck",
-          "slug": "fact-check",
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/pages/__snapshots__/index.test.js.snap b/studio/src/pages/pages/__snapshots__/index.test.js.snap
deleted file mode 100644
index 4a49a381c..000000000
--- a/studio/src/pages/pages/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,3582 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Page component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Pages
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Pages"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Pages"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Pages"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  className="ant-advanced-search-form"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal ant-advanced-search-form"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal ant-advanced-search-form"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search pages"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search pages"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search pages"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search pages"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              key="4"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Status"
-                                  name="status"
-                                >
-                                  <WrapperField
-                                    label="Status"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Status",
-                                      }
-                                    }
-                                    name="status"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_status"
-                                      label="Status"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Status",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "status",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_status"
-                                            label="Status"
-                                            name="status"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_status"
-                                                  title="Status"
-                                                >
-                                                  Status
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Status"
-                                            name={
-                                              Array [
-                                                "status",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="all"
-                                                        id="filters_status"
-                                                        onChange={[Function]}
-                                                        placeholder="Status"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="all"
-                                                          dropdownClassName=""
-                                                          id="filters_status"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Status"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="all"
-                                                            dropdownClassName=""
-                                                            id="filters_status"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Status"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "All",
-                                                                            "key": "all",
-                                                                            "value": "all",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Draft",
-                                                                            "key": "draft",
-                                                                            "value": "draft",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Publish",
-                                                                            "key": "publish",
-                                                                            "value": "publish",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Ready to Publish",
-                                                                            "key": "ready",
-                                                                            "value": "ready",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_status"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "All",
-                                                                          "key": "all",
-                                                                          "value": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Draft",
-                                                                          "key": "draft",
-                                                                          "value": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Publish",
-                                                                          "key": "publish",
-                                                                          "value": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Ready to Publish",
-                                                                          "key": "ready",
-                                                                          "value": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "all",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "All",
-                                                                                "key": "all",
-                                                                                "value": "all",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Draft",
-                                                                                "key": "draft",
-                                                                                "value": "draft",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Publish",
-                                                                                "key": "publish",
-                                                                                "value": "publish",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Ready to Publish",
-                                                                                "key": "ready",
-                                                                                "value": "ready",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_status"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "All",
-                                                                              "key": "all",
-                                                                              "value": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Draft",
-                                                                              "key": "draft",
-                                                                              "value": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Publish",
-                                                                              "key": "publish",
-                                                                              "value": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Ready to Publish",
-                                                                              "key": "ready",
-                                                                              "value": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "all",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="all"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="All"
-                                                                          >
-                                                                            All
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_status"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Status"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "all",
-                                                                          "label": "All",
-                                                                          "value": "all",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="all"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_status_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_status_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_status_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_status"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="All"
-                                                                              >
-                                                                                All
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_status"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Status"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "all",
-                                                                              "label": "All",
-                                                                              "value": "all",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_status"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="All"
-                                                                        >
-                                                                          All
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Sort By"
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    label="Sort By"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Sort By",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      label="Sort By"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Sort By",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            label="Sort By"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_sort"
-                                                  title="Sort By"
-                                                >
-                                                  Sort By
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Sort By"
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        placeholder="Sort By"
-                                                        style={
-                                                          Object {
-                                                            "width": "100%",
-                                                          }
-                                                        }
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Sort By"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          style={
-                                                            Object {
-                                                              "width": "100%",
-                                                            }
-                                                          }
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Sort By"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "width": "100%",
-                                                              }
-                                                            }
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "width": "100%",
-                                                                }
-                                                              }
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Latest",
-                                                                            "key": "desc",
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Old",
-                                                                            "key": "asc",
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Latest",
-                                                                          "key": "desc",
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Old",
-                                                                          "key": "asc",
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Latest",
-                                                                                "key": "desc",
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Old",
-                                                                                "key": "asc",
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Latest",
-                                                                              "key": "desc",
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Old",
-                                                                              "key": "asc",
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Latest"
-                                                                          >
-                                                                            Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Sort By"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": "100%",
-                                                                      }
-                                                                    }
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Latest"
-                                                                              >
-                                                                                Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Sort By"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Latest"
-                                                                        >
-                                                                          Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Button
-                              onClick={[Function]}
-                              type="link"
-                            >
-                              <button
-                                className="ant-btn ant-btn-link"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  More Filters 
-                                  <ForwardRef(DownOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "down",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="down"
-                                        className="anticon anticon-down"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "down",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-down"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                              key="svg-down-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(DownOutlined)>
-                                </span>
-                              </button>
-                            </Button>
-                            <Col
-                              key="1"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/pages/create"
-                                >
-                                  <LinkAnchor
-                                    href="/pages/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/pages/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={true}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={true}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Page
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          />
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <PageList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "categories": Object {},
-                      "loading": true,
-                      "pages": Array [],
-                      "tags": Object {},
-                      "total": 0,
-                    }
-                  }
-                  fetchPages={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  format={
-                    Object {
-                      "id": 1,
-                      "name": "article",
-                      "slug": "article",
-                    }
-                  }
-                  onPagination={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            expandable={
-                              Object {
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "onExpand": [Function],
-                              }
-                            }
-                            locale={
-                              Object {
-                                "emptyText": "-",
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey={[Function]}
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      className="ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "title",
-                                            "key": "title",
-                                            "render": [Function],
-                                            "title": "Title",
-                                            "width": 400,
-                                          },
-                                          Object {
-                                            "dataIndex": "categories",
-                                            "ellipsis": true,
-                                            "key": "categories",
-                                            "render": [Function],
-                                            "title": "Categories",
-                                          },
-                                          Object {
-                                            "dataIndex": "tags",
-                                            "ellipsis": true,
-                                            "key": "tags",
-                                            "render": [Function],
-                                            "title": "Tags",
-                                          },
-                                          Object {
-                                            "dataIndex": "status",
-                                            "key": "status",
-                                            "render": [Function],
-                                            "title": "Status",
-                                            "width": 200,
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "actions",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Actions",
-                                            "width": 240,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText="-"
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": [Function],
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": -1,
-                                          "expandedRowKeys": Array [
-                                            0,
-                                          ],
-                                          "expandedRowRender": [Function],
-                                          "indentSize": 15,
-                                          "onExpand": [Function],
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: fixed;"
-                                              >
-                                                <colgroup>
-                                                  <col
-                                                    style="width: 400px;"
-                                                  />
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 200px;"
-                                                  />
-                                                  <col
-                                                    style="width: 240px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Title
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Categories"
-                                                    >
-                                                      Categories
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Tags"
-                                                    >
-                                                      Tags
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Status
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Actions
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="5"
-                                                    >
-                                                      -
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      locale={
-                                        Object {
-                                          "emptyText": "-",
-                                        }
-                                      }
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "className": "ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": "-",
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": [Function],
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": -1,
-                                                "expandedRowKeys": Array [
-                                                  0,
-                                                ],
-                                                "expandedRowRender": [Function],
-                                                "indentSize": 15,
-                                                "onExpand": [Function],
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: fixed;"
-                                                    >
-                                                      <colgroup>
-                                                        <col
-                                                          style="width: 400px;"
-                                                        />
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 200px;"
-                                                        />
-                                                        <col
-                                                          style="width: 240px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Title
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Status
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="5"
-                                                          >
-                                                            -
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "locale": Object {
-                                                "emptyText": "-",
-                                              },
-                                              "mergedExpandedKeys": Set {
-                                                0,
-                                              },
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "fixed",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      400,
-                                                      undefined,
-                                                      undefined,
-                                                      200,
-                                                      240,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": 400,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 200,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="4"
-                                                      style={
-                                                        Object {
-                                                          "width": 240,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={5}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Title",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            },
-                                                            "key": "title",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Categories",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            },
-                                                            "key": "categories",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Tags",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            },
-                                                            "key": "tags",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Status",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            },
-                                                            "key": "status",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Actions",
-                                                            "className": "",
-                                                            "colEnd": 4,
-                                                            "colSpan": 1,
-                                                            "colStart": 4,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "title",
-                                                            "fixed": undefined,
-                                                            "key": "title",
-                                                            "render": [Function],
-                                                            "title": "Title",
-                                                            "width": 400,
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "categories",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "categories",
-                                                            "render": [Function],
-                                                            "title": "Categories",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "tags",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "tags",
-                                                            "render": [Function],
-                                                            "title": "Tags",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "status",
-                                                            "fixed": undefined,
-                                                            "key": "status",
-                                                            "render": [Function],
-                                                            "title": "Status",
-                                                            "width": 200,
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "actions",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Actions",
-                                                            "width": 240,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="title"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Title
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="categories"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="tags"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="status"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Status
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={4}
-                                                          colSpan={1}
-                                                          colStart={4}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="actions"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode="-"
-                                                  expandedKeys={
-                                                    Set {
-                                                      0,
-                                                    }
-                                                  }
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={5}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={5}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={5}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            -
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </PageList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Pages>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Page component snapshot testing should render the component with data 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <Pages
-      formats={
-        Object {
-          "article": Object {
-            "id": 1,
-            "name": "article",
-            "slug": "article",
-          },
-          "factcheck": Object {
-            "id": 2,
-            "name": "factcheck",
-            "slug": "fact-check",
-          },
-          "loading": false,
-        }
-      }
-      permission={
-        Object {
-          "actions": Array [
-            "create",
-          ],
-        }
-      }
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
diff --git a/studio/src/pages/pages/components/PageList.js b/studio/src/pages/pages/components/PageList.js
deleted file mode 100644
index dd0a4af63..000000000
--- a/studio/src/pages/pages/components/PageList.js
+++ /dev/null
@@ -1,213 +0,0 @@
-import React, { useState } from 'react';
-import { ConfigProvider, Button, Space, Tag, Table, Typography, Modal } from 'antd';
-import {
-  DeleteOutlined,
-  CheckCircleOutlined,
-  ExceptionOutlined,
-  ClockCircleOutlined,
-  CloseOutlined,
-} from '@ant-design/icons';
-import { useDispatch } from 'react-redux';
-import { deletePage } from '../../../actions/pages';
-import { Link } from 'react-router-dom';
-import QuickEdit from '../../../components/List/QuickEdit';
-import QuickEditIcon from '../../../assets/QuickEditIcon';
-import useNavigation from '../../../utils/useNavigation';
-
-function PageList({ actions, format, data, filters, setFilters, fetchPages }) {
-  const dispatch = useDispatch();
-  const [id, setID] = useState(0);
-  const [expandedRowKeys, setExpandedRowKeys] = useState([0]);
-  const [modalOpen, setModalOpen] = useState(false);
-  const [deleteItemID, setDeleteItemID] = useState(null);
-
-  const history = useNavigation();
-
-  const columns = [
-    {
-      title: 'Title',
-      dataIndex: 'title',
-      key: 'title',
-      width: '400',
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, item) => (
-        <Link to={`/pages/${item.id}/edit`}>
-          <Typography.Text style={{ fontSize: '1rem', color: '#101828' }} strong>
-            {item.title}
-          </Typography.Text>
-        </Link>
-      ),
-    },
-    {
-      title: 'Status',
-      dataIndex: 'status',
-      key: 'status',
-      render: (status) => {
-        return status === 'publish' ? (
-          <Tag icon={<CheckCircleOutlined />} color="green">
-            Published
-          </Tag>
-        ) : status === 'draft' ? (
-          <Tag color="red" icon={<ExceptionOutlined />}>
-            Draft
-          </Tag>
-        ) : status === 'ready' ? (
-          <Tag color="gold" icon={<ClockCircleOutlined />}>
-            Ready to Publish
-          </Tag>
-        ) : null;
-      },
-    },
-    {
-      title: 'Actions',
-      dataIndex: 'actions',
-      width: 240,
-      render: (_, item) => {
-        const isOpen = item.id === expandedRowKeys[0];
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            <div style={{ display: 'flex', gap: '0.5rem' }}>
-              <Button
-                size="large"
-                disabled={!(actions.includes('admin') || actions.includes('update'))}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  isOpen ? setExpandedRowKeys([]) : setExpandedRowKeys([item.id]);
-                  return setID(item.id);
-                }}
-                icon={
-                  isOpen ? (
-                    <CloseOutlined style={{ color: '#858585' }} />
-                  ) : (
-                    <QuickEditIcon style={{ color: '#858585' }} />
-                  )
-                }
-              />
-              <Button
-                size="large"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setModalOpen(true);
-                  setDeleteItemID(item.id);
-                }}
-                icon={<DeleteOutlined style={{ color: '#fff' }} />}
-                disabled={!(actions.includes('admin') || actions.includes('delete'))}
-              />
-            </div>
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Space direction="vertical">
-        <Table
-          dataSource={data.pages.length !== 0 ? data.pages : []}
-          loading={data.loading}
-          onRow={(record, rowIndex) => {
-            return {
-              onClick: (event) => {
-                history(`/pages/${record.id}/edit`);
-              },
-              onMouseEnter: (event) => {
-                document.body.style.cursor = 'pointer';
-              },
-              onMouseLeave: (event) => {
-                document.body.style.cursor = 'default';
-              },
-            };
-          }}
-          scroll={{
-            x: '1000',
-          }}
-          columns={columns}
-          rowKey={(record) => record.id}
-          expandable={{
-            expandIconColumnIndex: -1,
-            expandedRowKeys,
-            onExpand: (expanded, record) => {
-              let keys = [];
-              if (expanded) {
-                keys.push(record.id);
-              }
-              setExpandedRowKeys(keys);
-            },
-            expandedRowRender: (item) => (
-              <QuickEdit
-                data={item}
-                page={true}
-                setID={setID}
-                slug={format.slug}
-                onQuickEditUpdate={() => setExpandedRowKeys([])}
-              />
-            ),
-            expandIcon: () => {},
-          }}
-          pagination={{
-            showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-            total: data.total,
-            current: filters.page,
-            pageSize: filters.limit ? filters.limit : 10,
-            onChange: (pageNumber, pageSize) =>
-              setFilters({ ...filters, page: pageNumber, limit: pageSize }),
-            pageSizeOptions: ['10', '15', '20'],
-          }}
-        />
-        <Modal
-          open={modalOpen}
-          closable={false}
-          centered
-          width={311}
-          className="delete-modal-container"
-          style={{
-            borderRadius: '18px',
-          }}
-          onOk={(e) => {
-            e.stopPropagation();
-            dispatch(deletePage(deleteItemID)).then(() => fetchPages());
-            setModalOpen(false);
-            setDeleteItemID(null);
-          }}
-          cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-          onCancel={(e) => {
-            e.stopPropagation();
-            setModalOpen(false);
-            setDeleteItemID(null);
-          }}
-        >
-          <Typography.Text style={{ fontSize: '1rem', color: '#101828' }} strong>
-            Are you sure you want to delete this page?
-          </Typography.Text>
-        </Modal>
-      </Space>
-    </ConfigProvider>
-  );
-}
-
-export default PageList;
diff --git a/studio/src/pages/pages/components/PageList.test.js b/studio/src/pages/pages/components/PageList.test.js
deleted file mode 100644
index 11b2c690d..000000000
--- a/studio/src/pages/pages/components/PageList.test.js
+++ /dev/null
@@ -1,656 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { Popconfirm, Button, Table } from 'antd';
-import { FormOutlined, CloseOutlined } from '@ant-design/icons';
-import '../../../matchMedia.mock';
-import PageList from './PageList';
-import { deletePage } from '../../../actions/pages';
-import QuickEdit from '../../../components/List/QuickEdit';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-jest.mock('../../../actions/pages', () => ({
-  deletePage: jest.fn(),
-}));
-const filters = {
-  page: 1,
-  limit: 20,
-};
-const fetchPages = jest.fn();
-const setFilters = jest.fn();
-const info = {
-  loading: false,
-  total: 3,
-  tags: {
-    1: {
-      id: 1,
-      name: 'Tag',
-    },
-  },
-  categories: {
-    1: {
-      id: 1,
-      name: 'Category',
-    },
-  },
-  pages: [
-    {
-      id: 1,
-      created_at: '2020-09-09T06:53:03.018593Z',
-      updated_at: '2020-09-09T10:51:20.681562Z',
-      deleted_at: null,
-      title: 'Explainer: The US Presidential Debates – History & Format',
-      subtitle: '',
-      slug: 'explainer-the-us-presidential-debates-history-format',
-      status: 'publish',
-      excerpt:
-        'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-      description: {
-        time: 1599648677547,
-        blocks: [
-          {
-            data: {
-              text:
-                'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      is_featured: false,
-      is_sticky: false,
-      is_highlighted: false,
-      featured_medium_id: 1,
-      medium: { id: 1, url: { raw: 'http://example.com' }, alt_text: 'example' },
-      format_id: 1,
-      format: 1,
-      published_date: '0001-01-01T00:00:00Z',
-      space_id: 1,
-      tags: [1],
-      categories: [1],
-      authors: [],
-      claims: [],
-    },
-    {
-      id: 2,
-      created_at: '2020-09-09T06:53:03.018593Z',
-      updated_at: '2020-09-09T10:51:20.681562Z',
-      deleted_at: null,
-      title: 'Explainer: The US Presidential Debates – History & Format',
-      subtitle: '',
-      slug: 'explainer-the-us-presidential-debates-history-format',
-      status: 'draft',
-      excerpt:
-        'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-      description: {
-        time: 1599648677547,
-        blocks: [
-          {
-            data: {
-              text:
-                'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      is_featured: false,
-      is_sticky: false,
-      is_highlighted: false,
-      featured_medium_id: null,
-      format_id: 1,
-      format: 1,
-      space_id: 1,
-      tags: [],
-      categories: [],
-      authors: [],
-      claims: [],
-    },
-    {
-      id: 3,
-      created_at: '2020-09-09T06:53:03.018593Z',
-      updated_at: '2020-09-09T10:51:20.681562Z',
-      deleted_at: null,
-      title: 'Explainer: The US Presidential Debates – History & Format',
-      subtitle: '',
-      slug: 'explainer-the-us-presidential-debates',
-      status: 'ready',
-      excerpt:
-        'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-      description: {
-        time: 1599648677547,
-        blocks: [
-          {
-            data: {
-              text:
-                'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      is_featured: false,
-      is_sticky: false,
-      is_highlighted: false,
-      featured_medium_id: 2,
-      medium: { id: 2, url: { proxy: 'http://example2.com' }, alt_text: 'example' },
-      format_id: 1,
-      format: 1,
-      published_date: '0001-01-01T00:00:00Z',
-      space_id: 1,
-      tags: [1],
-      categories: [1],
-      authors: [],
-      claims: [],
-    },
-    {
-      id: 4,
-      created_at: '2020-09-09T06:53:03.018593Z',
-      updated_at: '2020-09-09T10:51:20.681562Z',
-      deleted_at: null,
-      title: 'Explainer: The US Presidential Debates – History & Format',
-      subtitle: '',
-      slug: 'explainer-the-us-presidential-debates',
-      status: 'other',
-      excerpt:
-        'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-      description: {
-        time: 1599648677547,
-        blocks: [
-          {
-            data: {
-              text:
-                'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-            },
-            type: 'paragraph',
-          },
-        ],
-        version: '2.18.0',
-      },
-      is_featured: false,
-      is_sticky: false,
-      is_highlighted: false,
-      featured_medium_id: 2,
-      medium: { id: 2, url: { proxy: 'http://example2.com' }, alt_text: 'example' },
-      format_id: 1,
-      format: 1,
-      published_date: '0001-01-01T00:00:00Z',
-      space_id: 1,
-      tags: [1],
-      categories: [1],
-      authors: [],
-      claims: [],
-    },
-  ],
-};
-let state = {
-  pages: {
-    req: [
-      {
-        data: [1, 2, 3],
-        total: 3,
-        query: {
-          page: 1,
-          limit: 20,
-        },
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:53:03.018593Z',
-        updated_at: '2020-09-09T10:51:20.681562Z',
-        deleted_at: null,
-        title: 'Explainer: The US Presidential Debates – History & Format',
-        subtitle: '',
-        slug: 'explainer-the-us-presidential-debates-history-format',
-        status: 'Publish',
-        excerpt:
-          'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-        description: {
-          time: 1599648677547,
-          blocks: [
-            {
-              data: {
-                text:
-                  'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        is_featured: false,
-        is_sticky: false,
-        is_highlighted: false,
-        featured_medium_id: 1,
-        medium: { id: 1, url: { raw: 'http://example.com' }, alt_text: 'example' },
-        format_id: 1,
-        format: 1,
-        published_date: '0001-01-01T00:00:00Z',
-        space_id: 1,
-        tags: [1],
-        categories: [1],
-        authors: [],
-        claims: [],
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-09T06:53:03.018593Z',
-        updated_at: '2020-09-09T10:51:20.681562Z',
-        deleted_at: null,
-        title: 'Explainer: The US Presidential Debates – History & Format',
-        subtitle: '',
-        slug: 'explainer-the-us-presidential-debates-history-format',
-        status: 'Publish',
-        excerpt:
-          'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-        description: {
-          time: 1599648677547,
-          blocks: [
-            {
-              data: {
-                text:
-                  'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        is_featured: false,
-        is_sticky: false,
-        is_highlighted: false,
-        featured_medium_id: null,
-        format_id: 1,
-        format: 1,
-        published_date: '0001-01-01T00:00:00Z',
-        space_id: 1,
-        tags: [1],
-        categories: [1],
-        authors: [],
-        claims: [],
-      },
-      3: {
-        id: 3,
-        created_at: '2020-09-09T06:53:03.018593Z',
-        updated_at: '2020-09-09T10:51:20.681562Z',
-        deleted_at: null,
-        title: 'Explainer: The US Presidential Debates – History & Format',
-        subtitle: '',
-        slug: 'explainer-the-us-presidential-debates',
-        status: 'Publish',
-        excerpt:
-          'One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ',
-        description: {
-          time: 1599648677547,
-          blocks: [
-            {
-              data: {
-                text:
-                  'The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;',
-              },
-              type: 'paragraph',
-            },
-          ],
-          version: '2.18.0',
-        },
-        is_featured: false,
-        is_sticky: false,
-        is_highlighted: false,
-        featured_medium_id: 2,
-        medium: { id: 2, url: { proxy: 'http://example2.com' }, alt_text: 'example' },
-        format_id: 1,
-        format: 1,
-        published_date: '0001-01-01T00:00:00Z',
-        space_id: 1,
-        tags: [1],
-        categories: [1],
-        authors: [],
-        claims: [],
-      },
-    },
-    loading: false,
-  },
-  categories: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:49:36.566567Z',
-        updated_at: '2020-09-09T06:49:36.566567Z',
-        deleted_at: null,
-        name: 'Andhra Pradesh',
-        slug: 'andhra-pradesh',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  tags: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:48:23.158897Z',
-        updated_at: '2020-09-09T06:48:23.158897Z',
-        deleted_at: null,
-        name: 'cricket',
-        slug: 'cricket',
-        description: '',
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  authors: {
-    req: [
-      {
-        data: [1],
-        query: {
-          page: 1,
-          limit: 5,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:48:23.158897Z',
-        updated_at: '2020-09-09T06:48:23.158897Z',
-        deleted_at: null,
-        name: 'author',
-        slug: 'author',
-        description: '',
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  media: {
-    req: [],
-    details: {
-      1: {
-        id: 1,
-        url: { raw: 'http://example.com' },
-        alt_text: 'example',
-      },
-      2: {
-        id: 1,
-        url: { proxy: 'http://example2.com' },
-        alt_text: 'example2',
-      },
-    },
-    loading: true,
-  },
-};
-
-describe('Page List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <PageList
-              actions={['update', 'delete']}
-              format={{ id: 1, name: 'article' }}
-              data={{ pages: [], tags: {}, categories: {}, loading: false, total: 0 }}
-              filters={filters}
-              setFilters={setFilters}
-              fetchPages={fetchPages}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match when component loading', () => {
-      state.pages.loading = true;
-      store = mockStore(state);
-      const info2 = { ...info };
-      info2.loading = true;
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <PageList
-              actions={['update', 'delete']}
-              format={{ id: 1, name: 'article' }}
-              data={info2}
-              filters={filters}
-              setFilters={setFilters}
-              fetchPages={fetchPages}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match with pages', () => {
-      state.pages.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <PageList
-              actions={['update', 'delete']}
-              format={{ id: 1, name: 'article' }}
-              data={info}
-              filters={filters}
-              setFilters={setFilters}
-              fetchPages={fetchPages}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PageList
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article' }}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchPages={fetchPages}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PageList
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article' }}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchPages={fetchPages}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(2);
-      expect(button.text()).toEqual('');
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-
-      expect(deletePage).toHaveBeenCalled();
-      expect(deletePage).toHaveBeenCalledWith(1);
-    });
-    it('should edit the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PageList
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchPages={fetchPages}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('Explainer: The US Presidential Debates – History & Format');
-      expect(link.prop('to')).toEqual('/pages/1/edit');
-    });
-    it('should handle quick edit', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PageList
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchPages={fetchPages}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button2 = wrapper.find(Button).at(4);
-      expect(button2.find(FormOutlined).length).toBe(1);
-      button2.simulate('click');
-      wrapper.update();
-      button2.simulate('click');
-
-      const button = wrapper.find(Button).at(1);
-      // console.log(button.debug())
-      expect(button.find(FormOutlined).length).toBe(1);
-      button.simulate('click');
-      expect(wrapper.find(QuickEdit).length).toBe(2);
-      const updateBtn = wrapper.find(Button).at(4);
-      expect(updateBtn.text()).toBe('Update');
-      expect(wrapper.find('FormItem').at(0).props().name).toBe('title');
-      console.log(wrapper.find(QuickEdit).find('input').at(0).debug());
-      wrapper
-        .find(QuickEdit)
-        .find('input')
-        .at(0)
-        .simulate('change', { target: { value: 'New title' } });
-      updateBtn.simulate('submit');
-    });
-    it('should have not delete and edit buttons', () => {
-      store = mockStore({
-        pages: {
-          req: [],
-        },
-        tags: {
-          req: [],
-        },
-        categories: {
-          req: [],
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PageList
-                actions={['update', 'delete']}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-                data={{ pages: [], tags: {}, categories: {}, total: 0, loading: false }}
-                filters={{
-                  page: 1,
-                }}
-                setFilters={setFilters}
-                fetchPages={fetchPages}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/pages/components/PageList.tsx b/studio/src/pages/pages/components/PageList.tsx
new file mode 100644
index 000000000..3ad3208d5
--- /dev/null
+++ b/studio/src/pages/pages/components/PageList.tsx
@@ -0,0 +1,383 @@
+import React, { useState, useCallback } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Trash2, Edit, Ellipsis, Pencil } from "lucide-react";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import { deletePage } from "../../../actions/pages";
+import { Link } from "react-router-dom";
+import QuickEdit from "../../../components/List/QuickEdit";
+import useNavigation from "../../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { renderStatusBadge } from "../../../components/statusBadge/index";
+import EmptyState from "@/components/EmptyState";
+import { Skeleton } from "@/components/ui/skeleton";
+
+interface Page {
+  id: number;
+  title: string;
+  slug: string;
+  status: "publish" | "draft" | "ready";
+  featured_medium_id?: number;
+  medium?: any;
+  published_date: string | null;
+  categories?: number[];
+  tags?: number[];
+  authors?: number[];
+  claims?: number[];
+  [key: string]: any;
+}
+
+interface Tag {
+  id: number;
+  name: string;
+  [key: string]: any;
+}
+
+interface Category {
+  id: number;
+  name: string;
+  [key: string]: any;
+}
+
+interface Format {
+  id: number;
+  name: string;
+  slug: string;
+  [key: string]: any;
+}
+
+interface PageListProps {
+  format: Format;
+  data: {
+    pages: Page[];
+    loading: boolean;
+    total: number;
+    tags: Record<number, Tag>;
+    categories: Record<number, Category>;
+  };
+  filters: {
+    page?: number;
+    limit?: number;
+    tag?: string[];
+    category?: string[];
+    sortBy?: string;
+    [key: string]: any;
+  };
+  onPagination: (page: number, limit: number) => void;
+  fetchPages: () => void;
+  isMobile?: boolean;
+  sortBy?: string;
+  onSortByChange?: (column: string) => void;
+}
+
+function PageList({
+  format,
+  data,
+  fetchPages,
+  isMobile = false,
+  onSortByChange,
+}: PageListProps) {
+  const dispatch = useAppDispatch();
+  const [id, setID] = useState<number>(0);
+  const [expandedRowKeys, setExpandedRowKeys] = useState<number[]>([0]);
+  const [modalOpen, setModalOpen] = useState<boolean>(false);
+  const [deleteItemID, setDeleteItemID] = useState<number | null>(null);
+
+  const navigate = useNavigation();
+
+  // Memoize handlers to prevent unnecessary re-renders
+  const handleEditClick = useCallback(
+    (e: React.MouseEvent, item: Page) => {
+      e.stopPropagation();
+      navigate(`/pages/${item.id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleQuickEdit = useCallback(
+    (e: React.MouseEvent, item: Page) => {
+      e.stopPropagation();
+      const isOpen = item.id === expandedRowKeys[0];
+      setExpandedRowKeys(isOpen ? [] : [item.id]);
+      setID(item.id);
+    },
+    [expandedRowKeys]
+  );
+
+  const handleDeleteClick = useCallback(
+    (e: React.MouseEvent, itemId: number) => {
+      e.stopPropagation();
+      setModalOpen(true);
+      setDeleteItemID(itemId);
+    },
+    []
+  );
+
+  const handleDeletePage = useCallback(() => {
+    if (deleteItemID) {
+      dispatch(deletePage(deleteItemID) as any).then(() => fetchPages());
+      setModalOpen(false);
+      setDeleteItemID(null);
+    }
+  }, [deleteItemID, dispatch, fetchPages]);
+
+  // Sort handlers
+  const handleSortByTitleToggle = () => {
+    if (onSortByChange) {
+      onSortByChange("title");
+    }
+  };
+
+  const handleSortByDateToggle = () => {
+    if (onSortByChange) {
+      onSortByChange("date");
+    }
+  };
+
+  // Function to format date - simplified for example
+  const formatDate = (dateString?: string) => {
+    if (!dateString) return "-";
+    try {
+      const date = new Date(dateString);
+      return new Intl.DateTimeFormat("en-US", {
+        month: "short",
+        day: "numeric",
+        year: "numeric",
+      }).format(date);
+    } catch (error) {
+      return dateString;
+    }
+  };
+
+  // Function to get time difference from now
+  const getDifferenceInModifiedTime = (dateString?: string) => {
+    if (!dateString) return "";
+
+    const date = new Date(dateString);
+    const now = new Date();
+    const diffInHours = Math.floor(
+      (now.getTime() - date.getTime()) / (1000 * 60 * 60)
+    );
+
+    if (diffInHours < 1) {
+      return "Just now";
+    } else if (diffInHours < 24) {
+      return `${diffInHours} ${diffInHours === 1 ? "hour" : "hours"} ago`;
+    } else {
+      const diffInDays = Math.floor(diffInHours / 24);
+      return `${diffInDays} ${diffInDays === 1 ? "day" : "days"} ago`;
+    }
+  };
+
+  // Check if there are any pages to display
+  const hasPagesData = !data.loading && data.pages && data.pages.length > 0;
+
+  return (
+    <div className="space-y-4 pb-4 overflow-auto">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="min-w-[250px] w-[40%]">Title</TableHead>
+                <TableHead className="w-[20%]">Status</TableHead>
+                <TableHead className="w-[30%]">Last Modified</TableHead>
+                <TableHead className="w-[10%] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-20" />
+                  </TableCell>
+                  <TableCell>
+                    <div className="flex flex-col space-y-2">
+                      <Skeleton className="h-6 w-32" />
+                      <Skeleton className="h-4 w-24" />
+                    </div>
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasPagesData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="min-w-[250px] w-[40%] text-[13px]">
+                  <div
+                    className="flex items-center cursor-pointer"
+                    onClick={handleSortByTitleToggle}
+                  >
+                    Title
+                  </div>
+                </TableHead>
+                <TableHead className="w-[15%] text-[13px]">Status</TableHead>
+                <TableHead className="w-[25%] text-[13px]">
+                  <div
+                    className="flex items-center cursor-pointer"
+                    onClick={handleSortByDateToggle}
+                  >
+                    Last Modified
+                  </div>
+                </TableHead>
+                <TableHead className="w-[20%] text-center text-[13px]">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.pages.map((item) => {
+                const isOpen = item.id === expandedRowKeys[0];
+                // Ensure tag_ids and category_ids are always arrays, even if undefined
+                const tagIds = item.tag_ids || [];
+                const categoryIds = item.category_ids || [];
+
+                return (
+                  <React.Fragment key={item.id}>
+                    <TableRow
+                      className={`cursor-pointer ${
+                        isOpen ? "bg-[#F0F5FF]" : "hover:bg-blue-50"
+                      }`}
+                      onClick={() => navigate(`/pages/${item.id}/edit`)}
+                    >
+                      <TableCell className="py-3">
+                        <Link
+                          to={`/pages/${item.id}/edit`}
+                          onClick={(e) => e.stopPropagation()}
+                        >
+                          {item.title}
+                        </Link>
+                      </TableCell>
+                      <TableCell>{renderStatusBadge(item.status)}</TableCell>
+                      <TableCell>
+                        <div className="flex flex-col">
+                          <span>{formatDate(item.updated_at)}</span>
+                          <span className="text-gray-400 text-[13px]">
+                            {getDifferenceInModifiedTime(item.updated_at)}
+                          </span>
+                        </div>
+                      </TableCell>
+                      <TableCell className="text-center">
+                        <DropdownMenu>
+                          <DropdownMenuTrigger
+                            asChild
+                            onClick={(e) => e.stopPropagation()}
+                          >
+                            <Button variant="ghost" size="icon">
+                              <Ellipsis className="h-5 w-5" />
+                            </Button>
+                          </DropdownMenuTrigger>
+                          <DropdownMenuContent align="end">
+                            <DropdownMenuItem
+                              onClick={(e) => handleEditClick(e, item)}
+                              className="cursor-pointer"
+                            >
+                              <Pencil className="h-4 w-4 mr-2" />
+                              <span>Edit</span>
+                            </DropdownMenuItem>
+                            <DropdownMenuSeparator />
+                            <DropdownMenuItem
+                              onClick={(e) => handleQuickEdit(e, item)}
+                              className="cursor-pointer"
+                            >
+                              <Edit className="h-4 w-4 mr-2" />
+                              <span>Quick Edit</span>
+                            </DropdownMenuItem>
+                            <DropdownMenuSeparator />
+                            <DropdownMenuItem
+                              onClick={(e) => handleDeleteClick(e, item.id)}
+                              className="cursor-pointer text-red-600 focus:text-red-600"
+                            >
+                              <Trash2 className="h-4 w-4 mr-2" />
+                              <span>Delete</span>
+                            </DropdownMenuItem>
+                          </DropdownMenuContent>
+                        </DropdownMenu>
+                      </TableCell>
+                    </TableRow>
+                    {isOpen && (
+                      <TableRow>
+                        <TableCell colSpan={4} className="p-0">
+                          <div className="p-4 bg-white hover:bg-white">
+                            <QuickEdit
+                              data={item}
+                              page={true}
+                              setID={setID}
+                              slug={format.slug}
+                              onQuickEditUpdate={() => setExpandedRowKeys([])}
+                            />
+                          </div>
+                        </TableCell>
+                      </TableRow>
+                    )}
+                  </React.Fragment>
+                );
+              })}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="pages"
+          title="No pages found"
+          description="Your pages list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      <Dialog open={modalOpen} onOpenChange={setModalOpen}>
+        <DialogContent className="max-w-sm p-4">
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Confirmation</DialogTitle>
+          </DialogHeader>
+          <DialogDescription>
+            Are you sure you want to delete this page?
+          </DialogDescription>
+          <DialogFooter>
+            <Button variant="outline" onClick={() => setModalOpen(false)}>
+              Cancel
+            </Button>
+            <Button variant="destructive" onClick={handleDeletePage}>
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+
+export default PageList;
diff --git a/studio/src/pages/pages/components/__snapshots__/PageList.test.js.snap b/studio/src/pages/pages/components/__snapshots__/PageList.test.js.snap
deleted file mode 100644
index 8cee09f42..000000000
--- a/studio/src/pages/pages/components/__snapshots__/PageList.test.js.snap
+++ /dev/null
@@ -1,21468 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Page List component snapshot testing should match when component loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PageList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Object {
-              "1": Object {
-                "id": 1,
-                "name": "Category",
-              },
-            },
-            "loading": true,
-            "pages": Array [
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 1,
-                "format": 1,
-                "format_id": 1,
-                "id": 1,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 1,
-                  "url": Object {
-                    "raw": "http://example.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates-history-format",
-                "space_id": 1,
-                "status": "publish",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": null,
-                "format": 1,
-                "format_id": 1,
-                "id": 2,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "slug": "explainer-the-us-presidential-debates-history-format",
-                "space_id": 1,
-                "status": "draft",
-                "subtitle": "",
-                "tags": Array [],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 2,
-                "format": 1,
-                "format_id": 1,
-                "id": 3,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 2,
-                  "url": Object {
-                    "proxy": "http://example2.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates",
-                "space_id": 1,
-                "status": "ready",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 2,
-                "format": 1,
-                "format_id": 1,
-                "id": 4,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 2,
-                  "url": Object {
-                    "proxy": "http://example2.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates",
-                "space_id": 1,
-                "status": "other",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-            ],
-            "tags": Object {
-              "1": Object {
-                "id": 1,
-                "name": "Tag",
-              },
-            },
-            "total": 3,
-          }
-        }
-        fetchPages={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "title",
-                        "key": "title",
-                        "render": [Function],
-                        "title": "Title",
-                        "width": 400,
-                      },
-                      Object {
-                        "dataIndex": "categories",
-                        "ellipsis": true,
-                        "key": "categories",
-                        "render": [Function],
-                        "title": "Categories",
-                      },
-                      Object {
-                        "dataIndex": "tags",
-                        "ellipsis": true,
-                        "key": "tags",
-                        "render": [Function],
-                        "title": "Tags",
-                      },
-                      Object {
-                        "dataIndex": "status",
-                        "key": "status",
-                        "render": [Function],
-                        "title": "Status",
-                        "width": 200,
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "actions",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Actions",
-                        "width": 240,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 1,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 1,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 1,
-                          "url": Object {
-                            "raw": "http://example.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates-history-format",
-                        "space_id": 1,
-                        "status": "publish",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": null,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 2,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "slug": "explainer-the-us-presidential-debates-history-format",
-                        "space_id": 1,
-                        "status": "draft",
-                        "subtitle": "",
-                        "tags": Array [],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 2,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 3,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 2,
-                          "url": Object {
-                            "proxy": "http://example2.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates",
-                        "space_id": 1,
-                        "status": "ready",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 2,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 4,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 2,
-                          "url": Object {
-                            "proxy": "http://example2.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates",
-                        "space_id": 1,
-                        "status": "other",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                    ]
-                  }
-                  expandable={
-                    Object {
-                      "expandIcon": [Function],
-                      "expandIconColumnIndex": -1,
-                      "expandedRowKeys": Array [
-                        0,
-                      ],
-                      "expandedRowRender": [Function],
-                      "onExpand": [Function],
-                    }
-                  }
-                  locale={
-                    Object {
-                      "emptyText": "-",
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 3,
-                    }
-                  }
-                  rowKey={[Function]}
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            className=""
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 1,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 1,
-                                    "url": Object {
-                                      "raw": "http://example.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "publish",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": null,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "draft",
-                                  "subtitle": "",
-                                  "tags": Array [],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 3,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "ready",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 4,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "other",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 1,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 1,
-                                    "url": Object {
-                                      "raw": "http://example.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "publish",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": null,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "draft",
-                                  "subtitle": "",
-                                  "tags": Array [],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 3,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "ready",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 4,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "other",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                              ]
-                            }
-                            emptyText="-"
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": [Function],
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "indentSize": 15,
-                                "onExpand": [Function],
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: fixed;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 400px;"
-                                        />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 200px;"
-                                        />
-                                        <col
-                                          style="width: 240px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Title
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Categories"
-                                          >
-                                            Categories
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Tags"
-                                          >
-                                            Tags
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Status
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Actions
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/pages/1/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?category=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?tag=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-green"
-                                            >
-                                              <span
-                                                aria-label="check-circle"
-                                                class="anticon anticon-check-circle"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="check-circle"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                  />
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Published
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex; padding: 0px 1rem;"
-                                            >
-                                              <a
-                                                href="/pages/1/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/pages/2/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          />
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-red"
-                                            >
-                                              <span
-                                                aria-label="exception"
-                                                class="anticon anticon-exception"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="exception"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Draft
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex; padding: 0px 1rem;"
-                                            >
-                                              <a
-                                                href="/pages/2/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="3"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/pages/3/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?category=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?tag=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-gold"
-                                            >
-                                              <span
-                                                aria-label="clock-circle"
-                                                class="anticon anticon-clock-circle"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="clock-circle"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                  <path
-                                                    d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Ready to Publish
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex; padding: 0px 1rem;"
-                                            >
-                                              <a
-                                                href="/pages/3/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="4"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/pages/4/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?category=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?tag=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex; padding: 0px 1rem;"
-                                            >
-                                              <a
-                                                href="/pages/4/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            locale={
-                              Object {
-                                "emptyText": "-",
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 3,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "className": "",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "title",
-                                        "key": "title",
-                                        "render": [Function],
-                                        "title": "Title",
-                                        "width": 400,
-                                      },
-                                      Object {
-                                        "dataIndex": "categories",
-                                        "ellipsis": true,
-                                        "key": "categories",
-                                        "render": [Function],
-                                        "title": "Categories",
-                                      },
-                                      Object {
-                                        "dataIndex": "tags",
-                                        "ellipsis": true,
-                                        "key": "tags",
-                                        "render": [Function],
-                                        "title": "Tags",
-                                      },
-                                      Object {
-                                        "dataIndex": "status",
-                                        "key": "status",
-                                        "render": [Function],
-                                        "title": "Status",
-                                        "width": 200,
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "actions",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Actions",
-                                        "width": 240,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 1,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 1,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 1,
-                                          "url": Object {
-                                            "raw": "http://example.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "publish",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": null,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 2,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "draft",
-                                        "subtitle": "",
-                                        "tags": Array [],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 3,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "ready",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 4,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "other",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 1,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 1,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 1,
-                                          "url": Object {
-                                            "raw": "http://example.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "publish",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": null,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 2,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "draft",
-                                        "subtitle": "",
-                                        "tags": Array [],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 3,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "ready",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 4,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "other",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": "-",
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": [Function],
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": -1,
-                                      "expandedRowKeys": Array [
-                                        0,
-                                      ],
-                                      "expandedRowRender": [Function],
-                                      "indentSize": 15,
-                                      "onExpand": [Function],
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: fixed;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 400px;"
-                                              />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 200px;"
-                                              />
-                                              <col
-                                                style="width: 240px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Title
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Status
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Actions
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/pages/1/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?category=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?tag=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-green"
-                                                  >
-                                                    <span
-                                                      aria-label="check-circle"
-                                                      class="anticon anticon-check-circle"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="check-circle"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                        />
-                                                        <path
-                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Published
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex; padding: 0px 1rem;"
-                                                  >
-                                                    <a
-                                                      href="/pages/1/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/pages/2/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                />
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-red"
-                                                  >
-                                                    <span
-                                                      aria-label="exception"
-                                                      class="anticon anticon-exception"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="exception"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Draft
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex; padding: 0px 1rem;"
-                                                  >
-                                                    <a
-                                                      href="/pages/2/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="3"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/pages/3/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?category=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?tag=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-gold"
-                                                  >
-                                                    <span
-                                                      aria-label="clock-circle"
-                                                      class="anticon anticon-clock-circle"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="clock-circle"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                        />
-                                                        <path
-                                                          d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Ready to Publish
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex; padding: 0px 1rem;"
-                                                  >
-                                                    <a
-                                                      href="/pages/3/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="4"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/pages/4/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?category=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?tag=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex; padding: 0px 1rem;"
-                                                  >
-                                                    <a
-                                                      href="/pages/4/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "locale": Object {
-                                      "emptyText": "-",
-                                    },
-                                    "mergedExpandedKeys": Set {
-                                      0,
-                                    },
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 3,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "fixed",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            400,
-                                            undefined,
-                                            undefined,
-                                            200,
-                                            240,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": 400,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 200,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 240,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Title",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  },
-                                                  "key": "title",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Categories",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  },
-                                                  "key": "categories",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tags",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  },
-                                                  "key": "tags",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Status",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  },
-                                                  "key": "status",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Actions",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "fixed": undefined,
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "fixed": undefined,
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Title
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Status
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Actions
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 1,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 1,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 1,
-                                                "url": Object {
-                                                  "raw": "http://example.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates-history-format",
-                                              "space_id": 1,
-                                              "status": "publish",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": null,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 2,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "slug": "explainer-the-us-presidential-debates-history-format",
-                                              "space_id": 1,
-                                              "status": "draft",
-                                              "subtitle": "",
-                                              "tags": Array [],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 2,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 3,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 2,
-                                                "url": Object {
-                                                  "proxy": "http://example2.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates",
-                                              "space_id": 1,
-                                              "status": "ready",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 2,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 4,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 2,
-                                                "url": Object {
-                                                  "proxy": "http://example2.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates",
-                                              "space_id": 1,
-                                              "status": "other",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={
-                                          Set {
-                                            0,
-                                          }
-                                        }
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 1,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 1,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 1,
-                                                  "url": Object {
-                                                    "raw": "http://example.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates-history-format",
-                                                "space_id": 1,
-                                                "status": "publish",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages/1/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages/1/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?category=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?category=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?category=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?tag=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?tag=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?tag=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="green"
-                                                    icon={<ForwardRef(CheckCircleOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-green"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(CheckCircleOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "check-circle",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="check-circle"
-                                                            className="anticon anticon-check-circle"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "check-circle",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="check-circle"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-check-circle"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                  key="svg-check-circle-svg-0"
-                                                                />
-                                                                <path
-                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                                  key="svg-check-circle-svg-1"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CheckCircleOutlined)>
-                                                      <span>
-                                                        Published
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                        "padding": "0 1rem",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/pages/1/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/pages/1/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/pages/1/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": null,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 2,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "slug": "explainer-the-us-presidential-debates-history-format",
-                                                "space_id": 1,
-                                                "status": "draft",
-                                                "subtitle": "",
-                                                "tags": Array [],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages/2/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages/2/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="red"
-                                                    icon={<ForwardRef(ExceptionOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-red"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(ExceptionOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "exception",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="exception"
-                                                            className="anticon anticon-exception"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "exception",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="exception"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-exception"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                                  key="svg-exception-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(ExceptionOutlined)>
-                                                      <span>
-                                                        Draft
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                        "padding": "0 1rem",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/pages/2/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/pages/2/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/pages/2/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={2}
-                                            key="3"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 2,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 3,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 2,
-                                                  "url": Object {
-                                                    "proxy": "http://example2.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates",
-                                                "space_id": 1,
-                                                "status": "ready",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={3}
-                                            rowComponent="tr"
-                                            rowKey={3}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={3}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages/3/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages/3/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages/3/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?category=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?category=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?category=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?tag=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?tag=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?tag=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="gold"
-                                                    icon={<ForwardRef(ClockCircleOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-gold"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(ClockCircleOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "clock-circle",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="clock-circle"
-                                                            className="anticon anticon-clock-circle"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "clock-circle",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="clock-circle"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-clock-circle"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                                  key="svg-clock-circle-svg-0"
-                                                                />
-                                                                <path
-                                                                  d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                                  key="svg-clock-circle-svg-1"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(ClockCircleOutlined)>
-                                                      <span>
-                                                        Ready to Publish
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={2}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                        "padding": "0 1rem",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/pages/3/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/pages/3/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/pages/3/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={3}
-                                            key="4"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 2,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 4,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 2,
-                                                  "url": Object {
-                                                    "proxy": "http://example2.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates",
-                                                "space_id": 1,
-                                                "status": "other",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={4}
-                                            rowComponent="tr"
-                                            rowKey={4}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={4}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages/4/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages/4/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages/4/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?category=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?category=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?category=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?tag=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?tag=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?tag=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={3}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                        "padding": "0 1rem",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/pages/4/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/pages/4/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/pages/4/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={3}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={3}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-3 of 3 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </PageList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Page List component snapshot testing should match with pages 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PageList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Object {
-              "1": Object {
-                "id": 1,
-                "name": "Category",
-              },
-            },
-            "loading": false,
-            "pages": Array [
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 1,
-                "format": 1,
-                "format_id": 1,
-                "id": 1,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 1,
-                  "url": Object {
-                    "raw": "http://example.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates-history-format",
-                "space_id": 1,
-                "status": "publish",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": null,
-                "format": 1,
-                "format_id": 1,
-                "id": 2,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "slug": "explainer-the-us-presidential-debates-history-format",
-                "space_id": 1,
-                "status": "draft",
-                "subtitle": "",
-                "tags": Array [],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 2,
-                "format": 1,
-                "format_id": 1,
-                "id": 3,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 2,
-                  "url": Object {
-                    "proxy": "http://example2.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates",
-                "space_id": 1,
-                "status": "ready",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-              Object {
-                "authors": Array [],
-                "categories": Array [
-                  1,
-                ],
-                "claims": Array [],
-                "created_at": "2020-09-09T06:53:03.018593Z",
-                "deleted_at": null,
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1599648677547,
-                  "version": "2.18.0",
-                },
-                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                "featured_medium_id": 2,
-                "format": 1,
-                "format_id": 1,
-                "id": 4,
-                "is_featured": false,
-                "is_highlighted": false,
-                "is_sticky": false,
-                "medium": Object {
-                  "alt_text": "example",
-                  "id": 2,
-                  "url": Object {
-                    "proxy": "http://example2.com",
-                  },
-                },
-                "published_date": "0001-01-01T00:00:00Z",
-                "slug": "explainer-the-us-presidential-debates",
-                "space_id": 1,
-                "status": "other",
-                "subtitle": "",
-                "tags": Array [
-                  1,
-                ],
-                "title": "Explainer: The US Presidential Debates – History & Format",
-                "updated_at": "2020-09-09T10:51:20.681562Z",
-              },
-            ],
-            "tags": Object {
-              "1": Object {
-                "id": 1,
-                "name": "Tag",
-              },
-            },
-            "total": 3,
-          }
-        }
-        fetchPages={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "title",
-                        "key": "title",
-                        "render": [Function],
-                        "title": "Title",
-                        "width": 400,
-                      },
-                      Object {
-                        "dataIndex": "categories",
-                        "ellipsis": true,
-                        "key": "categories",
-                        "render": [Function],
-                        "title": "Categories",
-                      },
-                      Object {
-                        "dataIndex": "tags",
-                        "ellipsis": true,
-                        "key": "tags",
-                        "render": [Function],
-                        "title": "Tags",
-                      },
-                      Object {
-                        "dataIndex": "status",
-                        "key": "status",
-                        "render": [Function],
-                        "title": "Status",
-                        "width": 200,
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "actions",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Actions",
-                        "width": 240,
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 1,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 1,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 1,
-                          "url": Object {
-                            "raw": "http://example.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates-history-format",
-                        "space_id": 1,
-                        "status": "publish",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": null,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 2,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "slug": "explainer-the-us-presidential-debates-history-format",
-                        "space_id": 1,
-                        "status": "draft",
-                        "subtitle": "",
-                        "tags": Array [],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 2,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 3,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 2,
-                          "url": Object {
-                            "proxy": "http://example2.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates",
-                        "space_id": 1,
-                        "status": "ready",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                      Object {
-                        "authors": Array [],
-                        "categories": Array [
-                          1,
-                        ],
-                        "claims": Array [],
-                        "created_at": "2020-09-09T06:53:03.018593Z",
-                        "deleted_at": null,
-                        "description": Object {
-                          "blocks": Array [
-                            Object {
-                              "data": Object {
-                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                              },
-                              "type": "paragraph",
-                            },
-                          ],
-                          "time": 1599648677547,
-                          "version": "2.18.0",
-                        },
-                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                        "featured_medium_id": 2,
-                        "format": 1,
-                        "format_id": 1,
-                        "id": 4,
-                        "is_featured": false,
-                        "is_highlighted": false,
-                        "is_sticky": false,
-                        "medium": Object {
-                          "alt_text": "example",
-                          "id": 2,
-                          "url": Object {
-                            "proxy": "http://example2.com",
-                          },
-                        },
-                        "published_date": "0001-01-01T00:00:00Z",
-                        "slug": "explainer-the-us-presidential-debates",
-                        "space_id": 1,
-                        "status": "other",
-                        "subtitle": "",
-                        "tags": Array [
-                          1,
-                        ],
-                        "title": "Explainer: The US Presidential Debates – History & Format",
-                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                      },
-                    ]
-                  }
-                  expandable={
-                    Object {
-                      "expandIcon": [Function],
-                      "expandIconColumnIndex": -1,
-                      "expandedRowKeys": Array [
-                        0,
-                      ],
-                      "expandedRowRender": [Function],
-                      "onExpand": [Function],
-                    }
-                  }
-                  locale={
-                    Object {
-                      "emptyText": "-",
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 3,
-                    }
-                  }
-                  rowKey={[Function]}
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            className=""
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 1,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 1,
-                                    "url": Object {
-                                      "raw": "http://example.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "publish",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": null,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "draft",
-                                  "subtitle": "",
-                                  "tags": Array [],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 3,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "ready",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 4,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "other",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 1,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 1,
-                                    "url": Object {
-                                      "raw": "http://example.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "publish",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": null,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "slug": "explainer-the-us-presidential-debates-history-format",
-                                  "space_id": 1,
-                                  "status": "draft",
-                                  "subtitle": "",
-                                  "tags": Array [],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 3,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "ready",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                                Object {
-                                  "authors": Array [],
-                                  "categories": Array [
-                                    1,
-                                  ],
-                                  "claims": Array [],
-                                  "created_at": "2020-09-09T06:53:03.018593Z",
-                                  "deleted_at": null,
-                                  "description": Object {
-                                    "blocks": Array [
-                                      Object {
-                                        "data": Object {
-                                          "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                        },
-                                        "type": "paragraph",
-                                      },
-                                    ],
-                                    "time": 1599648677547,
-                                    "version": "2.18.0",
-                                  },
-                                  "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                  "featured_medium_id": 2,
-                                  "format": 1,
-                                  "format_id": 1,
-                                  "id": 4,
-                                  "is_featured": false,
-                                  "is_highlighted": false,
-                                  "is_sticky": false,
-                                  "medium": Object {
-                                    "alt_text": "example",
-                                    "id": 2,
-                                    "url": Object {
-                                      "proxy": "http://example2.com",
-                                    },
-                                  },
-                                  "published_date": "0001-01-01T00:00:00Z",
-                                  "slug": "explainer-the-us-presidential-debates",
-                                  "space_id": 1,
-                                  "status": "other",
-                                  "subtitle": "",
-                                  "tags": Array [
-                                    1,
-                                  ],
-                                  "title": "Explainer: The US Presidential Debates – History & Format",
-                                  "updated_at": "2020-09-09T10:51:20.681562Z",
-                                },
-                              ]
-                            }
-                            emptyText="-"
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": [Function],
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "indentSize": 15,
-                                "onExpand": [Function],
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: fixed;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 400px;"
-                                        />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 200px;"
-                                        />
-                                        <col
-                                          style="width: 240px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Title
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Categories"
-                                          >
-                                            Categories
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Tags"
-                                          >
-                                            Tags
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Status
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Actions
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="1"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/pages/1/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?category=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?tag=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-green"
-                                            >
-                                              <span
-                                                aria-label="check-circle"
-                                                class="anticon anticon-check-circle"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="check-circle"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                  />
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Published
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex; padding: 0px 1rem;"
-                                            >
-                                              <a
-                                                href="/pages/1/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="2"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/pages/2/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          />
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-red"
-                                            >
-                                              <span
-                                                aria-label="exception"
-                                                class="anticon anticon-exception"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="exception"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Draft
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex; padding: 0px 1rem;"
-                                            >
-                                              <a
-                                                href="/pages/2/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="3"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/pages/3/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?category=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?tag=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag ant-tag-gold"
-                                            >
-                                              <span
-                                                aria-label="clock-circle"
-                                                class="anticon anticon-clock-circle"
-                                                role="img"
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="clock-circle"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                  />
-                                                  <path
-                                                    d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                  />
-                                                </svg>
-                                              </span>
-                                              <span>
-                                                Ready to Publish
-                                              </span>
-                                            </span>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex; padding: 0px 1rem;"
-                                            >
-                                              <a
-                                                href="/pages/3/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                          data-row-key="4"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <a
-                                              href="/pages/4/edit"
-                                            >
-                                              <p
-                                                style="font-size: 1.125rem; font-weight: 500;"
-                                              >
-                                                Explainer: The US Presidential Debates – History & Format
-                                              </p>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?category=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Category
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                          >
-                                            <a
-                                              href="/pages?tag=1"
-                                            >
-                                              <span
-                                                class="ant-tag"
-                                              >
-                                                Tag
-                                              </span>
-                                            </a>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          />
-                                          <td
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            <div
-                                              style="display: flex; padding: 0px 1rem;"
-                                            >
-                                              <a
-                                                href="/pages/4/edit"
-                                                style="display: block;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-icon-only"
-                                                  style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="edit"
-                                                    class="anticon anticon-edit"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="edit"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </a>
-                                              <button
-                                                class="ant-btn"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="form"
-                                                  class="anticon anticon-form"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="form"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                    />
-                                                    <path
-                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                              <button
-                                                class="ant-btn ant-btn-danger"
-                                                style="margin: 0.5rem;"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </div>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            locale={
-                              Object {
-                                "emptyText": "-",
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 3,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "className": "",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "title",
-                                        "key": "title",
-                                        "render": [Function],
-                                        "title": "Title",
-                                        "width": 400,
-                                      },
-                                      Object {
-                                        "dataIndex": "categories",
-                                        "ellipsis": true,
-                                        "key": "categories",
-                                        "render": [Function],
-                                        "title": "Categories",
-                                      },
-                                      Object {
-                                        "dataIndex": "tags",
-                                        "ellipsis": true,
-                                        "key": "tags",
-                                        "render": [Function],
-                                        "title": "Tags",
-                                      },
-                                      Object {
-                                        "dataIndex": "status",
-                                        "key": "status",
-                                        "render": [Function],
-                                        "title": "Status",
-                                        "width": 200,
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "actions",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Actions",
-                                        "width": 240,
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 1,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 1,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 1,
-                                          "url": Object {
-                                            "raw": "http://example.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "publish",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": null,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 2,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "draft",
-                                        "subtitle": "",
-                                        "tags": Array [],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 3,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "ready",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 4,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "other",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 1,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 1,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 1,
-                                          "url": Object {
-                                            "raw": "http://example.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "publish",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": null,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 2,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "slug": "explainer-the-us-presidential-debates-history-format",
-                                        "space_id": 1,
-                                        "status": "draft",
-                                        "subtitle": "",
-                                        "tags": Array [],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 3,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "ready",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                      Object {
-                                        "authors": Array [],
-                                        "categories": Array [
-                                          1,
-                                        ],
-                                        "claims": Array [],
-                                        "created_at": "2020-09-09T06:53:03.018593Z",
-                                        "deleted_at": null,
-                                        "description": Object {
-                                          "blocks": Array [
-                                            Object {
-                                              "data": Object {
-                                                "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                              },
-                                              "type": "paragraph",
-                                            },
-                                          ],
-                                          "time": 1599648677547,
-                                          "version": "2.18.0",
-                                        },
-                                        "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                        "featured_medium_id": 2,
-                                        "format": 1,
-                                        "format_id": 1,
-                                        "id": 4,
-                                        "is_featured": false,
-                                        "is_highlighted": false,
-                                        "is_sticky": false,
-                                        "medium": Object {
-                                          "alt_text": "example",
-                                          "id": 2,
-                                          "url": Object {
-                                            "proxy": "http://example2.com",
-                                          },
-                                        },
-                                        "published_date": "0001-01-01T00:00:00Z",
-                                        "slug": "explainer-the-us-presidential-debates",
-                                        "space_id": 1,
-                                        "status": "other",
-                                        "subtitle": "",
-                                        "tags": Array [
-                                          1,
-                                        ],
-                                        "title": "Explainer: The US Presidential Debates – History & Format",
-                                        "updated_at": "2020-09-09T10:51:20.681562Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": "-",
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": [Function],
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": -1,
-                                      "expandedRowKeys": Array [
-                                        0,
-                                      ],
-                                      "expandedRowRender": [Function],
-                                      "indentSize": 15,
-                                      "onExpand": [Function],
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: fixed;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 400px;"
-                                              />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 200px;"
-                                              />
-                                              <col
-                                                style="width: 240px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Title
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Status
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Actions
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="1"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/pages/1/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?category=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?tag=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-green"
-                                                  >
-                                                    <span
-                                                      aria-label="check-circle"
-                                                      class="anticon anticon-check-circle"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="check-circle"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                        />
-                                                        <path
-                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Published
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex; padding: 0px 1rem;"
-                                                  >
-                                                    <a
-                                                      href="/pages/1/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="2"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/pages/2/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                />
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-red"
-                                                  >
-                                                    <span
-                                                      aria-label="exception"
-                                                      class="anticon anticon-exception"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="exception"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Draft
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex; padding: 0px 1rem;"
-                                                  >
-                                                    <a
-                                                      href="/pages/2/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="3"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/pages/3/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?category=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?tag=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag ant-tag-gold"
-                                                  >
-                                                    <span
-                                                      aria-label="clock-circle"
-                                                      class="anticon anticon-clock-circle"
-                                                      role="img"
-                                                    >
-                                                      <svg
-                                                        aria-hidden="true"
-                                                        data-icon="clock-circle"
-                                                        fill="currentColor"
-                                                        focusable="false"
-                                                        height="1em"
-                                                        viewBox="64 64 896 896"
-                                                        width="1em"
-                                                      >
-                                                        <path
-                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                        />
-                                                        <path
-                                                          d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                        />
-                                                      </svg>
-                                                    </span>
-                                                    <span>
-                                                      Ready to Publish
-                                                    </span>
-                                                  </span>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex; padding: 0px 1rem;"
-                                                  >
-                                                    <a
-                                                      href="/pages/3/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                                data-row-key="4"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <a
-                                                    href="/pages/4/edit"
-                                                  >
-                                                    <p
-                                                      style="font-size: 1.125rem; font-weight: 500;"
-                                                    >
-                                                      Explainer: The US Presidential Debates – History & Format
-                                                    </p>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?category=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Category
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                >
-                                                  <a
-                                                    href="/pages?tag=1"
-                                                  >
-                                                    <span
-                                                      class="ant-tag"
-                                                    >
-                                                      Tag
-                                                    </span>
-                                                  </a>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                />
-                                                <td
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  <div
-                                                    style="display: flex; padding: 0px 1rem;"
-                                                  >
-                                                    <a
-                                                      href="/pages/4/edit"
-                                                      style="display: block;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-icon-only"
-                                                        style="margin: 0.5rem; padding: 4px 22px; display: flex; align-items: center; justify-content: center;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="edit"
-                                                          class="anticon anticon-edit"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="edit"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </a>
-                                                    <button
-                                                      class="ant-btn"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="form"
-                                                        class="anticon anticon-form"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="form"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                          />
-                                                          <path
-                                                            d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                    <button
-                                                      class="ant-btn ant-btn-danger"
-                                                      style="margin: 0.5rem;"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </div>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "locale": Object {
-                                      "emptyText": "-",
-                                    },
-                                    "mergedExpandedKeys": Set {
-                                      0,
-                                    },
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 3,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "fixed",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            400,
-                                            undefined,
-                                            undefined,
-                                            200,
-                                            240,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": 400,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 200,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 240,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Title",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  },
-                                                  "key": "title",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Categories",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  },
-                                                  "key": "categories",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tags",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  },
-                                                  "key": "tags",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Status",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  },
-                                                  "key": "status",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Actions",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "fixed": undefined,
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "fixed": undefined,
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Title
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Status
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Actions
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 1,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 1,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 1,
-                                                "url": Object {
-                                                  "raw": "http://example.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates-history-format",
-                                              "space_id": 1,
-                                              "status": "publish",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": null,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 2,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "slug": "explainer-the-us-presidential-debates-history-format",
-                                              "space_id": 1,
-                                              "status": "draft",
-                                              "subtitle": "",
-                                              "tags": Array [],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 2,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 3,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 2,
-                                                "url": Object {
-                                                  "proxy": "http://example2.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates",
-                                              "space_id": 1,
-                                              "status": "ready",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                            Object {
-                                              "authors": Array [],
-                                              "categories": Array [
-                                                1,
-                                              ],
-                                              "claims": Array [],
-                                              "created_at": "2020-09-09T06:53:03.018593Z",
-                                              "deleted_at": null,
-                                              "description": Object {
-                                                "blocks": Array [
-                                                  Object {
-                                                    "data": Object {
-                                                      "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                    },
-                                                    "type": "paragraph",
-                                                  },
-                                                ],
-                                                "time": 1599648677547,
-                                                "version": "2.18.0",
-                                              },
-                                              "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                              "featured_medium_id": 2,
-                                              "format": 1,
-                                              "format_id": 1,
-                                              "id": 4,
-                                              "is_featured": false,
-                                              "is_highlighted": false,
-                                              "is_sticky": false,
-                                              "medium": Object {
-                                                "alt_text": "example",
-                                                "id": 2,
-                                                "url": Object {
-                                                  "proxy": "http://example2.com",
-                                                },
-                                              },
-                                              "published_date": "0001-01-01T00:00:00Z",
-                                              "slug": "explainer-the-us-presidential-debates",
-                                              "space_id": 1,
-                                              "status": "other",
-                                              "subtitle": "",
-                                              "tags": Array [
-                                                1,
-                                              ],
-                                              "title": "Explainer: The US Presidential Debates – History & Format",
-                                              "updated_at": "2020-09-09T10:51:20.681562Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={
-                                          Set {
-                                            0,
-                                          }
-                                        }
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            key="1"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 1,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 1,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 1,
-                                                  "url": Object {
-                                                    "raw": "http://example.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates-history-format",
-                                                "space_id": 1,
-                                                "status": "publish",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={1}
-                                            rowComponent="tr"
-                                            rowKey={1}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={1}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages/1/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages/1/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages/1/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?category=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?category=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?category=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?tag=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?tag=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?tag=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="green"
-                                                    icon={<ForwardRef(CheckCircleOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-green"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(CheckCircleOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "check-circle",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="check-circle"
-                                                            className="anticon anticon-check-circle"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "check-circle",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="check-circle"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-check-circle"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0051.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                  key="svg-check-circle-svg-0"
-                                                                />
-                                                                <path
-                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                                  key="svg-check-circle-svg-1"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CheckCircleOutlined)>
-                                                      <span>
-                                                        Published
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 1,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 1,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 1,
-                                                      "url": Object {
-                                                        "raw": "http://example.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "publish",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                        "padding": "0 1rem",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/pages/1/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/pages/1/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/pages/1/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            key="2"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": null,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 2,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "slug": "explainer-the-us-presidential-debates-history-format",
-                                                "space_id": 1,
-                                                "status": "draft",
-                                                "subtitle": "",
-                                                "tags": Array [],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={2}
-                                            rowComponent="tr"
-                                            rowKey={2}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={2}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages/2/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages/2/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages/2/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="red"
-                                                    icon={<ForwardRef(ExceptionOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-red"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(ExceptionOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "exception",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="exception"
-                                                            className="anticon anticon-exception"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "exception",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="exception"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-exception"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M688 312v-48c0-4.4-3.6-8-8-8H296c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h384c4.4 0 8-3.6 8-8zm-392 88c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h184c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H296zm376 116c-119.3 0-216 96.7-216 216s96.7 216 216 216 216-96.7 216-216-96.7-216-216-216zm107.5 323.5C750.8 868.2 712.6 884 672 884s-78.8-15.8-107.5-44.5C535.8 810.8 520 772.6 520 732s15.8-78.8 44.5-107.5C593.2 595.8 631.4 580 672 580s78.8 15.8 107.5 44.5C808.2 653.2 824 691.4 824 732s-15.8 78.8-44.5 107.5zM640 812a32 32 0 1064 0 32 32 0 10-64 0zm12-64h40c4.4 0 8-3.6 8-8V628c0-4.4-3.6-8-8-8h-40c-4.4 0-8 3.6-8 8v112c0 4.4 3.6 8 8 8zM440 852H208V148h560v344c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V108c0-17.7-14.3-32-32-32H168c-17.7 0-32 14.3-32 32v784c0 17.7 14.3 32 32 32h272c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8z"
-                                                                  key="svg-exception-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(ExceptionOutlined)>
-                                                      <span>
-                                                        Draft
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={1}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": null,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 2,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "slug": "explainer-the-us-presidential-debates-history-format",
-                                                    "space_id": 1,
-                                                    "status": "draft",
-                                                    "subtitle": "",
-                                                    "tags": Array [],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                        "padding": "0 1rem",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/pages/2/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/pages/2/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/pages/2/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={2}
-                                            key="3"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 2,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 3,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 2,
-                                                  "url": Object {
-                                                    "proxy": "http://example2.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates",
-                                                "space_id": 1,
-                                                "status": "ready",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={3}
-                                            rowComponent="tr"
-                                            rowKey={3}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={3}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages/3/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages/3/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages/3/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?category=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?category=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?category=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?tag=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?tag=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?tag=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={2}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    color="gold"
-                                                    icon={<ForwardRef(ClockCircleOutlined) />}
-                                                  >
-                                                    <span
-                                                      className="ant-tag ant-tag-gold"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <ForwardRef(ClockCircleOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "clock-circle",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="clock-circle"
-                                                            className="anticon anticon-clock-circle"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "clock-circle",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="clock-circle"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-clock-circle"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
-                                                                  key="svg-clock-circle-svg-0"
-                                                                />
-                                                                <path
-                                                                  d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
-                                                                  key="svg-clock-circle-svg-1"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(ClockCircleOutlined)>
-                                                      <span>
-                                                        Ready to Publish
-                                                      </span>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={2}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 3,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "ready",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                        "padding": "0 1rem",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/pages/3/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/pages/3/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/pages/3/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={
-                                              Set {
-                                                0,
-                                              }
-                                            }
-                                            getRowKey={[Function]}
-                                            index={3}
-                                            key="4"
-                                            record={
-                                              Object {
-                                                "authors": Array [],
-                                                "categories": Array [
-                                                  1,
-                                                ],
-                                                "claims": Array [],
-                                                "created_at": "2020-09-09T06:53:03.018593Z",
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                      },
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1599648677547,
-                                                  "version": "2.18.0",
-                                                },
-                                                "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                "featured_medium_id": 2,
-                                                "format": 1,
-                                                "format_id": 1,
-                                                "id": 4,
-                                                "is_featured": false,
-                                                "is_highlighted": false,
-                                                "is_sticky": false,
-                                                "medium": Object {
-                                                  "alt_text": "example",
-                                                  "id": 2,
-                                                  "url": Object {
-                                                    "proxy": "http://example2.com",
-                                                  },
-                                                },
-                                                "published_date": "0001-01-01T00:00:00Z",
-                                                "slug": "explainer-the-us-presidential-debates",
-                                                "space_id": 1,
-                                                "status": "other",
-                                                "subtitle": "",
-                                                "tags": Array [
-                                                  1,
-                                                ],
-                                                "title": "Explainer: The US Presidential Debates – History & Format",
-                                                "updated_at": "2020-09-09T10:51:20.681562Z",
-                                              }
-                                            }
-                                            recordKey={4}
-                                            rowComponent="tr"
-                                            rowKey={4}
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              data-row-key={4}
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="title"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages/4/edit"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages/4/edit"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages/4/edit"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <p
-                                                          style={
-                                                            Object {
-                                                              "fontSize": "1.125rem",
-                                                              "fontWeight": 500,
-                                                            }
-                                                          }
-                                                        >
-                                                          Explainer: The US Presidential Debates – History & Format
-                                                        </p>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="categories"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?category=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?category=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?category=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Category
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="tags"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Link
-                                                    to="/pages?tag=1"
-                                                  >
-                                                    <LinkAnchor
-                                                      href="/pages?tag=1"
-                                                      navigate={[Function]}
-                                                    >
-                                                      <a
-                                                        href="/pages?tag=1"
-                                                        onClick={[Function]}
-                                                      >
-                                                        <Tag>
-                                                          <span
-                                                            className="ant-tag"
-                                                            style={
-                                                              Object {
-                                                                "backgroundColor": undefined,
-                                                              }
-                                                            }
-                                                          >
-                                                            Tag
-                                                          </span>
-                                                        </Tag>
-                                                      </a>
-                                                    </LinkAnchor>
-                                                  </Link>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="status"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={3}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                />
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                component="td"
-                                                dataIndex="actions"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                index={3}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "authors": Array [],
-                                                    "categories": Array [
-                                                      1,
-                                                    ],
-                                                    "claims": Array [],
-                                                    "created_at": "2020-09-09T06:53:03.018593Z",
-                                                    "deleted_at": null,
-                                                    "description": Object {
-                                                      "blocks": Array [
-                                                        Object {
-                                                          "data": Object {
-                                                            "text": "The United States of America (USA) is one of the oldest modern democracies in the world. Over its existence as a democracy for nearly two and half centuries, it has developed institutions and practices which strengthen the idea of democracy. Democracy wrests the choice in the people to choose a government to preside over the administration. Hence it is imperative that the people know about the political party or the individual that they would be voting for. This knowledge includes – the ideology, stance on various issues, vision etc.&nbsp;",
-                                                          },
-                                                          "type": "paragraph",
-                                                        },
-                                                      ],
-                                                      "time": 1599648677547,
-                                                      "version": "2.18.0",
-                                                    },
-                                                    "excerpt": "One of the unique aspects of the US Presidential election is the face to face debate of the Presidential nominees. ",
-                                                    "featured_medium_id": 2,
-                                                    "format": 1,
-                                                    "format_id": 1,
-                                                    "id": 4,
-                                                    "is_featured": false,
-                                                    "is_highlighted": false,
-                                                    "is_sticky": false,
-                                                    "medium": Object {
-                                                      "alt_text": "example",
-                                                      "id": 2,
-                                                      "url": Object {
-                                                        "proxy": "http://example2.com",
-                                                      },
-                                                    },
-                                                    "published_date": "0001-01-01T00:00:00Z",
-                                                    "slug": "explainer-the-us-presidential-debates",
-                                                    "space_id": 1,
-                                                    "status": "other",
-                                                    "subtitle": "",
-                                                    "tags": Array [
-                                                      1,
-                                                    ],
-                                                    "title": "Explainer: The US Presidential Debates – History & Format",
-                                                    "updated_at": "2020-09-09T10:51:20.681562Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    style={
-                                                      Object {
-                                                        "display": "flex",
-                                                        "padding": "0 1rem",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "display": "block",
-                                                        }
-                                                      }
-                                                      to="/pages/4/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/pages/4/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "display": "block",
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/pages/4/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "display": "block",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            disabled={false}
-                                                            icon={<ForwardRef(EditOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "alignItems": "center",
-                                                                "display": "flex",
-                                                                "justifyContent": "center",
-                                                                "margin": "0.5rem",
-                                                                "padding": "4px 22px",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn ant-btn-icon-only"
-                                                                disabled={false}
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "center",
-                                                                    "margin": "0.5rem",
-                                                                    "padding": "4px 22px",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <ForwardRef(EditOutlined)>
-                                                                  <AntdIcon
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "edit",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="edit"
-                                                                      className="anticon anticon-edit"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "edit",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="edit"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-edit"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"
-                                                                            key="svg-edit-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(EditOutlined)>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                    <Button
-                                                      disabled={false}
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "margin": "0.5rem",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Wave>
-                                                        <button
-                                                          className="ant-btn"
-                                                          disabled={false}
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "margin": "0.5rem",
-                                                            }
-                                                          }
-                                                          type="button"
-                                                        >
-                                                          <LoadingIcon
-                                                            existIcon={false}
-                                                            loading={false}
-                                                            prefixCls="ant-btn"
-                                                          >
-                                                            <CSSMotion
-                                                              motionName="ant-btn-loading-icon-motion"
-                                                              onAppearActive={[Function]}
-                                                              onAppearStart={[Function]}
-                                                              onEnterActive={[Function]}
-                                                              onEnterStart={[Function]}
-                                                              onLeaveActive={[Function]}
-                                                              onLeaveStart={[Function]}
-                                                              removeOnLeave={true}
-                                                              visible={false}
-                                                            >
-                                                              <DomWrapper />
-                                                            </CSSMotion>
-                                                          </LoadingIcon>
-                                                          <ForwardRef(FormOutlined)
-                                                            key=".0"
-                                                          >
-                                                            <AntdIcon
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "form",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <span
-                                                                aria-label="form"
-                                                                className="anticon anticon-form"
-                                                                role="img"
-                                                              >
-                                                                <IconReact
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "form",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="form"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    key="svg-form"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M904 512h-56c-4.4 0-8 3.6-8 8v320H184V184h320c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V520c0-4.4-3.6-8-8-8z"
-                                                                      key="svg-form-svg-0"
-                                                                    />
-                                                                    <path
-                                                                      d="M355.9 534.9L354 653.8c-.1 8.9 7.1 16.2 16 16.2h.4l118-2.9c2-.1 4-.9 5.4-2.3l415.9-415c3.1-3.1 3.1-8.2 0-11.3L785.4 114.3c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-415.8 415a8.3 8.3 0 00-2.3 5.6zm63.5 23.6L779.7 199l45.2 45.1-360.5 359.7-45.7 1.1.7-46.4z"
-                                                                      key="svg-form-svg-1"
-                                                                    />
-                                                                  </svg>
-                                                                </IconReact>
-                                                              </span>
-                                                            </AntdIcon>
-                                                          </ForwardRef(FormOutlined)>
-                                                        </button>
-                                                      </Wave>
-                                                    </Button>
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              disabled={false}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "margin": "0.5rem",
-                                                                }
-                                                              }
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger"
-                                                                  disabled={false}
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "margin": "0.5rem",
-                                                                    }
-                                                                  }
-                                                                  type="button"
-                                                                >
-                                                                  <LoadingIcon
-                                                                    existIcon={false}
-                                                                    loading={false}
-                                                                    prefixCls="ant-btn"
-                                                                  >
-                                                                    <CSSMotion
-                                                                      motionName="ant-btn-loading-icon-motion"
-                                                                      onAppearActive={[Function]}
-                                                                      onAppearStart={[Function]}
-                                                                      onEnterActive={[Function]}
-                                                                      onEnterStart={[Function]}
-                                                                      onLeaveActive={[Function]}
-                                                                      onLeaveStart={[Function]}
-                                                                      removeOnLeave={true}
-                                                                      visible={false}
-                                                                    >
-                                                                      <DomWrapper />
-                                                                    </CSSMotion>
-                                                                  </LoadingIcon>
-                                                                  <ForwardRef(DeleteOutlined)
-                                                                    key=".0"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </div>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            showTotal={[Function]}
-                            total={3}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={20}
-                                pageSizeOptions={
-                                  Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ]
-                                }
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                showTotal={[Function]}
-                                style={Object {}}
-                                total={3}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    className="ant-pagination-total-text"
-                                  >
-                                    1-3 of 3 results
-                                  </li>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={20}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </PageList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Page List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PageList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "categories": Object {},
-            "loading": false,
-            "pages": Array [],
-            "tags": Object {},
-            "total": 0,
-          }
-        }
-        fetchPages={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "title",
-                        "key": "title",
-                        "render": [Function],
-                        "title": "Title",
-                        "width": 400,
-                      },
-                      Object {
-                        "dataIndex": "categories",
-                        "ellipsis": true,
-                        "key": "categories",
-                        "render": [Function],
-                        "title": "Categories",
-                      },
-                      Object {
-                        "dataIndex": "tags",
-                        "ellipsis": true,
-                        "key": "tags",
-                        "render": [Function],
-                        "title": "Tags",
-                      },
-                      Object {
-                        "dataIndex": "status",
-                        "key": "status",
-                        "render": [Function],
-                        "title": "Status",
-                        "width": 200,
-                      },
-                      Object {
-                        "align": "center",
-                        "dataIndex": "actions",
-                        "fixed": "right",
-                        "render": [Function],
-                        "title": "Actions",
-                        "width": 240,
-                      },
-                    ]
-                  }
-                  dataSource={Array []}
-                  expandable={
-                    Object {
-                      "expandIcon": [Function],
-                      "expandIconColumnIndex": -1,
-                      "expandedRowKeys": Array [
-                        0,
-                      ],
-                      "expandedRowRender": [Function],
-                      "onExpand": [Function],
-                    }
-                  }
-                  locale={
-                    Object {
-                      "emptyText": "-",
-                    }
-                  }
-                  pagination={
-                    Object {
-                      "current": 1,
-                      "onChange": [Function],
-                      "pageSize": 20,
-                      "pageSizeOptions": Array [
-                        "10",
-                        "15",
-                        "20",
-                      ],
-                      "showTotal": [Function],
-                      "total": 0,
-                    }
-                  }
-                  rowKey={[Function]}
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            className="ant-table-empty"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            data={Array []}
-                            dataSource={Array []}
-                            emptyText="-"
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": [Function],
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "indentSize": 15,
-                                "onExpand": [Function],
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: fixed;"
-                                    >
-                                      <colgroup>
-                                        <col
-                                          style="width: 400px;"
-                                        />
-                                        <col />
-                                        <col />
-                                        <col
-                                          style="width: 200px;"
-                                        />
-                                        <col
-                                          style="width: 240px;"
-                                        />
-                                      </colgroup>
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Title
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Categories"
-                                          >
-                                            Categories
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                            title="Tags"
-                                          >
-                                            Tags
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Status
-                                          </th>
-                                          <th
-                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                            style="text-align: center; position: sticky; right: 0px;"
-                                          >
-                                            Actions
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-placeholder"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                            colspan="5"
-                                          >
-                                            -
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            locale={
-                              Object {
-                                "emptyText": "-",
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 20,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-empty ant-table-has-fix-right"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "className": "ant-table-empty",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "title",
-                                        "key": "title",
-                                        "render": [Function],
-                                        "title": "Title",
-                                        "width": 400,
-                                      },
-                                      Object {
-                                        "dataIndex": "categories",
-                                        "ellipsis": true,
-                                        "key": "categories",
-                                        "render": [Function],
-                                        "title": "Categories",
-                                      },
-                                      Object {
-                                        "dataIndex": "tags",
-                                        "ellipsis": true,
-                                        "key": "tags",
-                                        "render": [Function],
-                                        "title": "Tags",
-                                      },
-                                      Object {
-                                        "dataIndex": "status",
-                                        "key": "status",
-                                        "render": [Function],
-                                        "title": "Status",
-                                        "width": 200,
-                                      },
-                                      Object {
-                                        "align": "center",
-                                        "dataIndex": "actions",
-                                        "fixed": "right",
-                                        "render": [Function],
-                                        "title": "Actions",
-                                        "width": 240,
-                                      },
-                                    ],
-                                    "data": Array [],
-                                    "dataSource": Array [],
-                                    "direction": undefined,
-                                    "emptyText": "-",
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": [Function],
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": -1,
-                                      "expandedRowKeys": Array [
-                                        0,
-                                      ],
-                                      "expandedRowRender": [Function],
-                                      "indentSize": 15,
-                                      "onExpand": [Function],
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: fixed;"
-                                          >
-                                            <colgroup>
-                                              <col
-                                                style="width: 400px;"
-                                              />
-                                              <col />
-                                              <col />
-                                              <col
-                                                style="width: 200px;"
-                                              />
-                                              <col
-                                                style="width: 240px;"
-                                              />
-                                            </colgroup>
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Title
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-ellipsis"
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Status
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  style="text-align: center; position: sticky; right: 0px;"
-                                                >
-                                                  Actions
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-placeholder"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                  colspan="5"
-                                                >
-                                                  -
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "locale": Object {
-                                      "emptyText": "-",
-                                    },
-                                    "mergedExpandedKeys": Set {
-                                      0,
-                                    },
-                                    "pagination": Object {
-                                      "current": 1,
-                                      "onChange": [Function],
-                                      "pageSize": 20,
-                                      "pageSizeOptions": Array [
-                                        "10",
-                                        "15",
-                                        "20",
-                                      ],
-                                      "showTotal": [Function],
-                                      "total": 0,
-                                    },
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "fixed",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            400,
-                                            undefined,
-                                            undefined,
-                                            200,
-                                            240,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup>
-                                          <col
-                                            key="0"
-                                            style={
-                                              Object {
-                                                "width": 400,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="1"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="2"
-                                            style={
-                                              Object {
-                                                "width": undefined,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="3"
-                                            style={
-                                              Object {
-                                                "width": 200,
-                                              }
-                                            }
-                                          />
-                                          <col
-                                            key="4"
-                                            style={
-                                              Object {
-                                                "width": 240,
-                                              }
-                                            }
-                                          />
-                                        </colgroup>
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={5}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "title",
-                                              "fixed": undefined,
-                                              "key": "title",
-                                              "render": [Function],
-                                              "title": "Title",
-                                              "width": 400,
-                                            },
-                                            Object {
-                                              "dataIndex": "categories",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "categories",
-                                              "render": [Function],
-                                              "title": "Categories",
-                                            },
-                                            Object {
-                                              "dataIndex": "tags",
-                                              "ellipsis": true,
-                                              "fixed": undefined,
-                                              "key": "tags",
-                                              "render": [Function],
-                                              "title": "Tags",
-                                            },
-                                            Object {
-                                              "dataIndex": "status",
-                                              "fixed": undefined,
-                                              "key": "status",
-                                              "render": [Function],
-                                              "title": "Status",
-                                              "width": 200,
-                                            },
-                                            Object {
-                                              "align": "center",
-                                              "dataIndex": "actions",
-                                              "fixed": "right",
-                                              "render": [Function],
-                                              "title": "Actions",
-                                              "width": 240,
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Title",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  },
-                                                  "key": "title",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Categories",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  },
-                                                  "key": "categories",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Tags",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  },
-                                                  "key": "tags",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Status",
-                                                  "className": "",
-                                                  "colEnd": 3,
-                                                  "colSpan": 1,
-                                                  "colStart": 3,
-                                                  "column": Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  },
-                                                  "key": "status",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Actions",
-                                                  "className": "",
-                                                  "colEnd": 4,
-                                                  "colSpan": 1,
-                                                  "colStart": 4,
-                                                  "column": Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  },
-                                                  "key": undefined,
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "fixed": undefined,
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "fixed": undefined,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "fixed": undefined,
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "title",
-                                                    "key": "title",
-                                                    "render": [Function],
-                                                    "title": "Title",
-                                                    "width": 400,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="title"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Title
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "categories",
-                                                    "ellipsis": true,
-                                                    "key": "categories",
-                                                    "render": [Function],
-                                                    "title": "Categories",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="categories"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Categories"
-                                                >
-                                                  Categories
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "tags",
-                                                    "ellipsis": true,
-                                                    "key": "tags",
-                                                    "render": [Function],
-                                                    "title": "Tags",
-                                                  }
-                                                }
-                                                component="th"
-                                                ellipsis={true}
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="tags"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-ellipsis"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                  title="Tags"
-                                                >
-                                                  Tags
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={3}
-                                                colSpan={1}
-                                                colStart={3}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "status",
-                                                    "key": "status",
-                                                    "render": [Function],
-                                                    "title": "Status",
-                                                    "width": 200,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="status"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Status
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                align="center"
-                                                className=""
-                                                colEnd={4}
-                                                colSpan={1}
-                                                colStart={4}
-                                                column={
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "actions",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Actions",
-                                                    "width": 240,
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={true}
-                                                fixRight={0}
-                                                key="actions"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={
-                                                    Object {
-                                                      "position": "sticky",
-                                                      "right": 0,
-                                                      "textAlign": "center",
-                                                    }
-                                                  }
-                                                >
-                                                  Actions
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={Array []}
-                                        emptyNode="-"
-                                        expandedKeys={
-                                          Set {
-                                            0,
-                                          }
-                                        }
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <ExpandedRow
-                                            cellComponent="td"
-                                            className="ant-table-placeholder"
-                                            colSpan={5}
-                                            component="tr"
-                                            componentWidth={0}
-                                            expanded={true}
-                                            fixColumn={false}
-                                            horizonScroll={false}
-                                            prefixCls="ant-table"
-                                          >
-                                            <tr
-                                              className="ant-table-placeholder"
-                                              style={
-                                                Object {
-                                                  "display": null,
-                                                }
-                                              }
-                                            >
-                                              <Cell
-                                                colSpan={5}
-                                                component="td"
-                                                prefixCls="ant-table"
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={5}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  -
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </ExpandedRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </PageList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/pages/hooks/usePageData.tsx b/studio/src/pages/pages/hooks/usePageData.tsx
new file mode 100644
index 000000000..7f7b64f89
--- /dev/null
+++ b/studio/src/pages/pages/hooks/usePageData.tsx
@@ -0,0 +1,39 @@
+
+// hooks/usePageData.ts
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import getUrlParams from "../../../utils/getUrlParams";
+import { RootState, FilterParams } from "../types";
+
+export const usePageData = (query: URLSearchParams) => {
+  return useSelector((state: RootState) => {
+    const params = getUrlParams(query, [
+      "page", "limit", "q", "sort", "tag", "category", "author", "status",
+    ]) as FilterParams;
+
+    const node = state.pages.req.find((item) => {
+      return deepEqual(item.query, params);
+    });
+
+    if (node)
+      return {
+        pages: node.data.map((element) => {
+          const page = state.pages.details[element];
+          page.medium = state.media.details[page.featured_medium_id || 0];
+          return page;
+        }),
+        total: node.total,
+        loading: state.pages.loading,
+        tags: state.tags.details,
+        categories: state.categories.details,
+      };
+    return {
+      pages: [],
+      total: 0,
+      loading: state.pages.loading,
+      tags: {},
+      categories: {},
+    };
+  });
+};
+
diff --git a/studio/src/pages/pages/hooks/usePageFilters.tsx b/studio/src/pages/pages/hooks/usePageFilters.tsx
new file mode 100644
index 000000000..b457a92f9
--- /dev/null
+++ b/studio/src/pages/pages/hooks/usePageFilters.tsx
@@ -0,0 +1,48 @@
+// hooks/usePageFilters.ts
+import { useState, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import Filters from "../../../utils/filters";
+import { FilterParams } from "../types";
+
+export const usePageFilters = (query: URLSearchParams) => {
+  const [searchText, setSearchText] = useState<string>(query.get("q") || "");
+  const [status, setStatus] = useState<string>(query.get("status") || "all");
+  const [filters, setFilters] = useState<FilterParams>({
+    page: Number(query.get("page")) || 1,
+    limit: Number(query.get("limit")) || 10,
+    q: query.get("q") || "",
+    status: query.get("status") || "all",
+    tag: query.getAll("tag") || [],
+    category: query.getAll("category") || [],
+    author: query.getAll("author") || [],
+    format: query.get("format") || "",
+    sortBy: query.get("sortBy") || "date",
+  });
+
+  // Create form
+  const form = useForm({
+    defaultValues: {
+      q: filters.q || "",
+      tag: filters.tag || [],
+      category: filters.category || [],
+      author: filters.author || [],
+    },
+  });
+
+  // Reset form when URL search params change
+  useEffect(() => {
+    if (form) {
+      form.reset(new Filters(filters));
+    }
+  }, [query.toString()]);
+
+  return {
+    filters,
+    setFilters,
+    searchText,
+    setSearchText,
+    status,
+    setStatus,
+    form,
+  };
+};
diff --git a/studio/src/pages/pages/hooks/usePagination.tsx b/studio/src/pages/pages/hooks/usePagination.tsx
new file mode 100644
index 000000000..e8a6765ee
--- /dev/null
+++ b/studio/src/pages/pages/hooks/usePagination.tsx
@@ -0,0 +1,57 @@
+// hooks/usePagination.ts
+export const usePagination = (
+  filters: FilterParams,
+  setFilters: (filters: FilterParams) => void,
+  total: number,
+  navigate: any,
+  pathname: string,
+  query: URLSearchParams
+) => {
+  const handlePageChange = (page: number) => {
+    const newFilters = { ...filters, page };
+    setFilters(newFilters);
+
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("page", page.toString());
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  const handlePageSizeChange = (size: number) => {
+    const newFilters = { ...filters, page: 1, limit: size };
+    setFilters(newFilters);
+
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("limit", size.toString());
+    newQuery.set("page", "1");
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  // Calculate total pages
+  const totalPages = Math.max(
+    1,
+    Math.ceil(total / Number(filters.limit || 10))
+  );
+
+  // Legacy pagination function (kept for compatibility with PageList)
+  function onPagination(page: number, limit: number) {
+    handlePageChange(page);
+    if (limit !== Number(filters.limit)) {
+      handlePageSizeChange(limit);
+    }
+  }
+
+  return {
+    handlePageChange,
+    handlePageSizeChange,
+    totalPages,
+    onPagination
+  };
+};
diff --git a/studio/src/pages/pages/index.js b/studio/src/pages/pages/index.js
deleted file mode 100644
index 4ca7d7bdc..000000000
--- a/studio/src/pages/pages/index.js
+++ /dev/null
@@ -1,344 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect } from 'react';
-import {
-  Space,
-  Button,
-  Select,
-  Form,
-  Col,
-  Row,
-  Input,
-  Tabs,
-  Typography,
-  Tooltip,
-  ConfigProvider,
-} from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import PageList from './components/PageList';
-import { useSelector, useDispatch } from 'react-redux';
-import getUserPermission from '../../utils/getUserPermission';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import deepEqual from 'deep-equal';
-import { getPages } from '../../actions/pages';
-import Selector from '../../components/Selector';
-import getUrlParams from '../../utils/getUrlParams';
-import { UpOutlined, DownOutlined } from '@ant-design/icons';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-import Filters from '../../utils/filters';
-
-function Pages({ formats }) {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'pages', action: 'get', spaces });
-  const { Option } = Select;
-  const [form] = Form.useForm();
-  const dispatch = useDispatch();
-  const { search, pathname } = useLocation();
-  const query = new URLSearchParams(search);
-  const history = useNavigate();
-  const [expand, setExpand] = React.useState(false);
-  const [searchFieldExpand, setSearchFieldExpand] = React.useState(false);
-  const [status, setStatus] = React.useState('all');
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const getFields = () => {
-    const children = [];
-    expand &&
-      children.push(
-        <Col span={isMobileScreen ? 24 : 8} key={5} style={{ marginBottom: 16 }}>
-          <Form.Item name="tag" label="Tags">
-            <Selector mode="multiple" action="Tags" placeholder="Filter Tags" />
-          </Form.Item>
-        </Col>,
-        <Col span={isMobileScreen ? 24 : 8} key={6} style={{ marginBottom: 16 }}>
-          <Form.Item name="category" label="Categories">
-            <Selector mode="multiple" action="Categories" placeholder="Filter Categories" />
-          </Form.Item>
-        </Col>,
-        <Col span={isMobileScreen ? 24 : 8} key={7} style={{ marginBottom: 16 }}>
-          <Form.Item name="author" label="Authors">
-            <Selector
-              mode="multiple"
-              action="Authors"
-              placeholder="Filter Authors"
-              display="display_name"
-            />
-          </Form.Item>
-        </Col>,
-      );
-    return children;
-  };
-
-  const keys = ['page', 'limit', 'q', 'sort', 'tag', 'category', 'author', 'status'];
-  const params = getUrlParams(query, keys);
-
-  useEffect(() => {
-    if (form) {
-      form.setFieldsValue(new Filters(params));
-    }
-  }, [search, formats.loading]);
-
-  useEffect(() => {
-    fetchPages();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [search]);
-
-  const fetchPages = () => {
-    dispatch(getPages(params));
-  };
-
-  const { pages, total, loading, tags, categories } = useSelector((state) => {
-    const node = state.pages.req.find((item) => {
-      return deepEqual(item.query, params);
-    });
-
-    if (node)
-      return {
-        pages: node.data.map((element) => {
-          const page = state.pages.details[element];
-
-          page.medium = state.media.details[page.featured_medium_id];
-          return page;
-        }),
-        total: node.total,
-        loading: state.pages.loading,
-        tags: state.tags.details,
-        categories: state.categories.details,
-      };
-    return { pages: [], total: 0, loading: state.pages.loading, tags: {}, categories: {} };
-  });
-
-  const pageStatusItems = [
-    {
-      key: 'all',
-      label: 'All',
-    },
-    {
-      key: 'publish',
-      label: 'Published',
-    },
-    {
-      key: 'future',
-      label: 'Future Publish',
-    },
-    {
-      key: 'ready',
-      label: 'Ready to Pubish',
-    },
-    {
-      key: 'draft',
-      label: 'Drafts',
-    },
-  ];
-
-  const onSave = (values) => {
-    let searchFilter = new URLSearchParams();
-    status !== 'all' && searchFilter.set('status', status);
-    Object.keys(values).forEach(function (key) {
-      if (values[key]) {
-        if (key === 'format' || key === 'tag' || key === 'author' || key === 'category') {
-          values[key].map((each) => {
-            return searchFilter.append(key, each);
-          });
-        } else {
-          if (values.status !== 'all') searchFilter.set(key, values[key]);
-        }
-      }
-    });
-    if (formats && !formats.loading && formats.article) {
-      searchFilter.set('format', formats.article.id);
-    }
-    history({
-      pathName: pathname,
-      search: '?' + searchFilter.toString(),
-    });
-  };
-
-  const onPagination = (page, limit) => {
-    query.set('limit', limit);
-    query.set('page', page);
-    history({
-      pathName: pathname,
-      search: '?' + query.toString(),
-    });
-  };
-  return formats.loading ? (
-    <Loader />
-  ) : formats.article ? (
-    <Space direction="vertical">
-      <Helmet title={'Pages'} />
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 0,
-            },
-          },
-        }}
-      >
-        <Form
-          initialValues={params}
-          form={form}
-          name="filters"
-          onFinish={(values) => onSave(values)}
-          style={{ width: '100%' }}
-          className="ant-advanced-search-form"
-          onValuesChange={(changedValues, allValues) => {
-            if (!changedValues.q) {
-              onSave(allValues);
-            }
-          }}
-        >
-          <Row justify="space-between" gutter={16}>
-            <Col>
-              <Row gutter={16}>
-                <Col>
-                  <Typography.Title
-                    level={3}
-                    style={{ margin: 0, display: 'inline', color: '#1E1E1E' }}
-                  >
-                    Pages
-                  </Typography.Title>
-                </Col>
-                <Col>
-                  {searchFieldExpand ? (
-                    <Row>
-                      <Form.Item name="q">
-                        <Input placeholder="Search pages" />
-                        {/**/}
-                      </Form.Item>
-                      <Form.Item>
-                        <Button htmlType="submit" icon={<SearchOutlined />}>
-                          Search
-                        </Button>
-                      </Form.Item>
-                    </Row>
-                  ) : (
-                    <Tooltip title="search">
-                      <Button
-                        shape="circle"
-                        type="text"
-                        onFocus={() => {
-                          setSearchFieldExpand(true);
-                          setTimeout(() => {
-                            form.getFieldsValue().q === undefined && setSearchFieldExpand(false);
-                          }, 10000);
-                        }}
-                        icon={<SearchOutlined />}
-                      />
-                    </Tooltip>
-                  )}
-                </Col>
-              </Row>
-            </Col>
-            <Col span={isMobileScreen ? 24 : 8}>
-              <Row justify="end" gutter={16}>
-                <Col span={24}>
-                  <Row justify="end">
-                    <Link to="/pages/create">
-                      {/**/}
-                      <Button
-                        disabled={!(actions.includes('admin') || actions.includes('create'))}
-                        type="primary"
-                        icon={<PlusOutlined />}
-                        style={{ marginBottom: 16 }}
-                      >
-                        Create
-                      </Button>
-                    </Link>
-                  </Row>
-                  <Row gutter={16} justify={isMobileScreen ? 'space-between' : 'end'}>
-                    <Col>
-                      <Form.Item label="Sort By" name="sort">
-                        <Select placeholder="Sort By" defaultValue="desc" style={{ width: '100%' }}>
-                          <Option value="desc" key={'desc'}>
-                            Latest
-                          </Option>
-                          <Option value="asc" key={'asc'}>
-                            Old
-                          </Option>
-                        </Select>
-                      </Form.Item>
-                    </Col>
-                    <Col>
-                      <Button
-                        type="secondary"
-                        style={{ background: '#F1F1F1' }}
-                        onClick={() => {
-                          setExpand(!expand);
-                        }}
-                      >
-                        {expand ? (
-                          <>
-                            Hide Filters <UpOutlined />
-                          </>
-                        ) : (
-                          <>
-                            More Filters <DownOutlined />
-                          </>
-                        )}
-                      </Button>
-                    </Col>
-                  </Row>
-                </Col>
-              </Row>
-            </Col>
-            <Col span={24}>
-              <Row justify="space-between" style={{ marginTop: 16 }} gutter={42}>
-                {getFields()}
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-      <Tabs
-        defaultActiveKey={query.get('status') || 'all'}
-        items={pageStatusItems}
-        onChange={(key) => {
-          key === 'all' ? query.delete('status') : query.set('status', key);
-          setStatus(key);
-          history({
-            pathName: pathname,
-            search: '?' + query.toString(),
-          });
-        }}
-      />
-      <PageList
-        actions={actions}
-        format={formats.article}
-        data={{
-          pages: pages,
-          total: total,
-          loading: loading,
-          tags: tags,
-          categories: categories,
-        }}
-        filters={params}
-        onPagination={onPagination}
-        fetchPages={fetchPages}
-      />
-    </Space>
-  ) : (
-    <FormatNotFound
-      status="info"
-      title="Article format not found"
-      link="/advanced/formats/create"
-    />
-  );
-}
-
-export default Pages;
diff --git a/studio/src/pages/pages/index.test.js b/studio/src/pages/pages/index.test.js
deleted file mode 100644
index a09588b59..000000000
--- a/studio/src/pages/pages/index.test.js
+++ /dev/null
@@ -1,383 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Pages from './index';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { shallow, mount } from 'enzyme';
-import { getPages } from '../../actions/pages';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-}));
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-jest.mock('../../actions/pages', () => ({
-  getPages: jest.fn(),
-  addPage: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-  loading: false,
-};
-let state = {
-  pages: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  authors: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  tags: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  categories: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-};
-describe('Page component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore(state);
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Pages permission={{ actions: ['create'] }} formats={formats} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      const store2 = mockStore({
-        pages: {
-          req: [
-            {
-              data: [1],
-              query: {},
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              title: 'Page-1',
-              slug: 'page-1',
-              tag_line: 'tag_line',
-              medium_id: 1,
-              format_id: 1,
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-      });
-      const tree = shallow(
-        <Provider store={store2}>
-          <Router>
-            <Pages permission={{ actions: ['create'] }} formats={formats} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getPages).toHaveBeenCalledWith({ limit: 10, page: 1, sort: 'desc' });
-    });
-    it('should display FormatNotFound if format not found', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Pages
-              permission={{ actions: ['create'] }}
-              formats={{
-                loading: false,
-              }}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree.find(FormatNotFound).length).toBe(1);
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle url search params', () => {
-      let wrapper;
-      window.history.pushState({}, '', '/pages?limit=20&page=1&sort=desc&author=1');
-      const state2 = { ...state };
-      state2.pages = {
-        req: [
-          {
-            data: [1],
-            query: {
-              page: 1,
-              limit: 20,
-              sort: 'desc',
-              author: [1],
-            },
-            total: 1,
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            title: 'Page-1',
-            slug: 'page-1',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 1,
-            author_id: 1,
-            categories: [1],
-            tags: [1],
-          },
-        },
-        loading: false,
-      };
-      state2.tags = {
-        req: [
-          {
-            data: [1],
-            query: {
-              page: 1,
-              limit: 20,
-            },
-            total: 1,
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            name: 'Tag 1',
-          },
-        },
-        loading: false,
-      };
-      state2.categories = {
-        req: [
-          {
-            data: [1],
-            query: {
-              page: 1,
-              limit: 20,
-            },
-            total: 1,
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            name: 'Category 1',
-          },
-        },
-        loading: false,
-      };
-      const store2 = mockStore(state2);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Pages permission={{ actions: ['create'] }} formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(getPages).toHaveBeenCalledWith({ page: 1, limit: 20, sort: 'desc', author: [1] });
-    });
-    it('should submit filters', () => {
-      store = mockStore({
-        pages: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-                limit: 20,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              title: 'Page-1',
-              slug: 'page-1',
-              tag_line: 'tag_line',
-              medium_id: 1,
-              format_id: 1,
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        authors: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        tags: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        categories: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-        media: {
-          req: [],
-          details: {
-            id: 1,
-            name: 'uppy/english/2020/8/1600852886756_pnggrad16rgb.png',
-            slug: 'uppy-english-2020-8-1600852886756-pnggrad16rgb-png',
-            type: 'image/png',
-            title: 'png',
-            description: 'png',
-            caption: 'png',
-            alt_text: 'png',
-            file_size: 3974,
-            url: 'http://storage.googleapis.com/sample.png',
-          },
-          loading: false,
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Pages permission={{ actions: ['create'] }} formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const moreFilter = wrapper.find('Button').at(1);
-        expect(moreFilter.text()).toBe('More Filters ');
-        moreFilter.simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'Explainer' } });
-        wrapper
-          .find('FormItem')
-          .at(3)
-          .find('Select')
-          .props()
-          .onChange({ target: { value: 'asc' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Select')
-          .props()
-          .onChange({ target: { value: 'all' } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('Selector')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [2] } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find('Selector')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [] } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Search');
-        submitButtom.simulate('submit');
-      });
-      setTimeout(() => {
-        expect(getPages).toHaveBeenCalledWith({
-          page: 1,
-          limit: 20,
-          sort: 'asc',
-          format: [1],
-          q: 'Explainer',
-          tag: [2],
-          category: [],
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/pages/index.tsx b/studio/src/pages/pages/index.tsx
new file mode 100644
index 000000000..2313ee938
--- /dev/null
+++ b/studio/src/pages/pages/index.tsx
@@ -0,0 +1,349 @@
+// Main Pages Component
+import { useEffect, useState, useRef } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+import { Helmet } from "react-helmet";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// UI Components
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { PlusCircle } from "lucide-react";
+
+// Local Components
+import PageList from "./components/PageList";
+import FormatNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import Loader from "../../components/Loader";
+import Template from "../../components/Template";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import SecuredButton from "@/components/SecuredButton";
+
+// Custom Components
+import FiltersPopover from "@/components/FiltersPopover";
+import StatusTabs from "@/components/StatusTabs";
+import PaginationFooter from "@/components/PaginationFooter";
+
+// Utils and actions
+import getUrlParams from "../../utils/getUrlParams";
+import { getPages } from "../../actions/pages";
+import { usePagination } from "./hooks/usePagination";
+import { usePageFilters } from "./hooks/usePageFilters";
+import { usePageData } from "./hooks/usePageData";
+
+// Types
+import { Format, FormatState, PagesProps, FilterParams } from "./types";
+
+function Pages({ formats }: PagesProps): React.ReactElement {
+  const dispatch = useAppDispatch();
+  const { search, pathname } = useLocation();
+  const navigate = useNavigate();
+  const query = new URLSearchParams(search);
+  const isMobile = useIsMobile();
+  const initialRenderRef = useRef(true);
+
+  // State
+  const [templatesOpen, setTemplatesOpen] = useState(false);
+  const [loadingTimeout, setLoadingTimeout] = useState(false);
+  const timeoutRef = useRef<number | null>(null);
+  const [cachedFormat, setCachedFormat] = useState<Format | undefined>(
+    undefined
+  );
+
+  // Use ref to avoid state updates during render
+  const hasCachedFormatRef = useRef(false);
+
+  // Check localStorage for cached format on initial render
+  useEffect(() => {
+    if (initialRenderRef.current) {
+      try {
+        const savedFormats = localStorage.getItem("cachedFormats");
+        if (savedFormats) {
+          const parsedFormats = JSON.parse(savedFormats);
+          setCachedFormat(parsedFormats.article);
+          if (parsedFormats.article) {
+            hasCachedFormatRef.current = true;
+          }
+        }
+      } catch (error) {
+        console.error("Error checking cached formats:", error);
+      }
+      initialRenderRef.current = false;
+    }
+  }, []);
+
+  // Custom hooks for page functionality
+  const { filters, setFilters, status, setStatus, form } =
+    usePageFilters(query);
+
+  const { pages, total, loading, tags, categories } = usePageData(query);
+
+  const { handlePageChange, handlePageSizeChange, totalPages, onPagination } =
+    usePagination(filters, setFilters, total, navigate, pathname, query);
+
+  // Fetch pages when search changes
+  useEffect(() => {
+    fetchPages();
+  }, [search]);
+
+  // Set a timeout to prevent infinite loading
+  useEffect(() => {
+    // Clear any existing timeout
+    if (timeoutRef.current) {
+      window.clearTimeout(timeoutRef.current);
+    }
+
+    // If formats are loading, set a timeout to continue rendering anyway
+    if (formats.loading) {
+      timeoutRef.current = window.setTimeout(() => {
+        setLoadingTimeout(true);
+      }, 5000); // 5 seconds timeout
+    } else {
+      setLoadingTimeout(false);
+    }
+
+    return () => {
+      if (timeoutRef.current) {
+        window.clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [formats.loading]);
+
+  const fetchPages = () => {
+    const params = getUrlParams(query, [
+      "page",
+      "limit",
+      "sortBy",
+      "tag",
+      "category",
+      "author",
+      "status",
+    ]);
+
+    dispatch(getPages(params));
+  };
+
+  const handleStatusChange = (value: string) => {
+    const newQuery = new URLSearchParams(query.toString());
+
+    if (value === "all") {
+      newQuery.delete("status");
+    } else {
+      newQuery.set("status", value);
+    }
+
+    // Reset page when changing status
+    newQuery.set("page", "1");
+
+    setStatus(value);
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  const handleSortByChange = (column: string) => {
+    setSortBy(column);
+
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("sortBy", column);
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  // Keep sortBy state for column sorting
+  const [sortBy, setSortBy] = useState<string>(query.get("sortBy") || "date");
+
+  const onSave = (values: FilterParams) => {
+    const searchFilter = new URLSearchParams();
+
+    // Add status filter
+    if (status !== "all") searchFilter.set("status", status);
+
+    // Add sortBy param
+    searchFilter.set("sortBy", sortBy);
+
+    Object.keys(values).forEach((key) => {
+      if (values[key]) {
+        if (
+          key === "format" ||
+          key === "tag" ||
+          key === "author" ||
+          key === "category"
+        ) {
+          (values[key] as string[]).forEach((each) => {
+            searchFilter.append(key, each);
+          });
+        } else {
+          if (values.status !== "all")
+            searchFilter.set(key, values[key] as string);
+        }
+      }
+    });
+
+    if (formats && !formats.loading && formats.article) {
+      searchFilter.set("format", String(formats.article.id));
+    }
+
+    navigate({
+      pathname: pathname,
+      search: "?" + searchFilter.toString(),
+    });
+  };
+
+  // Handle navigation to create page
+  const handleCreatePage = () => {
+    navigate("/pages/create");
+  };
+
+  const shouldContinueRendering =
+    !formats.loading || loadingTimeout || hasCachedFormatRef.current;
+
+  // Loading state - show for a maximum of 5 seconds
+  if (formats.loading && !loadingTimeout && !hasCachedFormatRef.current) {
+    return (
+      <div className="flex flex-col h-full relative">
+        <Helmet title="Pages" />
+        {isMobile && (
+          <MobileBreadcrumb currentPage="Pages" parentLabel="Core" />
+        )}
+        <div className="flex-1 flex items-center justify-center">
+          <Loader className="relative inset-auto" />
+        </div>
+      </div>
+    );
+  }
+  const formatToUse = formats.article || cachedFormat;
+
+  // Format not found state - but only check if we're sure formats are loaded or timeout occurred
+  if (!formatToUse) {
+    return (
+      <FormatNotFound
+        status="info"
+        title="Article format not found"
+        link="/settings/advanced/formats/create"
+      />
+    );
+  }
+
+  return (
+    <div className="flex flex-col h-full gap-6">
+      <Helmet title="Pages" />
+
+      {/* Templates Dialog */}
+      <Dialog open={templatesOpen} onOpenChange={setTemplatesOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Templates</DialogTitle>
+          </DialogHeader>
+          {formats.article && <Template format={formats.article} />}
+        </DialogContent>
+      </Dialog>
+
+      {/* Header for Mobile */}
+      {isMobile ? (
+        <div className="space-y-4 flex justify-between items-center">
+          {/* First row */}
+          {isMobile && (
+            <div className="flex flex-col">
+              <MobileBreadcrumb currentPage="Pages" parentLabel="Core" />
+              {isMobile && <h1 className="text-xl font-semibold">Pages</h1>}
+            </div>
+          )}
+          <div className="flex gap-2 items-center">
+            <div className="flex items-center gap-2">
+              {/* Templates Button */}
+              <Button
+                variant="outline"
+                size="sm"
+                className="flex items-center bg-[#DCEFEB]"
+                onClick={() => setTemplatesOpen(true)}
+              >
+                <span>Templates</span>
+              </Button>
+
+              <SecuredButton
+                size="sm"
+                className="flex items-center gap-1"
+                onClick={handleCreatePage}
+              >
+                <PlusCircle className="h-4 w-4" />
+              </SecuredButton>
+            </div>
+          </div>
+        </div>
+      ) : (
+        /* Desktop Header */
+        <div className="flex justify-between items-center">
+          <div className="flex-1"></div>
+          <div className="flex items-center gap-4 ">
+            {/* Templates Button */}
+            <Button
+              variant="outline"
+              className="flex items-center space-x-1 bg-[#DCEFEB]"
+              onClick={() => setTemplatesOpen(true)}
+            >
+              <span>Explore Templates</span>
+            </Button>
+
+            <SecuredButton
+              size="lg"
+              className="flex items-center gap-2 py-2"
+              onClick={handleCreatePage}
+            >
+              <PlusCircle className="h-4 w-4" />
+              <span>Create Page</span>
+            </SecuredButton>
+          </div>
+        </div>
+      )}
+      <div className="flex justify-between items-center">
+        <div className="flex-grow max-w-[70%]">
+          <StatusTabs
+            status={status}
+            handleStatusChange={handleStatusChange}
+            isMobile={isMobile}
+            form={form}
+            onSave={onSave}
+            children={null} // We moved the children outside the StatusTabs component
+          />
+        </div>
+        <div className="flex items-center">
+          {/* Keep only this instance of FiltersPopover, which will be shown in both mobile and desktop views */}
+          <FiltersPopover form={form} onSave={onSave} />
+        </div>
+      </div>
+      <PageList
+        format={formatToUse}
+        // @ts-expect-error TODO: Fix this type error
+        data={{ pages, total, loading, tags, categories }}
+        filters={{
+          ...filters,
+          sortBy: sortBy,
+        }}
+        onPagination={onPagination}
+        fetchPages={fetchPages}
+        sortBy={sortBy}
+        onSortByChange={handleSortByChange}
+      />
+      {/* Footer with Pagination */}
+      <PaginationFooter
+        currentPage={Number(filters.page) || 1}
+        totalPages={totalPages}
+        totalItems={total}
+        pageSize={Number(filters.limit) || 10}
+        onPageChange={handlePageChange}
+        onPageSizeChange={handlePageSizeChange}
+      />
+    </div>
+  );
+}
+
+export default Pages;
diff --git a/studio/src/pages/pages/types.ts b/studio/src/pages/pages/types.ts
new file mode 100644
index 000000000..41f2c5fb5
--- /dev/null
+++ b/studio/src/pages/pages/types.ts
@@ -0,0 +1,143 @@
+// types.ts
+export interface Format {
+  id: number;
+  slug: string;
+  [key: string]: any;
+  name: string;
+}
+
+export interface FormatState {
+  loading: boolean;
+  article?: Format;
+  [key: string]: any;
+}
+
+export interface Space {
+  [key: string]: any;
+}
+
+export interface Page {
+  id: number;
+  title: string;
+  slug: string;
+  status?: "publish" | "draft" | "ready" | "future";
+  featured_medium_id?: number;
+  medium?: any;
+  published_date: string | null;
+  categories?: number[];
+  tags?: number[];
+  authors?: number[];
+  claims?: number[];
+  description?: any;
+  format?: number;
+  [key: string]: any;
+}
+
+export interface Author {
+  id: number;
+  display_name: string;
+  [key: string]: any;
+}
+
+export interface Category {
+  id: number;
+  name: string;
+  [key: string]: any;
+}
+
+export interface Tag {
+  id: number;
+  name: string;
+  [key: string]: any;
+}
+
+export interface PagesState {
+  req: Array<{
+    query: {
+      [key: string]: any;
+    };
+    data: number[];
+    total: number;
+  }>;
+  details: {
+    [key: number]: Page;
+  };
+  loading: boolean;
+}
+
+export interface MediaState {
+  details: {
+    [key: number]: any;
+  };
+}
+
+export interface TagsState {
+  details: {
+    [key: number]: Tag;
+  };
+}
+
+export interface CategoriesState {
+  details: {
+    [key: number]: Category;
+  };
+}
+
+export interface RootState {
+  spaces: Space[];
+  pages: PagesState;
+  media: MediaState;
+  tags: TagsState;
+  categories: CategoriesState;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
+
+export interface FilterParams {
+  page?: number;
+  limit?: number;
+  q?: string;
+  status?: string;
+  tag?: string[];
+  category?: string[];
+  author?: string[];
+  format?: string;
+  sortBy?: string;
+  [key: string]: any;
+}
+
+export interface PagesProps {
+  formats: FormatState;
+}
+
+export interface SearchInputProps {
+  searchText: string;
+  setSearchText: (text: string) => void;
+  handleSearchSubmit: () => void;
+  clearSearch: () => void;
+  isCollapsable?: boolean;
+}
+
+export interface FiltersPopoverProps {
+  form: any;
+  onSave: (values: FilterParams) => void;
+}
+
+export interface PaginationFooterProps {
+  currentPage: number;
+  totalPages: number;
+  totalItems: number;
+  pageSize: number;
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+  selectedItems: number;
+}
+
+export interface PageData {
+  pages: Page[];
+  total: number;
+  loading: boolean;
+  tags: Record<number, Tag>;
+  categories: Record<number, Category>;
+}
diff --git a/studio/src/pages/policies/CreatePolicy.js b/studio/src/pages/policies/CreatePolicy.js
deleted file mode 100644
index 853dcbc4e..000000000
--- a/studio/src/pages/policies/CreatePolicy.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import { createPolicy } from '../../actions/policies';
-import { useDispatch } from 'react-redux';
-
-import PolicyCreateForm from './components/PolicyForm';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreatePolicy() {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    values.permissions = values.permissions?.filter(
-      (item) => item && item.resource && item.actions.length > 0,
-    );
-    dispatch(createPolicy(values)).then(() => history('/settings/members/policies'));
-  };
-
-  return (
-    <>
-      <Helmet title={'Create Policy'} />
-      <PolicyCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-
-export default CreatePolicy;
diff --git a/studio/src/pages/policies/CreatePolicy.test.js b/studio/src/pages/policies/CreatePolicy.test.js
deleted file mode 100644
index 6e661e3bf..000000000
--- a/studio/src/pages/policies/CreatePolicy.test.js
+++ /dev/null
@@ -1,113 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreatePolicy from './CreatePolicy';
-import * as actions from '../../actions/policies';
-import PolicyCreateForm from './components/PolicyForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/policies', () => ({
-  createPolicy: jest.fn(),
-}));
-
-describe('Policies create component', () => {
-  let store;
-  store = mockStore({
-    policies: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    authors: {
-      req: [{ query: { page: 1, limit: 5 }, total: 1, data: [1] }],
-      details: { 1: { id: 1, name: 'Author', email: 'author@aut.co' } },
-      loading: false,
-    },
-  });
-  const mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CreatePolicy />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      tree.unmount();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createPolicy', (done) => {
-      actions.createPolicy.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreatePolicy />
-          </Provider>,
-        );
-      });
-      wrapper.find(PolicyCreateForm).props().onCreate({ users: [], permissions: [] });
-      setTimeout(() => {
-        expect(actions.createPolicy).toHaveBeenCalledWith({ permissions: [], users: [] });
-        expect(push).toHaveBeenCalledWith('/members/policies');
-        done();
-      }, 0);
-    });
-    it('should call createPolicy with some permissions', (done) => {
-      actions.createPolicy.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreatePolicy />
-          </Provider>,
-        );
-      });
-      wrapper
-        .find(PolicyCreateForm)
-        .props()
-        .onCreate({
-          users: [],
-          permissions: [{ resource: 'posts', actions: ['create', 'update'] }],
-        });
-      setTimeout(() => {
-        expect(actions.createPolicy).toHaveBeenCalledWith({
-          permissions: [{ resource: 'posts', actions: ['create', 'update'] }],
-          users: [],
-        });
-        expect(push).toHaveBeenCalledWith('/members/policies');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/policies/CreatePolicy.tsx b/studio/src/pages/policies/CreatePolicy.tsx
new file mode 100644
index 000000000..7dab1dc8b
--- /dev/null
+++ b/studio/src/pages/policies/CreatePolicy.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import { createPolicy } from "../../actions/policies";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import PolicyCreateForm from "./components/PolicyForm";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { PolicyFormValues } from "./types";
+
+const CreatePolicy: React.FC = () => {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onCreate = (values: PolicyFormValues): void => {
+    // Filter out incomplete permission entries
+    values.permissions = values.permissions?.filter(
+      (item) => item && item.resource && item.actions.length > 0
+    );
+
+    // Dispatch the create action and navigate on success
+    dispatch(createPolicy(values)).then(() =>
+      history("/settings/members/policies")
+    );
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Policy"} />
+      <PolicyCreateForm onCreate={onCreate} />
+    </>
+  );
+};
+
+export default CreatePolicy;
diff --git a/studio/src/pages/policies/EditPolicy.js b/studio/src/pages/policies/EditPolicy.js
deleted file mode 100644
index 8b97ed39d..000000000
--- a/studio/src/pages/policies/EditPolicy.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import React from 'react';
-import PolicyEditForm from './components/PolicyForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { getPolicy, updatePolicy } from '../../actions/policies';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditPolicy() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-
-  const { policy, loading } = useSelector((state) => {
-    if (!state.policies.details[id])
-      return {
-        policy: null,
-        loading: state.policies.loading,
-      };
-
-    return {
-      policy: {
-        ...state.policies.details[id],
-        permissions: state.policies.details[id].permissions?.reduce(
-          (obj, item) => Object.assign(obj, { [item.resource]: item.actions }),
-          {},
-        ),
-      },
-      loading: state.policies.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getPolicy(id));
-  }, [dispatch, id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!policy) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updatePolicy({ ...policy, ...values })).then(() =>
-      history(`/settings/members/policies/`),
-    );
-  };
-
-  return (
-    <>
-      <Helmet title={`${policy.name} - Edit Policy`} />
-      <PolicyEditForm data={policy} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditPolicy;
diff --git a/studio/src/pages/policies/EditPolicy.test.js b/studio/src/pages/policies/EditPolicy.test.js
deleted file mode 100644
index db5b4be1b..000000000
--- a/studio/src/pages/policies/EditPolicy.test.js
+++ /dev/null
@@ -1,281 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { shallow, mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditPolicy from './EditPolicy';
-import * as actions from '../../actions/policies';
-import PolicyEditForm from './components/PolicyForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/policies', () => ({
-  getPolicies: jest.fn(),
-  addPolicy: jest.fn(),
-  getPolicy: jest.fn(),
-  updatePolicy: jest.fn(),
-}));
-
-describe('Policies edit component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore({
-    policies: {
-      req: [],
-      details: {
-        '1': {
-          id: 1,
-          name: 'policy',
-          description: 'description',
-          permissions: [
-            {
-              resource: 'policy',
-              actions: ['create'],
-            },
-          ],
-        },
-      },
-      loading: false,
-    },
-    authors: {
-      req: [{ query: { page: 1 }, total: 1, data: [1] }],
-      details: { 1: { id: 1, name: 'Author', email: 'author@aut.co' } },
-      loading: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <EditPolicy />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      let tree;
-      store = mockStore({
-        policies: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        authors: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <EditPolicy />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        policies: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        authors: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <EditPolicy />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        policies: {
-          req: [],
-          details: {
-            '1': {
-              id: 1,
-              name: 'policy',
-              description: 'description',
-              permissions: [
-                {
-                  resource: 'policy',
-                  actions: ['create'],
-                },
-              ],
-            },
-          },
-          loading: false,
-        },
-        authors: {
-          req: [{ query: { page: 1 }, total: 1, data: [1] }],
-          details: { 1: { id: 1, name: 'Author', email: 'author@aut.co' } },
-          loading: false,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should display RecordNotFound when no Policy found', () => {
-      store = mockStore({
-        policies: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        authors: {
-          req: [{ query: { page: 1 }, total: 1, data: [1] }],
-          details: { 1: { id: 1, name: 'Author', email: 'author@aut.co' } },
-          loading: false,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditPolicy />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-    });
-    it('should display Skeleton when loading', () => {
-      store = mockStore({
-        policies: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        authors: {
-          req: [{ query: { page: 1 }, total: 1, data: [1] }],
-          details: { 1: { id: 1, name: 'Author', email: 'author@aut.co' } },
-          loading: false,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditPolicy />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('Skeleton').length).toBe(1);
-    });
-    it('should call getAction and display policies with non empty users', () => {
-      store = mockStore({
-        policies: {
-          req: [],
-          details: {
-            '1': {
-              id: 1,
-              name: 'policy',
-              description: 'description',
-              permissions: [
-                {
-                  resource: 'policy',
-                  actions: ['create'],
-                },
-              ],
-              users: [{ id: 10, email: 'abc@gmail.com' }],
-            },
-          },
-
-          loading: false,
-        },
-        authors: {
-          req: [{ query: { page: 1 }, total: 1, data: [1] }],
-          details: { 1: { id: 1, name: 'Author', email: 'author@aut.co' } },
-          loading: false,
-        },
-      });
-      actions.getPolicy.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditPolicy />
-          </Provider>,
-        );
-      });
-      expect(actions.getPolicy).toHaveBeenCalledWith('1');
-    });
-    it('should call get action', () => {
-      actions.getPolicy.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditPolicy />
-          </Provider>,
-        );
-      });
-      expect(actions.getPolicy).toHaveBeenCalledWith('1');
-    });
-    it('should call updatePolicy', (done) => {
-      actions.updatePolicy.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditPolicy />
-          </Provider>,
-        );
-      });
-      wrapper.find(PolicyEditForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.updatePolicy).toHaveBeenCalledWith({
-          id: 1,
-          name: 'policy',
-          description: 'description',
-          permissions: {
-            policy: ['create'],
-          },
-          users: [],
-          test: 'test',
-        });
-        expect(push).toHaveBeenCalledWith('/members/policies/1/edit');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/policies/EditPolicy.tsx b/studio/src/pages/policies/EditPolicy.tsx
new file mode 100644
index 000000000..9ce41f9e8
--- /dev/null
+++ b/studio/src/pages/policies/EditPolicy.tsx
@@ -0,0 +1,84 @@
+import React, { useEffect } from "react";
+import PolicyEditForm from "./components/PolicyForm";
+import { useSelector } from "react-redux";
+import { getPolicy, updatePolicy } from "../../actions/policies";
+import { useParams } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Policy, RootState, PolicyFormData, Permission } from "./types";
+
+function EditPolicy(): React.ReactElement {
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+
+  const dispatch = useAppDispatch();
+
+  const { policy, loading } = useSelector((state: RootState) => {
+    if (!id || !state.policies.details[id])
+      return {
+        policy: null,
+        loading: state.policies.loading,
+      };
+
+    return {
+      policy: {
+        ...state.policies.details[id],
+        permissions:
+          state.policies.details[id].permissions?.reduce<
+            Record<string, string[]>
+          >(
+            (obj, item) =>
+              Object.assign(obj, { [item.resource]: item.actions }),
+            {}
+          ) || {},
+      },
+      loading: state.policies.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      dispatch(getPolicy(id));
+    }
+  }, [dispatch, id]);
+
+  if (loading) {
+    return (
+      <div className="flex flex-col space-y-3">
+        <Skeleton className="h-8 w-full" />
+        <Skeleton className="h-32 w-full" />
+        <Skeleton className="h-8 w-3/4" />
+      </div>
+    );
+  }
+
+  if (!policy) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: {
+    name: string;
+    users: string[];
+    description?: string;
+    permissions: Permission[];
+  }) => {
+    dispatch(
+      updatePolicy({
+        ...policy,
+        ...values,
+      } as Policy)
+    ).then(() => history(`/settings/members/policies/`));
+  };
+
+  return (
+    <>
+      <Helmet title={`${policy.name} - Edit Policy`} />
+      <PolicyEditForm data={policy as PolicyFormData} onCreate={onUpdate} />
+    </>
+  );
+}
+
+export default EditPolicy;
diff --git a/studio/src/pages/policies/__snapshots__/CreatePolicy.test.js.snap b/studio/src/pages/policies/__snapshots__/CreatePolicy.test.js.snap
deleted file mode 100644
index 9606fb3d2..000000000
--- a/studio/src/pages/policies/__snapshots__/CreatePolicy.test.js.snap
+++ /dev/null
@@ -1,7522 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Policies create component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreatePolicy>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Policy"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Policy"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Policy"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <PolicyForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-policy",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        layout="vertical"
-        name="create-policy"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-        style={
-          Object {
-            "maxWidth": "100%",
-            "width": "100%",
-          }
-        }
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-policy",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-policy"
-            initialValues={Object {}}
-            name="create-policy"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-            style={
-              Object {
-                "maxWidth": "100%",
-                "width": "100%",
-              }
-            }
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="create-policy"
-              onReset={[Function]}
-              onSubmit={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <Row
-                gutter={16}
-              >
-                <div
-                  className="ant-row"
-                  style={
-                    Object {
-                      "marginLeft": -8,
-                      "marginRight": -8,
-                    }
-                  }
-                >
-                  <Col
-                    span={12}
-                  >
-                    <div
-                      className="ant-col ant-col-12"
-                      style={
-                        Object {
-                          "paddingLeft": 8,
-                          "paddingRight": 8,
-                        }
-                      }
-                    >
-                      <TitleInput
-                        label="Name"
-                        name="name"
-                      >
-                        <FormItem
-                          label="Name"
-                          name="name"
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please enter name!",
-                                "required": true,
-                              },
-                              Object {
-                                "max": 500,
-                                "message": "Name must be maximum 500 characters.",
-                              },
-                            ]
-                          }
-                        >
-                          <WrapperField
-                            label="Name"
-                            messageVariables={
-                              Object {
-                                "label": "Name",
-                              }
-                            }
-                            name="name"
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please enter name!",
-                                  "required": true,
-                                },
-                                Object {
-                                  "max": 500,
-                                  "message": "Name must be maximum 500 characters.",
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                          >
-                            <Field
-                              fieldContext={
-                                Object {
-                                  "__INTERNAL__": Object {
-                                    "itemRef": [Function],
-                                    "name": "create-policy",
-                                  },
-                                  "getFieldError": [Function],
-                                  "getFieldInstance": [Function],
-                                  "getFieldValue": [Function],
-                                  "getFieldsError": [Function],
-                                  "getFieldsValue": [Function],
-                                  "getInternalHooks": [Function],
-                                  "isFieldTouched": [Function],
-                                  "isFieldValidating": [Function],
-                                  "isFieldsTouched": [Function],
-                                  "isFieldsValidating": [Function],
-                                  "resetFields": [Function],
-                                  "scrollToField": [Function],
-                                  "setFields": [Function],
-                                  "setFieldsValue": [Function],
-                                  "submit": [Function],
-                                  "validateFields": [Function],
-                                  "validateTrigger": "onChange",
-                                }
-                              }
-                              key="_name"
-                              label="Name"
-                              messageVariables={
-                                Object {
-                                  "label": "Name",
-                                }
-                              }
-                              name={
-                                Array [
-                                  "name",
-                                ]
-                              }
-                              onReset={[Function]}
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter name!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "max": 500,
-                                    "message": "Name must be maximum 500 characters.",
-                                  },
-                                ]
-                              }
-                              trigger="onChange"
-                              validateTrigger="onChange"
-                              valuePropName="value"
-                            >
-                              <Row
-                                className="ant-form-item"
-                                key="row"
-                              >
-                                <div
-                                  className="ant-row ant-form-item"
-                                  style={Object {}}
-                                >
-                                  <FormItemLabel
-                                    htmlFor="create-policy_name"
-                                    label="Name"
-                                    name="name"
-                                    prefixCls="ant-form"
-                                    required={true}
-                                    requiredMark={true}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-label"
-                                        style={Object {}}
-                                      >
-                                        <label
-                                          className="ant-form-item-required"
-                                          htmlFor="create-policy_name"
-                                          title="Name"
-                                        >
-                                          Name
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    errors={Array []}
-                                    label="Name"
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    status=""
-                                    touched={false}
-                                    validateStatus=""
-                                    validating={false}
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-control"
-                                        style={Object {}}
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <Component
-                                              update={1}
-                                            >
-                                              <Input
-                                                id="create-policy_name"
-                                                onChange={[Function]}
-                                                type="text"
-                                              >
-                                                <ClearableLabeledInput
-                                                  bordered={true}
-                                                  element={
-                                                    <input
-                                                      className="ant-input"
-                                                      id="create-policy_name"
-                                                      onBlur={[Function]}
-                                                      onChange={[Function]}
-                                                      onFocus={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      type="text"
-                                                    />
-                                                  }
-                                                  focused={false}
-                                                  handleReset={[Function]}
-                                                  id="create-policy_name"
-                                                  inputType="input"
-                                                  onChange={[Function]}
-                                                  prefixCls="ant-input"
-                                                  triggerFocus={[Function]}
-                                                  type="text"
-                                                  value=""
-                                                >
-                                                  <input
-                                                    className="ant-input"
-                                                    id="create-policy_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    type="text"
-                                                    value=""
-                                                  />
-                                                </ClearableLabeledInput>
-                                              </Input>
-                                            </Component>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </Field>
-                          </WrapperField>
-                        </FormItem>
-                      </TitleInput>
-                      <FormItem
-                        label="Description"
-                        name="description"
-                      >
-                        <WrapperField
-                          label="Description"
-                          messageVariables={
-                            Object {
-                              "label": "Description",
-                            }
-                          }
-                          name="description"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "create-policy",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_description"
-                            label="Description"
-                            messageVariables={
-                              Object {
-                                "label": "Description",
-                              }
-                            }
-                            name={
-                              Array [
-                                "description",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="create-policy_description"
-                                  label="Description"
-                                  name="description"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="create-policy_description"
-                                        title="Description"
-                                      >
-                                        Description
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Description"
-                                  name={
-                                    Array [
-                                      "description",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={1}
-                                          >
-                                            <ForwardRef
-                                              id="create-policy_description"
-                                              onChange={[Function]}
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <TextArea
-                                                    className=""
-                                                    id="create-policy_description"
-                                                    onChange={[Function]}
-                                                    onCompositionEnd={[Function]}
-                                                    onCompositionStart={[Function]}
-                                                    prefixCls="ant-input"
-                                                  />
-                                                }
-                                                handleReset={[Function]}
-                                                id="create-policy_description"
-                                                inputType="text"
-                                                prefixCls="ant-input"
-                                                value=""
-                                              >
-                                                <TextArea
-                                                  className=""
-                                                  id="create-policy_description"
-                                                  onChange={[Function]}
-                                                  onCompositionEnd={[Function]}
-                                                  onCompositionStart={[Function]}
-                                                  prefixCls="ant-input"
-                                                  value=""
-                                                >
-                                                  <ResizableTextArea
-                                                    className=""
-                                                    id="create-policy_description"
-                                                    onChange={[Function]}
-                                                    onCompositionEnd={[Function]}
-                                                    onCompositionStart={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    prefixCls="ant-input"
-                                                    value=""
-                                                  >
-                                                    <ResizeObserver
-                                                      disabled={true}
-                                                      onResize={[Function]}
-                                                    >
-                                                      <textarea
-                                                        className="ant-input"
-                                                        id="create-policy_description"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        style={Object {}}
-                                                        value=""
-                                                      />
-                                                    </ResizeObserver>
-                                                  </ResizableTextArea>
-                                                </TextArea>
-                                              </ClearableLabeledInput>
-                                            </ForwardRef>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                    </div>
-                  </Col>
-                  <Col
-                    span={12}
-                  >
-                    <div
-                      className="ant-col ant-col-12"
-                      style={
-                        Object {
-                          "paddingLeft": 8,
-                          "paddingRight": 8,
-                        }
-                      }
-                    >
-                      <FormItem
-                        label="Users"
-                        name="users"
-                      >
-                        <WrapperField
-                          label="Users"
-                          messageVariables={
-                            Object {
-                              "label": "Users",
-                            }
-                          }
-                          name="users"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "create-policy",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_users"
-                            label="Users"
-                            messageVariables={
-                              Object {
-                                "label": "Users",
-                              }
-                            }
-                            name={
-                              Array [
-                                "users",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="create-policy_users"
-                                  label="Users"
-                                  name="users"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="create-policy_users"
-                                        title="Users"
-                                      >
-                                        Users
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Users"
-                                  name={
-                                    Array [
-                                      "users",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={1}
-                                          >
-                                            <Selector
-                                              action="Authors"
-                                              display="display_name"
-                                              id="create-policy_users"
-                                              mode="multiple"
-                                              onChange={[Function]}
-                                            >
-                                              <ForwardRef(InternalSelect)
-                                                allowClear={true}
-                                                autoClearSearchValue={true}
-                                                bordered={true}
-                                                defaultValue={Array []}
-                                                filterOption={[Function]}
-                                                getPopupContainer={[Function]}
-                                                listHeight={128}
-                                                loading={false}
-                                                mode="multiple"
-                                                notFoundContent={null}
-                                                onChange={[Function]}
-                                                onPopupScroll={[Function]}
-                                                onSearch={[Function]}
-                                                placeholder="Select authors"
-                                                searchValue=""
-                                                value={Array []}
-                                              >
-                                                <Select
-                                                  allowClear={true}
-                                                  autoClearSearchValue={true}
-                                                  className=""
-                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                  defaultValue={Array []}
-                                                  dropdownClassName=""
-                                                  filterOption={[Function]}
-                                                  getPopupContainer={[Function]}
-                                                  inputIcon={[Function]}
-                                                  listHeight={128}
-                                                  listItemHeight={24}
-                                                  loading={false}
-                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                  mode="multiple"
-                                                  notFoundContent={null}
-                                                  onChange={[Function]}
-                                                  onPopupScroll={[Function]}
-                                                  onSearch={[Function]}
-                                                  placeholder="Select authors"
-                                                  prefixCls="ant-select"
-                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                  searchValue=""
-                                                  transitionName="ant-slide-up"
-                                                  value={Array []}
-                                                >
-                                                  <ForwardRef(Select)
-                                                    allowClear={true}
-                                                    autoClearSearchValue={true}
-                                                    className=""
-                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                    defaultValue={Array []}
-                                                    dropdownClassName=""
-                                                    filterOption={[Function]}
-                                                    getPopupContainer={[Function]}
-                                                    inputIcon={[Function]}
-                                                    listHeight={128}
-                                                    listItemHeight={24}
-                                                    loading={false}
-                                                    menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                    mode="multiple"
-                                                    notFoundContent={null}
-                                                    onChange={[Function]}
-                                                    onPopupScroll={[Function]}
-                                                    onSearch={[Function]}
-                                                    placeholder="Select authors"
-                                                    prefixCls="ant-select"
-                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                    searchValue=""
-                                                    transitionName="ant-slide-up"
-                                                    value={Array []}
-                                                  >
-                                                    <div
-                                                      className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                      onBlur={[Function]}
-                                                      onFocus={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      onKeyUp={[Function]}
-                                                      onMouseDown={[Function]}
-                                                    >
-                                                      <SelectTrigger
-                                                        containerWidth={null}
-                                                        dropdownClassName=""
-                                                        empty={false}
-                                                        getPopupContainer={[Function]}
-                                                        getTriggerDOMNode={[Function]}
-                                                        popupElement={
-                                                          <ForwardRef(OptionList)
-                                                            childrenAsData={true}
-                                                            defaultActiveFirstOption={true}
-                                                            flattenOptions={
-                                                              Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "children": "author@aut.co",
-                                                                    "key": "authors1",
-                                                                    "value": 1,
-                                                                  },
-                                                                  "groupOption": false,
-                                                                  "key": "authors1",
-                                                                },
-                                                              ]
-                                                            }
-                                                            height={128}
-                                                            id="rc_select_TEST_OR_SSR"
-                                                            itemHeight={24}
-                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                            multiple={true}
-                                                            notFoundContent={null}
-                                                            onActiveValue={[Function]}
-                                                            onMouseEnter={[Function]}
-                                                            onScroll={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            options={
-                                                              Array [
-                                                                Object {
-                                                                  "children": "author@aut.co",
-                                                                  "key": "authors1",
-                                                                  "value": 1,
-                                                                },
-                                                              ]
-                                                            }
-                                                            prefixCls="ant-select"
-                                                            searchValue=""
-                                                            values={Set {}}
-                                                            virtual={true}
-                                                          />
-                                                        }
-                                                        prefixCls="ant-select"
-                                                        transitionName="ant-slide-up"
-                                                      >
-                                                        <Trigger
-                                                          action={Array []}
-                                                          afterPopupVisibleChange={[Function]}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottomLeft": Object {
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 0,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 0,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 0,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 0,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          getTriggerDOMNode={[Function]}
-                                                          hideAction={Array []}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0}
-                                                          mouseLeaveDelay={0.1}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          popup={
-                                                            <div>
-                                                              <ForwardRef(OptionList)
-                                                                childrenAsData={true}
-                                                                defaultActiveFirstOption={true}
-                                                                flattenOptions={
-                                                                  Array [
-                                                                    Object {
-                                                                      "data": Object {
-                                                                        "children": "author@aut.co",
-                                                                        "key": "authors1",
-                                                                        "value": 1,
-                                                                      },
-                                                                      "groupOption": false,
-                                                                      "key": "authors1",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                height={128}
-                                                                id="rc_select_TEST_OR_SSR"
-                                                                itemHeight={24}
-                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                multiple={true}
-                                                                notFoundContent={null}
-                                                                onActiveValue={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onScroll={[Function]}
-                                                                onSelect={[Function]}
-                                                                onToggleOpen={[Function]}
-                                                                options={
-                                                                  Array [
-                                                                    Object {
-                                                                      "children": "author@aut.co",
-                                                                      "key": "authors1",
-                                                                      "value": 1,
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                searchValue=""
-                                                                values={Set {}}
-                                                                virtual={true}
-                                                              />
-                                                            </div>
-                                                          }
-                                                          popupAlign={Object {}}
-                                                          popupClassName=""
-                                                          popupPlacement="bottomLeft"
-                                                          popupStyle={
-                                                            Object {
-                                                              "minWidth": null,
-                                                              "width": null,
-                                                            }
-                                                          }
-                                                          popupTransitionName="ant-slide-up"
-                                                          prefixCls="ant-select-dropdown"
-                                                          showAction={Array []}
-                                                        >
-                                                          <Selector
-                                                            accessibilityIndex={0}
-                                                            activeValue={null}
-                                                            allowClear={true}
-                                                            autoClearSearchValue={true}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue={Array []}
-                                                            domRef={
-                                                              Object {
-                                                                "current": <div
-                                                                  class="ant-select-selector"
-                                                                >
-                                                                  <div
-                                                                    class="ant-select-selection-overflow"
-                                                                  >
-                                                                    <div
-                                                                      class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                      style="opacity: 1;"
-                                                                    >
-                                                                      <div
-                                                                        class="ant-select-selection-search"
-                                                                        style="width: 0px;"
-                                                                      >
-                                                                        <input
-                                                                          aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                          aria-autocomplete="list"
-                                                                          aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                          aria-haspopup="listbox"
-                                                                          aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                          autocomplete="off"
-                                                                          class="ant-select-selection-search-input"
-                                                                          id="rc_select_TEST_OR_SSR"
-                                                                          readonly=""
-                                                                          role="combobox"
-                                                                          style="opacity: 0;"
-                                                                          type="search"
-                                                                          unselectable="on"
-                                                                          value=""
-                                                                        />
-                                                                        <span
-                                                                          aria-hidden="true"
-                                                                          class="ant-select-selection-search-mirror"
-                                                                        >
-                                                                          
-                                                                           
-                                                                        </span>
-                                                                      </div>
-                                                                    </div>
-                                                                  </div>
-                                                                  <span
-                                                                    class="ant-select-selection-placeholder"
-                                                                  >
-                                                                    Select authors
-                                                                  </span>
-                                                                </div>,
-                                                              }
-                                                            }
-                                                            dropdownClassName=""
-                                                            filterOption={[Function]}
-                                                            getPopupContainer={[Function]}
-                                                            id="rc_select_TEST_OR_SSR"
-                                                            inputElement={null}
-                                                            inputIcon={[Function]}
-                                                            key="trigger"
-                                                            listHeight={128}
-                                                            listItemHeight={24}
-                                                            loading={false}
-                                                            menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                            mode="multiple"
-                                                            multiple={true}
-                                                            notFoundContent={null}
-                                                            onChange={[Function]}
-                                                            onPopupScroll={[Function]}
-                                                            onSearch={[Function]}
-                                                            onSearchSubmit={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            placeholder="Select authors"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            showSearch={true}
-                                                            tokenWithEnter={false}
-                                                            transitionName="ant-slide-up"
-                                                            value={Array []}
-                                                            values={Array []}
-                                                          >
-                                                            <div
-                                                              className="ant-select-selector"
-                                                              onClick={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectSelector
-                                                                accessibilityIndex={0}
-                                                                activeValue={null}
-                                                                allowClear={true}
-                                                                autoClearSearchValue={true}
-                                                                className=""
-                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                defaultValue={Array []}
-                                                                domRef={
-                                                                  Object {
-                                                                    "current": <div
-                                                                      class="ant-select-selector"
-                                                                    >
-                                                                      <div
-                                                                        class="ant-select-selection-overflow"
-                                                                      >
-                                                                        <div
-                                                                          class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                          style="opacity: 1;"
-                                                                        >
-                                                                          <div
-                                                                            class="ant-select-selection-search"
-                                                                            style="width: 0px;"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="rc_select_TEST_OR_SSR"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                            <span
-                                                                              aria-hidden="true"
-                                                                              class="ant-select-selection-search-mirror"
-                                                                            >
-                                                                              
-                                                                               
-                                                                            </span>
-                                                                          </div>
-                                                                        </div>
-                                                                      </div>
-                                                                      <span
-                                                                        class="ant-select-selection-placeholder"
-                                                                      >
-                                                                        Select authors
-                                                                      </span>
-                                                                    </div>,
-                                                                  }
-                                                                }
-                                                                dropdownClassName=""
-                                                                filterOption={[Function]}
-                                                                getPopupContainer={[Function]}
-                                                                id="rc_select_TEST_OR_SSR"
-                                                                inputElement={null}
-                                                                inputIcon={[Function]}
-                                                                inputRef={
-                                                                  Object {
-                                                                    "current": <input
-                                                                      aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                      aria-autocomplete="list"
-                                                                      aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                      aria-haspopup="listbox"
-                                                                      aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                      autocomplete="off"
-                                                                      class="ant-select-selection-search-input"
-                                                                      id="rc_select_TEST_OR_SSR"
-                                                                      readonly=""
-                                                                      role="combobox"
-                                                                      style="opacity: 0;"
-                                                                      type="search"
-                                                                      unselectable="on"
-                                                                      value=""
-                                                                    />,
-                                                                  }
-                                                                }
-                                                                listHeight={128}
-                                                                listItemHeight={24}
-                                                                loading={false}
-                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                mode="multiple"
-                                                                multiple={true}
-                                                                notFoundContent={null}
-                                                                onChange={[Function]}
-                                                                onInputChange={[Function]}
-                                                                onInputCompositionEnd={[Function]}
-                                                                onInputCompositionStart={[Function]}
-                                                                onInputKeyDown={[Function]}
-                                                                onInputMouseDown={[Function]}
-                                                                onInputPaste={[Function]}
-                                                                onPopupScroll={[Function]}
-                                                                onSearch={[Function]}
-                                                                onSearchSubmit={[Function]}
-                                                                onSelect={[Function]}
-                                                                onToggleOpen={[Function]}
-                                                                placeholder="Select authors"
-                                                                prefixCls="ant-select"
-                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                searchValue=""
-                                                                showSearch={true}
-                                                                tokenWithEnter={false}
-                                                                transitionName="ant-slide-up"
-                                                                value={Array []}
-                                                                values={Array []}
-                                                              >
-                                                                <Overflow
-                                                                  data={Array []}
-                                                                  itemKey="key"
-                                                                  prefixCls="ant-select-selection-overflow"
-                                                                  renderItem={[Function]}
-                                                                  renderRest={[Function]}
-                                                                  suffix={
-                                                                    <div
-                                                                      className="ant-select-selection-search"
-                                                                      onBlur={[Function]}
-                                                                      onFocus={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": 0,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <ForwardRef(Input)
-                                                                        accessibilityIndex={0}
-                                                                        attrs={Object {}}
-                                                                        editable={false}
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        inputElement={null}
-                                                                        onChange={[Function]}
-                                                                        onCompositionEnd={[Function]}
-                                                                        onCompositionStart={[Function]}
-                                                                        onKeyDown={[Function]}
-                                                                        onMouseDown={[Function]}
-                                                                        onPaste={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        value=""
-                                                                      />
-                                                                      <span
-                                                                        aria-hidden={true}
-                                                                        className="ant-select-selection-search-mirror"
-                                                                      >
-                                                                        
-                                                                         
-                                                                      </span>
-                                                                    </div>
-                                                                  }
-                                                                >
-                                                                  <div
-                                                                    className="ant-select-selection-overflow"
-                                                                  >
-                                                                    <Item
-                                                                      className="ant-select-selection-overflow-item-suffix"
-                                                                      display={true}
-                                                                      invalidate={false}
-                                                                      order={0}
-                                                                      prefixCls="ant-select-selection-overflow-item"
-                                                                      registerSize={[Function]}
-                                                                      responsive={0}
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                        style={
-                                                                          Object {
-                                                                            "height": undefined,
-                                                                            "opacity": 1,
-                                                                            "order": undefined,
-                                                                            "overflowY": undefined,
-                                                                            "pointerEvents": undefined,
-                                                                            "position": undefined,
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <div
-                                                                          className="ant-select-selection-search"
-                                                                          onBlur={[Function]}
-                                                                          onFocus={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": 0,
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="rc_select_TEST_OR_SSR"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="rc_select_TEST_OR_SSR"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                          <span
-                                                                            aria-hidden={true}
-                                                                            className="ant-select-selection-search-mirror"
-                                                                          >
-                                                                             
-                                                                          </span>
-                                                                        </div>
-                                                                      </div>
-                                                                    </Item>
-                                                                  </div>
-                                                                </Overflow>
-                                                                <span
-                                                                  className="ant-select-selection-placeholder"
-                                                                >
-                                                                  Select authors
-                                                                </span>
-                                                              </SelectSelector>
-                                                            </div>
-                                                          </Selector>
-                                                        </Trigger>
-                                                      </SelectTrigger>
-                                                    </div>
-                                                  </ForwardRef(Select)>
-                                                </Select>
-                                              </ForwardRef(InternalSelect)>
-                                            </Selector>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-              <FormItem
-                key="permissions-0"
-                label="Posts"
-                name={
-                  Array [
-                    "permissions",
-                    "posts",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Posts"
-                  messageVariables={
-                    Object {
-                      "label": "Posts",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "posts",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_posts"
-                    label="Posts"
-                    messageVariables={
-                      Object {
-                        "label": "Posts",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "posts",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_posts"
-                          label="Posts"
-                          name={
-                            Array [
-                              "permissions",
-                              "posts",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_posts"
-                                title="Posts"
-                              >
-                                Posts
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Posts"
-                          name={
-                            Array [
-                              "permissions",
-                              "posts",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_posts"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                          Object {
-                                            "label": "Publish",
-                                            "value": "publish",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_posts"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="publish"
-                                          prefixCls="ant-checkbox"
-                                          value="publish"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="publish"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="publish"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Publish
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-1"
-                label="Categories"
-                name={
-                  Array [
-                    "permissions",
-                    "categories",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Categories"
-                  messageVariables={
-                    Object {
-                      "label": "Categories",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "categories",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_categories"
-                    label="Categories"
-                    messageVariables={
-                      Object {
-                        "label": "Categories",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "categories",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_categories"
-                          label="Categories"
-                          name={
-                            Array [
-                              "permissions",
-                              "categories",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_categories"
-                                title="Categories"
-                              >
-                                Categories
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Categories"
-                          name={
-                            Array [
-                              "permissions",
-                              "categories",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_categories"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_categories"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-2"
-                label="Tags"
-                name={
-                  Array [
-                    "permissions",
-                    "tags",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Tags"
-                  messageVariables={
-                    Object {
-                      "label": "Tags",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "tags",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_tags"
-                    label="Tags"
-                    messageVariables={
-                      Object {
-                        "label": "Tags",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "tags",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_tags"
-                          label="Tags"
-                          name={
-                            Array [
-                              "permissions",
-                              "tags",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_tags"
-                                title="Tags"
-                              >
-                                Tags
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Tags"
-                          name={
-                            Array [
-                              "permissions",
-                              "tags",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_tags"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_tags"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-3"
-                label="Formats"
-                name={
-                  Array [
-                    "permissions",
-                    "formats",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Formats"
-                  messageVariables={
-                    Object {
-                      "label": "Formats",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "formats",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_formats"
-                    label="Formats"
-                    messageVariables={
-                      Object {
-                        "label": "Formats",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "formats",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_formats"
-                          label="Formats"
-                          name={
-                            Array [
-                              "permissions",
-                              "formats",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_formats"
-                                title="Formats"
-                              >
-                                Formats
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Formats"
-                          name={
-                            Array [
-                              "permissions",
-                              "formats",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_formats"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_formats"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-4"
-                label="Media"
-                name={
-                  Array [
-                    "permissions",
-                    "media",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Media"
-                  messageVariables={
-                    Object {
-                      "label": "Media",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "media",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_media"
-                    label="Media"
-                    messageVariables={
-                      Object {
-                        "label": "Media",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "media",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_media"
-                          label="Media"
-                          name={
-                            Array [
-                              "permissions",
-                              "media",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_media"
-                                title="Media"
-                              >
-                                Media
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Media"
-                          name={
-                            Array [
-                              "permissions",
-                              "media",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_media"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_media"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-5"
-                label="Fact Check"
-                name={
-                  Array [
-                    "permissions",
-                    "fact-checks",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Fact Check"
-                  messageVariables={
-                    Object {
-                      "label": "Fact Check",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "fact-checks",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_fact-checks"
-                    label="Fact Check"
-                    messageVariables={
-                      Object {
-                        "label": "Fact Check",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "fact-checks",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_fact-checks"
-                          label="Fact Check"
-                          name={
-                            Array [
-                              "permissions",
-                              "fact-checks",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_fact-checks"
-                                title="Fact Check"
-                              >
-                                Fact Check
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Fact Check"
-                          name={
-                            Array [
-                              "permissions",
-                              "fact-checks",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_fact-checks"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_fact-checks"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-6"
-                label="Claims"
-                name={
-                  Array [
-                    "permissions",
-                    "claims",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Claims"
-                  messageVariables={
-                    Object {
-                      "label": "Claims",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "claims",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_claims"
-                    label="Claims"
-                    messageVariables={
-                      Object {
-                        "label": "Claims",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "claims",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_claims"
-                          label="Claims"
-                          name={
-                            Array [
-                              "permissions",
-                              "claims",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_claims"
-                                title="Claims"
-                              >
-                                Claims
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Claims"
-                          name={
-                            Array [
-                              "permissions",
-                              "claims",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_claims"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_claims"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-7"
-                label="Claimants"
-                name={
-                  Array [
-                    "permissions",
-                    "claimants",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Claimants"
-                  messageVariables={
-                    Object {
-                      "label": "Claimants",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "claimants",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_claimants"
-                    label="Claimants"
-                    messageVariables={
-                      Object {
-                        "label": "Claimants",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "claimants",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_claimants"
-                          label="Claimants"
-                          name={
-                            Array [
-                              "permissions",
-                              "claimants",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_claimants"
-                                title="Claimants"
-                              >
-                                Claimants
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Claimants"
-                          name={
-                            Array [
-                              "permissions",
-                              "claimants",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_claimants"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_claimants"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-8"
-                label="Ratings"
-                name={
-                  Array [
-                    "permissions",
-                    "ratings",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Ratings"
-                  messageVariables={
-                    Object {
-                      "label": "Ratings",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "ratings",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_ratings"
-                    label="Ratings"
-                    messageVariables={
-                      Object {
-                        "label": "Ratings",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "ratings",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_ratings"
-                          label="Ratings"
-                          name={
-                            Array [
-                              "permissions",
-                              "ratings",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_ratings"
-                                title="Ratings"
-                              >
-                                Ratings
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Ratings"
-                          name={
-                            Array [
-                              "permissions",
-                              "ratings",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_ratings"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_ratings"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-9"
-                label="Policies"
-                name={
-                  Array [
-                    "permissions",
-                    "policies",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Policies"
-                  messageVariables={
-                    Object {
-                      "label": "Policies",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "policies",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_policies"
-                    label="Policies"
-                    messageVariables={
-                      Object {
-                        "label": "Policies",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "policies",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_policies"
-                          label="Policies"
-                          name={
-                            Array [
-                              "permissions",
-                              "policies",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_policies"
-                                title="Policies"
-                              >
-                                Policies
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Policies"
-                          name={
-                            Array [
-                              "permissions",
-                              "policies",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_policies"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_policies"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-10"
-                label="Podcasts"
-                name={
-                  Array [
-                    "permissions",
-                    "podcasts",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Podcasts"
-                  messageVariables={
-                    Object {
-                      "label": "Podcasts",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "podcasts",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_podcasts"
-                    label="Podcasts"
-                    messageVariables={
-                      Object {
-                        "label": "Podcasts",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "podcasts",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_podcasts"
-                          label="Podcasts"
-                          name={
-                            Array [
-                              "permissions",
-                              "podcasts",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_podcasts"
-                                title="Podcasts"
-                              >
-                                Podcasts
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Podcasts"
-                          name={
-                            Array [
-                              "permissions",
-                              "podcasts",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_podcasts"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_podcasts"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-11"
-                label="Episodes"
-                name={
-                  Array [
-                    "permissions",
-                    "episodes",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Episodes"
-                  messageVariables={
-                    Object {
-                      "label": "Episodes",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "episodes",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_episodes"
-                    label="Episodes"
-                    messageVariables={
-                      Object {
-                        "label": "Episodes",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "episodes",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_episodes"
-                          label="Episodes"
-                          name={
-                            Array [
-                              "permissions",
-                              "episodes",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_episodes"
-                                title="Episodes"
-                              >
-                                Episodes
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Episodes"
-                          name={
-                            Array [
-                              "permissions",
-                              "episodes",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_episodes"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_episodes"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-12"
-                label="Menus"
-                name={
-                  Array [
-                    "permissions",
-                    "menus",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Menus"
-                  messageVariables={
-                    Object {
-                      "label": "Menus",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "menus",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_menus"
-                    label="Menus"
-                    messageVariables={
-                      Object {
-                        "label": "Menus",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "menus",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_menus"
-                          label="Menus"
-                          name={
-                            Array [
-                              "permissions",
-                              "menus",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_menus"
-                                title="Menus"
-                              >
-                                Menus
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Menus"
-                          name={
-                            Array [
-                              "permissions",
-                              "menus",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_menus"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_menus"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-13"
-                label="Pages"
-                name={
-                  Array [
-                    "permissions",
-                    "pages",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Pages"
-                  messageVariables={
-                    Object {
-                      "label": "Pages",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "pages",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_pages"
-                    label="Pages"
-                    messageVariables={
-                      Object {
-                        "label": "Pages",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "pages",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_pages"
-                          label="Pages"
-                          name={
-                            Array [
-                              "permissions",
-                              "pages",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_pages"
-                                title="Pages"
-                              >
-                                Pages
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Pages"
-                          name={
-                            Array [
-                              "permissions",
-                              "pages",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_pages"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_pages"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                key="permissions-14"
-                label="Webhooks"
-                name={
-                  Array [
-                    "permissions",
-                    "webhooks",
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Webhooks"
-                  messageVariables={
-                    Object {
-                      "label": "Webhooks",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "webhooks",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-policy",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_permissions_webhooks"
-                    label="Webhooks"
-                    messageVariables={
-                      Object {
-                        "label": "Webhooks",
-                      }
-                    }
-                    name={
-                      Array [
-                        "permissions",
-                        "webhooks",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-policy_permissions_webhooks"
-                          label="Webhooks"
-                          name={
-                            Array [
-                              "permissions",
-                              "webhooks",
-                            ]
-                          }
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                          >
-                            <div
-                              className="ant-col ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-policy_permissions_webhooks"
-                                title="Webhooks"
-                              >
-                                Webhooks
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Webhooks"
-                          name={
-                            Array [
-                              "permissions",
-                              "webhooks",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                          >
-                            <div
-                              className="ant-col ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-policy_permissions_webhooks"
-                                      onChange={[Function]}
-                                      options={
-                                        Array [
-                                          Object {
-                                            "label": "Read",
-                                            "value": "get",
-                                          },
-                                          Object {
-                                            "label": "Create",
-                                            "value": "create",
-                                          },
-                                          Object {
-                                            "label": "Update",
-                                            "value": "update",
-                                          },
-                                          Object {
-                                            "label": "Delete",
-                                            "value": "delete",
-                                          },
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-policy_permissions_webhooks"
-                                      >
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="get"
-                                          prefixCls="ant-checkbox"
-                                          value="get"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="get"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="get"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Read
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="create"
-                                          prefixCls="ant-checkbox"
-                                          value="create"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="create"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="create"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Create
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="update"
-                                          prefixCls="ant-checkbox"
-                                          value="update"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="update"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="update"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Update
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                        <Checkbox
-                                          checked={false}
-                                          className="ant-checkbox-group-item"
-                                          key="delete"
-                                          prefixCls="ant-checkbox"
-                                          value="delete"
-                                        >
-                                          <label
-                                            className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                          >
-                                            <Checkbox
-                                              checked={false}
-                                              className=""
-                                              defaultChecked={false}
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              onKeyPress={[Function]}
-                                              onKeyUp={[Function]}
-                                              prefixCls="ant-checkbox"
-                                              style={Object {}}
-                                              type="checkbox"
-                                              value="delete"
-                                            >
-                                              <span
-                                                className="ant-checkbox"
-                                                style={Object {}}
-                                              >
-                                                <input
-                                                  checked={false}
-                                                  className="ant-checkbox-input"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyPress={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  type="checkbox"
-                                                  value="delete"
-                                                />
-                                                <span
-                                                  className="ant-checkbox-inner"
-                                                />
-                                              </span>
-                                            </Checkbox>
-                                            <span>
-                                              Delete
-                                            </span>
-                                          </label>
-                                        </Checkbox>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <Button
-                disabled={true}
-                htmlType="submit"
-                type="primary"
-              >
-                <Wave>
-                  <button
-                    className="ant-btn ant-btn-primary"
-                    disabled={true}
-                    onClick={[Function]}
-                    type="submit"
-                  >
-                    <LoadingIcon
-                      existIcon={false}
-                      loading={false}
-                      prefixCls="ant-btn"
-                    >
-                      <CSSMotion
-                        motionName="ant-btn-loading-icon-motion"
-                        onAppearActive={[Function]}
-                        onAppearStart={[Function]}
-                        onEnterActive={[Function]}
-                        onEnterStart={[Function]}
-                        onLeaveActive={[Function]}
-                        onLeaveStart={[Function]}
-                        removeOnLeave={true}
-                        visible={false}
-                      >
-                        <DomWrapper />
-                      </CSSMotion>
-                    </LoadingIcon>
-                    <span
-                      key=".0"
-                    >
-                      Submit
-                    </span>
-                  </button>
-                </Wave>
-              </Button>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </PolicyForm>
-  </CreatePolicy>
-</Provider>
-`;
diff --git a/studio/src/pages/policies/__snapshots__/EditPolicy.test.js.snap b/studio/src/pages/policies/__snapshots__/EditPolicy.test.js.snap
deleted file mode 100644
index b5a2b7f1c..000000000
--- a/studio/src/pages/policies/__snapshots__/EditPolicy.test.js.snap
+++ /dev/null
@@ -1,109 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Policies edit component snapshot testing should match component with empty data 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditPolicy />
-</ContextProvider>
-`;
-
-exports[`Policies edit component snapshot testing should match skeleton while loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditPolicy />
-</ContextProvider>
-`;
-
-exports[`Policies edit component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditPolicy />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/policies/__snapshots__/index.test.js.snap b/studio/src/pages/policies/__snapshots__/index.test.js.snap
deleted file mode 100644
index 49189b6cf..000000000
--- a/studio/src/pages/policies/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,1290 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Policies List component should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Policies
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Policies"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Policies"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Policies"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  gutter={16}
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={
-                      Object {
-                        "marginLeft": -8,
-                        "marginRight": -8,
-                      }
-                    }
-                  >
-                    <Link
-                      to="/members/policies/create"
-                    >
-                      <LinkAnchor
-                        href="/members/policies/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/members/policies/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            disabled={true}
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                disabled={true}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Policy
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <PolicyList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "loading": false,
-                      "policies": Array [],
-                      "total": 0,
-                    }
-                  }
-                  fetchPolicies={[Function]}
-                  filters={
-                    Object {
-                      "limit": 20,
-                      "page": 1,
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                          "width": "20%",
-                        },
-                        Object {
-                          "dataIndex": "description",
-                          "key": "description",
-                          "render": [Function],
-                          "title": "Description",
-                        },
-                        Object {
-                          "dataIndex": "members",
-                          "key": "members",
-                          "render": [Function],
-                          "title": "Members",
-                          "width": "25%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={Array []}
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 0,
-                      }
-                    }
-                    rowKey="name"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered ant-table-empty"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                    "width": "20%",
-                                  },
-                                  Object {
-                                    "dataIndex": "description",
-                                    "key": "description",
-                                    "render": [Function],
-                                    "title": "Description",
-                                  },
-                                  Object {
-                                    "dataIndex": "members",
-                                    "key": "members",
-                                    "render": [Function],
-                                    "title": "Members",
-                                    "width": "25%",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={Array []}
-                              dataSource={Array []}
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col
-                                            style="width: 20%;"
-                                          />
-                                          <col />
-                                          <col
-                                            style="width: 25%;"
-                                          />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Description
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Members
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-placeholder"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                              colspan="4"
-                                            >
-                                              <div
-                                                class="ant-empty ant-empty-normal"
-                                              >
-                                                <div
-                                                  class="ant-empty-image"
-                                                >
-                                                  <svg
-                                                    class="ant-empty-img-simple"
-                                                    height="41"
-                                                    viewBox="0 0 64 41"
-                                                    width="64"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <g
-                                                      fill="none"
-                                                      fill-rule="evenodd"
-                                                      transform="translate(0 1)"
-                                                    >
-                                                      <ellipse
-                                                        class="ant-empty-img-simple-ellipse"
-                                                        cx="32"
-                                                        cy="33"
-                                                        rx="32"
-                                                        ry="7"
-                                                      />
-                                                      <g
-                                                        class="ant-empty-img-simple-g"
-                                                        fill-rule="nonzero"
-                                                      >
-                                                        <path
-                                                          d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                        />
-                                                        <path
-                                                          class="ant-empty-img-simple-path"
-                                                          d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                        />
-                                                      </g>
-                                                    </g>
-                                                  </svg>
-                                                </div>
-                                                <div
-                                                  class="ant-empty-description"
-                                                >
-                                                  No Data
-                                                </div>
-                                              </div>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={false}
-                              pagination={
-                                Object {
-                                  "current": 1,
-                                  "onChange": [Function],
-                                  "pageSize": 20,
-                                  "pageSizeOptions": Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ],
-                                  "showTotal": [Function],
-                                  "total": 0,
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered ant-table-empty",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "dataIndex": "description",
-                                          "key": "description",
-                                          "render": [Function],
-                                          "title": "Description",
-                                        },
-                                        Object {
-                                          "dataIndex": "members",
-                                          "key": "members",
-                                          "render": [Function],
-                                          "title": "Members",
-                                          "width": "25%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [],
-                                      "dataSource": Array [],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col
-                                                  style="width: 20%;"
-                                                />
-                                                <col />
-                                                <col
-                                                  style="width: 25%;"
-                                                />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Description
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Members
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-placeholder"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                    colspan="4"
-                                                  >
-                                                    <div
-                                                      class="ant-empty ant-empty-normal"
-                                                    >
-                                                      <div
-                                                        class="ant-empty-image"
-                                                      >
-                                                        <svg
-                                                          class="ant-empty-img-simple"
-                                                          height="41"
-                                                          viewBox="0 0 64 41"
-                                                          width="64"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <g
-                                                            fill="none"
-                                                            fill-rule="evenodd"
-                                                            transform="translate(0 1)"
-                                                          >
-                                                            <ellipse
-                                                              class="ant-empty-img-simple-ellipse"
-                                                              cx="32"
-                                                              cy="33"
-                                                              rx="32"
-                                                              ry="7"
-                                                            />
-                                                            <g
-                                                              class="ant-empty-img-simple-g"
-                                                              fill-rule="nonzero"
-                                                            >
-                                                              <path
-                                                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                              />
-                                                              <path
-                                                                class="ant-empty-img-simple-path"
-                                                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                              />
-                                                            </g>
-                                                          </g>
-                                                        </svg>
-                                                      </div>
-                                                      <div
-                                                        class="ant-empty-description"
-                                                      >
-                                                        No Data
-                                                      </div>
-                                                    </div>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": false,
-                                      "mergedExpandedKeys": Set {},
-                                      "pagination": Object {
-                                        "current": 1,
-                                        "onChange": [Function],
-                                        "pageSize": 20,
-                                        "pageSizeOptions": Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ],
-                                        "showTotal": [Function],
-                                        "total": 0,
-                                      },
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              "20%",
-                                              undefined,
-                                              "25%",
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "fixed": undefined,
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                              },
-                                              Object {
-                                                "dataIndex": "members",
-                                                "fixed": undefined,
-                                                "key": "members",
-                                                "render": [Function],
-                                                "title": "Members",
-                                                "width": "25%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": "20%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="2"
-                                              style={
-                                                Object {
-                                                  "width": "25%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="3"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={4}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                              },
-                                              Object {
-                                                "dataIndex": "members",
-                                                "key": "members",
-                                                "render": [Function],
-                                                "title": "Members",
-                                                "width": "25%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "description",
-                                                "fixed": undefined,
-                                                "key": "description",
-                                                "render": [Function],
-                                                "title": "Description",
-                                              },
-                                              Object {
-                                                "dataIndex": "members",
-                                                "fixed": undefined,
-                                                "key": "members",
-                                                "render": [Function],
-                                                "title": "Members",
-                                                "width": "25%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                      "width": "20%",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Description",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "dataIndex": "description",
-                                                      "key": "description",
-                                                      "render": [Function],
-                                                      "title": "Description",
-                                                    },
-                                                    "key": "description",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Members",
-                                                    "className": "",
-                                                    "colEnd": 2,
-                                                    "colSpan": 1,
-                                                    "colStart": 2,
-                                                    "column": Object {
-                                                      "dataIndex": "members",
-                                                      "key": "members",
-                                                      "render": [Function],
-                                                      "title": "Members",
-                                                      "width": "25%",
-                                                    },
-                                                    "key": "members",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 3,
-                                                    "colSpan": 1,
-                                                    "colStart": 3,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                    "width": "20%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "description",
-                                                    "fixed": undefined,
-                                                    "key": "description",
-                                                    "render": [Function],
-                                                    "title": "Description",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "members",
-                                                    "fixed": undefined,
-                                                    "key": "members",
-                                                    "render": [Function],
-                                                    "title": "Members",
-                                                    "width": "25%",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                      "width": "20%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "description",
-                                                      "key": "description",
-                                                      "render": [Function],
-                                                      "title": "Description",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="description"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Description
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={2}
-                                                  colSpan={1}
-                                                  colStart={2}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "members",
-                                                      "key": "members",
-                                                      "render": [Function],
-                                                      "title": "Members",
-                                                      "width": "25%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="members"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Members
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={3}
-                                                  colSpan={1}
-                                                  colStart={3}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={Array []}
-                                          emptyNode={
-                                            <Context.Consumer>
-                                              [Function]
-                                            </Context.Consumer>
-                                          }
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <ExpandedRow
-                                              cellComponent="td"
-                                              className="ant-table-placeholder"
-                                              colSpan={4}
-                                              component="tr"
-                                              componentWidth={0}
-                                              expanded={true}
-                                              fixColumn={false}
-                                              horizonScroll={false}
-                                              prefixCls="ant-table"
-                                            >
-                                              <tr
-                                                className="ant-table-placeholder"
-                                                style={
-                                                  Object {
-                                                    "display": null,
-                                                  }
-                                                }
-                                              >
-                                                <Cell
-                                                  colSpan={4}
-                                                  component="td"
-                                                  prefixCls="ant-table"
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={4}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Empty
-                                                      image={<Simple />}
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Empty"
-                                                      >
-                                                        <div
-                                                          className="ant-empty ant-empty-normal"
-                                                        >
-                                                          <div
-                                                            className="ant-empty-image"
-                                                          >
-                                                            <Simple>
-                                                              <svg
-                                                                className="ant-empty-img-simple"
-                                                                height="41"
-                                                                viewBox="0 0 64 41"
-                                                                width="64"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <g
-                                                                  fill="none"
-                                                                  fillRule="evenodd"
-                                                                  transform="translate(0 1)"
-                                                                >
-                                                                  <ellipse
-                                                                    className="ant-empty-img-simple-ellipse"
-                                                                    cx="32"
-                                                                    cy="33"
-                                                                    rx="32"
-                                                                    ry="7"
-                                                                  />
-                                                                  <g
-                                                                    className="ant-empty-img-simple-g"
-                                                                    fillRule="nonzero"
-                                                                  >
-                                                                    <path
-                                                                      d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                    />
-                                                                    <path
-                                                                      className="ant-empty-img-simple-path"
-                                                                      d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                    />
-                                                                  </g>
-                                                                </g>
-                                                              </svg>
-                                                            </Simple>
-                                                          </div>
-                                                          <div
-                                                            className="ant-empty-description"
-                                                          >
-                                                            No Data
-                                                          </div>
-                                                        </div>
-                                                      </LocaleReceiver>
-                                                    </Empty>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </ExpandedRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </PolicyList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Policies>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Policies List component should render the component with data 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <Policies
-      permission={
-        Object {
-          "actions": Array [
-            "create",
-          ],
-        }
-      }
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
diff --git a/studio/src/pages/policies/components/PolicyForm.js b/studio/src/pages/policies/components/PolicyForm.js
deleted file mode 100644
index e41d886cd..000000000
--- a/studio/src/pages/policies/components/PolicyForm.js
+++ /dev/null
@@ -1,223 +0,0 @@
-import React, { useEffect } from 'react';
-import { Row, Col, Form, Input, Button, Checkbox, Divider, Typography, ConfigProvider } from 'antd';
-import Selector from '../../../components/Selector';
-import { TitleInput } from '../../../components/FormItems';
-
-const options = [
-  { label: 'Read', value: 'get' },
-  { label: 'Create', value: 'create' },
-  { label: 'Update', value: 'update' },
-  { label: 'Delete', value: 'delete' },
-];
-
-const entities = [
-  {
-    name: 'posts',
-    label: 'Posts',
-    options: [...options, { label: 'Publish', value: 'publish' }],
-  },
-  {
-    name: 'categories',
-    label: 'Categories',
-    options: options,
-  },
-  {
-    name: 'tags',
-    label: 'Tags',
-    options: options,
-  },
-  {
-    name: 'formats',
-    label: 'Formats',
-    options: options,
-  },
-  {
-    name: 'media',
-    label: 'Media',
-    options: options,
-  },
-  {
-    name: 'fact-checks',
-    label: 'Fact Check',
-    options: options,
-  },
-  {
-    name: 'claims',
-    label: 'Claims',
-    options: options,
-  },
-  {
-    name: 'claimants',
-    label: 'Claimants',
-    options: options,
-  },
-  {
-    name: 'ratings',
-    label: 'Ratings',
-    options: options,
-  },
-  {
-    name: 'menus',
-    label: 'Menus',
-    options: options,
-  },
-  {
-    name: 'pages',
-    label: 'Pages',
-    options: options,
-  },
-  {
-    name: 'webhooks',
-    label: 'Webhooks',
-    options: options,
-  },
-];
-const dependencies = {
-  posts: ['categories', 'tags', 'media'],
-  categories: ['media'],
-  tags: ['media'],
-  formats: ['media'],
-  factchecks: ['categories', 'tags', 'media', 'claims'],
-  claims: ['claimants', 'ratings'],
-  claimants: ['media'],
-  ratings: ['media'],
-  menus: [],
-  pages: ['categories', 'tags', 'media'],
-};
-
-function PolicyForm({ data = {}, onCreate }) {
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-  const [checkedValues, setCheckedValues] = React.useState({});
-
-  useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth < 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const updateDependencies = (newState, entityName) => {
-    if (dependencies[entityName]) {
-      dependencies[entityName].forEach((dependency) => {
-        newState[dependency] = Array.from(new Set([...(newState[dependency] || []), 'get']));
-        updateDependencies(newState, dependency);
-      });
-    }
-  };
-
-  const handleCheckboxChange = (newCheckedValues, entityName) => {
-    let updatedCheckedValues = [...newCheckedValues];
-
-    if (
-      newCheckedValues.includes('create') ||
-      newCheckedValues.includes('update') ||
-      newCheckedValues.includes('delete') ||
-      newCheckedValues.includes('publish')
-    ) {
-      updatedCheckedValues = Array.from(new Set([...newCheckedValues, 'get']));
-    }
-
-    setCheckedValues((prevState) => {
-      const newState = {
-        ...prevState,
-        [entityName]: updatedCheckedValues,
-      };
-
-      updateDependencies(newState, entityName);
-
-      return newState;
-    });
-
-    setValueChange(true);
-  };
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Form: {
-            marginLG: 12,
-          },
-          Checkbox: {
-            marginXS: 0,
-          },
-        },
-      }}
-    >
-      <Form
-        form={form}
-        layout="vertical"
-        initialValues={data}
-        name="create-policy"
-        style={{ maxWidth: '100%', width: '100%' }}
-        onFinish={(values) =>
-          onCreate({
-            ...values,
-            permissions: Object.keys(values.permissions)
-              .filter((key) => values.permissions[key] && values.permissions[key].length > 0)
-              .map((key) => ({ resource: key, actions: values.permissions[key] })),
-          })
-        }
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row justify={'end'}>
-          <Col>
-            <Button disabled={!valueChange} type="primary" htmlType="submit">
-              {data && data.id ? 'Update' : 'Submit'}
-            </Button>
-          </Col>
-        </Row>
-        <Row justify={'space-between'}>
-          <Col md={10} xs={24}>
-            <TitleInput label="Name" name="name" />
-            <Form.Item name="users" label="Users" required={true}>
-              <Selector mode="multiple" display={'display_name'} action="Authors" />
-            </Form.Item>
-            <Form.Item name="description" label="Description">
-              <Input.TextArea rows={4} />
-            </Form.Item>
-          </Col>
-          <Col
-            md={12}
-            xs={24}
-            style={{
-              background: isMobileScreen || '#F9FAFB',
-              padding: isMobileScreen || '20px 35px',
-              borderRadius: isMobileScreen || '6px',
-            }}
-          >
-            <Typography.Title level={5} strong>
-              Authorization
-            </Typography.Title>
-            <Divider style={{ margin: '14 0' }} />
-            {entities.map((entity, index) => (
-              <Form.Item
-                key={'permissions-' + index}
-                name={['permissions', entity.name]}
-                label={entity.label}
-              >
-                <Checkbox.Group
-                  style={{ flexWrap: 'wrap', justifyContent: 'space-between' }}
-                  value={checkedValues[entity.name] || []}
-                  options={entity.options}
-                  onChange={(checkedValues) => handleCheckboxChange(checkedValues, entity.name)}
-                />
-              </Form.Item>
-            ))}
-          </Col>
-        </Row>
-      </Form>
-    </ConfigProvider>
-  );
-}
-
-export default PolicyForm;
diff --git a/studio/src/pages/policies/components/PolicyForm.test.js b/studio/src/pages/policies/components/PolicyForm.test.js
deleted file mode 100644
index b14902db8..000000000
--- a/studio/src/pages/policies/components/PolicyForm.test.js
+++ /dev/null
@@ -1,275 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-
-import '../../../matchMedia.mock';
-import PolicyCreateForm from './PolicyForm';
-import { Checkbox } from 'antd';
-
-const data = { id: 1, name: 'Policy 1' };
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-
-const permissions = {
-  posts: ['get', 'create', 'update', 'delete'],
-  categories: ['get', 'create', 'update', 'delete'],
-  tags: ['get', 'create', 'update', 'delete'],
-  formats: ['get', 'create', 'update', 'delete'],
-  media: ['get', 'create', 'update', 'delete'],
-  factchecks: ['get', 'create', 'update', 'delete'],
-  claims: ['get', 'create', 'update', 'delete'],
-  claimants: ['get', 'create', 'update', 'delete'],
-  ratings: ['get', 'create', 'update', 'delete'],
-  policies: ['get', 'create', 'update', 'delete'],
-};
-
-describe('Policy Create Form component', () => {
-  store = mockStore({
-    policies: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    authors: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn());
-  useSelector.mockImplementation((state) => ({ details: [], total: 0, loading: false }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <PolicyCreateForm />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <PolicyCreateForm onCreate={onCreate} data={data} />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <PolicyCreateForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <PolicyCreateForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should not submit form with given data', (done) => {
-      const policyData = {
-        name: 'name',
-        description: 'description',
-        users: [1, 2],
-        permissions: permissions,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <PolicyCreateForm onCreate={props.onCreate} data={policyData} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'name',
-          description: 'description',
-          users: ['1', '2'],
-          permissions: [
-            { resource: 'posts', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'categories', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'tags', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'formats', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'media', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'claims', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'claimants', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'ratings', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'policies', actions: ['get', 'create', 'update', 'delete'] },
-          ],
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with added data', (done) => {
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'name' } });
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'description' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Selector')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [1, 2] } });
-        wrapper
-          .find('FormItem')
-          .at(3)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(6)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(7)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(8)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(9)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(10)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(11)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-        wrapper
-          .find('FormItem')
-          .at(12)
-          .find(Checkbox.Group)
-          .props()
-          .onChange({ target: { value: ['get', 'create', 'update', 'delete'] } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'name',
-          description: 'description',
-          users: ['1', '2'],
-          permissions: [
-            { resource: 'posts', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'categories', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'tags', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'formats', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'media', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'fact-checks', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'claims', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'claimants', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'ratings', actions: ['get', 'create', 'update', 'delete'] },
-            { resource: 'policies', actions: ['get', 'create', 'update', 'delete'] },
-          ],
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/policies/components/PolicyForm.tsx b/studio/src/pages/policies/components/PolicyForm.tsx
new file mode 100644
index 000000000..c82c2c0a7
--- /dev/null
+++ b/studio/src/pages/policies/components/PolicyForm.tsx
@@ -0,0 +1,319 @@
+import React, { useState, useEffect } from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/ui/form";
+import { Textarea } from "@/components/ui/textarea";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Separator } from "@/components/ui/separator";
+import { useForm } from "react-hook-form";
+import Selector from "../../../components/Selector";
+import { TitleInput } from "../../../components/FormItems";
+import { PolicyFormProps, PolicyFormData } from "../types";
+
+type OptionType = {
+  label: string;
+  value: string;
+};
+
+type EntityType = {
+  name: string;
+  label: string;
+  options: OptionType[];
+};
+
+const options: OptionType[] = [
+  { label: "Read", value: "get" },
+  { label: "Create", value: "create" },
+  { label: "Update", value: "update" },
+  { label: "Delete", value: "delete" },
+];
+
+const entities: EntityType[] = [
+  {
+    name: "posts",
+    label: "Posts",
+    options: [...options, { label: "Publish", value: "publish" }],
+  },
+  {
+    name: "categories",
+    label: "Categories",
+    options: options,
+  },
+  {
+    name: "tags",
+    label: "Tags",
+    options: options,
+  },
+  {
+    name: "formats",
+    label: "Formats",
+    options: options,
+  },
+  {
+    name: "media",
+    label: "Media",
+    options: options,
+  },
+  {
+    name: "fact-checks",
+    label: "Fact Check",
+    options: options,
+  },
+  {
+    name: "claims",
+    label: "Claims",
+    options: options,
+  },
+  {
+    name: "claimants",
+    label: "Claimants",
+    options: options,
+  },
+  {
+    name: "ratings",
+    label: "Ratings",
+    options: options,
+  },
+  {
+    name: "menus",
+    label: "Menus",
+    options: options,
+  },
+  {
+    name: "pages",
+    label: "Pages",
+    options: options,
+  },
+  {
+    name: "webhooks",
+    label: "Webhooks",
+    options: options,
+  },
+];
+
+const dependencies: Record<string, string[]> = {
+  posts: ["categories", "tags", "media"],
+  categories: ["media"],
+  tags: ["media"],
+  formats: ["media"],
+  "fact-checks": ["categories", "tags", "media", "claims"],
+  claims: ["claimants", "ratings"],
+  claimants: ["media"],
+  ratings: ["media"],
+  menus: [],
+  pages: ["categories", "tags", "media"],
+};
+
+const PolicyForm: React.FC<PolicyFormProps> = ({
+  data = { name: "", users: [], permissions: {} },
+  onCreate,
+}) => {
+  const [valueChange, setValueChange] = useState(false);
+
+  // Initialize the form with the defaultValues
+  const form = useForm<PolicyFormData>({
+    defaultValues: {
+      name: data.name || "",
+      users: data.users || [],
+      description: data.description || "",
+      permissions: data.permissions || {},
+    },
+  });
+
+  // Use a ref to track if we've initialized the form
+  const [initialized, setInitialized] = useState(false);
+
+  // Set up the permissions once on initial render
+  useEffect(() => {
+    if (!initialized && data) {
+      setInitialized(true);
+    }
+  }, [data, initialized]);
+
+  const updateDependencies = (
+    newState: Record<string, string[]>,
+    entityName: string
+  ) => {
+    const result = { ...newState };
+
+    if (dependencies[entityName]) {
+      dependencies[entityName].forEach((dependency) => {
+        result[dependency] = Array.from(
+          new Set([...(result[dependency] || []), "get"])
+        );
+        const nestedDeps = updateDependencies({ ...result }, dependency);
+        Object.keys(nestedDeps).forEach((key) => {
+          result[key] = nestedDeps[key];
+        });
+      });
+    }
+
+    return result;
+  };
+
+  const handleCheckboxChange = (
+    checked: boolean | "indeterminate",
+    entityName: string,
+    optionValue: string
+  ) => {
+    const currentPermissions = form.getValues("permissions") || {};
+    const currentEntityPermissions = currentPermissions[entityName] || [];
+
+    let newEntityPermissions: string[];
+
+    if (checked === true) {
+      newEntityPermissions = [...currentEntityPermissions, optionValue];
+    } else {
+      newEntityPermissions = currentEntityPermissions.filter(
+        (v) => v !== optionValue
+      );
+    }
+
+    if (
+      optionValue !== "get" &&
+      checked === true &&
+      !newEntityPermissions.includes("get")
+    ) {
+      newEntityPermissions.push("get");
+    }
+
+    let updatedPermissions = {
+      ...currentPermissions,
+      [entityName]: newEntityPermissions,
+    };
+
+    if (checked === true) {
+      updatedPermissions = updateDependencies(updatedPermissions, entityName);
+    }
+
+    // Update the form state
+    form.setValue("permissions", updatedPermissions, { shouldDirty: true });
+    setValueChange(true);
+  };
+
+  const onSubmit = (values: PolicyFormData) => {
+    const permissions = Object.keys(values.permissions || {})
+      .filter(
+        (key) => values.permissions[key] && values.permissions[key].length > 0
+      )
+      .map((key) => ({ resource: key, actions: values.permissions[key] }));
+
+    onCreate({
+      ...values,
+      permissions,
+    });
+  };
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-full space-y-6">
+        <div className="flex justify-end">
+          <Button disabled={!valueChange} type="submit">
+            {data && data.id ? "Update" : "Submit"}
+          </Button>
+        </div>
+
+        <div className="grid grid-cols-1 lg:grid-cols-12 gap-6">
+          <div className="lg:col-span-5 space-y-4">
+            <FormField
+              control={form.control}
+              name="name"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Name</FormLabel>
+                  <FormControl>
+                    <TitleInput {...field} />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="users"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Users</FormLabel>
+                  <FormControl>
+                    <Selector
+                      mode="multiple"
+                      display="display_name"
+                      action="Users"
+                      {...field}
+                    />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="description"
+              render={({ field }) => (
+                <FormItem>
+                  <FormLabel>Description</FormLabel>
+                  <FormControl>
+                    <Textarea rows={4} {...field} />
+                  </FormControl>
+                </FormItem>
+              )}
+            />
+          </div>
+
+          <div className="lg:col-span-7 bg-background p-6 border rounded-md">
+            <h3 className="font-bold">Authorization</h3>
+            <Separator className="my-4" />
+
+            <div className="space-y-4">
+              {entities.map((entity, index) => (
+                <div key={`permissions-${index}`} className="space-y-2">
+                  <FormLabel>{entity.label}</FormLabel>
+                  <div className="flex flex-wrap gap-4">
+                    {entity.options.map((option) => {
+                      const permissions = form.watch("permissions") || {};
+                      const isChecked = (
+                        permissions[entity.name] || []
+                      ).includes(option.value);
+
+                      return (
+                        <div
+                          key={`${entity.name}-${option.value}`}
+                          className="flex items-center space-x-2"
+                        >
+                          <Checkbox
+                            id={`${entity.name}-${option.value}`}
+                            checked={isChecked}
+                            onCheckedChange={(checked) => {
+                              handleCheckboxChange(
+                                checked,
+                                entity.name,
+                                option.value
+                              );
+                            }}
+                          />
+                          <label
+                            htmlFor={`${entity.name}-${option.value}`}
+                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+                          >
+                            {option.label}
+                          </label>
+                        </div>
+                      );
+                    })}
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+      </form>
+    </Form>
+  );
+};
+
+export default PolicyForm;
diff --git a/studio/src/pages/policies/components/PolicyList.js b/studio/src/pages/policies/components/PolicyList.js
deleted file mode 100644
index 08f0d62d0..000000000
--- a/studio/src/pages/policies/components/PolicyList.js
+++ /dev/null
@@ -1,195 +0,0 @@
-import React from 'react';
-import { Modal, Button, Typography, Table, ConfigProvider } from 'antd';
-
-import { useDispatch } from 'react-redux';
-import { deletePolicy } from '../../../actions/policies';
-import { Link } from 'react-router-dom';
-import { DeleteOutlined, EyeOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function PolicyList({ actions, data, filters, setFilters, fetchPolicies }) {
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemId, setDeleteItemId] = React.useState(null);
-
-  const dispatch = useDispatch();
-
-  const history = useNavigation();
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/settings/members/policies/${record.id}/edit`}
-          >
-            <Typography.Text style={{ fontSize: '1rem' }} strong>
-              {record.name}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Description',
-      dataIndex: 'description',
-      key: 'description',
-      width: 400,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '400px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Typography.Paragraph style={{ fontSize: '1rem' }} strong ellipsis={{ rows: 2 }}>
-            {record.description}
-          </Typography.Paragraph>
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      align: 'center',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-                Modal: {
-                  colorBgMask: '#0000000B',
-                },
-              },
-            }}
-          >
-            <Link
-              to={{
-                pathname: `/settings/members/policies/${record.id}/view`,
-              }}
-              onClick={(e) => {
-                e.stopPropagation();
-              }}
-            >
-              <Button
-                icon={<EyeOutlined style={{ color: '#858585' }} />}
-                size="large"
-                style={{
-                  marginRight: 8,
-                }}
-              />
-            </Link>
-            <Button
-              size="large"
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemId(record.id);
-              }}
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Table
-        onRow={(record, rowIndex) => {
-          return {
-            onClick: (event) => {
-              history(`/settings/members/policies/${record.id}/edit`);
-            },
-            onMouseEnter: (event) => {
-              document.body.style.cursor = 'pointer';
-            },
-            onMouseLeave: (event) => {
-              document.body.style.cursor = 'default';
-            },
-          };
-        }}
-        scroll={{
-          x: '1000',
-        }}
-        columns={columns}
-        dataSource={data.policies}
-        loading={data.loading}
-        rowKey={'name'}
-        pagination={{
-          showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-          total: data.total,
-          current: filters.page,
-          pageSize: filters.limit,
-          onChange: (pageNumber, pageSize) => setFilters({ page: pageNumber, limit: pageSize }),
-          pageSizeOptions: ['10', '15', '20'],
-        }}
-      />
-      <Modal
-        open={modalOpen}
-        closable={false}
-        centered
-        width={311}
-        className="delete-modal-container"
-        style={{
-          borderRadius: '18px',
-        }}
-        onOk={(e) => {
-          e.stopPropagation();
-          dispatch(deletePolicy(deleteItemId)).then(() => fetchPolicies());
-          setModalOpen(false);
-          setDeleteItemId(null);
-        }}
-        disabled={!(actions.includes('admin') || actions.includes('delete'))}
-        cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-        onCancel={(e) => {
-          e.stopPropagation();
-          setModalOpen(false);
-          setDeleteItemId(null);
-        }}
-      >
-        <Typography.Text strong>Are you sure you want to delete this ?</Typography.Text>
-      </Modal>
-    </ConfigProvider>
-  );
-}
-
-export default PolicyList;
diff --git a/studio/src/pages/policies/components/PolicyList.test.js b/studio/src/pages/policies/components/PolicyList.test.js
deleted file mode 100644
index 751591dc9..000000000
--- a/studio/src/pages/policies/components/PolicyList.test.js
+++ /dev/null
@@ -1,285 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { shallow, mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { Popconfirm, Button, Table } from 'antd';
-
-import '../../../matchMedia.mock';
-import PolicyList from './PolicyList';
-import { getPolicies, deletePolicy } from '../../../actions/policies';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-const setFilters = jest.fn();
-const fetchPolicies = jest.fn();
-const filters = {
-  page: 1,
-  limit: 20,
-};
-let info = {
-  policies: [
-    {
-      id: '1',
-      name: 'Test',
-      description: '',
-      permissions: [
-        {
-          resource: 'tags',
-          actions: ['get'],
-        },
-      ],
-      users: [
-        {
-          id: 1,
-          created_at: '2020-09-23T11:06:11.308302Z',
-          updated_at: '2020-09-23T11:36:09.244259Z',
-          deleted_at: null,
-          email: 'ross@gmail.com',
-          first_name: 'Ross',
-          last_name: 'Geller',
-          birth_date: '1997-12-23T17:05:55+05:30',
-          gender: 'male',
-        },
-      ],
-    },
-  ],
-  total: 1,
-  loading: false,
-};
-let state = {
-  policies: {
-    req: [
-      {
-        data: ['1', '2'],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: '1',
-        name: 'Test',
-        description: '',
-        permissions: [
-          {
-            resource: 'tags',
-            actions: ['get'],
-          },
-        ],
-        users: [
-          {
-            id: 1,
-            created_at: '2020-09-23T11:06:11.308302Z',
-            updated_at: '2020-09-23T11:36:09.244259Z',
-            deleted_at: null,
-            email: 'ross@gmail.com',
-            first_name: 'Ross',
-            last_name: 'Geller',
-            birth_date: '1997-12-23T17:05:55+05:30',
-            gender: 'male',
-          },
-        ],
-      },
-      2: {
-        id: '2',
-        name: 'Test-2',
-        description: '',
-        permissions: [
-          {
-            resource: 'categories',
-            actions: ['get'],
-          },
-        ],
-        users: [
-          {
-            id: 2,
-            created_at: '2020-10-23T11:06:11.308302Z',
-            updated_at: '2020-10-23T11:36:09.244259Z',
-            deleted_at: null,
-            email: 'ross2@gmail.com',
-            first_name: 'Ross',
-            last_name: 'Geller',
-            birth_date: '1995-12-23T17:05:55+05:30',
-            gender: 'male',
-          },
-        ],
-      },
-    },
-    loading: false,
-  },
-};
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/policies', () => ({
-  getPolicies: jest.fn(),
-  deletePolicy: jest.fn(),
-}));
-
-describe('Policies List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <PolicyList actions={['update', 'delete']} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.policies.loading = true;
-      store = mockStore(state);
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <PolicyList actions={['update', 'delete']} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with policies', () => {
-      state.policies.loading = false;
-      store = mockStore(state);
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <PolicyList actions={['update', 'delete']} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PolicyList
-                setFilters={setFilters}
-                fetchPolicies={fetchPolicies}
-                filters={filters}
-                data={info}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete policy', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PolicyList
-                setFilters={setFilters}
-                fetchPolicies={fetchPolicies}
-                filters={filters}
-                data={info}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-      expect(deletePolicy).toHaveBeenCalled();
-      expect(deletePolicy).toHaveBeenCalledWith('1');
-      //  expect(getPolicies).toHaveBeenCalledWith({ page: 1, limit: 20 });
-    });
-    it('should edit policy', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PolicyList
-                setFilters={setFilters}
-                fetchPolicies={fetchPolicies}
-                filters={filters}
-                data={info}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('Test');
-      expect(link.prop('to')).toEqual('/members/policies/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        policies: {
-          req: [],
-        },
-      });
-      let wrapper;
-      const info2 = { ...info };
-      info2.policies = [];
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PolicyList
-                setFilters={setFilters}
-                fetchPolicies={fetchPolicies}
-                filters={filters}
-                data={info2}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/policies/components/PolicyList.tsx b/studio/src/pages/policies/components/PolicyList.tsx
new file mode 100644
index 000000000..6edefd876
--- /dev/null
+++ b/studio/src/pages/policies/components/PolicyList.tsx
@@ -0,0 +1,272 @@
+import React, { useState, useCallback } from "react";
+import { Trash2, Pencil, Ellipsis, Eye } from "lucide-react";
+import { deletePolicy } from "../../../actions/policies";
+import useNavigation from "../../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+// Shadcn components
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import EmptyState from "@/components/EmptyState";
+import { PolicyListProps } from "../types";
+
+const PolicyList: React.FC<PolicyListProps> = ({
+  data,
+  fetchPolicies,
+  isMobile,
+}) => {
+  const dispatch = useAppDispatch();
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState<boolean>(false);
+  const [deleteItemID, setDeleteItemID] = useState<string | null>(null);
+  const navigate = useNavigation();
+
+  const handleRowClick = useCallback(
+    (id: string) => {
+      navigate(`/settings/members/policies/${id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleEditClick = useCallback(
+    (e: React.MouseEvent, id: string) => {
+      e.stopPropagation();
+      navigate(`/settings/members/policies/${id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleViewClick = useCallback(
+    (e: React.MouseEvent, id: string) => {
+      e.stopPropagation();
+      navigate(`/settings/members/policies/${id}/view`);
+    },
+    [navigate]
+  );
+
+  const handleDeleteClick = useCallback((e: React.MouseEvent, id: string) => {
+    e.stopPropagation();
+    setDeleteDialogOpen(true);
+    setDeleteItemID(id);
+  }, []);
+
+  const handleDeleteConfirm = useCallback(
+    async (e: React.MouseEvent) => {
+      e.stopPropagation();
+      if (deleteItemID) {
+        try {
+          await dispatch(deletePolicy(deleteItemID));
+          fetchPolicies();
+        } catch (error) {
+          console.error("Error deleting policy:", error);
+        } finally {
+          setDeleteItemID(null);
+          setDeleteDialogOpen(false);
+        }
+      }
+    },
+    [deleteItemID, dispatch, fetchPolicies]
+  );
+
+  const handleDeleteCancel = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    setDeleteItemID(null);
+    setDeleteDialogOpen(false);
+  }, []);
+
+  // Check if there are any policies to display
+  const hasPoliciesData =
+    !data.loading && data.policies && data.policies.length > 0;
+
+  return (
+    <div className="pb-4 overflow-auto">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="w-[45%]">
+                  <div className="flex items-center">Name</div>
+                </TableHead>
+                {!isMobile && (
+                  <TableHead className="w-[45%] min-w-[400px]">
+                    Description
+                  </TableHead>
+                )}
+                <TableHead className="w-[10%] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell>
+                    <Skeleton className="h-6 w-full" />
+                    {isMobile && <Skeleton className="h-4 w-3/4 mt-1" />}
+                  </TableCell>
+                  {!isMobile && (
+                    <TableCell>
+                      <Skeleton className="h-6 w-full" />
+                    </TableCell>
+                  )}
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasPoliciesData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="w-[45%]">
+                  <div className="flex items-center">Name</div>
+                </TableHead>
+                {!isMobile && (
+                  <TableHead className="w-[45%] min-w-[400px]">
+                    Description
+                  </TableHead>
+                )}
+                <TableHead className="w-[10%] text-center">Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.policies.map((policy) => (
+                <TableRow
+                  key={policy.id}
+                  onClick={() => handleRowClick(policy.id)}
+                  className="cursor-pointer"
+                >
+                  <TableCell>
+                    <h3 className="font-normal">
+                      {policy.name || "Unnamed Policy"}
+                    </h3>
+                    {isMobile && policy.description && (
+                      <p className="text-sm text-gray-500 line-clamp-1 mt-1">
+                        {policy.description}
+                      </p>
+                    )}
+                  </TableCell>
+                  {!isMobile && (
+                    <TableCell>
+                      <div className="font-normal line-clamp-2">
+                        {policy.description}
+                      </div>
+                    </TableCell>
+                  )}
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => handleViewClick(e, policy.id)}
+                          className="cursor-pointer"
+                        >
+                          <Eye className="h-4 w-4 mr-2" />
+                          <span>View</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => handleEditClick(e, policy.id)}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => handleDeleteClick(e, policy.id)}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="policies"
+          title="No policies found"
+          description="Your policies list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+        <DialogContent
+          className="max-w-sm p-4"
+          onPointerDownOutside={(e) => e.preventDefault()}
+        >
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Policy</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this policy?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={(e) => {
+                handleDeleteCancel(e);
+              }}
+            >
+              Cancel
+            </Button>
+            <Button
+              size="sm"
+              variant="destructive"
+              onClick={(e) => {
+                handleDeleteConfirm(e);
+              }}
+              type="button"
+            >
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+};
+
+export default PolicyList;
diff --git a/studio/src/pages/policies/components/ViewPolicy.js b/studio/src/pages/policies/components/ViewPolicy.js
deleted file mode 100644
index d0b987f87..000000000
--- a/studio/src/pages/policies/components/ViewPolicy.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import React from 'react';
-import { Descriptions, Tag, Table, Skeleton, Button, Divider } from 'antd';
-import { LeftOutlined } from '@ant-design/icons';
-import { Link, useParams } from 'react-router-dom';
-import { useSelector } from 'react-redux';
-
-export default function ViewPolicy() {
-  const { policyID } = useParams();
-  const span = 2;
-  const nestedTableColumns = [
-    {
-      title: 'Resource',
-      dataIndex: 'resource',
-      key: 'resource',
-    },
-    {
-      title: 'Action',
-      dataIndex: 'action',
-      key: 'action',
-      render: (_, record) => {
-        return record.actions?.map((action) => {
-          return (
-            <Tag key={action} color="blue">
-              {action}
-            </Tag>
-          );
-        });
-      },
-    },
-  ];
-
-  const { policy, loading } = useSelector((state) => {
-    return {
-      policy: state.policies.details?.[policyID],
-      loading: state.policies.loading,
-    };
-  });
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '20px',
-      }}
-    >
-      <Link key="1" to={`/settings/members/policies`}>
-        <Button icon={<LeftOutlined />} type="secondary">
-          {' '}
-          Back to Policies
-        </Button>
-      </Link>
-      <h2> Policy Details </h2>
-      {loading ? (
-        <Skeleton />
-      ) : (
-        <Descriptions bordered>
-          <Descriptions.Item label="Name" span={span}>
-            {policy?.name}
-          </Descriptions.Item>
-          <br />
-          <Descriptions.Item label="Description" span={span}>
-            {policy?.description}
-          </Descriptions.Item>
-          <br />
-        </Descriptions>
-      )}
-      <Divider />
-      <h3> Permissions </h3>
-      <Table
-        bordered={true}
-        columns={nestedTableColumns}
-        dataSource={policy?.permissions}
-        rowKey={'id'}
-        pagination={true}
-      />
-    </div>
-  );
-}
diff --git a/studio/src/pages/policies/components/ViewPolicy.tsx b/studio/src/pages/policies/components/ViewPolicy.tsx
new file mode 100644
index 000000000..a8eb01173
--- /dev/null
+++ b/studio/src/pages/policies/components/ViewPolicy.tsx
@@ -0,0 +1,121 @@
+import React, { useEffect } from "react";
+import { useParams, Link } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { ChevronLeft } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Card, CardContent } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
+import { Separator } from "@/components/ui/separator";
+import { Skeleton } from "@/components/ui/skeleton";
+import { getPolicy } from "../../../actions/policies";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { RootState } from "../types";
+import EmptyState from "@/components/EmptyState";
+
+export default function ViewPolicy(): React.ReactElement {
+  const { policyID } = useParams<{ policyID: string }>();
+  const dispatch = useAppDispatch();
+
+  const { policy, loading } = useSelector((state: RootState) => {
+    return {
+      policy: policyID ? state.policies.details?.[policyID] : undefined,
+      loading: state.policies.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (policyID) {
+      dispatch(getPolicy(policyID));
+    }
+  }, [dispatch, policyID]);
+
+  return (
+    <div className="flex flex-col gap-5">
+      <Link to="/settings/members/policies">
+        <Button variant="outline" className="flex items-center gap-2">
+          <ChevronLeft className="h-4 w-4" />
+          Back to Policies
+        </Button>
+      </Link>
+
+      <h2 className="text-2xl font-bold">Policy Details</h2>
+
+      {loading ? (
+        <div className="space-y-2">
+          <Skeleton className="h-8 w-full" />
+          <Skeleton className="h-24 w-full" />
+        </div>
+      ) : (
+        <Card>
+          <CardContent className="pt-6">
+            <div className="grid gap-4">
+              <div className="space-y-2">
+                <h4 className="text-sm font-medium text-muted-foreground">
+                  Name
+                </h4>
+                <p>{policy?.name}</p>
+              </div>
+              <div className="space-y-2">
+                <h4 className="text-sm font-medium text-muted-foreground">
+                  Description
+                </h4>
+                <p>{policy?.description}</p>
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+      )}
+
+      <Separator />
+
+      <h3 className="text-xl font-semibold">Permissions</h3>
+
+      {loading ? (
+        <Skeleton className="h-32 w-full" />
+      ) : policy?.permissions && policy.permissions.length > 0 ? (
+        <div className="rounded-md border">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>Resource</TableHead>
+                <TableHead>Actions</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {policy.permissions.map((permission, index) => (
+                <TableRow key={`${permission.resource}-${index}`}>
+                  <TableCell>{permission.resource}</TableCell>
+                  <TableCell>
+                    <div className="flex flex-wrap gap-2">
+                      {permission.actions?.map((action) => (
+                        <Badge key={action} variant="secondary">
+                          {action}
+                        </Badge>
+                      ))}
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="permissions"
+          title="No permissions found"
+          description="This policy doesn't have any permissions assigned"
+          isMobile={false}
+        />
+      )}
+    </div>
+  );
+}
diff --git a/studio/src/pages/policies/components/__snapshots__/PolicyForm.test.js.snap b/studio/src/pages/policies/components/__snapshots__/PolicyForm.test.js.snap
deleted file mode 100644
index d3023c1ce..000000000
--- a/studio/src/pages/policies/components/__snapshots__/PolicyForm.test.js.snap
+++ /dev/null
@@ -1,14932 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Policy Create Form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <PolicyForm
-    data={
-      Object {
-        "id": 1,
-        "name": "Policy 1",
-      }
-    }
-    onCreate={[MockFunction]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-policy",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "id": 1,
-          "name": "Policy 1",
-        }
-      }
-      layout="vertical"
-      name="create-policy"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-      style={
-        Object {
-          "maxWidth": "100%",
-          "width": "100%",
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-policy",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-policy"
-          initialValues={
-            Object {
-              "id": 1,
-              "name": "Policy 1",
-            }
-          }
-          name="create-policy"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-policy"
-            onReset={[Function]}
-            onSubmit={[Function]}
-            style={
-              Object {
-                "maxWidth": "100%",
-                "width": "100%",
-              }
-            }
-          >
-            <Row
-              gutter={16}
-            >
-              <div
-                className="ant-row"
-                style={
-                  Object {
-                    "marginLeft": -8,
-                    "marginRight": -8,
-                  }
-                }
-              >
-                <Col
-                  span={12}
-                >
-                  <div
-                    className="ant-col ant-col-12"
-                    style={
-                      Object {
-                        "paddingLeft": 8,
-                        "paddingRight": 8,
-                      }
-                    }
-                  >
-                    <TitleInput
-                      label="Name"
-                      name="name"
-                    >
-                      <FormItem
-                        label="Name"
-                        name="name"
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please enter name!",
-                              "required": true,
-                            },
-                            Object {
-                              "max": 500,
-                              "message": "Name must be maximum 500 characters.",
-                            },
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Name"
-                          messageVariables={
-                            Object {
-                              "label": "Name",
-                            }
-                          }
-                          name="name"
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please enter name!",
-                                "required": true,
-                              },
-                              Object {
-                                "max": 500,
-                                "message": "Name must be maximum 500 characters.",
-                              },
-                            ]
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "create-policy",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_name"
-                            label="Name"
-                            messageVariables={
-                              Object {
-                                "label": "Name",
-                              }
-                            }
-                            name={
-                              Array [
-                                "name",
-                              ]
-                            }
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please enter name!",
-                                  "required": true,
-                                },
-                                Object {
-                                  "max": 500,
-                                  "message": "Name must be maximum 500 characters.",
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="create-policy_name"
-                                  label="Name"
-                                  name="name"
-                                  prefixCls="ant-form"
-                                  required={true}
-                                  requiredMark={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className="ant-form-item-required"
-                                        htmlFor="create-policy_name"
-                                        title="Name"
-                                      >
-                                        Name
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Name"
-                                  name={
-                                    Array [
-                                      "name",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={1}
-                                            value="Policy 1"
-                                          >
-                                            <Input
-                                              id="create-policy_name"
-                                              onChange={[Function]}
-                                              type="text"
-                                              value="Policy 1"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="create-policy_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    type="text"
-                                                    value="Policy 1"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="create-policy_name"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value="Policy 1"
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="create-policy_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  type="text"
-                                                  value="Policy 1"
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                    </TitleInput>
-                    <FormItem
-                      label="Description"
-                      name="description"
-                    >
-                      <WrapperField
-                        label="Description"
-                        messageVariables={
-                          Object {
-                            "label": "Description",
-                          }
-                        }
-                        name="description"
-                        onReset={[Function]}
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "create-policy",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_description"
-                          label="Description"
-                          messageVariables={
-                            Object {
-                              "label": "Description",
-                            }
-                          }
-                          name={
-                            Array [
-                              "description",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                htmlFor="create-policy_description"
-                                label="Description"
-                                name="description"
-                                prefixCls="ant-form"
-                                required={false}
-                                requiredMark={true}
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className=""
-                                      htmlFor="create-policy_description"
-                                      title="Description"
-                                    >
-                                      Description
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="Description"
-                                name={
-                                  Array [
-                                    "description",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={1}
-                                        >
-                                          <ForwardRef
-                                            id="create-policy_description"
-                                            onChange={[Function]}
-                                          >
-                                            <ClearableLabeledInput
-                                              bordered={true}
-                                              element={
-                                                <TextArea
-                                                  className=""
-                                                  id="create-policy_description"
-                                                  onChange={[Function]}
-                                                  onCompositionEnd={[Function]}
-                                                  onCompositionStart={[Function]}
-                                                  prefixCls="ant-input"
-                                                />
-                                              }
-                                              handleReset={[Function]}
-                                              id="create-policy_description"
-                                              inputType="text"
-                                              prefixCls="ant-input"
-                                              value=""
-                                            >
-                                              <TextArea
-                                                className=""
-                                                id="create-policy_description"
-                                                onChange={[Function]}
-                                                onCompositionEnd={[Function]}
-                                                onCompositionStart={[Function]}
-                                                prefixCls="ant-input"
-                                                value=""
-                                              >
-                                                <ResizableTextArea
-                                                  className=""
-                                                  id="create-policy_description"
-                                                  onChange={[Function]}
-                                                  onCompositionEnd={[Function]}
-                                                  onCompositionStart={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  prefixCls="ant-input"
-                                                  value=""
-                                                >
-                                                  <ResizeObserver
-                                                    disabled={true}
-                                                    onResize={[Function]}
-                                                  >
-                                                    <textarea
-                                                      className="ant-input"
-                                                      id="create-policy_description"
-                                                      onChange={[Function]}
-                                                      onCompositionEnd={[Function]}
-                                                      onCompositionStart={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      style={Object {}}
-                                                      value=""
-                                                    />
-                                                  </ResizeObserver>
-                                                </ResizableTextArea>
-                                              </TextArea>
-                                            </ClearableLabeledInput>
-                                          </ForwardRef>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                  </div>
-                </Col>
-                <Col
-                  span={12}
-                >
-                  <div
-                    className="ant-col ant-col-12"
-                    style={
-                      Object {
-                        "paddingLeft": 8,
-                        "paddingRight": 8,
-                      }
-                    }
-                  >
-                    <FormItem
-                      label="Users"
-                      name="users"
-                    >
-                      <WrapperField
-                        label="Users"
-                        messageVariables={
-                          Object {
-                            "label": "Users",
-                          }
-                        }
-                        name="users"
-                        onReset={[Function]}
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "create-policy",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_users"
-                          label="Users"
-                          messageVariables={
-                            Object {
-                              "label": "Users",
-                            }
-                          }
-                          name={
-                            Array [
-                              "users",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                htmlFor="create-policy_users"
-                                label="Users"
-                                name="users"
-                                prefixCls="ant-form"
-                                required={false}
-                                requiredMark={true}
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className=""
-                                      htmlFor="create-policy_users"
-                                      title="Users"
-                                    >
-                                      Users
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="Users"
-                                name={
-                                  Array [
-                                    "users",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={1}
-                                        >
-                                          <Selector
-                                            action="Authors"
-                                            display="display_name"
-                                            id="create-policy_users"
-                                            mode="multiple"
-                                            onChange={[Function]}
-                                          >
-                                            <ForwardRef(InternalSelect)
-                                              allowClear={true}
-                                              autoClearSearchValue={true}
-                                              bordered={true}
-                                              defaultValue={Array []}
-                                              filterOption={[Function]}
-                                              getPopupContainer={[Function]}
-                                              listHeight={128}
-                                              loading={false}
-                                              mode="multiple"
-                                              notFoundContent={null}
-                                              onChange={[Function]}
-                                              onPopupScroll={[Function]}
-                                              onSearch={[Function]}
-                                              placeholder="Select authors"
-                                              searchValue=""
-                                              value={Array []}
-                                            >
-                                              <Select
-                                                allowClear={true}
-                                                autoClearSearchValue={true}
-                                                className=""
-                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                defaultValue={Array []}
-                                                dropdownClassName=""
-                                                filterOption={[Function]}
-                                                getPopupContainer={[Function]}
-                                                inputIcon={[Function]}
-                                                listHeight={128}
-                                                listItemHeight={24}
-                                                loading={false}
-                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                mode="multiple"
-                                                notFoundContent={null}
-                                                onChange={[Function]}
-                                                onPopupScroll={[Function]}
-                                                onSearch={[Function]}
-                                                placeholder="Select authors"
-                                                prefixCls="ant-select"
-                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                searchValue=""
-                                                transitionName="ant-slide-up"
-                                                value={Array []}
-                                              >
-                                                <ForwardRef(Select)
-                                                  allowClear={true}
-                                                  autoClearSearchValue={true}
-                                                  className=""
-                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                  defaultValue={Array []}
-                                                  dropdownClassName=""
-                                                  filterOption={[Function]}
-                                                  getPopupContainer={[Function]}
-                                                  inputIcon={[Function]}
-                                                  listHeight={128}
-                                                  listItemHeight={24}
-                                                  loading={false}
-                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                  mode="multiple"
-                                                  notFoundContent={null}
-                                                  onChange={[Function]}
-                                                  onPopupScroll={[Function]}
-                                                  onSearch={[Function]}
-                                                  placeholder="Select authors"
-                                                  prefixCls="ant-select"
-                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                  searchValue=""
-                                                  transitionName="ant-slide-up"
-                                                  value={Array []}
-                                                >
-                                                  <div
-                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                    onBlur={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onKeyUp={[Function]}
-                                                    onMouseDown={[Function]}
-                                                  >
-                                                    <SelectTrigger
-                                                      containerWidth={null}
-                                                      dropdownClassName=""
-                                                      empty={true}
-                                                      getPopupContainer={[Function]}
-                                                      getTriggerDOMNode={[Function]}
-                                                      popupElement={
-                                                        <ForwardRef(OptionList)
-                                                          childrenAsData={true}
-                                                          defaultActiveFirstOption={true}
-                                                          flattenOptions={Array []}
-                                                          height={128}
-                                                          itemHeight={24}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          multiple={true}
-                                                          notFoundContent={null}
-                                                          onActiveValue={[Function]}
-                                                          onMouseEnter={[Function]}
-                                                          onScroll={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          options={Array []}
-                                                          prefixCls="ant-select"
-                                                          searchValue=""
-                                                          values={Set {}}
-                                                          virtual={true}
-                                                        />
-                                                      }
-                                                      prefixCls="ant-select"
-                                                      transitionName="ant-slide-up"
-                                                      visible={false}
-                                                    >
-                                                      <Trigger
-                                                        action={Array []}
-                                                        afterPopupVisibleChange={[Function]}
-                                                        autoDestroy={false}
-                                                        blurDelay={0.15}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottomLeft": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        defaultPopupVisible={false}
-                                                        destroyPopupOnHide={false}
-                                                        focusDelay={0}
-                                                        getDocument={[Function]}
-                                                        getPopupClassNameFromAlign={[Function]}
-                                                        getPopupContainer={[Function]}
-                                                        getTriggerDOMNode={[Function]}
-                                                        hideAction={Array []}
-                                                        mask={false}
-                                                        maskClosable={true}
-                                                        mouseEnterDelay={0}
-                                                        mouseLeaveDelay={0.1}
-                                                        onPopupAlign={[Function]}
-                                                        onPopupVisibleChange={[Function]}
-                                                        popup={
-                                                          <div>
-                                                            <ForwardRef(OptionList)
-                                                              childrenAsData={true}
-                                                              defaultActiveFirstOption={true}
-                                                              flattenOptions={Array []}
-                                                              height={128}
-                                                              itemHeight={24}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              multiple={true}
-                                                              notFoundContent={null}
-                                                              onActiveValue={[Function]}
-                                                              onMouseEnter={[Function]}
-                                                              onScroll={[Function]}
-                                                              onSelect={[Function]}
-                                                              onToggleOpen={[Function]}
-                                                              options={Array []}
-                                                              prefixCls="ant-select"
-                                                              searchValue=""
-                                                              values={Set {}}
-                                                              virtual={true}
-                                                            />
-                                                          </div>
-                                                        }
-                                                        popupAlign={Object {}}
-                                                        popupClassName="ant-select-dropdown-empty"
-                                                        popupPlacement="bottomLeft"
-                                                        popupStyle={
-                                                          Object {
-                                                            "minWidth": null,
-                                                            "width": null,
-                                                          }
-                                                        }
-                                                        popupTransitionName="ant-slide-up"
-                                                        popupVisible={false}
-                                                        prefixCls="ant-select-dropdown"
-                                                        showAction={Array []}
-                                                      >
-                                                        <Selector
-                                                          accessibilityIndex={0}
-                                                          activeValue={null}
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue={Array []}
-                                                          domRef={
-                                                            Object {
-                                                              "current": <div
-                                                                class="ant-select-selector"
-                                                              >
-                                                                <div
-                                                                  class="ant-select-selection-overflow"
-                                                                >
-                                                                  <div
-                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                    style="opacity: 1;"
-                                                                  >
-                                                                    <div
-                                                                      class="ant-select-selection-search"
-                                                                      style="width: 0px;"
-                                                                    >
-                                                                      <input
-                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                        aria-autocomplete="list"
-                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                        aria-haspopup="listbox"
-                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                        autocomplete="off"
-                                                                        class="ant-select-selection-search-input"
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        readonly=""
-                                                                        role="combobox"
-                                                                        style="opacity: 0;"
-                                                                        type="search"
-                                                                        unselectable="on"
-                                                                        value=""
-                                                                      />
-                                                                      <span
-                                                                        aria-hidden="true"
-                                                                        class="ant-select-selection-search-mirror"
-                                                                      >
-                                                                        
-                                                                         
-                                                                      </span>
-                                                                    </div>
-                                                                  </div>
-                                                                </div>
-                                                                <span
-                                                                  class="ant-select-selection-placeholder"
-                                                                >
-                                                                  Select authors
-                                                                </span>
-                                                              </div>,
-                                                            }
-                                                          }
-                                                          dropdownClassName=""
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          inputElement={null}
-                                                          inputIcon={[Function]}
-                                                          key="trigger"
-                                                          listHeight={128}
-                                                          listItemHeight={24}
-                                                          loading={false}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          mode="multiple"
-                                                          multiple={true}
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          onSearchSubmit={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          placeholder="Select authors"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          searchValue=""
-                                                          showSearch={true}
-                                                          tokenWithEnter={false}
-                                                          transitionName="ant-slide-up"
-                                                          value={Array []}
-                                                          values={Array []}
-                                                        >
-                                                          <div
-                                                            className="ant-select-selector"
-                                                            onClick={[Function]}
-                                                            onMouseDown={[Function]}
-                                                          >
-                                                            <SelectSelector
-                                                              accessibilityIndex={0}
-                                                              activeValue={null}
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={Array []}
-                                                              domRef={
-                                                                Object {
-                                                                  "current": <div
-                                                                    class="ant-select-selector"
-                                                                  >
-                                                                    <div
-                                                                      class="ant-select-selection-overflow"
-                                                                    >
-                                                                      <div
-                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                        style="opacity: 1;"
-                                                                      >
-                                                                        <div
-                                                                          class="ant-select-selection-search"
-                                                                          style="width: 0px;"
-                                                                        >
-                                                                          <input
-                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                            aria-autocomplete="list"
-                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                            aria-haspopup="listbox"
-                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                            autocomplete="off"
-                                                                            class="ant-select-selection-search-input"
-                                                                            id="rc_select_TEST_OR_SSR"
-                                                                            readonly=""
-                                                                            role="combobox"
-                                                                            style="opacity: 0;"
-                                                                            type="search"
-                                                                            unselectable="on"
-                                                                            value=""
-                                                                          />
-                                                                          <span
-                                                                            aria-hidden="true"
-                                                                            class="ant-select-selection-search-mirror"
-                                                                          >
-                                                                            
-                                                                             
-                                                                          </span>
-                                                                        </div>
-                                                                      </div>
-                                                                    </div>
-                                                                    <span
-                                                                      class="ant-select-selection-placeholder"
-                                                                    >
-                                                                      Select authors
-                                                                    </span>
-                                                                  </div>,
-                                                                }
-                                                              }
-                                                              dropdownClassName=""
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              inputElement={null}
-                                                              inputIcon={[Function]}
-                                                              inputRef={
-                                                                Object {
-                                                                  "current": <input
-                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                    aria-autocomplete="list"
-                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                    aria-haspopup="listbox"
-                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                    autocomplete="off"
-                                                                    class="ant-select-selection-search-input"
-                                                                    id="rc_select_TEST_OR_SSR"
-                                                                    readonly=""
-                                                                    role="combobox"
-                                                                    style="opacity: 0;"
-                                                                    type="search"
-                                                                    unselectable="on"
-                                                                    value=""
-                                                                  />,
-                                                                }
-                                                              }
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              loading={false}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              mode="multiple"
-                                                              multiple={true}
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onInputChange={[Function]}
-                                                              onInputCompositionEnd={[Function]}
-                                                              onInputCompositionStart={[Function]}
-                                                              onInputKeyDown={[Function]}
-                                                              onInputMouseDown={[Function]}
-                                                              onInputPaste={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              onSearchSubmit={[Function]}
-                                                              onSelect={[Function]}
-                                                              onToggleOpen={[Function]}
-                                                              placeholder="Select authors"
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              searchValue=""
-                                                              showSearch={true}
-                                                              tokenWithEnter={false}
-                                                              transitionName="ant-slide-up"
-                                                              value={Array []}
-                                                              values={Array []}
-                                                            >
-                                                              <Overflow
-                                                                data={Array []}
-                                                                itemKey="key"
-                                                                prefixCls="ant-select-selection-overflow"
-                                                                renderItem={[Function]}
-                                                                renderRest={[Function]}
-                                                                suffix={
-                                                                  <div
-                                                                    className="ant-select-selection-search"
-                                                                    onBlur={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": 0,
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <ForwardRef(Input)
-                                                                      accessibilityIndex={0}
-                                                                      attrs={Object {}}
-                                                                      editable={false}
-                                                                      inputElement={null}
-                                                                      onChange={[Function]}
-                                                                      onCompositionEnd={[Function]}
-                                                                      onCompositionStart={[Function]}
-                                                                      onKeyDown={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onPaste={[Function]}
-                                                                      prefixCls="ant-select"
-                                                                      value=""
-                                                                    />
-                                                                    <span
-                                                                      aria-hidden={true}
-                                                                      className="ant-select-selection-search-mirror"
-                                                                    >
-                                                                      
-                                                                       
-                                                                    </span>
-                                                                  </div>
-                                                                }
-                                                              >
-                                                                <div
-                                                                  className="ant-select-selection-overflow"
-                                                                >
-                                                                  <Item
-                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                    display={true}
-                                                                    invalidate={false}
-                                                                    order={0}
-                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                    registerSize={[Function]}
-                                                                    responsive={0}
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                      style={
-                                                                        Object {
-                                                                          "height": undefined,
-                                                                          "opacity": 1,
-                                                                          "order": undefined,
-                                                                          "overflowY": undefined,
-                                                                          "pointerEvents": undefined,
-                                                                          "position": undefined,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selection-search"
-                                                                        onBlur={[Function]}
-                                                                        onFocus={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": 0,
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <Input
-                                                                          accessibilityIndex={0}
-                                                                          attrs={Object {}}
-                                                                          editable={false}
-                                                                          inputElement={null}
-                                                                          onChange={[Function]}
-                                                                          onCompositionEnd={[Function]}
-                                                                          onCompositionStart={[Function]}
-                                                                          onKeyDown={[Function]}
-                                                                          onMouseDown={[Function]}
-                                                                          onPaste={[Function]}
-                                                                          prefixCls="ant-select"
-                                                                          value=""
-                                                                        >
-                                                                          <input
-                                                                            aria-activedescendant="undefined_list_0"
-                                                                            aria-autocomplete="list"
-                                                                            aria-controls="undefined_list"
-                                                                            aria-haspopup="listbox"
-                                                                            aria-owns="undefined_list"
-                                                                            autoComplete="off"
-                                                                            className="ant-select-selection-search-input"
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            readOnly={true}
-                                                                            role="combobox"
-                                                                            style={
-                                                                              Object {
-                                                                                "opacity": 0,
-                                                                              }
-                                                                            }
-                                                                            type="search"
-                                                                            unselectable="on"
-                                                                            value=""
-                                                                          />
-                                                                        </Input>
-                                                                        <span
-                                                                          aria-hidden={true}
-                                                                          className="ant-select-selection-search-mirror"
-                                                                        >
-                                                                           
-                                                                        </span>
-                                                                      </div>
-                                                                    </div>
-                                                                  </Item>
-                                                                </div>
-                                                              </Overflow>
-                                                              <span
-                                                                className="ant-select-selection-placeholder"
-                                                              >
-                                                                Select authors
-                                                              </span>
-                                                            </SelectSelector>
-                                                          </div>
-                                                        </Selector>
-                                                      </Trigger>
-                                                    </SelectTrigger>
-                                                  </div>
-                                                </ForwardRef(Select)>
-                                              </Select>
-                                            </ForwardRef(InternalSelect)>
-                                          </Selector>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-            <FormItem
-              key="permissions-0"
-              label="Posts"
-              name={
-                Array [
-                  "permissions",
-                  "posts",
-                ]
-              }
-            >
-              <WrapperField
-                label="Posts"
-                messageVariables={
-                  Object {
-                    "label": "Posts",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "posts",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_posts"
-                  label="Posts"
-                  messageVariables={
-                    Object {
-                      "label": "Posts",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "posts",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_posts"
-                        label="Posts"
-                        name={
-                          Array [
-                            "permissions",
-                            "posts",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_posts"
-                              title="Posts"
-                            >
-                              Posts
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Posts"
-                        name={
-                          Array [
-                            "permissions",
-                            "posts",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_posts"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                        Object {
-                                          "label": "Publish",
-                                          "value": "publish",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_posts"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="publish"
-                                        prefixCls="ant-checkbox"
-                                        value="publish"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="publish"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="publish"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Publish
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-1"
-              label="Categories"
-              name={
-                Array [
-                  "permissions",
-                  "categories",
-                ]
-              }
-            >
-              <WrapperField
-                label="Categories"
-                messageVariables={
-                  Object {
-                    "label": "Categories",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "categories",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_categories"
-                  label="Categories"
-                  messageVariables={
-                    Object {
-                      "label": "Categories",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "categories",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_categories"
-                        label="Categories"
-                        name={
-                          Array [
-                            "permissions",
-                            "categories",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_categories"
-                              title="Categories"
-                            >
-                              Categories
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Categories"
-                        name={
-                          Array [
-                            "permissions",
-                            "categories",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_categories"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_categories"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-2"
-              label="Tags"
-              name={
-                Array [
-                  "permissions",
-                  "tags",
-                ]
-              }
-            >
-              <WrapperField
-                label="Tags"
-                messageVariables={
-                  Object {
-                    "label": "Tags",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "tags",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_tags"
-                  label="Tags"
-                  messageVariables={
-                    Object {
-                      "label": "Tags",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "tags",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_tags"
-                        label="Tags"
-                        name={
-                          Array [
-                            "permissions",
-                            "tags",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_tags"
-                              title="Tags"
-                            >
-                              Tags
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Tags"
-                        name={
-                          Array [
-                            "permissions",
-                            "tags",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_tags"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_tags"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-3"
-              label="Formats"
-              name={
-                Array [
-                  "permissions",
-                  "formats",
-                ]
-              }
-            >
-              <WrapperField
-                label="Formats"
-                messageVariables={
-                  Object {
-                    "label": "Formats",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "formats",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_formats"
-                  label="Formats"
-                  messageVariables={
-                    Object {
-                      "label": "Formats",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "formats",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_formats"
-                        label="Formats"
-                        name={
-                          Array [
-                            "permissions",
-                            "formats",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_formats"
-                              title="Formats"
-                            >
-                              Formats
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Formats"
-                        name={
-                          Array [
-                            "permissions",
-                            "formats",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_formats"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_formats"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-4"
-              label="Media"
-              name={
-                Array [
-                  "permissions",
-                  "media",
-                ]
-              }
-            >
-              <WrapperField
-                label="Media"
-                messageVariables={
-                  Object {
-                    "label": "Media",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "media",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_media"
-                  label="Media"
-                  messageVariables={
-                    Object {
-                      "label": "Media",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "media",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_media"
-                        label="Media"
-                        name={
-                          Array [
-                            "permissions",
-                            "media",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_media"
-                              title="Media"
-                            >
-                              Media
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Media"
-                        name={
-                          Array [
-                            "permissions",
-                            "media",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_media"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_media"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-5"
-              label="Fact Check"
-              name={
-                Array [
-                  "permissions",
-                  "fact-checks",
-                ]
-              }
-            >
-              <WrapperField
-                label="Fact Check"
-                messageVariables={
-                  Object {
-                    "label": "Fact Check",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "fact-checks",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_fact-checks"
-                  label="Fact Check"
-                  messageVariables={
-                    Object {
-                      "label": "Fact Check",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "fact-checks",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_fact-checks"
-                        label="Fact Check"
-                        name={
-                          Array [
-                            "permissions",
-                            "fact-checks",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_fact-checks"
-                              title="Fact Check"
-                            >
-                              Fact Check
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Fact Check"
-                        name={
-                          Array [
-                            "permissions",
-                            "fact-checks",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_fact-checks"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_fact-checks"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-6"
-              label="Claims"
-              name={
-                Array [
-                  "permissions",
-                  "claims",
-                ]
-              }
-            >
-              <WrapperField
-                label="Claims"
-                messageVariables={
-                  Object {
-                    "label": "Claims",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "claims",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_claims"
-                  label="Claims"
-                  messageVariables={
-                    Object {
-                      "label": "Claims",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "claims",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_claims"
-                        label="Claims"
-                        name={
-                          Array [
-                            "permissions",
-                            "claims",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_claims"
-                              title="Claims"
-                            >
-                              Claims
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Claims"
-                        name={
-                          Array [
-                            "permissions",
-                            "claims",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_claims"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_claims"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-7"
-              label="Claimants"
-              name={
-                Array [
-                  "permissions",
-                  "claimants",
-                ]
-              }
-            >
-              <WrapperField
-                label="Claimants"
-                messageVariables={
-                  Object {
-                    "label": "Claimants",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "claimants",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_claimants"
-                  label="Claimants"
-                  messageVariables={
-                    Object {
-                      "label": "Claimants",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "claimants",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_claimants"
-                        label="Claimants"
-                        name={
-                          Array [
-                            "permissions",
-                            "claimants",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_claimants"
-                              title="Claimants"
-                            >
-                              Claimants
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Claimants"
-                        name={
-                          Array [
-                            "permissions",
-                            "claimants",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_claimants"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_claimants"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-8"
-              label="Ratings"
-              name={
-                Array [
-                  "permissions",
-                  "ratings",
-                ]
-              }
-            >
-              <WrapperField
-                label="Ratings"
-                messageVariables={
-                  Object {
-                    "label": "Ratings",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "ratings",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_ratings"
-                  label="Ratings"
-                  messageVariables={
-                    Object {
-                      "label": "Ratings",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "ratings",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_ratings"
-                        label="Ratings"
-                        name={
-                          Array [
-                            "permissions",
-                            "ratings",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_ratings"
-                              title="Ratings"
-                            >
-                              Ratings
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Ratings"
-                        name={
-                          Array [
-                            "permissions",
-                            "ratings",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_ratings"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_ratings"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-9"
-              label="Policies"
-              name={
-                Array [
-                  "permissions",
-                  "policies",
-                ]
-              }
-            >
-              <WrapperField
-                label="Policies"
-                messageVariables={
-                  Object {
-                    "label": "Policies",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "policies",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_policies"
-                  label="Policies"
-                  messageVariables={
-                    Object {
-                      "label": "Policies",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "policies",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_policies"
-                        label="Policies"
-                        name={
-                          Array [
-                            "permissions",
-                            "policies",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_policies"
-                              title="Policies"
-                            >
-                              Policies
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Policies"
-                        name={
-                          Array [
-                            "permissions",
-                            "policies",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_policies"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_policies"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-10"
-              label="Podcasts"
-              name={
-                Array [
-                  "permissions",
-                  "podcasts",
-                ]
-              }
-            >
-              <WrapperField
-                label="Podcasts"
-                messageVariables={
-                  Object {
-                    "label": "Podcasts",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "podcasts",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_podcasts"
-                  label="Podcasts"
-                  messageVariables={
-                    Object {
-                      "label": "Podcasts",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "podcasts",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_podcasts"
-                        label="Podcasts"
-                        name={
-                          Array [
-                            "permissions",
-                            "podcasts",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_podcasts"
-                              title="Podcasts"
-                            >
-                              Podcasts
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Podcasts"
-                        name={
-                          Array [
-                            "permissions",
-                            "podcasts",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_podcasts"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_podcasts"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-11"
-              label="Episodes"
-              name={
-                Array [
-                  "permissions",
-                  "episodes",
-                ]
-              }
-            >
-              <WrapperField
-                label="Episodes"
-                messageVariables={
-                  Object {
-                    "label": "Episodes",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "episodes",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_episodes"
-                  label="Episodes"
-                  messageVariables={
-                    Object {
-                      "label": "Episodes",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "episodes",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_episodes"
-                        label="Episodes"
-                        name={
-                          Array [
-                            "permissions",
-                            "episodes",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_episodes"
-                              title="Episodes"
-                            >
-                              Episodes
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Episodes"
-                        name={
-                          Array [
-                            "permissions",
-                            "episodes",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_episodes"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_episodes"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-12"
-              label="Menus"
-              name={
-                Array [
-                  "permissions",
-                  "menus",
-                ]
-              }
-            >
-              <WrapperField
-                label="Menus"
-                messageVariables={
-                  Object {
-                    "label": "Menus",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "menus",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_menus"
-                  label="Menus"
-                  messageVariables={
-                    Object {
-                      "label": "Menus",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "menus",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_menus"
-                        label="Menus"
-                        name={
-                          Array [
-                            "permissions",
-                            "menus",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_menus"
-                              title="Menus"
-                            >
-                              Menus
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Menus"
-                        name={
-                          Array [
-                            "permissions",
-                            "menus",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_menus"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_menus"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-13"
-              label="Pages"
-              name={
-                Array [
-                  "permissions",
-                  "pages",
-                ]
-              }
-            >
-              <WrapperField
-                label="Pages"
-                messageVariables={
-                  Object {
-                    "label": "Pages",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "pages",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_pages"
-                  label="Pages"
-                  messageVariables={
-                    Object {
-                      "label": "Pages",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "pages",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_pages"
-                        label="Pages"
-                        name={
-                          Array [
-                            "permissions",
-                            "pages",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_pages"
-                              title="Pages"
-                            >
-                              Pages
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Pages"
-                        name={
-                          Array [
-                            "permissions",
-                            "pages",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_pages"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_pages"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-14"
-              label="Webhooks"
-              name={
-                Array [
-                  "permissions",
-                  "webhooks",
-                ]
-              }
-            >
-              <WrapperField
-                label="Webhooks"
-                messageVariables={
-                  Object {
-                    "label": "Webhooks",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "webhooks",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_webhooks"
-                  label="Webhooks"
-                  messageVariables={
-                    Object {
-                      "label": "Webhooks",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "webhooks",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_webhooks"
-                        label="Webhooks"
-                        name={
-                          Array [
-                            "permissions",
-                            "webhooks",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_webhooks"
-                              title="Webhooks"
-                            >
-                              Webhooks
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Webhooks"
-                        name={
-                          Array [
-                            "permissions",
-                            "webhooks",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_webhooks"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_webhooks"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <Button
-              disabled={true}
-              htmlType="submit"
-              type="primary"
-            >
-              <Wave>
-                <button
-                  className="ant-btn ant-btn-primary"
-                  disabled={true}
-                  onClick={[Function]}
-                  type="submit"
-                >
-                  <LoadingIcon
-                    existIcon={false}
-                    loading={false}
-                    prefixCls="ant-btn"
-                  >
-                    <CSSMotion
-                      motionName="ant-btn-loading-icon-motion"
-                      onAppearActive={[Function]}
-                      onAppearStart={[Function]}
-                      onEnterActive={[Function]}
-                      onEnterStart={[Function]}
-                      onLeaveActive={[Function]}
-                      onLeaveStart={[Function]}
-                      removeOnLeave={true}
-                      visible={false}
-                    >
-                      <DomWrapper />
-                    </CSSMotion>
-                  </LoadingIcon>
-                  <span
-                    key=".0"
-                  >
-                    Update
-                  </span>
-                </button>
-              </Wave>
-            </Button>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </PolicyForm>
-</Provider>
-`;
-
-exports[`Policy Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <PolicyForm>
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-policy",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="create-policy"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-      style={
-        Object {
-          "maxWidth": "100%",
-          "width": "100%",
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-policy",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-policy"
-          initialValues={Object {}}
-          name="create-policy"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-policy"
-            onReset={[Function]}
-            onSubmit={[Function]}
-            style={
-              Object {
-                "maxWidth": "100%",
-                "width": "100%",
-              }
-            }
-          >
-            <Row
-              gutter={16}
-            >
-              <div
-                className="ant-row"
-                style={
-                  Object {
-                    "marginLeft": -8,
-                    "marginRight": -8,
-                  }
-                }
-              >
-                <Col
-                  span={12}
-                >
-                  <div
-                    className="ant-col ant-col-12"
-                    style={
-                      Object {
-                        "paddingLeft": 8,
-                        "paddingRight": 8,
-                      }
-                    }
-                  >
-                    <TitleInput
-                      label="Name"
-                      name="name"
-                    >
-                      <FormItem
-                        label="Name"
-                        name="name"
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please enter name!",
-                              "required": true,
-                            },
-                            Object {
-                              "max": 500,
-                              "message": "Name must be maximum 500 characters.",
-                            },
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Name"
-                          messageVariables={
-                            Object {
-                              "label": "Name",
-                            }
-                          }
-                          name="name"
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please enter name!",
-                                "required": true,
-                              },
-                              Object {
-                                "max": 500,
-                                "message": "Name must be maximum 500 characters.",
-                              },
-                            ]
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "create-policy",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_name"
-                            label="Name"
-                            messageVariables={
-                              Object {
-                                "label": "Name",
-                              }
-                            }
-                            name={
-                              Array [
-                                "name",
-                              ]
-                            }
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please enter name!",
-                                  "required": true,
-                                },
-                                Object {
-                                  "max": 500,
-                                  "message": "Name must be maximum 500 characters.",
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="create-policy_name"
-                                  label="Name"
-                                  name="name"
-                                  prefixCls="ant-form"
-                                  required={true}
-                                  requiredMark={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className="ant-form-item-required"
-                                        htmlFor="create-policy_name"
-                                        title="Name"
-                                      >
-                                        Name
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Name"
-                                  name={
-                                    Array [
-                                      "name",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={1}
-                                          >
-                                            <Input
-                                              id="create-policy_name"
-                                              onChange={[Function]}
-                                              type="text"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="create-policy_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    type="text"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="create-policy_name"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value=""
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="create-policy_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  type="text"
-                                                  value=""
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                    </TitleInput>
-                    <FormItem
-                      label="Description"
-                      name="description"
-                    >
-                      <WrapperField
-                        label="Description"
-                        messageVariables={
-                          Object {
-                            "label": "Description",
-                          }
-                        }
-                        name="description"
-                        onReset={[Function]}
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "create-policy",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_description"
-                          label="Description"
-                          messageVariables={
-                            Object {
-                              "label": "Description",
-                            }
-                          }
-                          name={
-                            Array [
-                              "description",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                htmlFor="create-policy_description"
-                                label="Description"
-                                name="description"
-                                prefixCls="ant-form"
-                                required={false}
-                                requiredMark={true}
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className=""
-                                      htmlFor="create-policy_description"
-                                      title="Description"
-                                    >
-                                      Description
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="Description"
-                                name={
-                                  Array [
-                                    "description",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={1}
-                                        >
-                                          <ForwardRef
-                                            id="create-policy_description"
-                                            onChange={[Function]}
-                                          >
-                                            <ClearableLabeledInput
-                                              bordered={true}
-                                              element={
-                                                <TextArea
-                                                  className=""
-                                                  id="create-policy_description"
-                                                  onChange={[Function]}
-                                                  onCompositionEnd={[Function]}
-                                                  onCompositionStart={[Function]}
-                                                  prefixCls="ant-input"
-                                                />
-                                              }
-                                              handleReset={[Function]}
-                                              id="create-policy_description"
-                                              inputType="text"
-                                              prefixCls="ant-input"
-                                              value=""
-                                            >
-                                              <TextArea
-                                                className=""
-                                                id="create-policy_description"
-                                                onChange={[Function]}
-                                                onCompositionEnd={[Function]}
-                                                onCompositionStart={[Function]}
-                                                prefixCls="ant-input"
-                                                value=""
-                                              >
-                                                <ResizableTextArea
-                                                  className=""
-                                                  id="create-policy_description"
-                                                  onChange={[Function]}
-                                                  onCompositionEnd={[Function]}
-                                                  onCompositionStart={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  prefixCls="ant-input"
-                                                  value=""
-                                                >
-                                                  <ResizeObserver
-                                                    disabled={true}
-                                                    onResize={[Function]}
-                                                  >
-                                                    <textarea
-                                                      className="ant-input"
-                                                      id="create-policy_description"
-                                                      onChange={[Function]}
-                                                      onCompositionEnd={[Function]}
-                                                      onCompositionStart={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      style={Object {}}
-                                                      value=""
-                                                    />
-                                                  </ResizeObserver>
-                                                </ResizableTextArea>
-                                              </TextArea>
-                                            </ClearableLabeledInput>
-                                          </ForwardRef>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                  </div>
-                </Col>
-                <Col
-                  span={12}
-                >
-                  <div
-                    className="ant-col ant-col-12"
-                    style={
-                      Object {
-                        "paddingLeft": 8,
-                        "paddingRight": 8,
-                      }
-                    }
-                  >
-                    <FormItem
-                      label="Users"
-                      name="users"
-                    >
-                      <WrapperField
-                        label="Users"
-                        messageVariables={
-                          Object {
-                            "label": "Users",
-                          }
-                        }
-                        name="users"
-                        onReset={[Function]}
-                        trigger="onChange"
-                        validateTrigger="onChange"
-                      >
-                        <Field
-                          fieldContext={
-                            Object {
-                              "__INTERNAL__": Object {
-                                "itemRef": [Function],
-                                "name": "create-policy",
-                              },
-                              "getFieldError": [Function],
-                              "getFieldInstance": [Function],
-                              "getFieldValue": [Function],
-                              "getFieldsError": [Function],
-                              "getFieldsValue": [Function],
-                              "getInternalHooks": [Function],
-                              "isFieldTouched": [Function],
-                              "isFieldValidating": [Function],
-                              "isFieldsTouched": [Function],
-                              "isFieldsValidating": [Function],
-                              "resetFields": [Function],
-                              "scrollToField": [Function],
-                              "setFields": [Function],
-                              "setFieldsValue": [Function],
-                              "submit": [Function],
-                              "validateFields": [Function],
-                              "validateTrigger": "onChange",
-                            }
-                          }
-                          key="_users"
-                          label="Users"
-                          messageVariables={
-                            Object {
-                              "label": "Users",
-                            }
-                          }
-                          name={
-                            Array [
-                              "users",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                          valuePropName="value"
-                        >
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                htmlFor="create-policy_users"
-                                label="Users"
-                                name="users"
-                                prefixCls="ant-form"
-                                required={false}
-                                requiredMark={true}
-                              >
-                                <Col
-                                  className="ant-form-item-label"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-label"
-                                    style={Object {}}
-                                  >
-                                    <label
-                                      className=""
-                                      htmlFor="create-policy_users"
-                                      title="Users"
-                                    >
-                                      Users
-                                    </label>
-                                  </div>
-                                </Col>
-                              </FormItemLabel>
-                              <FormItemInput
-                                errors={Array []}
-                                label="Users"
-                                name={
-                                  Array [
-                                    "users",
-                                  ]
-                                }
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                touched={false}
-                                validateStatus=""
-                                validating={false}
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Component
-                                          update={1}
-                                        >
-                                          <Selector
-                                            action="Authors"
-                                            display="display_name"
-                                            id="create-policy_users"
-                                            mode="multiple"
-                                            onChange={[Function]}
-                                          >
-                                            <ForwardRef(InternalSelect)
-                                              allowClear={true}
-                                              autoClearSearchValue={true}
-                                              bordered={true}
-                                              defaultValue={Array []}
-                                              filterOption={[Function]}
-                                              getPopupContainer={[Function]}
-                                              listHeight={128}
-                                              loading={false}
-                                              mode="multiple"
-                                              notFoundContent={null}
-                                              onChange={[Function]}
-                                              onPopupScroll={[Function]}
-                                              onSearch={[Function]}
-                                              placeholder="Select authors"
-                                              searchValue=""
-                                              value={Array []}
-                                            >
-                                              <Select
-                                                allowClear={true}
-                                                autoClearSearchValue={true}
-                                                className=""
-                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                defaultValue={Array []}
-                                                dropdownClassName=""
-                                                filterOption={[Function]}
-                                                getPopupContainer={[Function]}
-                                                inputIcon={[Function]}
-                                                listHeight={128}
-                                                listItemHeight={24}
-                                                loading={false}
-                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                mode="multiple"
-                                                notFoundContent={null}
-                                                onChange={[Function]}
-                                                onPopupScroll={[Function]}
-                                                onSearch={[Function]}
-                                                placeholder="Select authors"
-                                                prefixCls="ant-select"
-                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                searchValue=""
-                                                transitionName="ant-slide-up"
-                                                value={Array []}
-                                              >
-                                                <ForwardRef(Select)
-                                                  allowClear={true}
-                                                  autoClearSearchValue={true}
-                                                  className=""
-                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                  defaultValue={Array []}
-                                                  dropdownClassName=""
-                                                  filterOption={[Function]}
-                                                  getPopupContainer={[Function]}
-                                                  inputIcon={[Function]}
-                                                  listHeight={128}
-                                                  listItemHeight={24}
-                                                  loading={false}
-                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                  mode="multiple"
-                                                  notFoundContent={null}
-                                                  onChange={[Function]}
-                                                  onPopupScroll={[Function]}
-                                                  onSearch={[Function]}
-                                                  placeholder="Select authors"
-                                                  prefixCls="ant-select"
-                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                  searchValue=""
-                                                  transitionName="ant-slide-up"
-                                                  value={Array []}
-                                                >
-                                                  <div
-                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                    onBlur={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onKeyUp={[Function]}
-                                                    onMouseDown={[Function]}
-                                                  >
-                                                    <SelectTrigger
-                                                      containerWidth={null}
-                                                      dropdownClassName=""
-                                                      empty={true}
-                                                      getPopupContainer={[Function]}
-                                                      getTriggerDOMNode={[Function]}
-                                                      popupElement={
-                                                        <ForwardRef(OptionList)
-                                                          childrenAsData={true}
-                                                          defaultActiveFirstOption={true}
-                                                          flattenOptions={Array []}
-                                                          height={128}
-                                                          itemHeight={24}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          multiple={true}
-                                                          notFoundContent={null}
-                                                          onActiveValue={[Function]}
-                                                          onMouseEnter={[Function]}
-                                                          onScroll={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          options={Array []}
-                                                          prefixCls="ant-select"
-                                                          searchValue=""
-                                                          values={Set {}}
-                                                          virtual={true}
-                                                        />
-                                                      }
-                                                      prefixCls="ant-select"
-                                                      transitionName="ant-slide-up"
-                                                      visible={false}
-                                                    >
-                                                      <Trigger
-                                                        action={Array []}
-                                                        afterPopupVisibleChange={[Function]}
-                                                        autoDestroy={false}
-                                                        blurDelay={0.15}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottomLeft": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        defaultPopupVisible={false}
-                                                        destroyPopupOnHide={false}
-                                                        focusDelay={0}
-                                                        getDocument={[Function]}
-                                                        getPopupClassNameFromAlign={[Function]}
-                                                        getPopupContainer={[Function]}
-                                                        getTriggerDOMNode={[Function]}
-                                                        hideAction={Array []}
-                                                        mask={false}
-                                                        maskClosable={true}
-                                                        mouseEnterDelay={0}
-                                                        mouseLeaveDelay={0.1}
-                                                        onPopupAlign={[Function]}
-                                                        onPopupVisibleChange={[Function]}
-                                                        popup={
-                                                          <div>
-                                                            <ForwardRef(OptionList)
-                                                              childrenAsData={true}
-                                                              defaultActiveFirstOption={true}
-                                                              flattenOptions={Array []}
-                                                              height={128}
-                                                              itemHeight={24}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              multiple={true}
-                                                              notFoundContent={null}
-                                                              onActiveValue={[Function]}
-                                                              onMouseEnter={[Function]}
-                                                              onScroll={[Function]}
-                                                              onSelect={[Function]}
-                                                              onToggleOpen={[Function]}
-                                                              options={Array []}
-                                                              prefixCls="ant-select"
-                                                              searchValue=""
-                                                              values={Set {}}
-                                                              virtual={true}
-                                                            />
-                                                          </div>
-                                                        }
-                                                        popupAlign={Object {}}
-                                                        popupClassName="ant-select-dropdown-empty"
-                                                        popupPlacement="bottomLeft"
-                                                        popupStyle={
-                                                          Object {
-                                                            "minWidth": null,
-                                                            "width": null,
-                                                          }
-                                                        }
-                                                        popupTransitionName="ant-slide-up"
-                                                        popupVisible={false}
-                                                        prefixCls="ant-select-dropdown"
-                                                        showAction={Array []}
-                                                      >
-                                                        <Selector
-                                                          accessibilityIndex={0}
-                                                          activeValue={null}
-                                                          allowClear={true}
-                                                          autoClearSearchValue={true}
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue={Array []}
-                                                          domRef={
-                                                            Object {
-                                                              "current": <div
-                                                                class="ant-select-selector"
-                                                              >
-                                                                <div
-                                                                  class="ant-select-selection-overflow"
-                                                                >
-                                                                  <div
-                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                    style="opacity: 1;"
-                                                                  >
-                                                                    <div
-                                                                      class="ant-select-selection-search"
-                                                                      style="width: 0px;"
-                                                                    >
-                                                                      <input
-                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                        aria-autocomplete="list"
-                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                        aria-haspopup="listbox"
-                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                        autocomplete="off"
-                                                                        class="ant-select-selection-search-input"
-                                                                        id="rc_select_TEST_OR_SSR"
-                                                                        readonly=""
-                                                                        role="combobox"
-                                                                        style="opacity: 0;"
-                                                                        type="search"
-                                                                        unselectable="on"
-                                                                        value=""
-                                                                      />
-                                                                      <span
-                                                                        aria-hidden="true"
-                                                                        class="ant-select-selection-search-mirror"
-                                                                      >
-                                                                        
-                                                                         
-                                                                      </span>
-                                                                    </div>
-                                                                  </div>
-                                                                </div>
-                                                                <span
-                                                                  class="ant-select-selection-placeholder"
-                                                                >
-                                                                  Select authors
-                                                                </span>
-                                                              </div>,
-                                                            }
-                                                          }
-                                                          dropdownClassName=""
-                                                          filterOption={[Function]}
-                                                          getPopupContainer={[Function]}
-                                                          inputElement={null}
-                                                          inputIcon={[Function]}
-                                                          key="trigger"
-                                                          listHeight={128}
-                                                          listItemHeight={24}
-                                                          loading={false}
-                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                          mode="multiple"
-                                                          multiple={true}
-                                                          notFoundContent={null}
-                                                          onChange={[Function]}
-                                                          onPopupScroll={[Function]}
-                                                          onSearch={[Function]}
-                                                          onSearchSubmit={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          placeholder="Select authors"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          searchValue=""
-                                                          showSearch={true}
-                                                          tokenWithEnter={false}
-                                                          transitionName="ant-slide-up"
-                                                          value={Array []}
-                                                          values={Array []}
-                                                        >
-                                                          <div
-                                                            className="ant-select-selector"
-                                                            onClick={[Function]}
-                                                            onMouseDown={[Function]}
-                                                          >
-                                                            <SelectSelector
-                                                              accessibilityIndex={0}
-                                                              activeValue={null}
-                                                              allowClear={true}
-                                                              autoClearSearchValue={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={Array []}
-                                                              domRef={
-                                                                Object {
-                                                                  "current": <div
-                                                                    class="ant-select-selector"
-                                                                  >
-                                                                    <div
-                                                                      class="ant-select-selection-overflow"
-                                                                    >
-                                                                      <div
-                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                        style="opacity: 1;"
-                                                                      >
-                                                                        <div
-                                                                          class="ant-select-selection-search"
-                                                                          style="width: 0px;"
-                                                                        >
-                                                                          <input
-                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                            aria-autocomplete="list"
-                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                            aria-haspopup="listbox"
-                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                            autocomplete="off"
-                                                                            class="ant-select-selection-search-input"
-                                                                            id="rc_select_TEST_OR_SSR"
-                                                                            readonly=""
-                                                                            role="combobox"
-                                                                            style="opacity: 0;"
-                                                                            type="search"
-                                                                            unselectable="on"
-                                                                            value=""
-                                                                          />
-                                                                          <span
-                                                                            aria-hidden="true"
-                                                                            class="ant-select-selection-search-mirror"
-                                                                          >
-                                                                            
-                                                                             
-                                                                          </span>
-                                                                        </div>
-                                                                      </div>
-                                                                    </div>
-                                                                    <span
-                                                                      class="ant-select-selection-placeholder"
-                                                                    >
-                                                                      Select authors
-                                                                    </span>
-                                                                  </div>,
-                                                                }
-                                                              }
-                                                              dropdownClassName=""
-                                                              filterOption={[Function]}
-                                                              getPopupContainer={[Function]}
-                                                              inputElement={null}
-                                                              inputIcon={[Function]}
-                                                              inputRef={
-                                                                Object {
-                                                                  "current": <input
-                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                    aria-autocomplete="list"
-                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                    aria-haspopup="listbox"
-                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                    autocomplete="off"
-                                                                    class="ant-select-selection-search-input"
-                                                                    id="rc_select_TEST_OR_SSR"
-                                                                    readonly=""
-                                                                    role="combobox"
-                                                                    style="opacity: 0;"
-                                                                    type="search"
-                                                                    unselectable="on"
-                                                                    value=""
-                                                                  />,
-                                                                }
-                                                              }
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              loading={false}
-                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                              mode="multiple"
-                                                              multiple={true}
-                                                              notFoundContent={null}
-                                                              onChange={[Function]}
-                                                              onInputChange={[Function]}
-                                                              onInputCompositionEnd={[Function]}
-                                                              onInputCompositionStart={[Function]}
-                                                              onInputKeyDown={[Function]}
-                                                              onInputMouseDown={[Function]}
-                                                              onInputPaste={[Function]}
-                                                              onPopupScroll={[Function]}
-                                                              onSearch={[Function]}
-                                                              onSearchSubmit={[Function]}
-                                                              onSelect={[Function]}
-                                                              onToggleOpen={[Function]}
-                                                              placeholder="Select authors"
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              searchValue=""
-                                                              showSearch={true}
-                                                              tokenWithEnter={false}
-                                                              transitionName="ant-slide-up"
-                                                              value={Array []}
-                                                              values={Array []}
-                                                            >
-                                                              <Overflow
-                                                                data={Array []}
-                                                                itemKey="key"
-                                                                prefixCls="ant-select-selection-overflow"
-                                                                renderItem={[Function]}
-                                                                renderRest={[Function]}
-                                                                suffix={
-                                                                  <div
-                                                                    className="ant-select-selection-search"
-                                                                    onBlur={[Function]}
-                                                                    onFocus={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": 0,
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <ForwardRef(Input)
-                                                                      accessibilityIndex={0}
-                                                                      attrs={Object {}}
-                                                                      editable={false}
-                                                                      inputElement={null}
-                                                                      onChange={[Function]}
-                                                                      onCompositionEnd={[Function]}
-                                                                      onCompositionStart={[Function]}
-                                                                      onKeyDown={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onPaste={[Function]}
-                                                                      prefixCls="ant-select"
-                                                                      value=""
-                                                                    />
-                                                                    <span
-                                                                      aria-hidden={true}
-                                                                      className="ant-select-selection-search-mirror"
-                                                                    >
-                                                                      
-                                                                       
-                                                                    </span>
-                                                                  </div>
-                                                                }
-                                                              >
-                                                                <div
-                                                                  className="ant-select-selection-overflow"
-                                                                >
-                                                                  <Item
-                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                    display={true}
-                                                                    invalidate={false}
-                                                                    order={0}
-                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                    registerSize={[Function]}
-                                                                    responsive={0}
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                      style={
-                                                                        Object {
-                                                                          "height": undefined,
-                                                                          "opacity": 1,
-                                                                          "order": undefined,
-                                                                          "overflowY": undefined,
-                                                                          "pointerEvents": undefined,
-                                                                          "position": undefined,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <div
-                                                                        className="ant-select-selection-search"
-                                                                        onBlur={[Function]}
-                                                                        onFocus={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": 0,
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <Input
-                                                                          accessibilityIndex={0}
-                                                                          attrs={Object {}}
-                                                                          editable={false}
-                                                                          inputElement={null}
-                                                                          onChange={[Function]}
-                                                                          onCompositionEnd={[Function]}
-                                                                          onCompositionStart={[Function]}
-                                                                          onKeyDown={[Function]}
-                                                                          onMouseDown={[Function]}
-                                                                          onPaste={[Function]}
-                                                                          prefixCls="ant-select"
-                                                                          value=""
-                                                                        >
-                                                                          <input
-                                                                            aria-activedescendant="undefined_list_0"
-                                                                            aria-autocomplete="list"
-                                                                            aria-controls="undefined_list"
-                                                                            aria-haspopup="listbox"
-                                                                            aria-owns="undefined_list"
-                                                                            autoComplete="off"
-                                                                            className="ant-select-selection-search-input"
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            readOnly={true}
-                                                                            role="combobox"
-                                                                            style={
-                                                                              Object {
-                                                                                "opacity": 0,
-                                                                              }
-                                                                            }
-                                                                            type="search"
-                                                                            unselectable="on"
-                                                                            value=""
-                                                                          />
-                                                                        </Input>
-                                                                        <span
-                                                                          aria-hidden={true}
-                                                                          className="ant-select-selection-search-mirror"
-                                                                        >
-                                                                           
-                                                                        </span>
-                                                                      </div>
-                                                                    </div>
-                                                                  </Item>
-                                                                </div>
-                                                              </Overflow>
-                                                              <span
-                                                                className="ant-select-selection-placeholder"
-                                                              >
-                                                                Select authors
-                                                              </span>
-                                                            </SelectSelector>
-                                                          </div>
-                                                        </Selector>
-                                                      </Trigger>
-                                                    </SelectTrigger>
-                                                  </div>
-                                                </ForwardRef(Select)>
-                                              </Select>
-                                            </ForwardRef(InternalSelect)>
-                                          </Selector>
-                                        </Component>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </Field>
-                      </WrapperField>
-                    </FormItem>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-            <FormItem
-              key="permissions-0"
-              label="Posts"
-              name={
-                Array [
-                  "permissions",
-                  "posts",
-                ]
-              }
-            >
-              <WrapperField
-                label="Posts"
-                messageVariables={
-                  Object {
-                    "label": "Posts",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "posts",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_posts"
-                  label="Posts"
-                  messageVariables={
-                    Object {
-                      "label": "Posts",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "posts",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_posts"
-                        label="Posts"
-                        name={
-                          Array [
-                            "permissions",
-                            "posts",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_posts"
-                              title="Posts"
-                            >
-                              Posts
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Posts"
-                        name={
-                          Array [
-                            "permissions",
-                            "posts",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_posts"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                        Object {
-                                          "label": "Publish",
-                                          "value": "publish",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_posts"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="publish"
-                                        prefixCls="ant-checkbox"
-                                        value="publish"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="publish"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="publish"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Publish
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-1"
-              label="Categories"
-              name={
-                Array [
-                  "permissions",
-                  "categories",
-                ]
-              }
-            >
-              <WrapperField
-                label="Categories"
-                messageVariables={
-                  Object {
-                    "label": "Categories",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "categories",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_categories"
-                  label="Categories"
-                  messageVariables={
-                    Object {
-                      "label": "Categories",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "categories",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_categories"
-                        label="Categories"
-                        name={
-                          Array [
-                            "permissions",
-                            "categories",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_categories"
-                              title="Categories"
-                            >
-                              Categories
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Categories"
-                        name={
-                          Array [
-                            "permissions",
-                            "categories",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_categories"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_categories"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-2"
-              label="Tags"
-              name={
-                Array [
-                  "permissions",
-                  "tags",
-                ]
-              }
-            >
-              <WrapperField
-                label="Tags"
-                messageVariables={
-                  Object {
-                    "label": "Tags",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "tags",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_tags"
-                  label="Tags"
-                  messageVariables={
-                    Object {
-                      "label": "Tags",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "tags",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_tags"
-                        label="Tags"
-                        name={
-                          Array [
-                            "permissions",
-                            "tags",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_tags"
-                              title="Tags"
-                            >
-                              Tags
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Tags"
-                        name={
-                          Array [
-                            "permissions",
-                            "tags",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_tags"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_tags"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-3"
-              label="Formats"
-              name={
-                Array [
-                  "permissions",
-                  "formats",
-                ]
-              }
-            >
-              <WrapperField
-                label="Formats"
-                messageVariables={
-                  Object {
-                    "label": "Formats",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "formats",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_formats"
-                  label="Formats"
-                  messageVariables={
-                    Object {
-                      "label": "Formats",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "formats",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_formats"
-                        label="Formats"
-                        name={
-                          Array [
-                            "permissions",
-                            "formats",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_formats"
-                              title="Formats"
-                            >
-                              Formats
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Formats"
-                        name={
-                          Array [
-                            "permissions",
-                            "formats",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_formats"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_formats"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-4"
-              label="Media"
-              name={
-                Array [
-                  "permissions",
-                  "media",
-                ]
-              }
-            >
-              <WrapperField
-                label="Media"
-                messageVariables={
-                  Object {
-                    "label": "Media",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "media",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_media"
-                  label="Media"
-                  messageVariables={
-                    Object {
-                      "label": "Media",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "media",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_media"
-                        label="Media"
-                        name={
-                          Array [
-                            "permissions",
-                            "media",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_media"
-                              title="Media"
-                            >
-                              Media
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Media"
-                        name={
-                          Array [
-                            "permissions",
-                            "media",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_media"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_media"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-5"
-              label="Fact Check"
-              name={
-                Array [
-                  "permissions",
-                  "fact-checks",
-                ]
-              }
-            >
-              <WrapperField
-                label="Fact Check"
-                messageVariables={
-                  Object {
-                    "label": "Fact Check",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "fact-checks",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_fact-checks"
-                  label="Fact Check"
-                  messageVariables={
-                    Object {
-                      "label": "Fact Check",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "fact-checks",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_fact-checks"
-                        label="Fact Check"
-                        name={
-                          Array [
-                            "permissions",
-                            "fact-checks",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_fact-checks"
-                              title="Fact Check"
-                            >
-                              Fact Check
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Fact Check"
-                        name={
-                          Array [
-                            "permissions",
-                            "fact-checks",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_fact-checks"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_fact-checks"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-6"
-              label="Claims"
-              name={
-                Array [
-                  "permissions",
-                  "claims",
-                ]
-              }
-            >
-              <WrapperField
-                label="Claims"
-                messageVariables={
-                  Object {
-                    "label": "Claims",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "claims",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_claims"
-                  label="Claims"
-                  messageVariables={
-                    Object {
-                      "label": "Claims",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "claims",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_claims"
-                        label="Claims"
-                        name={
-                          Array [
-                            "permissions",
-                            "claims",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_claims"
-                              title="Claims"
-                            >
-                              Claims
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Claims"
-                        name={
-                          Array [
-                            "permissions",
-                            "claims",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_claims"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_claims"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-7"
-              label="Claimants"
-              name={
-                Array [
-                  "permissions",
-                  "claimants",
-                ]
-              }
-            >
-              <WrapperField
-                label="Claimants"
-                messageVariables={
-                  Object {
-                    "label": "Claimants",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "claimants",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_claimants"
-                  label="Claimants"
-                  messageVariables={
-                    Object {
-                      "label": "Claimants",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "claimants",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_claimants"
-                        label="Claimants"
-                        name={
-                          Array [
-                            "permissions",
-                            "claimants",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_claimants"
-                              title="Claimants"
-                            >
-                              Claimants
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Claimants"
-                        name={
-                          Array [
-                            "permissions",
-                            "claimants",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_claimants"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_claimants"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-8"
-              label="Ratings"
-              name={
-                Array [
-                  "permissions",
-                  "ratings",
-                ]
-              }
-            >
-              <WrapperField
-                label="Ratings"
-                messageVariables={
-                  Object {
-                    "label": "Ratings",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "ratings",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_ratings"
-                  label="Ratings"
-                  messageVariables={
-                    Object {
-                      "label": "Ratings",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "ratings",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_ratings"
-                        label="Ratings"
-                        name={
-                          Array [
-                            "permissions",
-                            "ratings",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_ratings"
-                              title="Ratings"
-                            >
-                              Ratings
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Ratings"
-                        name={
-                          Array [
-                            "permissions",
-                            "ratings",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_ratings"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_ratings"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-9"
-              label="Policies"
-              name={
-                Array [
-                  "permissions",
-                  "policies",
-                ]
-              }
-            >
-              <WrapperField
-                label="Policies"
-                messageVariables={
-                  Object {
-                    "label": "Policies",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "policies",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_policies"
-                  label="Policies"
-                  messageVariables={
-                    Object {
-                      "label": "Policies",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "policies",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_policies"
-                        label="Policies"
-                        name={
-                          Array [
-                            "permissions",
-                            "policies",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_policies"
-                              title="Policies"
-                            >
-                              Policies
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Policies"
-                        name={
-                          Array [
-                            "permissions",
-                            "policies",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_policies"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_policies"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-10"
-              label="Podcasts"
-              name={
-                Array [
-                  "permissions",
-                  "podcasts",
-                ]
-              }
-            >
-              <WrapperField
-                label="Podcasts"
-                messageVariables={
-                  Object {
-                    "label": "Podcasts",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "podcasts",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_podcasts"
-                  label="Podcasts"
-                  messageVariables={
-                    Object {
-                      "label": "Podcasts",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "podcasts",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_podcasts"
-                        label="Podcasts"
-                        name={
-                          Array [
-                            "permissions",
-                            "podcasts",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_podcasts"
-                              title="Podcasts"
-                            >
-                              Podcasts
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Podcasts"
-                        name={
-                          Array [
-                            "permissions",
-                            "podcasts",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_podcasts"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_podcasts"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-11"
-              label="Episodes"
-              name={
-                Array [
-                  "permissions",
-                  "episodes",
-                ]
-              }
-            >
-              <WrapperField
-                label="Episodes"
-                messageVariables={
-                  Object {
-                    "label": "Episodes",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "episodes",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_episodes"
-                  label="Episodes"
-                  messageVariables={
-                    Object {
-                      "label": "Episodes",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "episodes",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_episodes"
-                        label="Episodes"
-                        name={
-                          Array [
-                            "permissions",
-                            "episodes",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_episodes"
-                              title="Episodes"
-                            >
-                              Episodes
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Episodes"
-                        name={
-                          Array [
-                            "permissions",
-                            "episodes",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_episodes"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_episodes"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-12"
-              label="Menus"
-              name={
-                Array [
-                  "permissions",
-                  "menus",
-                ]
-              }
-            >
-              <WrapperField
-                label="Menus"
-                messageVariables={
-                  Object {
-                    "label": "Menus",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "menus",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_menus"
-                  label="Menus"
-                  messageVariables={
-                    Object {
-                      "label": "Menus",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "menus",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_menus"
-                        label="Menus"
-                        name={
-                          Array [
-                            "permissions",
-                            "menus",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_menus"
-                              title="Menus"
-                            >
-                              Menus
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Menus"
-                        name={
-                          Array [
-                            "permissions",
-                            "menus",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_menus"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_menus"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-13"
-              label="Pages"
-              name={
-                Array [
-                  "permissions",
-                  "pages",
-                ]
-              }
-            >
-              <WrapperField
-                label="Pages"
-                messageVariables={
-                  Object {
-                    "label": "Pages",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "pages",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_pages"
-                  label="Pages"
-                  messageVariables={
-                    Object {
-                      "label": "Pages",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "pages",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_pages"
-                        label="Pages"
-                        name={
-                          Array [
-                            "permissions",
-                            "pages",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_pages"
-                              title="Pages"
-                            >
-                              Pages
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Pages"
-                        name={
-                          Array [
-                            "permissions",
-                            "pages",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_pages"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_pages"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              key="permissions-14"
-              label="Webhooks"
-              name={
-                Array [
-                  "permissions",
-                  "webhooks",
-                ]
-              }
-            >
-              <WrapperField
-                label="Webhooks"
-                messageVariables={
-                  Object {
-                    "label": "Webhooks",
-                  }
-                }
-                name={
-                  Array [
-                    "permissions",
-                    "webhooks",
-                  ]
-                }
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-policy",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_permissions_webhooks"
-                  label="Webhooks"
-                  messageVariables={
-                    Object {
-                      "label": "Webhooks",
-                    }
-                  }
-                  name={
-                    Array [
-                      "permissions",
-                      "webhooks",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-policy_permissions_webhooks"
-                        label="Webhooks"
-                        name={
-                          Array [
-                            "permissions",
-                            "webhooks",
-                          ]
-                        }
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                        >
-                          <div
-                            className="ant-col ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-policy_permissions_webhooks"
-                              title="Webhooks"
-                            >
-                              Webhooks
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Webhooks"
-                        name={
-                          Array [
-                            "permissions",
-                            "webhooks",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                        >
-                          <div
-                            className="ant-col ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-policy_permissions_webhooks"
-                                    onChange={[Function]}
-                                    options={
-                                      Array [
-                                        Object {
-                                          "label": "Read",
-                                          "value": "get",
-                                        },
-                                        Object {
-                                          "label": "Create",
-                                          "value": "create",
-                                        },
-                                        Object {
-                                          "label": "Update",
-                                          "value": "update",
-                                        },
-                                        Object {
-                                          "label": "Delete",
-                                          "value": "delete",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-policy_permissions_webhooks"
-                                    >
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="get"
-                                        prefixCls="ant-checkbox"
-                                        value="get"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="get"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="get"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Read
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="create"
-                                        prefixCls="ant-checkbox"
-                                        value="create"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="create"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="create"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Create
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="update"
-                                        prefixCls="ant-checkbox"
-                                        value="update"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="update"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="update"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Update
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                      <Checkbox
-                                        checked={false}
-                                        className="ant-checkbox-group-item"
-                                        key="delete"
-                                        prefixCls="ant-checkbox"
-                                        value="delete"
-                                      >
-                                        <label
-                                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                                        >
-                                          <Checkbox
-                                            checked={false}
-                                            className=""
-                                            defaultChecked={false}
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            onKeyPress={[Function]}
-                                            onKeyUp={[Function]}
-                                            prefixCls="ant-checkbox"
-                                            style={Object {}}
-                                            type="checkbox"
-                                            value="delete"
-                                          >
-                                            <span
-                                              className="ant-checkbox"
-                                              style={Object {}}
-                                            >
-                                              <input
-                                                checked={false}
-                                                className="ant-checkbox-input"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyPress={[Function]}
-                                                onKeyUp={[Function]}
-                                                type="checkbox"
-                                                value="delete"
-                                              />
-                                              <span
-                                                className="ant-checkbox-inner"
-                                              />
-                                            </span>
-                                          </Checkbox>
-                                          <span>
-                                            Delete
-                                          </span>
-                                        </label>
-                                      </Checkbox>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <Button
-              disabled={true}
-              htmlType="submit"
-              type="primary"
-            >
-              <Wave>
-                <button
-                  className="ant-btn ant-btn-primary"
-                  disabled={true}
-                  onClick={[Function]}
-                  type="submit"
-                >
-                  <LoadingIcon
-                    existIcon={false}
-                    loading={false}
-                    prefixCls="ant-btn"
-                  >
-                    <CSSMotion
-                      motionName="ant-btn-loading-icon-motion"
-                      onAppearActive={[Function]}
-                      onAppearStart={[Function]}
-                      onEnterActive={[Function]}
-                      onEnterStart={[Function]}
-                      onLeaveActive={[Function]}
-                      onLeaveStart={[Function]}
-                      removeOnLeave={true}
-                      visible={false}
-                    >
-                      <DomWrapper />
-                    </CSSMotion>
-                  </LoadingIcon>
-                  <span
-                    key=".0"
-                  >
-                    Submit
-                  </span>
-                </button>
-              </Wave>
-            </Button>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </PolicyForm>
-</Provider>
-`;
diff --git a/studio/src/pages/policies/components/__snapshots__/PolicyList.test.js.snap b/studio/src/pages/policies/components/__snapshots__/PolicyList.test.js.snap
deleted file mode 100644
index da8c2768e..000000000
--- a/studio/src/pages/policies/components/__snapshots__/PolicyList.test.js.snap
+++ /dev/null
@@ -1,136 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Policies List component snapshot testing should match component when loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <PolicyList
-      actions={
-        Array [
-          "update",
-          "delete",
-        ]
-      }
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
-
-exports[`Policies List component snapshot testing should match component with policies 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <PolicyList
-      actions={
-        Array [
-          "update",
-          "delete",
-        ]
-      }
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
-
-exports[`Policies List component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <PolicyList
-      actions={
-        Array [
-          "update",
-          "delete",
-        ]
-      }
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
diff --git a/studio/src/pages/policies/hooks/usePoliciesData.tsx b/studio/src/pages/policies/hooks/usePoliciesData.tsx
new file mode 100644
index 000000000..291a9e3e1
--- /dev/null
+++ b/studio/src/pages/policies/hooks/usePoliciesData.tsx
@@ -0,0 +1,55 @@
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import { PolicyFilters, RootState } from "../types";
+import deepEqual from "deep-equal";
+
+export const usePoliciesData = (
+  filters: PolicyFilters,
+  searchText: string,
+  sortOrder: "asc" | "desc" = "asc"
+) => {
+  // Get data from Redux
+  const { policies, total, loading } = useSelector((state: RootState) => {
+    const node = state.policies.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node) {
+      return {
+        policies: node.data.map((element) => state.policies.details[element]),
+        total: node.total,
+        loading: state.policies.loading,
+      };
+    }
+
+    return { policies: [], total: 0, loading: state.policies.loading };
+  });
+
+  // Filter policies locally based on search text
+  const filteredPolicies = useMemo(() => {
+    if (!searchText.trim()) {
+      return policies;
+    }
+
+    return policies.filter((policy) =>
+      policy.name?.toLowerCase().includes(searchText.toLowerCase())
+    );
+  }, [policies, searchText]);
+
+  // Sort policies based on sort order
+  const sortedPolicies = useMemo(() => {
+    return [...filteredPolicies].sort((a, b) => {
+      if (sortOrder === "asc") {
+        return a.name?.localeCompare(b.name || "") || 0;
+      } else {
+        return b.name?.localeCompare(a.name || "") || 0;
+      }
+    });
+  }, [filteredPolicies, sortOrder]);
+
+  return {
+    policies: sortedPolicies,
+    total,
+    loading,
+  };
+};
diff --git a/studio/src/pages/policies/hooks/usePoliciesPagination.tsx b/studio/src/pages/policies/hooks/usePoliciesPagination.tsx
new file mode 100644
index 000000000..73438bf13
--- /dev/null
+++ b/studio/src/pages/policies/hooks/usePoliciesPagination.tsx
@@ -0,0 +1,39 @@
+import { useCallback, useMemo } from "react";
+import { PolicyFilters } from "../types";
+
+export const usePoliciesPagination = (
+  filters: PolicyFilters,
+  setFilters: (
+    filters: PolicyFilters | ((prev: PolicyFilters) => PolicyFilters)
+  ) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const pageSize = filters.limit || 10;
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(total / pageSize)),
+    [total, pageSize]
+  );
+
+  // Pagination handlers
+  const handlePageChange = useCallback(
+    (page: number) => {
+      setFilters((prev: PolicyFilters) => ({ ...prev, page }));
+    },
+    [setFilters]
+  );
+
+  const handlePageSizeChange = useCallback(
+    (size: number) => {
+      setFilters((prev: PolicyFilters) => ({ ...prev, limit: size, page: 1 }));
+    },
+    [setFilters]
+  );
+
+  return {
+    pageSize,
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+  };
+};
diff --git a/studio/src/pages/policies/index.js b/studio/src/pages/policies/index.js
deleted file mode 100644
index 7d98ec580..000000000
--- a/studio/src/pages/policies/index.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import React from 'react';
-import { Space, Button, Row } from 'antd';
-import { Link, useLocation } from 'react-router-dom';
-import PolicyList from './components/PolicyList';
-import getUserPermission from '../../utils/getUserPermission';
-import { useDispatch, useSelector } from 'react-redux';
-import { getPolicies } from '../../actions/policies';
-import deepEqual from 'deep-equal';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-
-function Policies() {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'policies', action: 'get', spaces });
-  const dispatch = useDispatch();
-  const query = new URLSearchParams(useLocation().search);
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 20,
-  });
-  query.set('page', filters.page);
-  window.history.replaceState({}, '', `${window.PUBLIC_URL}${useLocation().pathname}?${query}`);
-  const { policies, total, loading } = useSelector((state) => {
-    const node = state.policies.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-
-    if (node)
-      return {
-        policies: node.data.map((element) => state.policies.details[element]),
-        total: node.total,
-        loading: state.policies.loading,
-      };
-    return { policies: [], total: 0, loading: state.policies.loading };
-  });
-
-  React.useEffect(() => {
-    fetchPolicies();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchPolicies = () => {
-    dispatch(getPolicies(filters));
-  };
-
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Policies'} />
-      <Row gutter={16} justify="end">
-        <Link to="/settings/members/policies/create">
-          <Button
-            disabled={!(actions.includes('admin') || actions.includes('create'))}
-            type="primary"
-          >
-            New Policy
-          </Button>
-        </Link>
-      </Row>
-      <PolicyList
-        actions={actions}
-        data={{ policies, total, loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchPolicies={fetchPolicies}
-      />
-    </Space>
-  );
-}
-
-export default Policies;
diff --git a/studio/src/pages/policies/index.test.js b/studio/src/pages/policies/index.test.js
deleted file mode 100644
index a10ed5f74..000000000
--- a/studio/src/pages/policies/index.test.js
+++ /dev/null
@@ -1,109 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, useSelector, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import Policies from './index';
-import { shallow } from 'enzyme';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/policies', () => ({
-  getPolicies: jest.fn(),
-  addPolicy: jest.fn(),
-}));
-
-describe('Policies List component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({
-      spaces: {
-        orgs: [{ id: 1, title: 'Org 1', spaces: [1] }],
-        details: {
-          1: {
-            sid: 1,
-            name: 'Space 1',
-          },
-        },
-        loading: false,
-        selected: 1,
-      },
-      policies: {
-        req: [
-          {
-            data: ['Editor'],
-            query: {
-              page: 1,
-              limit: 5,
-            },
-            total: 1,
-          },
-        ],
-        details: {
-          Editor: {
-            id: 'Editor',
-            users: [],
-          },
-        },
-        loading: false,
-      },
-    });
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  it('should render the component', () => {
-    store = mockStore({
-      spaces: {
-        orgs: [{ id: 1, title: 'Org 1', spaces: [1] }],
-        details: {
-          1: {
-            sid: 1,
-            name: 'Space 1',
-          },
-        },
-        loading: false,
-        selected: 1,
-      },
-      policies: {
-        req: [],
-        details: {},
-        loading: false,
-      },
-    });
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Policies permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render the component with data', () => {
-    const tree = shallow(
-      <Provider store={store}>
-        <Router>
-          <Policies permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-});
diff --git a/studio/src/pages/policies/index.tsx b/studio/src/pages/policies/index.tsx
new file mode 100644
index 000000000..fb0fcd735
--- /dev/null
+++ b/studio/src/pages/policies/index.tsx
@@ -0,0 +1,234 @@
+import React, { useEffect, useState, useCallback } from "react";
+import { Button } from "@/components/ui/button";
+import { PlusCircle, Search as SearchIcon } from "lucide-react";
+import PolicyList from "./components/PolicyList";
+import { Link, useSearchParams } from "react-router-dom";
+import { getPolicies } from "../../actions/policies";
+import getUserPermission from "../../utils/getUserPermission";
+import { Helmet } from "react-helmet";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Input } from "@/components/ui/input";
+import Pagination from "../../components/Pagination";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { PolicyFilters, RootState } from "./types";
+import { usePoliciesData } from "./hooks/usePoliciesData";
+import { usePoliciesPagination } from "./hooks/usePoliciesPagination";
+import { useSelector } from "react-redux";
+import SecuredButton from "@/components/SecuredButton";
+
+const Policies: React.FC = () => {
+  const spaces = useSelector((state: RootState) => state.spaces);
+  const actions = getUserPermission({
+    resource: "policies",
+    action: "get",
+    spaces,
+  });
+  const dispatch = useAppDispatch();
+  const isMobile = useIsMobile();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  // State for search and filters
+  const [searchText, setSearchText] = useState<string>("");
+  const [showSearch, setShowSearch] = useState<boolean>(!isMobile);
+
+  // Initialize filters from URL params or defaults
+  const [filters, setFilters] = useState<PolicyFilters>({
+    page: parseInt(searchParams.get("page") || "1", 10),
+    limit: parseInt(searchParams.get("limit") || "10", 10),
+  });
+
+  // Update URL when filters change
+  useEffect(() => {
+    const newParams = new URLSearchParams();
+    Object.entries(filters).forEach(([key, value]) => {
+      newParams.set(key, value.toString());
+    });
+    setSearchParams(newParams);
+  }, [filters, setSearchParams]);
+
+  const fetchPolicies = useCallback(() => {
+    dispatch(getPolicies(filters));
+  }, [dispatch, filters]);
+
+  // Use custom hooks for data and pagination
+  const { policies, total, loading } = usePoliciesData(filters, searchText);
+
+  const { pageSize, totalPages, handlePageChange, handlePageSizeChange } =
+    usePoliciesPagination(filters, setFilters, total);
+
+  // Fetch policies when filters change
+  useEffect(() => {
+    fetchPolicies();
+  }, [filters, fetchPolicies]);
+
+  // Handle search input changes
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  // Handle navigation to create policy page
+  const handleCreatePolicy = () => {
+    window.location.href = "/settings/members/policies/create";
+  };
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"Policies"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="Policies" parentLabel="User Settings" />
+      )}
+
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: "265px",
+                right: 0,
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-3 pt-1 h-full"
+          }`}
+        >
+          {/* Title */}
+          {isMobile && <h1 className="text-xl font-semibold">Policies</h1>}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex-1 max-w-xs">
+              <Input
+                placeholder="Search policies..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-10"
+              />
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {isMobile ? (
+              <SecuredButton
+                size="icon"
+                className="h-9 w-9"
+                onClick={handleCreatePolicy}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            ) : (
+              <SecuredButton
+                size="lg"
+                className="flex items-center gap-2 py-2"
+                onClick={handleCreatePolicy}
+              >
+                <PlusCircle className="h-4 w-4" />
+                Create Policy
+              </SecuredButton>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <Input
+              placeholder="Search policies..."
+              value={searchText}
+              onChange={handleSearchChange}
+              className="h-9 w-full"
+              autoFocus
+            />
+          </div>
+        )}
+      </div>
+
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: "265px",
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+              }
+            : undefined
+        }
+      >
+        <PolicyList
+          actions={actions}
+          data={{
+            policies,
+            total,
+            loading,
+          }}
+          filters={filters}
+          setFilters={setFilters}
+          fetchPolicies={fetchPolicies}
+          isMobile={isMobile}
+        />
+      </div>
+
+      <div
+        className={`${
+          isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+        } z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: "265px",
+                right: 0,
+                height: "64px",
+              }
+            : undefined
+        }
+      >
+        <Pagination
+          currentPage={filters.page}
+          totalPages={totalPages}
+          totalItems={total}
+          pageSize={pageSize}
+          onPageChange={handlePageChange}
+          onPageSizeChange={handlePageSizeChange}
+          isMobile={isMobile}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default Policies;
diff --git a/studio/src/pages/policies/types.ts b/studio/src/pages/policies/types.ts
new file mode 100644
index 000000000..99a6c2ad5
--- /dev/null
+++ b/studio/src/pages/policies/types.ts
@@ -0,0 +1,87 @@
+// Policy related interfaces
+export interface PolicyPermission {
+  resource: string;
+  actions: string[];
+}
+
+export interface Policy {
+  id: string;
+  name: string;
+  users: string[];
+  description?: string;
+  permissions?: PolicyPermission[];
+  [key: string]: any;
+}
+
+export interface PolicyWithFormattedPermissions
+  extends Omit<Policy, "permissions"> {
+  permissions: Record<string, string[]>;
+}
+
+// Form values interface
+export interface PolicyFormValues {
+  name: string;
+  users: string[];
+  description?: string;
+  permissions?: PolicyPermission[];
+  [key: string]: any;
+}
+
+// Component props interfaces
+export interface PolicyListProps {
+  actions: string[];
+  data: {
+    policies: Policy[];
+    loading: boolean;
+    total: number;
+  };
+  filters: PolicyFilters;
+  setFilters: (filters: any) => void;
+  fetchPolicies: () => void;
+  isMobile?: boolean;
+}
+
+// State interfaces
+export interface PolicyFilters {
+  page: number;
+  limit: number;
+  [key: string]: any;
+}
+
+export interface PolicyState {
+  details: Record<string, Policy>;
+  loading: boolean;
+  req: Array<{
+    query: PolicyFilters;
+    data: string[];
+    total: number;
+  }>;
+}
+
+export interface Permission {
+  resource: string;
+  actions: string[];
+}
+
+export interface PolicyFormData {
+  id?: string;
+  name: string;
+  users: string[];
+  description?: string;
+  permissions: Record<string, string[]>; // Already required, which is correct
+}
+
+export interface PolicyFormProps {
+  data?: PolicyFormData;
+  onCreate: (values: {
+    name: string;
+    users: string[];
+    description?: string;
+    permissions: Permission[];
+  }) => void;
+}
+
+export interface RootState {
+  policies: PolicyState;
+  spaces: any;
+}
diff --git a/studio/src/pages/posts/CreatePost.js b/studio/src/pages/posts/CreatePost.js
deleted file mode 100644
index 8b0a3337f..000000000
--- a/studio/src/pages/posts/CreatePost.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import PostForm from './components/PostForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { addPost } from '../../actions/posts';
-import getUserPermission from '../../utils/getUserPermission';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreatePost({ formats }) {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'posts', action: 'get', spaces });
-  const history = useNavigation();
-  const dispatch = useDispatch();
-
-  const onCreate = (values) => {
-    dispatch(addPost(values)).then((post) => {
-      if (post && post.id) history(`/posts/${post.id}/edit`);
-    });
-  };
-  if (!formats.loading && formats.article) {
-    return (
-      <>
-        <Helmet title={'Create Post'} />
-        <PostForm onCreate={onCreate} actions={actions} format={formats.article} />
-      </>
-    );
-  }
-
-  return <FormatNotFound status="info" title="Article format not found" link="/formats" />;
-}
-
-export default CreatePost;
diff --git a/studio/src/pages/posts/CreatePost.test.js b/studio/src/pages/posts/CreatePost.test.js
deleted file mode 100644
index ec0d1791b..000000000
--- a/studio/src/pages/posts/CreatePost.test.js
+++ /dev/null
@@ -1,169 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount, shallow } from 'enzyme';
-
-import '../../matchMedia.mock';
-import CreatePost from './CreatePost';
-import * as actions from '../../actions/posts';
-import PostCreateForm from './components/PostForm';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/posts', () => ({
-  getPosts: jest.fn(),
-  addPost: jest.fn(),
-  publish: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-  loading: false,
-};
-describe('Post create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    posts: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    authors: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    tags: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    categories: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    formats: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-
-    claims: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    ratings: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-      details: {
-        11: { id: 11, name: 'Space 11' },
-      },
-      loading: false,
-      selected: 11,
-    },
-    sidebar: {
-      collapsed: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <CreatePost formats={formats} />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-      tree.unmount();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call addPost', (done) => {
-      actions.addPost.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CreatePost formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      wrapper.find(PostCreateForm).props().onCreate({ id: 1, title: 'test', status: 'draft' });
-      setTimeout(() => {
-        expect(actions.addPost).toHaveBeenCalledWith({ id: 1, title: 'test', status: 'draft' });
-        done();
-      }, 0);
-    });
-    it('should not display Post form if no article format found', () => {
-      const format = {
-        loading: false,
-        factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-      };
-      actions.publish.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CreatePost formats={format} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find(PostCreateForm).length).toBe(0);
-      expect(wrapper.find(FormatNotFound).length).toBe(1);
-    });
-  });
-});
diff --git a/studio/src/pages/posts/EditPost.js b/studio/src/pages/posts/EditPost.js
deleted file mode 100644
index 7d9ff9bec..000000000
--- a/studio/src/pages/posts/EditPost.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import PostEditForm from './components/PostForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updatePost, getPost } from '../../actions/posts';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import getUserPermission from '../../utils/getUserPermission';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditPost({ formats }) {
-  const history = useNavigation();
-  const { id } = useParams();
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'posts', action: 'get', spaces });
-
-  const dispatch = useDispatch();
-
-  const { post, loading } = useSelector((state) => {
-    return {
-      post: state.posts.details[id] ? state.posts.details[id] : null,
-      loading: state.posts.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getPost(id));
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!post) {
-    return <RecordNotFound />;
-  }
-  if (post && post.id && !formats.loading && post.format !== formats.article.id)
-    return <RecordNotFound />;
-
-  const onUpdate = (values) => {
-    dispatch(updatePost({ ...post, ...values })).then(() => {
-      history(`/posts/${id}/edit`);
-    });
-  };
-  return (
-    <>
-      <Helmet title={`${post?.title} - Edit Post`} />
-      <PostEditForm data={post} onCreate={onUpdate} actions={actions} format={formats.article} />
-    </>
-  );
-}
-
-export default EditPost;
diff --git a/studio/src/pages/posts/EditPost.test.js b/studio/src/pages/posts/EditPost.test.js
deleted file mode 100644
index 413758f19..000000000
--- a/studio/src/pages/posts/EditPost.test.js
+++ /dev/null
@@ -1,315 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import { BrowserRouter as Router } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { shallow, mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import EditPost from './EditPost';
-import * as actions from '../../actions/posts';
-import PostEditForm from './components/PostForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/posts', () => ({
-  getPosts: jest.fn(),
-  getPost: jest.fn(),
-  updatePost: jest.fn(),
-  addPost: jest.fn(),
-  publishPost: jest.fn(),
-  addTemplate: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-  loading: false,
-};
-let state = {
-  posts: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  authors: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  tags: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  categories: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  formats: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-
-  claims: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  claimants: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  ratings: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-};
-
-describe('Posts List component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore(state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <EditPost formats={formats} />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        posts: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-      });
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPost formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    state.posts = {
-      req: [],
-      details: {
-        1: {
-          id: 1,
-          title: 'Post-1',
-          slug: 'post-1',
-          tag_line: 'tag_line',
-          medium_id: 1,
-          format_id: 1,
-          format: 1,
-        },
-      },
-      loading: false,
-    };
-    beforeEach(() => {
-      store = mockStore(state);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getPost.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPost formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(actions.getPost).toHaveBeenCalledWith('1');
-    });
-    it('should call updatePost', (done) => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      actions.updatePost.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPost formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      wrapper.find(PostEditForm).props().onCreate({ status: 'draft' });
-      setTimeout(() => {
-        expect(actions.updatePost).toHaveBeenCalledWith({
-          id: 1,
-          title: 'Post-1',
-          slug: 'post-1',
-          tag_line: 'tag_line',
-          medium_id: 1,
-          format_id: 1,
-          format: 1,
-          published_date: null,
-          status: 'draft',
-        });
-        expect(push).toHaveBeenCalledWith('/posts/1/edit');
-        done();
-      }, 0);
-    });
-    it('should call publishPost', (done) => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      actions.publishPost.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPost formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      wrapper.find(PostEditForm).props().onCreate({ status: 'publish' });
-      setTimeout(() => {
-        expect(actions.updatePost).toHaveBeenCalledWith({
-          id: 1,
-          title: 'Post-1',
-          slug: 'post-1',
-          tag_line: 'tag_line',
-          published_date: null,
-          medium_id: 1,
-          format_id: 1,
-          format: 1,
-          status: 'publish',
-        });
-        expect(push).toHaveBeenCalledWith('/posts/1/edit');
-        done();
-      }, 0);
-    });
-    it('should display RecordNotFound if post not found', () => {
-      state.posts = {
-        req: [],
-        details: {
-          2: {
-            id: 2,
-            title: 'Post-2',
-            slug: 'post-2',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 1,
-          },
-        },
-        loading: false,
-      };
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPost formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(PostEditForm).length).toBe(0);
-    });
-    it('should display RecordNotFound if post format is not article not found', () => {
-      state.posts = {
-        req: [],
-        details: {
-          1: {
-            id: 1,
-            title: 'Post-2',
-            slug: 'post-2',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 2,
-            format: 2,
-          },
-        },
-        loading: false,
-      };
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditPost formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(PostEditForm).length).toBe(0);
-    });
-  });
-});
diff --git a/studio/src/pages/posts/EditPost.tsx b/studio/src/pages/posts/EditPost.tsx
new file mode 100644
index 000000000..50652ebf9
--- /dev/null
+++ b/studio/src/pages/posts/EditPost.tsx
@@ -0,0 +1,97 @@
+import React from "react";
+import PostEditForm from "./components/PostForm";
+import { useSelector } from "react-redux";
+import { Skeleton } from "@/components/ui/skeleton";
+import { updatePost, getPost } from "../../actions/posts";
+import { useParams } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import getUserPermission from "../../utils/getUserPermission";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { RootState } from "../../store/index";
+import { Post, Format } from "./types";
+
+interface EditPostProps {
+  formats: {
+    article: Format;
+    loading: boolean;
+  };
+}
+
+interface Space {
+  // Define your space interface structure
+  [key: string]: any;
+}
+
+function EditPost({ formats }: EditPostProps): React.ReactElement {
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+  const spaces = useSelector((state: RootState) => state.spaces);
+  const actions = getUserPermission({
+    resource: "posts",
+    action: "get",
+    spaces,
+  });
+
+  const dispatch = useAppDispatch();
+
+  const { post, loading } = useSelector((state: RootState) => {
+    return {
+      post: state.posts.details[id as string]
+        ? state.posts.details[id as string]
+        : null,
+      loading: state.posts.loading,
+    };
+  });
+
+  React.useEffect(() => {
+    if (id) {
+      dispatch(getPost(id));
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [id]);
+
+  if (loading) {
+    return (
+      <div className="flex flex-col gap-4">
+        <Skeleton className="h-12 w-full" />
+        <Skeleton className="h-24 w-full" />
+        <Skeleton className="h-12 w-3/4" />
+      </div>
+    );
+  }
+
+  if (!post) {
+    return <RecordNotFound />;
+  }
+
+  // Check if the post's format matches the current format
+  if (
+    post &&
+    post.id &&
+    !formats.loading &&
+    post.format !== formats.article.id
+  ) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: Partial<Post>) => {
+    dispatch(updatePost({ ...post, ...values })).then(() => {
+      history(`/posts/${id}/edit`);
+    });
+  };
+
+  return (
+    <>
+      <Helmet title={`${post?.title} - Edit Post`} />
+      <PostEditForm
+        data={post}
+        onCreate={onUpdate}
+        format={formats.article}
+      />
+    </>
+  );
+}
+
+export default EditPost;
diff --git a/studio/src/pages/posts/__snapshots__/CreatePost.test.js.snap b/studio/src/pages/posts/__snapshots__/CreatePost.test.js.snap
deleted file mode 100644
index 1dc4b53fb..000000000
--- a/studio/src/pages/posts/__snapshots__/CreatePost.test.js.snap
+++ /dev/null
@@ -1,53 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Post create component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <CreatePost
-    formats={
-      Object {
-        "article": Object {
-          "id": 1,
-          "name": "article",
-          "slug": "article",
-        },
-        "factcheck": Object {
-          "id": 2,
-          "name": "factcheck",
-          "slug": "fact-check",
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/posts/__snapshots__/EditPost.test.js.snap b/studio/src/pages/posts/__snapshots__/EditPost.test.js.snap
deleted file mode 100644
index fb25f57c4..000000000
--- a/studio/src/pages/posts/__snapshots__/EditPost.test.js.snap
+++ /dev/null
@@ -1,173 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Posts List component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EditPost
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-      >
-        <Skeleton
-          avatar={false}
-          paragraph={true}
-          title={true}
-        >
-          <div
-            className="ant-skeleton"
-          >
-            <div
-              className="ant-skeleton-content"
-            >
-              <Title
-                prefixCls="ant-skeleton-title"
-                width="38%"
-              >
-                <h3
-                  className="ant-skeleton-title"
-                  style={
-                    Object {
-                      "width": "38%",
-                    }
-                  }
-                />
-              </Title>
-              <Paragraph
-                prefixCls="ant-skeleton-paragraph"
-                rows={3}
-                width="61%"
-              >
-                <ul
-                  className="ant-skeleton-paragraph"
-                >
-                  <li
-                    key="0"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="1"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="2"
-                    style={
-                      Object {
-                        "width": "61%",
-                      }
-                    }
-                  />
-                </ul>
-              </Paragraph>
-            </div>
-          </div>
-        </Skeleton>
-      </EditPost>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Posts List component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditPost
-    formats={
-      Object {
-        "article": Object {
-          "id": 1,
-          "name": "article",
-          "slug": "article",
-        },
-        "factcheck": Object {
-          "id": 2,
-          "name": "factcheck",
-          "slug": "fact-check",
-        },
-        "loading": false,
-      }
-    }
-  />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/posts/__snapshots__/index.test.js.snap b/studio/src/pages/posts/__snapshots__/index.test.js.snap
deleted file mode 100644
index dbd30e9dc..000000000
--- a/studio/src/pages/posts/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,7436 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Posts List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Posts
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Posts"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Posts"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Posts"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Template
-                  format={
-                    Object {
-                      "id": 1,
-                      "name": "article",
-                      "slug": "article",
-                    }
-                  }
-                >
-                  <Spin
-                    size="default"
-                    spinning={true}
-                    style={
-                      Object {
-                        "marginLeft": "50%",
-                      }
-                    }
-                    wrapperClassName=""
-                  >
-                    <div
-                      className="ant-spin ant-spin-spinning"
-                      style={
-                        Object {
-                          "marginLeft": "50%",
-                        }
-                      }
-                    >
-                      <span
-                        className="ant-spin-dot ant-spin-dot-spin"
-                      >
-                        <i
-                          className="ant-spin-dot-item"
-                        />
-                        <i
-                          className="ant-spin-dot-item"
-                        />
-                        <i
-                          className="ant-spin-dot-item"
-                        />
-                        <i
-                          className="ant-spin-dot-item"
-                        />
-                      </span>
-                    </div>
-                  </Spin>
-                </Template>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  className="ant-advanced-search-form"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "format": Array [
-                        1,
-                      ],
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal ant-advanced-search-form"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "format": Array [
-                            1,
-                          ],
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal ant-advanced-search-form"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search posts"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search posts"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search posts"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search posts"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              key="4"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Status"
-                                  name="status"
-                                >
-                                  <WrapperField
-                                    label="Status"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Status",
-                                      }
-                                    }
-                                    name="status"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_status"
-                                      label="Status"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Status",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "status",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_status"
-                                            label="Status"
-                                            name="status"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_status"
-                                                  title="Status"
-                                                >
-                                                  Status
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Status"
-                                            name={
-                                              Array [
-                                                "status",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="all"
-                                                        id="filters_status"
-                                                        onChange={[Function]}
-                                                        placeholder="Status"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="all"
-                                                          dropdownClassName=""
-                                                          id="filters_status"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Status"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="all"
-                                                            dropdownClassName=""
-                                                            id="filters_status"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Status"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "All",
-                                                                            "key": "all",
-                                                                            "value": "all",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Draft",
-                                                                            "key": "draft",
-                                                                            "value": "draft",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Publish",
-                                                                            "key": "publish",
-                                                                            "value": "publish",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Ready to Publish",
-                                                                            "key": "ready",
-                                                                            "value": "ready",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_status"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "All",
-                                                                          "key": "all",
-                                                                          "value": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Draft",
-                                                                          "key": "draft",
-                                                                          "value": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Publish",
-                                                                          "key": "publish",
-                                                                          "value": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Ready to Publish",
-                                                                          "key": "ready",
-                                                                          "value": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "all",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "All",
-                                                                                "key": "all",
-                                                                                "value": "all",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Draft",
-                                                                                "key": "draft",
-                                                                                "value": "draft",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Publish",
-                                                                                "key": "publish",
-                                                                                "value": "publish",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Ready to Publish",
-                                                                                "key": "ready",
-                                                                                "value": "ready",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_status"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "All",
-                                                                              "key": "all",
-                                                                              "value": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Draft",
-                                                                              "key": "draft",
-                                                                              "value": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Publish",
-                                                                              "key": "publish",
-                                                                              "value": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Ready to Publish",
-                                                                              "key": "ready",
-                                                                              "value": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "all",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="all"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="All"
-                                                                          >
-                                                                            All
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_status"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Status"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "all",
-                                                                          "label": "All",
-                                                                          "value": "all",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="all"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_status_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_status_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_status_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_status"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="All"
-                                                                              >
-                                                                                All
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_status"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Status"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "all",
-                                                                              "label": "All",
-                                                                              "value": "all",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_status"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="All"
-                                                                        >
-                                                                          All
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Sort By"
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    label="Sort By"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Sort By",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      label="Sort By"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Sort By",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            label="Sort By"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_sort"
-                                                  title="Sort By"
-                                                >
-                                                  Sort By
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Sort By"
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        placeholder="Sort By"
-                                                        style={
-                                                          Object {
-                                                            "width": "100%",
-                                                          }
-                                                        }
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Sort By"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          style={
-                                                            Object {
-                                                              "width": "100%",
-                                                            }
-                                                          }
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Sort By"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "width": "100%",
-                                                              }
-                                                            }
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "width": "100%",
-                                                                }
-                                                              }
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Latest",
-                                                                            "key": "desc",
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Old",
-                                                                            "key": "asc",
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Latest",
-                                                                          "key": "desc",
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Old",
-                                                                          "key": "asc",
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Latest",
-                                                                                "key": "desc",
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Old",
-                                                                                "key": "asc",
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Latest",
-                                                                              "key": "desc",
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Old",
-                                                                              "key": "asc",
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Latest"
-                                                                          >
-                                                                            Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Sort By"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": "100%",
-                                                                      }
-                                                                    }
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Latest"
-                                                                              >
-                                                                                Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Sort By"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Latest"
-                                                                        >
-                                                                          Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Button
-                              onClick={[Function]}
-                              type="link"
-                            >
-                              <button
-                                className="ant-btn ant-btn-link"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  More Filters 
-                                  <ForwardRef(DownOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "down",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="down"
-                                        className="anticon anticon-down"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "down",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-down"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                              key="svg-down-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(DownOutlined)>
-                                </span>
-                              </button>
-                            </Button>
-                            <Col
-                              key="1"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/posts/create"
-                                >
-                                  <LinkAnchor
-                                    href="/posts/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/posts/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={true}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={true}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Post
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          />
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={3}
-              key="ant-space-item-3"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <PostList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "authors": Object {},
-                      "categories": Object {},
-                      "loading": true,
-                      "posts": Array [],
-                      "tags": Object {},
-                      "total": 0,
-                    }
-                  }
-                  fetchPosts={[Function]}
-                  filters={
-                    Object {
-                      "format": Array [
-                        1,
-                      ],
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  format={
-                    Object {
-                      "id": 1,
-                      "name": "article",
-                      "slug": "article",
-                    }
-                  }
-                  onPagination={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            expandable={
-                              Object {
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "onExpand": [Function],
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey={[Function]}
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      className="ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "title",
-                                            "key": "title",
-                                            "render": [Function],
-                                            "title": "Title",
-                                            "width": 400,
-                                          },
-                                          Object {
-                                            "dataIndex": "categories",
-                                            "ellipsis": true,
-                                            "key": "categories",
-                                            "render": [Function],
-                                            "title": "Categories",
-                                          },
-                                          Object {
-                                            "dataIndex": "tags",
-                                            "ellipsis": true,
-                                            "key": "tags",
-                                            "render": [Function],
-                                            "title": "Tags",
-                                          },
-                                          Object {
-                                            "dataIndex": "status",
-                                            "key": "status",
-                                            "render": [Function],
-                                            "title": "Status",
-                                            "width": 200,
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "actions",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Actions",
-                                            "width": 240,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": [Function],
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": -1,
-                                          "expandedRowKeys": Array [
-                                            0,
-                                          ],
-                                          "expandedRowRender": [Function],
-                                          "indentSize": 15,
-                                          "onExpand": [Function],
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: fixed;"
-                                              >
-                                                <colgroup>
-                                                  <col
-                                                    style="width: 400px;"
-                                                  />
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 200px;"
-                                                  />
-                                                  <col
-                                                    style="width: 240px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Title
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Categories"
-                                                    >
-                                                      Categories
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Tags"
-                                                    >
-                                                      Tags
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Status
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Actions
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="5"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "className": "ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": [Function],
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": -1,
-                                                "expandedRowKeys": Array [
-                                                  0,
-                                                ],
-                                                "expandedRowRender": [Function],
-                                                "indentSize": 15,
-                                                "onExpand": [Function],
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: fixed;"
-                                                    >
-                                                      <colgroup>
-                                                        <col
-                                                          style="width: 400px;"
-                                                        />
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 200px;"
-                                                        />
-                                                        <col
-                                                          style="width: 240px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Title
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Status
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="5"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "mergedExpandedKeys": Set {
-                                                0,
-                                              },
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "fixed",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      400,
-                                                      undefined,
-                                                      undefined,
-                                                      200,
-                                                      240,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": 400,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 200,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="4"
-                                                      style={
-                                                        Object {
-                                                          "width": 240,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={5}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Title",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            },
-                                                            "key": "title",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Categories",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            },
-                                                            "key": "categories",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Tags",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            },
-                                                            "key": "tags",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Status",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            },
-                                                            "key": "status",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Actions",
-                                                            "className": "",
-                                                            "colEnd": 4,
-                                                            "colSpan": 1,
-                                                            "colStart": 4,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "title",
-                                                            "fixed": undefined,
-                                                            "key": "title",
-                                                            "render": [Function],
-                                                            "title": "Title",
-                                                            "width": 400,
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "categories",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "categories",
-                                                            "render": [Function],
-                                                            "title": "Categories",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "tags",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "tags",
-                                                            "render": [Function],
-                                                            "title": "Tags",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "status",
-                                                            "fixed": undefined,
-                                                            "key": "status",
-                                                            "render": [Function],
-                                                            "title": "Status",
-                                                            "width": 200,
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "actions",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Actions",
-                                                            "width": 240,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="title"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Title
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="categories"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="tags"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="status"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Status
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={4}
-                                                          colSpan={1}
-                                                          colStart={4}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="actions"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={
-                                                    Set {
-                                                      0,
-                                                    }
-                                                  }
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={5}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={5}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={5}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </PostList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Posts>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Posts List component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Posts
-        formats={
-          Object {
-            "article": Object {
-              "id": 1,
-              "name": "article",
-              "slug": "article",
-            },
-            "factcheck": Object {
-              "id": 2,
-              "name": "factcheck",
-              "slug": "fact-check",
-            },
-            "loading": false,
-          }
-        }
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Posts"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Posts"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Posts"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Template
-                  format={
-                    Object {
-                      "id": 1,
-                      "name": "article",
-                      "slug": "article",
-                    }
-                  }
-                />
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  className="ant-advanced-search-form"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "format": Array [
-                        1,
-                      ],
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "maxWidth": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal ant-advanced-search-form"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "format": Array [
-                            1,
-                          ],
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "maxWidth": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal ant-advanced-search-form"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "maxWidth": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search posts"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search posts"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search posts"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search posts"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col
-                              key="4"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Status"
-                                  name="status"
-                                >
-                                  <WrapperField
-                                    label="Status"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Status",
-                                      }
-                                    }
-                                    name="status"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_status"
-                                      label="Status"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Status",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "status",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_status"
-                                            label="Status"
-                                            name="status"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_status"
-                                                  title="Status"
-                                                >
-                                                  Status
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Status"
-                                            name={
-                                              Array [
-                                                "status",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="all"
-                                                        id="filters_status"
-                                                        onChange={[Function]}
-                                                        placeholder="Status"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="all"
-                                                          dropdownClassName=""
-                                                          id="filters_status"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Status"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="all"
-                                                            dropdownClassName=""
-                                                            id="filters_status"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Status"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "All",
-                                                                            "key": "all",
-                                                                            "value": "all",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Draft",
-                                                                            "key": "draft",
-                                                                            "value": "draft",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Publish",
-                                                                            "key": "publish",
-                                                                            "value": "publish",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Ready to Publish",
-                                                                            "key": "ready",
-                                                                            "value": "ready",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_status"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "All",
-                                                                          "key": "all",
-                                                                          "value": "all",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Draft",
-                                                                          "key": "draft",
-                                                                          "value": "draft",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Publish",
-                                                                          "key": "publish",
-                                                                          "value": "publish",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Ready to Publish",
-                                                                          "key": "ready",
-                                                                          "value": "ready",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "all",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "All",
-                                                                                "key": "all",
-                                                                                "value": "all",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Draft",
-                                                                                "key": "draft",
-                                                                                "value": "draft",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Publish",
-                                                                                "key": "publish",
-                                                                                "value": "publish",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Ready to Publish",
-                                                                                "key": "ready",
-                                                                                "value": "ready",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_status"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "All",
-                                                                              "key": "all",
-                                                                              "value": "all",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Draft",
-                                                                              "key": "draft",
-                                                                              "value": "draft",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Publish",
-                                                                              "key": "publish",
-                                                                              "value": "publish",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Ready to Publish",
-                                                                              "key": "ready",
-                                                                              "value": "ready",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "all",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="all"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="All"
-                                                                          >
-                                                                            All
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_status"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Status"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "all",
-                                                                          "label": "All",
-                                                                          "value": "all",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="all"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_status_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_status_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_status_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_status"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="All"
-                                                                              >
-                                                                                All
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_status"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Status"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "all",
-                                                                              "label": "All",
-                                                                              "value": "all",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_status"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_status_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_status_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_status_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_status"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="All"
-                                                                        >
-                                                                          All
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  label="Sort By"
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    label="Sort By"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Sort By",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      label="Sort By"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Sort By",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            label="Sort By"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="filters_sort"
-                                                  title="Sort By"
-                                                >
-                                                  Sort By
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Sort By"
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        placeholder="Sort By"
-                                                        style={
-                                                          Object {
-                                                            "width": "100%",
-                                                          }
-                                                        }
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          placeholder="Sort By"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          style={
-                                                            Object {
-                                                              "width": "100%",
-                                                            }
-                                                          }
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            placeholder="Sort By"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            style={
-                                                              Object {
-                                                                "width": "100%",
-                                                              }
-                                                            }
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "width": "100%",
-                                                                }
-                                                              }
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Latest",
-                                                                            "key": "desc",
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Old",
-                                                                            "key": "asc",
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Latest",
-                                                                          "key": "desc",
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Old",
-                                                                          "key": "asc",
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Latest",
-                                                                                "key": "desc",
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Old",
-                                                                                "key": "asc",
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Latest",
-                                                                              "key": "desc",
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Old",
-                                                                              "key": "asc",
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Latest"
-                                                                          >
-                                                                            Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    placeholder="Sort By"
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    style={
-                                                                      Object {
-                                                                        "width": "100%",
-                                                                      }
-                                                                    }
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Latest"
-                                                                              >
-                                                                                Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        placeholder="Sort By"
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        style={
-                                                                          Object {
-                                                                            "width": "100%",
-                                                                          }
-                                                                        }
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Latest"
-                                                                        >
-                                                                          Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Button
-                              onClick={[Function]}
-                              type="link"
-                            >
-                              <button
-                                className="ant-btn ant-btn-link"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  More Filters 
-                                  <ForwardRef(DownOutlined)>
-                                    <AntdIcon
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "down",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <span
-                                        aria-label="down"
-                                        className="anticon anticon-down"
-                                        role="img"
-                                      >
-                                        <IconReact
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "down",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <svg
-                                            aria-hidden="true"
-                                            data-icon="down"
-                                            fill="currentColor"
-                                            focusable="false"
-                                            height="1em"
-                                            key="svg-down"
-                                            viewBox="64 64 896 896"
-                                            width="1em"
-                                          >
-                                            <path
-                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                              key="svg-down-svg-0"
-                                            />
-                                          </svg>
-                                        </IconReact>
-                                      </span>
-                                    </AntdIcon>
-                                  </ForwardRef(DownOutlined)>
-                                </span>
-                              </button>
-                            </Button>
-                            <Col
-                              key="1"
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  to="/posts/create"
-                                >
-                                  <LinkAnchor
-                                    href="/posts/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/posts/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={true}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={true}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Post
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          />
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={3}
-              key="ant-space-item-3"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <PostList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "authors": Object {},
-                      "categories": Object {},
-                      "loading": false,
-                      "posts": Array [],
-                      "tags": Object {},
-                      "total": 0,
-                    }
-                  }
-                  fetchPosts={[Function]}
-                  filters={
-                    Object {
-                      "format": Array [
-                        1,
-                      ],
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  format={
-                    Object {
-                      "id": 1,
-                      "name": "article",
-                      "slug": "article",
-                    }
-                  }
-                  onPagination={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "title",
-                                  "key": "title",
-                                  "render": [Function],
-                                  "title": "Title",
-                                  "width": 400,
-                                },
-                                Object {
-                                  "dataIndex": "categories",
-                                  "ellipsis": true,
-                                  "key": "categories",
-                                  "render": [Function],
-                                  "title": "Categories",
-                                },
-                                Object {
-                                  "dataIndex": "tags",
-                                  "ellipsis": true,
-                                  "key": "tags",
-                                  "render": [Function],
-                                  "title": "Tags",
-                                },
-                                Object {
-                                  "dataIndex": "status",
-                                  "key": "status",
-                                  "render": [Function],
-                                  "title": "Status",
-                                  "width": 200,
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "actions",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Actions",
-                                  "width": 240,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            expandable={
-                              Object {
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": -1,
-                                "expandedRowKeys": Array [
-                                  0,
-                                ],
-                                "expandedRowRender": [Function],
-                                "onExpand": [Function],
-                              }
-                            }
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey={[Function]}
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      className="ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "title",
-                                            "key": "title",
-                                            "render": [Function],
-                                            "title": "Title",
-                                            "width": 400,
-                                          },
-                                          Object {
-                                            "dataIndex": "categories",
-                                            "ellipsis": true,
-                                            "key": "categories",
-                                            "render": [Function],
-                                            "title": "Categories",
-                                          },
-                                          Object {
-                                            "dataIndex": "tags",
-                                            "ellipsis": true,
-                                            "key": "tags",
-                                            "render": [Function],
-                                            "title": "Tags",
-                                          },
-                                          Object {
-                                            "dataIndex": "status",
-                                            "key": "status",
-                                            "render": [Function],
-                                            "title": "Status",
-                                            "width": 200,
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "actions",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Actions",
-                                            "width": 240,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": [Function],
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": -1,
-                                          "expandedRowKeys": Array [
-                                            0,
-                                          ],
-                                          "expandedRowRender": [Function],
-                                          "indentSize": 15,
-                                          "onExpand": [Function],
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: fixed;"
-                                              >
-                                                <colgroup>
-                                                  <col
-                                                    style="width: 400px;"
-                                                  />
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 200px;"
-                                                  />
-                                                  <col
-                                                    style="width: 240px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Title
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Categories"
-                                                    >
-                                                      Categories
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-ellipsis"
-                                                      title="Tags"
-                                                    >
-                                                      Tags
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Status
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Actions
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="5"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "className": "ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "title",
-                                                  "key": "title",
-                                                  "render": [Function],
-                                                  "title": "Title",
-                                                  "width": 400,
-                                                },
-                                                Object {
-                                                  "dataIndex": "categories",
-                                                  "ellipsis": true,
-                                                  "key": "categories",
-                                                  "render": [Function],
-                                                  "title": "Categories",
-                                                },
-                                                Object {
-                                                  "dataIndex": "tags",
-                                                  "ellipsis": true,
-                                                  "key": "tags",
-                                                  "render": [Function],
-                                                  "title": "Tags",
-                                                },
-                                                Object {
-                                                  "dataIndex": "status",
-                                                  "key": "status",
-                                                  "render": [Function],
-                                                  "title": "Status",
-                                                  "width": 200,
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "actions",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Actions",
-                                                  "width": 240,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": [Function],
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": -1,
-                                                "expandedRowKeys": Array [
-                                                  0,
-                                                ],
-                                                "expandedRowRender": [Function],
-                                                "indentSize": 15,
-                                                "onExpand": [Function],
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: fixed;"
-                                                    >
-                                                      <colgroup>
-                                                        <col
-                                                          style="width: 400px;"
-                                                        />
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 200px;"
-                                                        />
-                                                        <col
-                                                          style="width: 240px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Title
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-ellipsis"
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Status
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="5"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "mergedExpandedKeys": Set {
-                                                0,
-                                              },
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "fixed",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      400,
-                                                      undefined,
-                                                      undefined,
-                                                      200,
-                                                      240,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": 400,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="3"
-                                                      style={
-                                                        Object {
-                                                          "width": 200,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="4"
-                                                      style={
-                                                        Object {
-                                                          "width": 240,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={5}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "title",
-                                                        "fixed": undefined,
-                                                        "key": "title",
-                                                        "render": [Function],
-                                                        "title": "Title",
-                                                        "width": 400,
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "categories",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "categories",
-                                                        "render": [Function],
-                                                        "title": "Categories",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "tags",
-                                                        "ellipsis": true,
-                                                        "fixed": undefined,
-                                                        "key": "tags",
-                                                        "render": [Function],
-                                                        "title": "Tags",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "status",
-                                                        "fixed": undefined,
-                                                        "key": "status",
-                                                        "render": [Function],
-                                                        "title": "Status",
-                                                        "width": 200,
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "actions",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Actions",
-                                                        "width": 240,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Title",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            },
-                                                            "key": "title",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Categories",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            },
-                                                            "key": "categories",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Tags",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            },
-                                                            "key": "tags",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Status",
-                                                            "className": "",
-                                                            "colEnd": 3,
-                                                            "colSpan": 1,
-                                                            "colStart": 3,
-                                                            "column": Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            },
-                                                            "key": "status",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Actions",
-                                                            "className": "",
-                                                            "colEnd": 4,
-                                                            "colSpan": 1,
-                                                            "colStart": 4,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "title",
-                                                            "fixed": undefined,
-                                                            "key": "title",
-                                                            "render": [Function],
-                                                            "title": "Title",
-                                                            "width": 400,
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "categories",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "categories",
-                                                            "render": [Function],
-                                                            "title": "Categories",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "tags",
-                                                            "ellipsis": true,
-                                                            "fixed": undefined,
-                                                            "key": "tags",
-                                                            "render": [Function],
-                                                            "title": "Tags",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "status",
-                                                            "fixed": undefined,
-                                                            "key": "status",
-                                                            "render": [Function],
-                                                            "title": "Status",
-                                                            "width": 200,
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "actions",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Actions",
-                                                            "width": 240,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "title",
-                                                              "key": "title",
-                                                              "render": [Function],
-                                                              "title": "Title",
-                                                              "width": 400,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="title"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Title
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "categories",
-                                                              "ellipsis": true,
-                                                              "key": "categories",
-                                                              "render": [Function],
-                                                              "title": "Categories",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="categories"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Categories"
-                                                          >
-                                                            Categories
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "tags",
-                                                              "ellipsis": true,
-                                                              "key": "tags",
-                                                              "render": [Function],
-                                                              "title": "Tags",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          ellipsis={true}
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="tags"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-ellipsis"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                            title="Tags"
-                                                          >
-                                                            Tags
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={3}
-                                                          colSpan={1}
-                                                          colStart={3}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "status",
-                                                              "key": "status",
-                                                              "render": [Function],
-                                                              "title": "Status",
-                                                              "width": 200,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="status"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Status
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={4}
-                                                          colSpan={1}
-                                                          colStart={4}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "actions",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Actions",
-                                                              "width": 240,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="actions"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Actions
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={
-                                                    Set {
-                                                      0,
-                                                    }
-                                                  }
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={5}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={5}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={5}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </PostList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Posts>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/posts/components/PostForm.js b/studio/src/pages/posts/components/PostForm.js
deleted file mode 100644
index 04876128b..000000000
--- a/studio/src/pages/posts/components/PostForm.js
+++ /dev/null
@@ -1,749 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import {
-  Row,
-  Col,
-  Form,
-  Input,
-  Button,
-  Space,
-  Drawer,
-  DatePicker,
-  Dropdown,
-  Switch,
-  Tag,
-  Modal,
-  Typography,
-  Collapse,
-  Divider,
-  Select,
-} from 'antd';
-import Selector from '../../../components/Selector';
-import { maker } from '../../../utils/sluger';
-import MediaSelector from '../../../components/MediaSelector';
-import { useDispatch } from 'react-redux';
-import { addTemplate } from '../../../actions/posts';
-import { addErrorNotification } from '../../../actions/notifications';
-import {
-  SettingFilled,
-  LeftOutlined,
-  DownOutlined,
-  MenuUnfoldOutlined,
-  CheckCircleOutlined,
-  ExceptionOutlined,
-  ClockCircleOutlined,
-  AppstoreOutlined,
-  TagsOutlined,
-  FileSearchOutlined,
-  ProfileOutlined,
-} from '@ant-design/icons';
-import ThreeDotIcon from '../../../assets/ThreeDotIcon';
-import dayjs from 'dayjs';
-import MonacoEditor from '../../../components/MonacoEditor';
-import getJsonValue from '../../../utils/getJsonValue';
-import { DescriptionInput, SlugInput } from '../../../components/FormItems';
-import { formatDate } from '../../../utils/date';
-import languages from '../../../utils/languages.json';
-import useNavigation from '../../../utils/useNavigation';
-import RelatedURLs from './RelatedURLs';
-
-function PostForm({ onCreate, data = {}, actions = {}, format, page = false }) {
-  const navigate = useNavigation();
-  const formRef = useRef(null);
-  const [form] = Form.useForm();
-  const [status, setStatus] = useState(data.status ? data.status : 'draft');
-  const dispatch = useDispatch();
-  const [valueChange, setValueChange] = React.useState(false);
-  const [drawerVisible, setDrawerVisible] = useState(false);
-  const [codeDrawer, setCodeDrawerVisible] = useState(false);
-  const [metaFieldsDrawer, setMetaFieldsDrawerVisible] = useState(false);
-  const [seoDrawer, setSeoDrawerVisible] = useState(false);
-  const [isModalVisible, setIsModalVisible] = useState(false);
-  const [isMobileScreen, setIsMobileScreen] = useState(false);
-  const [selectedLanguage, setSelectedLanguage] = useState('English');
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-  const languagesList = languages.map((language) => ({ value: language, label: language }));
-
-  const handleLanguageChange = (value) => {
-    setSelectedLanguage(value);
-  };
-
-  const showSchemaModal = () => {
-    setIsModalVisible(true);
-  };
-
-  const handleSchemaModalOk = () => {
-    setIsModalVisible(false);
-  };
-  const handleSchemaModalCancel = () => {
-    setIsModalVisible(false);
-  };
-
-  const copySchema = (textToCopy) => {
-    // navigator clipboard api needs a secure context (https)
-    if (navigator.clipboard && window.isSecureContext) {
-      // navigator clipboard api method'
-      return navigator.clipboard.writeText(textToCopy);
-    } else {
-      // text area method
-      let textArea = document.createElement('textarea');
-      textArea.value = textToCopy;
-      // make the textarea out of viewport
-      textArea.style.position = 'fixed';
-      textArea.style.left = '-999999px';
-      textArea.style.top = '-999999px';
-      document.body.appendChild(textArea);
-      textArea.focus();
-      textArea.select();
-      return new Promise((res, rej) => {
-        // here the magic happens
-        document.execCommand('copy') ? res() : rej();
-        textArea.remove();
-      });
-    }
-  };
-
-  const showDrawer = () => {
-    setDrawerVisible(true);
-  };
-  const onClose = () => {
-    setDrawerVisible(false);
-    setCodeDrawerVisible(false);
-    setMetaFieldsDrawerVisible(false);
-    setSeoDrawerVisible(false);
-  };
-
-  if (!data.status) data.status = 'draft';
-
-  const [shouldBlockNavigation, setShouldBlockNavigation] = useState(false);
-
-  const getCurrentDate = () => {
-    return dayjs(Date.now()).format('YYYY-MM-DDTHH:mm:ssZ');
-  };
-
-  const onSave = (values) => {
-    const finalData = { ...values };
-
-    for (const key in data) {
-      if (data.hasOwnProperty(key)) {
-        if (!finalData.hasOwnProperty(key)) {
-          finalData[key] = data[key];
-        }
-      }
-    }
-
-    setShouldBlockNavigation(false);
-    if (finalData.meta_fields) {
-      finalData.meta_fields = getJsonValue(finalData.meta_fields);
-    }
-    finalData.category_ids = finalData.categories || [];
-    finalData.tag_ids = finalData.tags || [];
-    finalData.format_id = format.id;
-    finalData.author_ids = finalData.authors || [];
-    finalData.status = status;
-    if ((status === 'publish' || status === 'future') && finalData.author_ids.length === 0) {
-      dispatch(addErrorNotification('At least one author must be assigned.'));
-      return;
-    }
-    if (status === 'future') {
-      if (!finalData.published_date) {
-        dispatch(addErrorNotification('Published date is required for future publishing.'));
-        return;
-      }
-    }
-    finalData.status === 'publish'
-      ? (finalData.published_date = finalData.published_date
-          ? dayjs(finalData.published_date).format('YYYY-MM-DDTHH:mm:ssZ')
-          : getCurrentDate())
-      : (finalData.published_date = null);
-    onCreate(finalData);
-  };
-
-  const onTitleChange = (string) => {
-    if (status !== 'publish') {
-      form.setFieldsValue({
-        slug: maker(string),
-      });
-    }
-  };
-
-  if (data && data.id) {
-    data.published_date = data.published_date ? dayjs(data.published_date) : null;
-    if (data.meta_fields && typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-
-  const createTemplate = () => {
-    dispatch(addTemplate({ post_id: parseInt(data.id) })).then(() => {
-      page ? navigate('/pages') : navigate('/posts');
-    });
-  };
-
-  useEffect(() => {}, [form]);
-
-  useEffect(() => {
-    const handleBeforeUnload = () => {
-      if (shouldBlockNavigation) {
-        window.onbeforeunload = () => true;
-      } else {
-        window.onbeforeunload = undefined;
-      }
-    };
-    handleBeforeUnload();
-    return () => {
-      window.removeEventListener('onbeforeunload', handleBeforeUnload);
-    };
-  }, [shouldBlockNavigation]);
-  const formProps = {
-    form: form,
-    ref: formRef,
-    initialValues: { ...data },
-    style: { maxWidth: '100%', width: '100%' },
-    onFinish: (values) => onSave(values),
-    onValuesChange: () => {
-      setShouldBlockNavigation(true);
-      setValueChange(true);
-    },
-    layout: 'vertical',
-  };
-
-  const postActions = [
-    {
-      key: 'save',
-      label: (
-        <Button type="link" disabled={!valueChange}>
-          Save Draft
-        </Button>
-      ),
-      onClick: () => {
-        setStatus('draft');
-        form.submit();
-      },
-    },
-    {
-      key: 'publish',
-      label: (
-        <Button type="ready" disabled={!valueChange}>
-          Ready to Publish
-        </Button>
-      ),
-      onClick: () => {
-        setStatus('ready');
-        form.submit();
-      },
-    },
-    {
-      key: 'future',
-      label: (
-        <Button type="future" disabled={!valueChange}>
-          Future Publish
-        </Button>
-      ),
-      onClick: () => {
-        setStatus('future');
-        form.submit();
-      },
-    },
-  ];
-
-  return (
-    <>
-      {/* <Prompt
-        // deprecated in react-router-dom v6
-        when={shouldBlockNavigation}
-        message="You have unsaved changes, are you sure you want to leave?"
-      /> */}
-      <Form
-        form={form}
-        ref={formRef}
-        initialValues={{
-          ...data,
-        }}
-        style={{ maxWidth: '100%', width: '100%' }}
-        onFinish={(values) => onSave(values)}
-        onValuesChange={() => {
-          setShouldBlockNavigation(true);
-          setValueChange(true);
-        }}
-        layout="vertical"
-        className="edit-form"
-      >
-        <Space direction="vertical">
-          <div style={{ float: 'right' }}>
-            <Space direction="horizontal">
-              {data.id ? (
-                <Form.Item name="template">
-                  <Button onClick={createTemplate}>Create Template</Button>
-                </Form.Item>
-              ) : null}
-              {actions.includes('admin') || actions.includes('publish') ? (
-                <Form.Item name="actions">
-                  <Dropdown.Button
-                    type="primary"
-                    onClick={() => {
-                      setStatus('publish');
-                      form.submit();
-                    }}
-                    menu={{ items: postActions }}
-                    icon={<DownOutlined style={{ fontSize: '14px' }} />}
-                  >
-                    <span style={{ width: '100px' }}>
-                      {data.id && status === 'publish' ? 'Update' : 'Publish'}
-                    </span>
-                  </Dropdown.Button>
-                </Form.Item>
-              ) : null}
-              <Form.Item name="drawerOpen">
-                <Button onClick={showDrawer} type="link">
-                  <SettingFilled style={{ fontSize: '14px', color: '#000000E0' }} />
-                </Button>
-              </Form.Item>
-            </Space>
-          </div>
-          <Row gutter={16}>
-            <Col xs={{ span: 24 }} xl={{ span: 18, offset: 3 }} xxl={{ span: 12, offset: 6 }}>
-              <Form.Item
-                name="title"
-                rules={[
-                  {
-                    required: true,
-                    message: 'Please input the title!',
-                  },
-                  { max: 500, message: 'Title must be maximum 500 characters.' },
-                ]}
-              >
-                <Input.TextArea
-                  bordered={false}
-                  placeholder={`Add title for the ${page ? 'page' : 'post'}`}
-                  onChange={(e) => onTitleChange(e.target.value)}
-                  style={{
-                    fontSize: '2.5rem',
-                    fontWeight: 'bold',
-                    textAlign: 'center',
-                    resize: 'none',
-                  }}
-                  autoSize={{ minRows: 2, maxRows: 6 }}
-                />
-              </Form.Item>
-              <DescriptionInput
-                type="editor"
-                formItemProps={{ className: 'post-description' }}
-                initialValue={data.description_html}
-                noLabel
-              />
-              <Drawer
-                className="edit-drawer"
-                title={
-                  <>
-                    {actions.includes('admin') || actions.includes('publish') ? (
-                      <Form.Item name="actions" style={{ float: 'right', margin: 0 }}>
-                        <Dropdown.Button
-                          type="primary"
-                          onClick={() => {
-                            setStatus('publish');
-                            form.submit();
-                          }}
-                          menu={{ items: postActions }}
-                          icon={<DownOutlined style={{ fontSize: '12px' }} />}
-                        >
-                          <span style={{ width: '60px' }}>
-                            {data.id && status === 'publish' ? 'Update' : 'Publish'}
-                          </span>
-                        </Dropdown.Button>
-                      </Form.Item>
-                    ) : null}
-                  </>
-                }
-                placement="right"
-                closable={true}
-                onClose={onClose}
-                visible={drawerVisible}
-                width={isMobileScreen ? '80vw' : 480}
-                bodyStyle={{ paddingBottom: 40 }}
-                headerStyle={{ fontWeight: 'bold' }}
-              >
-                <Form
-                  form={form}
-                  ref={formRef}
-                  className="edit-form"
-                  initialValues={{ ...data }}
-                  style={{ maxWidth: '100%', width: '100%' }}
-                  onFinish={(values) => onSave(values)}
-                  onValuesChange={() => {
-                    setShouldBlockNavigation(true);
-                    setValueChange(true);
-                  }}
-                  layout="vertical"
-                >
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    defaultActiveKey={['1']}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <MenuUnfoldOutlined
-                          style={{ fontSize: '14px', color: isActive ? '#3473ED' : '#000000E0' }}
-                        />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Details" key="1">
-                      <Row justify="space-between" style={{ margin: '16px 0', marginTop: 0 }}>
-                        {data?.created_at ? (
-                          <Col span={16}>
-                            <Typography.Text style={{ color: '#575757E0', fontSize: '14px' }}>
-                              <span style={{ color: '#000000E0', fontWeight: 400 }}>
-                                Created Date:{' '}
-                              </span>
-                              {formatDate(data.created_at)}
-                            </Typography.Text>
-                          </Col>
-                        ) : null}
-                        {data?.updated_at ? (
-                          <Col span={16}>
-                            <Typography.Text style={{ color: '#575757E0', fontSize: '14px' }}>
-                              <span style={{ color: '#000000E0', fontWeight: 400 }}>
-                                Last updated:{' '}
-                              </span>
-                              {formatDate(data.updated_at)}
-                            </Typography.Text>
-                          </Col>
-                        ) : null}
-
-                        <Col span={6}>
-                          {status === 'publish' ? (
-                            <Tag icon={<CheckCircleOutlined />} color="green">
-                              Published
-                            </Tag>
-                          ) : status === 'draft' ? (
-                            <Tag color="red" icon={<ExceptionOutlined />}>
-                              Draft
-                            </Tag>
-                          ) : status === 'ready' ? (
-                            <Tag color="gold" icon={<ClockCircleOutlined />}>
-                              Ready to Publish
-                            </Tag>
-                          ) : status === 'future' ? (
-                            <Tag color="gold" icon={<ClockCircleOutlined />}>
-                              Future Publish
-                            </Tag>
-                          ) : null}
-                        </Col>
-                      </Row>
-
-                      <Form.Item name="published_date" label="Published Date">
-                        <DatePicker style={{ width: '100%' }} />
-                      </Form.Item>
-
-                      <Form.Item name="authors" label="Authors">
-                        <Selector mode="multiple" display={'display_name'} action="Authors" />
-                      </Form.Item>
-                      <Form.Item name="language" label="Language">
-                        <Select
-                          options={languagesList}
-                          defaultValue={selectedLanguage}
-                          onChange={handleLanguageChange}
-                        />
-                      </Form.Item>
-                      <Form.Item name="featured_medium_id" label="Featured Image">
-                        <MediaSelector />
-                      </Form.Item>
-                      <RelatedURLs />
-                      <Form.Item
-                        name="is_featured"
-                        valuePropName="checked"
-                        id="is_featured"
-                        style={{ marginBottom: '8px' }}
-                      >
-                        <Switch
-                          onChange={(checked) => {
-                            form.setFieldsValue({ is_featured: checked });
-                          }}
-                          defaultValue={data.is_featured}
-                        />
-                        <label htmlFor="is_featured"> Mark as Featured </label>
-                      </Form.Item>
-                      <Form.Item
-                        name="is_exclude_from_homepage"
-                        id="is_exclude_from_homepage"
-                        valuePropName="checked"
-                      >
-                        <Switch
-                          onChange={(checked) => {
-                            form.setFieldsValue({ is_exclude_from_homepage: checked });
-                          }}
-                          defaultValue={data.is_exclude_from_homepage}
-                        />
-                        <label htmlFor="is_exclude_from_homepage"> Exclude from Homepage </label>
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: 0 }} />
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <ProfileOutlined
-                          style={{ fontSize: '14px', color: isActive ? '#3473ED' : '#000000E0' }}
-                        />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Other Details" key="1">
-                      <Form.Item name="subtitle" label="Subtitle">
-                        <Input placeholder="Subtitle" style={{ fontSize: 'medium' }} />
-                      </Form.Item>
-                      <Form.Item
-                        name="excerpt"
-                        label="Excerpt"
-                        rules={[
-                          { max: 5000, message: 'Excerpt must be a maximum of 5000 characters.' },
-                          {
-                            message: 'Add Excerpt',
-                          },
-                        ]}
-                      >
-                        <Input.TextArea
-                          rows={4}
-                          placeholder="Excerpt"
-                          style={{ fontSize: 'medium' }}
-                        />
-                      </Form.Item>
-                      <Form.Item name="custom_format" label="Custom Format">
-                        <Input placeholder="Custom format" style={{ fontSize: 'medium' }} />
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: 0 }} />
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <AppstoreOutlined
-                          style={{ fontSize: '14px', color: isActive ? '#3473ED' : '#000000E0' }}
-                        />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Categories" key="1">
-                      <Form.Item name="categories" style={{ marginBottom: '8px' }}>
-                        <Selector mode="multiple" action="Categories" createEntity="Category" />
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: 0 }} />
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <TagsOutlined
-                          style={{ fontSize: '14px', color: isActive ? '#3473ED' : '#000000E0' }}
-                        />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Tags" key="1">
-                      <Form.Item name="tags" style={{ marginBottom: '8px' }}>
-                        <Selector mode="multiple" action="Tags" createEntity="Tag" />
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: 0 }} />
-                  <div
-                    style={{ display: 'flex', gap: '10px', cursor: 'pointer', padding: '1rem 0' }}
-                    onClick={() => setSeoDrawerVisible(true)}
-                  >
-                    <div className="collapse-icon-background">
-                      <FileSearchOutlined
-                        style={{ fontSize: '14px', color: seoDrawer ? '#3473ED' : '#000000E0' }}
-                      />
-                    </div>
-                    <Typography.Text strong>SEO</Typography.Text>
-                  </div>
-                  <Divider style={{ margin: '0 10px' }} />
-                  <Collapse
-                    ghost
-                    bordered={false}
-                    accordion={true}
-                    expandIcon={({ isActive }) => (
-                      <div className="collapse-icon-background">
-                        <ThreeDotIcon color={isActive ? '#3473ED' : '#000000E0'} />
-                      </div>
-                    )}
-                  >
-                    <Collapse.Panel header="Others" key="1">
-                      <Form.Item>
-                        <Button
-                          style={{ width: '100%' }}
-                          onClick={() => setCodeDrawerVisible(true)}
-                        >
-                          Code Injection
-                        </Button>
-                      </Form.Item>
-                      <Form.Item>
-                        <Button onClick={() => showSchemaModal()} style={{ width: '100%' }}>
-                          View Schemas
-                        </Button>
-                      </Form.Item>
-                      <Form.Item>
-                        <Button
-                          style={{ width: '100%' }}
-                          onClick={() => setMetaFieldsDrawerVisible(true)}
-                        >
-                          Add Meta Fields
-                        </Button>
-                      </Form.Item>
-                    </Collapse.Panel>
-                  </Collapse>
-                  <Divider style={{ margin: '0 10px' }} />
-                  <Modal
-                    title="View Schemas"
-                    visible={isModalVisible}
-                    onOk={handleSchemaModalOk}
-                    onCancel={handleSchemaModalCancel}
-                    // width='40vw'
-                    footer={[
-                      <Button
-                        onClick={() => {
-                          const copyText = data.schemas.map(
-                            (schema) =>
-                              `<script type="application/ld+json">${JSON.stringify(
-                                schema,
-                              )}</script>`,
-                          );
-                          copySchema(copyText);
-                        }}
-                      >
-                        Copy
-                      </Button>,
-                      <Button
-                        href="https://search.google.com/test/rich-results"
-                        target="_blank"
-                        rel="noreferrer noopener"
-                      >
-                        Test in Google Rich Results Text
-                      </Button>,
-                    ]}
-                  >
-                    <div id="schemas-container">
-                      {data.schemas &&
-                        data.schemas.map((schema) => (
-                          <Typography.Text key={schema} code>
-                            {JSON.stringify(schema)}
-                          </Typography.Text>
-                        ))}
-                    </div>
-                  </Modal>
-                </Form>
-              </Drawer>
-              <Drawer
-                title={<h4 style={{ fontWeight: 'bold' }}>Code Injection</h4>}
-                placement="right"
-                closable={true}
-                onClose={onClose}
-                visible={codeDrawer}
-                //getContainer={false}
-                width={isMobileScreen ? '80vw' : 480}
-                bodyStyle={{ paddingBottom: 40 }}
-                headerStyle={{ fontWeight: 'bold' }}
-              >
-                <Form {...formProps}>
-                  <Form.Item style={{ marginLeft: '-20px' }}>
-                    <Button type="text" onClick={() => setCodeDrawerVisible(false)}>
-                      <LeftOutlined />
-                      Back
-                    </Button>
-                  </Form.Item>
-                  <Form.Item name="header_code" label="Header Code">
-                    <MonacoEditor language="html" width={650} />
-                  </Form.Item>
-                  <Form.Item name="footer_code" label="Footer Code">
-                    <MonacoEditor language="html" width={650} />
-                  </Form.Item>
-                </Form>
-              </Drawer>
-              <Drawer
-                title={<h4 style={{ fontWeight: 'bold' }}>Meta Fields</h4>}
-                placement="right"
-                closable={true}
-                onClose={onClose}
-                visible={metaFieldsDrawer}
-                //getContainer={false}
-                width={isMobileScreen ? '80vw' : 480}
-                bodyStyle={{ paddingBottom: 40 }}
-                headerStyle={{ fontWeight: 'bold' }}
-              >
-                <Form {...formProps}>
-                  <Form.Item style={{ marginLeft: '-20px' }}>
-                    <Button type="text" onClick={() => setMetaFieldsDrawerVisible(false)}>
-                      <LeftOutlined />
-                      Back
-                    </Button>
-                  </Form.Item>
-                  <Form.Item
-                    name="meta_fields"
-                    label="Meta Fields"
-                    extra="add JSON if you have to pass any extra data"
-                  >
-                    <MonacoEditor language="json" />
-                  </Form.Item>
-                </Form>
-              </Drawer>
-              <Drawer
-                title={<h4 style={{ fontWeight: 'bold' }}>Seo Data</h4>}
-                placement="right"
-                style={{ width: '100%' }}
-                closable={true}
-                onClose={() => setSeoDrawerVisible(false)}
-                visible={seoDrawer}
-                width={isMobileScreen ? '80vw' : 480}
-                bodyStyle={{ paddingBottom: 40 }}
-                headerStyle={{ fontWeight: 'bold' }}
-              >
-                <Form {...formProps}>
-                  <Form.Item style={{ marginLeft: '-20px' }}>
-                    <Button type="text" onClick={() => setSeoDrawerVisible(false)}>
-                      <LeftOutlined />
-                      Back
-                    </Button>
-                  </Form.Item>
-                  <SlugInput />
-                  <Form.Item name={['meta', 'title']} label="Meta Title">
-                    <Input />
-                  </Form.Item>
-                  <Form.Item name={['meta', 'description']} label="Meta Description">
-                    <Input.TextArea />
-                  </Form.Item>
-                  <Form.Item name={['meta', 'canonical_URL']} label="Canonical URL">
-                    <Input />
-                  </Form.Item>
-                </Form>
-              </Drawer>
-            </Col>
-          </Row>
-        </Space>
-      </Form>
-    </>
-  );
-}
-
-export default PostForm;
diff --git a/studio/src/pages/posts/components/PostForm.test.js b/studio/src/pages/posts/components/PostForm.test.js
deleted file mode 100644
index 151c55699..000000000
--- a/studio/src/pages/posts/components/PostForm.test.js
+++ /dev/null
@@ -1,1071 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import { BrowserRouter as Router } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { shallow, mount } from 'enzyme';
-import { useHistory } from 'react-router-dom';
-import moment from 'moment';
-import { Dropdown } from 'antd';
-
-import '../../../matchMedia.mock';
-import PostForm from './PostForm';
-
-import { addTemplate } from '../../../actions/posts';
-import { setCollapse } from './../../../actions/sidebar';
-import Modal from 'antd/lib/modal/Modal';
-
-Date.now = jest.fn(() => 1487076708000);
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('../../../actions/tags', () => ({
-  ...jest.requireActual('../../../actions/tags'),
-  createTag: jest.fn(),
-}));
-jest.mock('./../../../actions/sidebar', () => ({
-  setCollapse: jest.fn(),
-}));
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../../actions/posts', () => ({
-  addTemplate: jest.fn(),
-}));
-
-const data = {
-  id: 1,
-  title: 'Post-1',
-  excerpt: 'excerpt of post',
-  slug: 'post-1',
-  featured_medium_id: 1,
-  status: 'draft',
-  format: 1,
-  categories: [1],
-  tags: [1],
-  authors: [1],
-  description: {
-    time: 1595747741807,
-    blocks: [
-      {
-        type: 'header',
-        data: {
-          text: 'Editor.js',
-          level: 2,
-        },
-      },
-      {
-        type: 'paragraph',
-        data: {
-          text:
-            'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-        },
-      },
-    ],
-    version: '2.18.0',
-  },
-};
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-
-describe('Posts Create Form component', () => {
-  store = mockStore({
-    posts: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    formats: {
-      req: [],
-      details: {
-        1: {
-          name: 'Fact check',
-          slug: 'fact-check',
-        },
-      },
-      loading: true,
-    },
-    authors: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    tags: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claims: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    ratings: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {
-        1: {
-          name: 'Sample Image',
-          slug: 'sample-img',
-        },
-      },
-      loading: true,
-    },
-    sidebar: {
-      collapsed: false,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn(() => Promise.resolve({})));
-  useSelector.mockImplementation((state) => ({
-    details: [],
-    total: 0,
-    loading: false,
-    sidebar: false,
-  }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm actions={['publish']} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                onCreate={onCreate}
-                data={data}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with open drawer', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                onCreate={onCreate}
-                data={data}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const settingButton = tree.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(tree.find('Drawer').length).not.toBe(0);
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match with different permission actions', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['create']}
-                data={data}
-                onCreate={onCreate}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                {...props}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm actions={['publish']} onCreate={props.onCreate} />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        //submit button
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'Post-1',
-          excerpt: 'excerpt of post',
-          slug: 'post-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          published_date: null,
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          tag_ids: [1],
-          tags: [1],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with new name', (done) => {
-      act(() => {
-        const input = wrapper.find('FormItem').at(4).find('TextArea').at(0);
-        input.simulate('change', { target: { value: 'Post test' } });
-      });
-
-      act(() => {
-        const dropdown = wrapper.find(Dropdown);
-        dropdown.simulate('mouseover');
-        const overlay = dropdown.props().overlay;
-        overlay.props.children.props.children[1].props.onChange(true);
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'Post test',
-          excerpt: 'excerpt of post',
-          slug: 'post-test',
-          featured_medium_id: 1,
-          status: 'ready',
-          published_date: null,
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          tag_ids: [1],
-          tags: [1],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should create template on click of Add template button', (done) => {
-      addTemplate.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                {...props}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const templateButtom = wrapper.find('Button').at(0);
-        templateButtom.simulate('click');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(addTemplate).toHaveBeenCalledTimes(1);
-        expect(addTemplate).toHaveBeenCalledWith({
-          post_id: 1,
-        });
-        expect(push).toHaveBeenCalledWith('/posts');
-        done();
-      }, 0);
-    });
-    it('should open and close drawer for settings', () => {
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(wrapper.find('Drawer').length).not.toBe(0);
-        const closeButtonn = wrapper.find('DrawerChild').find('button').at(0);
-        closeButtonn.simulate('click');
-      });
-    });
-    it('should hide meta data drawer for page is true', () => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                page={true}
-                actions={['publish']}
-                {...props}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('Drawer').at(1).props().visible).toBe(false);
-    });
-    it('should submit form with no categories, no tags, no authors data', (done) => {
-      const data2 = {
-        id: 1,
-        title: 'Post-1',
-        excerpt: 'excerpt of post',
-        slug: 'post-1',
-        featured_medium_id: 1,
-        status: 'ready',
-        format: 1,
-        published_date: null,
-        meta: {},
-        description: {
-          time: 1595747741807,
-          blocks: [
-            {
-              type: 'header',
-              data: {
-                text: 'Editor.js',
-                level: 2,
-              },
-            },
-            {
-              type: 'paragraph',
-              data: {
-                text:
-                  'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-              },
-            },
-          ],
-          version: '2.18.0',
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                data={data2}
-                onCreate={props.onCreate}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const dropdown = wrapper.find(Dropdown);
-        dropdown.simulate('mouseover');
-        const overlay = dropdown.props().overlay;
-        overlay.props.children.props.children[1].props.onChange(true);
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'Post-1',
-          excerpt: 'excerpt of post',
-          slug: 'post-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          published_date: null,
-          format_id: 1,
-          author_ids: [],
-          category_ids: [],
-          tag_ids: [],
-          meta: {},
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should not change slug with title change when status is publish', (done) => {
-      const data2 = {
-        id: 1,
-        title: 'Post-1',
-        excerpt: 'excerpt of post',
-        slug: 'post-1',
-        featured_medium_id: 1,
-        status: 'publish',
-        format: 1,
-        published_date: moment(new Date('2020-12-12')).format('YYYY-MM-DDTHH:mm:ssZ'),
-        categories: [1],
-        tags: [1],
-        authors: [1],
-        meta: {},
-        description: {
-          time: 1595747741807,
-          blocks: [
-            {
-              type: 'header',
-              data: {
-                text: 'Editor.js',
-                level: 2,
-              },
-            },
-            {
-              type: 'paragraph',
-              data: {
-                text:
-                  'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-              },
-            },
-          ],
-          version: '2.18.0',
-        },
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                data={data2}
-                onCreate={props.onCreate}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const input = wrapper.find('FormItem').at(4).find('TextArea').at(0);
-        input.simulate('change', { target: { value: 'Post test' } });
-
-        const submitButtom = wrapper.find('Button').at(2);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-
-        submitButtom.simulate('click');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'Post test',
-          excerpt: 'excerpt of post',
-          slug: 'post-1',
-          featured_medium_id: 1,
-          status: 'publish',
-          published_date: moment(new Date('2020-12-12')).format('YYYY-MM-DDTHH:mm:ssZ'),
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          tag_ids: [1],
-          tags: [1],
-          meta: {},
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should set status as publish on click and submit', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(2);
-        expect(submitButtom.text()).toBe('Publish');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'Post-1',
-          excerpt: 'excerpt of post',
-          slug: 'post-1',
-          featured_medium_id: 1,
-          status: 'publish',
-          published_date: moment(Date.now()).format('YYYY-MM-DDTHH:mm:ssZ'),
-          format_id: 1,
-          categories: [1],
-          category_ids: [1],
-          tags: [1],
-          tag_ids: [1],
-          authors: [1],
-          author_ids: [1],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should add meta data', (done) => {
-      const data2 = { ...data };
-      data2.meta = {
-        canonical_URL: undefined,
-        description: undefined,
-        title: undefined,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data2}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(wrapper.find('Drawer').length).not.toBe(0);
-        const addMetaDataBtn = wrapper.find('FormItem').at(14).find('Button').at(0);
-        expect(addMetaDataBtn.text()).toBe('Add Meta Data');
-        addMetaDataBtn.simulate('click');
-      });
-
-      act(() => {
-        const metaTitle = wrapper.find('input').at(6);
-        metaTitle.simulate('change', { target: { value: 'Meta title' } });
-        const metaDesc = wrapper.find('TextArea').at(2);
-        metaDesc.simulate('change', { target: { value: 'Meta Description' } });
-        const metaUrl = wrapper.find('input').at(7);
-        metaUrl.simulate('change', { target: { value: 'Canonical url' } });
-      });
-
-      act(() => {
-        const backBtn = wrapper.find('button').at(16);
-        expect(backBtn.text()).toBe('Back');
-        backBtn.simulate('click');
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'Post-1',
-          excerpt: 'excerpt of post',
-          slug: 'post-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          published_date: null,
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          tag_ids: [1],
-          tags: [1],
-          meta: {
-            canonical_URL: 'Canonical url',
-            description: 'Meta Description',
-            title: 'Meta title',
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should add meta fields', (done) => {
-      const data2 = { ...data };
-      data2.meta_fields = {
-        sample: 'testing1',
-      };
-      data2.meta = {
-        canonical_URL: undefined,
-        description: undefined,
-        title: undefined,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data2}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(wrapper.find('Drawer').length).not.toBe(0);
-        const addMetaDataBtn = wrapper.find('FormItem').at(17).find('Button').at(0);
-        expect(addMetaDataBtn.text()).toBe('Add Meta Fields');
-        addMetaDataBtn.simulate('click');
-      });
-
-      act(() => {
-        const metaFieldData = wrapper.find('MonacoEditor').at(2);
-        metaFieldData.props().onChange({
-          target: { value: '{"sample":"testing"}' },
-        });
-      });
-
-      act(() => {
-        const backBtn = wrapper.find('button').at(16);
-        expect(backBtn.text()).toBe('Back');
-        backBtn.simulate('click');
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'Post-1',
-          excerpt: 'excerpt of post',
-          slug: 'post-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          published_date: null,
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          tag_ids: [1],
-          tags: [1],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-          meta_fields: {
-            sample: 'testing',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should add header and footer code', (done) => {
-      const data2 = { ...data };
-      data2.header_code = `""use strict";↵↵class Chuck {↵    greet() {↵        var a,b;↵        a=5;↵        b=6;↵        return 'Hello'+ (a+b).toString();↵    }↵}"`;
-      data2.footer_code = `{↵    "info":"data",↵    "extra":"pqrstuv"↵}`;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data2}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const settingButton = wrapper.find('Button').at(3);
-        expect(settingButton.text()).toBe('');
-        settingButton.simulate('click');
-        expect(wrapper.find('Drawer').length).not.toBe(0);
-        const addMetaDataBtn = wrapper.find('FormItem').at(15).find('Button').at(0);
-        expect(addMetaDataBtn.text()).toBe('Code Injection');
-        addMetaDataBtn.simulate('click');
-      });
-
-      act(() => {
-        const headerData = wrapper.find('MonacoEditor').at(0);
-        headerData.props().onChange({
-          target: {
-            value: '<html>↵<body>↵<h1>Hi</h1>↵</body>↵</html>',
-          },
-        });
-
-        const footerData = wrapper.find('MonacoEditor').at(1);
-        footerData.props().onChange({
-          target: { value: '<html>↵<body>↵<h1>Hi</h1>↵</body>↵</html>' },
-        });
-      });
-      act(() => {
-        const backBtn = wrapper.find('button').at(16);
-        expect(backBtn.text()).toBe('Back');
-        backBtn.simulate('click');
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Save');
-        submitButtom.simulate('click');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          title: 'Post-1',
-          excerpt: 'excerpt of post',
-          slug: 'post-1',
-          featured_medium_id: 1,
-          status: 'draft',
-          published_date: null,
-          format_id: 1,
-          author_ids: [1],
-          authors: [1],
-          categories: [1],
-          category_ids: [1],
-          tag_ids: [1],
-          tags: [1],
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          description: {
-            time: 1595747741807,
-            blocks: [
-              {
-                type: 'header',
-                data: {
-                  text: 'Editor.js',
-                  level: 2,
-                },
-              },
-              {
-                type: 'paragraph',
-                data: {
-                  text:
-                    'Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.',
-                },
-              },
-            ],
-            version: '2.18.0',
-          },
-          header_code: '<html>↵<body>↵<h1>Hi</h1>↵</body>↵</html>',
-          footer_code: '<html>↵<body>↵<h1>Hi</h1>↵</body>↵</html>',
-        });
-        done();
-      }, 0);
-    });
-    it('should handle view schema', () => {
-      document.execCommand = jest.fn(() => true);
-      const data2 = { ...data };
-      data2.schemas = [
-        {
-          '@context': 'https://schema.org',
-          '@type': 'NewsArticle',
-          headline: 'abcd',
-          datePublished: null,
-          author: null,
-          publisher: {
-            '@type': 'Organization',
-            name: 'Test Space',
-            logo: { '@type': '', url: '' },
-          },
-        },
-      ];
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <PostForm
-                actions={['publish']}
-                onCreate={props.onCreate}
-                data={data2}
-                format={{ id: 1, name: 'article', slug: 'article' }}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const schemaBtn = wrapper.find('FormItem').at(16).find('Button').at(0);
-        expect(schemaBtn.text()).toBe('View Schemas');
-        schemaBtn.simulate('click');
-      });
-      wrapper.update();
-
-      expect(wrapper.find('Modal').at(1).props().title).toBe('View Schemas');
-      const copyButton = wrapper.find('Modal').at(1).find('Button').at(0);
-      expect(copyButton.text()).toBe('Copy');
-      copyButton.simulate('click');
-      wrapper.find(Modal).at(1).props().onCancel();
-      act(() => {
-        const schemaBtn = wrapper.find('FormItem').at(16).find('Button').at(0);
-        expect(schemaBtn.text()).toBe('View Schemas');
-        schemaBtn.simulate('click');
-      });
-      wrapper.update();
-
-      expect(wrapper.find('Modal').at(1).props().title).toBe('View Schemas');
-      expect(copyButton.text()).toBe('Copy');
-      copyButton.simulate('click');
-      wrapper.find(Modal).at(1).props().onOk();
-      expect(wrapper.find('Modal').at(1).props().visible).toBe(true);
-    });
-  });
-});
diff --git a/studio/src/pages/posts/components/PostForm.tsx b/studio/src/pages/posts/components/PostForm.tsx
new file mode 100644
index 000000000..53bd39539
--- /dev/null
+++ b/studio/src/pages/posts/components/PostForm.tsx
@@ -0,0 +1,454 @@
+import { useState, useEffect, useRef } from "react";
+import { useForm } from "react-hook-form";
+import dayjs from "dayjs";
+// Shadcn UI components
+import { Button } from "@/components/ui/button";
+import { Form, FormField, FormItem, FormControl } from "@/components/ui/form";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu";
+import { ChevronDown, PanelRightDashed, ArrowLeft } from "lucide-react";
+// Custom components and utilities
+import { maker } from "../../../utils/sluger";
+import { addTemplate } from "../../../actions/posts";
+import useNavigation from "../../../utils/useNavigation";
+import PostSidePanel from "./PostSidePanel";
+import { renderStatusBadge } from "../../../components/statusBadge/index";
+import { Post as PostData, Format } from "../types";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { DescriptionInput } from "../../../components/FormItems";
+import { formatDate } from "../../../utils/date";
+
+// TypeScript interfaces
+export interface Author {
+  id: number;
+  display_name: string;
+}
+
+interface PostFormProps {
+  onCreate: (data: Partial<PostData>) => void;
+  data?: Partial<PostData>;
+  format: Format;
+  page?: boolean;
+}
+
+function PostForm({
+  onCreate,
+  data = {}, // Provide default empty object
+  format,
+  page = false,
+}: PostFormProps) {
+  const navigate = useNavigation();
+  const formRef = useRef<HTMLFormElement>(null);
+  const panelRef = useRef<HTMLDivElement>(null);
+  const [status, setStatus] = useState<
+    "draft" | "publish" | "ready" | "future"
+  >((data.status as "draft" | "publish" | "ready" | "future") || "draft");
+  const dispatch = useAppDispatch();
+  const [valueChange, setValueChange] = useState<boolean>(false);
+  const [shouldBlockNavigation, setShouldBlockNavigation] =
+    useState<boolean>(false);
+
+  // Initialize publishedDate from data if available
+  const [publishedDate, setPublishedDate] = useState<Date | undefined>(
+    data.published_date ? new Date(data.published_date) : undefined
+  );
+
+  // Add state for description
+  const [descriptionContent, setDescriptionContent] = useState<{
+    json?: any;
+    html?: string;
+  }>({
+    json: data.description || {},
+    html: data.description_html || "",
+  });
+
+  const [isPanelVisible, setIsPanelVisible] = useState<boolean>(false);
+  const [activePanel, setActivePanel] = useState<string | null>(null);
+
+  // Initialize form with serialized dates
+  const formData = { ...data };
+
+  // Don't store dayjs objects in the form
+  if (
+    formData.published_date &&
+    typeof formData.published_date === "object" &&
+    // @ts-expect-error -- todo: fix this type error
+    formData.published_date.$d
+  ) {
+    formData.published_date = dayjs(formData.published_date).format(
+      "YYYY-MM-DDTHH:mm:ssZ"
+    );
+  }
+
+  if (!data.related_urls) {
+    formData.related_urls = [];
+  }
+  // Initialize form
+  const form = useForm<PostData>({
+    defaultValues: formData as PostData,
+  });
+
+  // Handle back button navigation
+  const handleBackNavigation = () => {
+    if (page) {
+      navigate("/pages");
+    } else {
+      navigate("/posts");
+    }
+  };
+
+  const getCurrentDate = (): string => {
+    return dayjs().format("YYYY-MM-DDTHH:mm:ssZ");
+  };
+
+  // Add a flag to prevent duplicate submissions
+  const [isSubmitting, setIsSubmitting] = useState<boolean>(false);
+
+  const onSave = (
+    values: PostData,
+    statusOverride?: "draft" | "publish" | "ready" | "future"
+  ) => {
+    // Prevent duplicate submissions
+    if (isSubmitting) {
+      console.log("Preventing duplicate submission");
+      return;
+    }
+
+    setIsSubmitting(true);
+
+    // Create a new object to avoid mutating the original values
+    const finalData: Partial<PostData> = { ...values };
+
+    // Use the statusOverride if provided, otherwise use the component's status state
+    const finalStatus = statusOverride || status;
+
+    // Add any missing properties from the original data
+    if (data) {
+      for (const key in data) {
+        if (
+          Object.prototype.hasOwnProperty.call(data, key) &&
+          key !== "published_date"
+        ) {
+          if (!Object.prototype.hasOwnProperty.call(finalData, key)) {
+            finalData[key as keyof PostData] = data[key as keyof PostData];
+          }
+        }
+      }
+    }
+
+    finalData.description = descriptionContent;
+    finalData.description_html = descriptionContent.html;
+
+    setShouldBlockNavigation(false);
+    finalData.format_id = format.id;
+    // @ts-expect-error -- todo: fix this type error
+    finalData.author_ids = finalData.authors;
+    finalData.status = finalStatus;
+
+    if (finalStatus === "publish") {
+      finalData.published_date = publishedDate
+        ? dayjs(publishedDate).format("YYYY-MM-DDTHH:mm:ssZ")
+        : getCurrentDate();
+    } else if (finalStatus === "future") {
+      finalData.published_date = publishedDate
+        ? dayjs(publishedDate).format("YYYY-MM-DDTHH:mm:ssZ")
+        : undefined;
+    } else {
+      finalData.published_date = undefined;
+    }
+
+    try {
+      onCreate(finalData);
+
+      // Close panel if open
+      handlePanelClose();
+    } finally {
+      // Reset the submitting state after a short delay
+      setTimeout(() => {
+        setIsSubmitting(false);
+      }, 1000);
+    }
+  };
+
+  const onTitleChange = (value: string) => {
+    if (status !== "publish") {
+      form.setValue("slug", maker(value));
+    }
+  };
+
+  const createTemplate = () => {
+    if (data && data.id) {
+      dispatch(addTemplate({ post_id: parseInt(data.id.toString()) })).then(
+        () => {
+          if (page) {
+            navigate("/pages");
+            return;
+          }
+          navigate("/posts");
+        }
+      );
+    }
+  };
+
+  // Handle opening and closing the panel with animation
+  const handlePanelOpen = (panelName: string) => {
+    // First set the panel without making it visible
+    setActivePanel(panelName);
+
+    // Add a small delay before making it visible to ensure the DOM is updated
+    setTimeout(() => {
+      setIsPanelVisible(true);
+    }, 50);
+  };
+
+  const handlePanelClose = () => {
+    setIsPanelVisible(false);
+    // Delay removing the panel from DOM until animation completes
+    setTimeout(() => {
+      setActivePanel(null);
+    }, 500); // Match this with transition duration
+  };
+
+  const handleDescriptionChange = (value: any) => {
+    setDescriptionContent({
+      json: value.json || {},
+      html: value.html || "",
+    });
+    setValueChange(true);
+    setShouldBlockNavigation(true);
+  };
+
+  useEffect(() => {
+    const handleBeforeUnload = (e: BeforeUnloadEvent) => {
+      if (shouldBlockNavigation) {
+        e.preventDefault();
+        e.returnValue = "";
+        return "";
+      }
+    };
+
+    window.addEventListener("beforeunload", handleBeforeUnload);
+
+    return () => {
+      window.removeEventListener("beforeunload", handleBeforeUnload);
+    };
+  }, [shouldBlockNavigation]);
+
+  useEffect(() => {
+    if (publishedDate) {
+      const dateString = dayjs(publishedDate).format("YYYY-MM-DDTHH:mm:ssZ");
+      form.setValue("published_date", dateString);
+      setValueChange(true);
+    }
+  }, [publishedDate, form]);
+
+  return (
+    <>
+      <div
+        className={`transition-all duration-300 ${
+          activePanel ? "blur-sm pointer-events-none" : ""
+        }`}
+      >
+        <Form {...form}>
+          <form
+            ref={formRef}
+            onSubmit={form.handleSubmit((values) => onSave(values))}
+            onChange={() => {
+              setShouldBlockNavigation(true);
+              setValueChange(true);
+            }}
+            className="w-full max-w-full edit-form"
+          >
+            <div className="space-y-4 relative">
+              <div className="flex justify-between mb-4 pb-4 border-b">
+                {/* Back Button */}
+                <Button
+                  type="button"
+                  variant="outline"
+                  className="flex items-center gap-2"
+                  onClick={handleBackNavigation}
+                >
+                  <ArrowLeft className="h-4 w-4" />
+                  Back
+                </Button>
+
+                <div className="space-x-2 flex items-center">
+                  {data.id && (
+                    <Button
+                      type="button"
+                      variant="outline"
+                      onClick={createTemplate}
+                    >
+                      Create Template
+                    </Button>
+                  )}
+
+                  {/* Settings button (PanelRightDashed) */}
+                  <Button
+                    variant="outline"
+                    size="icon"
+                    onClick={(e) => {
+                      e.preventDefault();
+                      handlePanelOpen("main");
+                    }}
+                    type="button"
+                  >
+                    <PanelRightDashed className="h-4 w-4" />
+                  </Button>
+
+                  {/* Save as Draft button */}
+                  <Button
+                    type="button"
+                    variant="outline"
+                    disabled={!valueChange}
+                    onClick={() => {
+                      const newStatus = "draft";
+                      setStatus(newStatus);
+                      form.handleSubmit((values) =>
+                        onSave(values, newStatus)
+                      )();
+                    }}
+                  >
+                    Save as Draft
+                  </Button>
+
+                  {/* Publish dropdown button */}
+                  <DropdownMenu>
+                    <DropdownMenuTrigger asChild>
+                      <Button disabled={!valueChange}>
+                        <span>
+                          {data.id && status === "publish"
+                            ? "Update Post"
+                            : "Publish Post"}
+                        </span>
+                        <ChevronDown className="h-4 w-4" />
+                      </Button>
+                    </DropdownMenuTrigger>
+
+                    <DropdownMenuContent>
+                      <DropdownMenuItem
+                        disabled={!valueChange}
+                        onClick={() => {
+                          const newStatus = "publish";
+                          setStatus(newStatus);
+                          form.handleSubmit((values) =>
+                            onSave(values, newStatus)
+                          )();
+                        }}
+                      >
+                        Publish
+                      </DropdownMenuItem>
+                      <DropdownMenuItem
+                        disabled={!valueChange}
+                        onClick={() => {
+                          const newStatus = "ready";
+                          setStatus(newStatus);
+                          form.handleSubmit((values) =>
+                            onSave(values, newStatus)
+                          )();
+                        }}
+                      >
+                        Ready to Publish
+                      </DropdownMenuItem>
+                      <DropdownMenuItem
+                        disabled={!valueChange}
+                        onClick={() => {
+                          const newStatus = "future";
+                          setStatus(newStatus);
+                          form.handleSubmit((values) =>
+                            onSave(values, newStatus)
+                          )();
+                        }}
+                      >
+                        Future Publish
+                      </DropdownMenuItem>
+                    </DropdownMenuContent>
+                  </DropdownMenu>
+                </div>
+              </div>
+
+              <div className="grid grid-cols-1">
+                <div className="mx-auto w-full lg:w-2/3">
+                  {/* Status badge and Last Updated */}
+                  <div className="flex justify-between items-center pb-4">
+                    <div>{renderStatusBadge(status)}</div>
+                    {data.updated_at && (
+                      <div className="text-sm text-muted-foreground">
+                        Last updated on:{" "}
+                        {formatDate(data.updated_at, "DD MMM YYYY")}
+                      </div>
+                    )}
+                  </div>
+
+                  <FormField
+                    control={form.control}
+                    name="title"
+                    rules={{
+                      required: "Please input the title!",
+                      maxLength: {
+                        value: 500,
+                        message: "Title must be maximum 500 characters.",
+                      },
+                    }}
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <Textarea
+                            {...field}
+                            placeholder={`Add title for the ${
+                              page ? "page" : "post"
+                            }`}
+                            onChange={(e) => {
+                              field.onChange(e);
+                              onTitleChange(e.target.value);
+                            }}
+                            className="text-4xl font-bold text-start resize-none border"
+                            style={{ minHeight: "60px" }}
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+
+                  {/* Description Editor */}
+                  <div className="mt-6">
+                    <DescriptionInput
+                      initialValue={data.description_html}
+                      noLabel
+                      formItemProps={{ className: "post-description" }}
+                      onChange={handleDescriptionChange}
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </form>
+        </Form>
+      </div>
+
+      {activePanel && (
+        <div ref={panelRef}>
+          <PostSidePanel
+            form={form}
+            data={{ ...data, id: data.id ?? 0 } as PostData}
+            status={status}
+            setStatus={setStatus}
+            valueChange={valueChange}
+            publishedDate={publishedDate}
+            setPublishedDate={setPublishedDate}
+            onSave={onSave}
+            onClose={handlePanelClose}
+            isVisible={isPanelVisible}
+          />
+        </div>
+      )}
+    </>
+  );
+}
+
+export default PostForm;
diff --git a/studio/src/pages/posts/components/PostSidePanel.tsx b/studio/src/pages/posts/components/PostSidePanel.tsx
new file mode 100644
index 000000000..337a75b17
--- /dev/null
+++ b/studio/src/pages/posts/components/PostSidePanel.tsx
@@ -0,0 +1,752 @@
+import { Dispatch, SetStateAction, useState } from "react";
+import { UseFormReturn } from "react-hook-form";
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormDescription,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Switch } from "@/components/ui/switch";
+import { DatePicker } from "@/components/ui/DatePicker";
+import {
+  X,
+  FileEdit,
+  Tags,
+  FolderClosed,
+  Code,
+  MoreHorizontal,
+  ArrowLeft,
+  Files,
+  MessageSquareCode,
+  FilePlus2,
+  SettingsIcon,
+  Trash2,
+  Plus,
+} from "lucide-react";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@/components/ui/dialog";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+// Custom components and utilities
+import Selector from "../../../components/Selector";
+import MediaSelector from "../../../components/MediaSelector";
+import { formatDate } from "../../../utils/date";
+import { addErrorNotification } from "../../../actions/notifications";
+import { Post as PostData } from "../types";
+
+// Import languages data
+import languages from "../../../utils/languages.json";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+interface PostSidePanelProps {
+  form: UseFormReturn<PostData>;
+  data: PostData;
+  status: string;
+  setStatus: Dispatch<SetStateAction<"draft" | "publish" | "ready" | "future">>;
+  valueChange: boolean;
+  publishedDate: Date | undefined;
+  setPublishedDate: Dispatch<SetStateAction<Date | undefined>>;
+  onSave: (
+    values: PostData,
+    statusOverride?: "draft" | "publish" | "ready" | "future"
+  ) => void;
+  onClose: () => void;
+  isVisible: boolean;
+}
+
+function PostSidePanel({
+  form,
+  data,
+  status,
+  publishedDate,
+  setPublishedDate,
+  onClose,
+  isVisible,
+}: PostSidePanelProps) {
+  const dispatch = useAppDispatch();
+
+  // Additional state for subpanels
+  const [activeSubPanel, setActiveSubPanel] = useState<string | null>(null);
+  const [schemaPanelOpen, setSchemaPanelOpen] = useState<boolean>(false);
+
+  // Language options
+  const languageOptions = languages.map((language: string) => ({
+    value: language,
+    label: language,
+  }));
+
+  // Handler for date selection to ensure it updates the parent component
+  const handleDateSelect = (date: Date | undefined) => {
+    setPublishedDate(date);
+  };
+
+  // Copy schema to clipboard
+  const copySchema = () => {
+    if (!data.schemas || data.schemas.length === 0) return;
+
+    const copyText = data.schemas
+      .map(
+        (schema) =>
+          `<script type="application/ld+json">${JSON.stringify(
+            schema
+          )}</script>`
+      )
+      .join("\n");
+
+    navigator.clipboard
+      .writeText(copyText)
+      .then(() => {
+        dispatch(addErrorNotification("Schema copied to clipboard!"));
+      })
+      .catch((error) => {
+        console.error("Failed to copy schema:", error);
+        dispatch(addErrorNotification("Failed to copy schema"));
+      });
+  };
+
+  // Back button for subpanels
+  const renderBackButton = () => (
+    <Button
+      variant="ghost"
+      className="p-0 mb-4"
+      onClick={() => setActiveSubPanel(null)}
+    >
+      <ArrowLeft className="h-4 w-4 mr-1" />
+      Back
+    </Button>
+  );
+
+  const renderPanel = () => {
+    if (activeSubPanel === "seo") {
+      return (
+        <div className="space-y-4">
+          {renderBackButton()}
+          <h3 className="text-lg font-semibold">SEO Settings</h3>
+
+          <FormField
+            control={form.control}
+            name="slug"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Slug</FormLabel>
+                <FormControl>
+                  <Input {...field} placeholder="post-slug" />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="meta.title"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Meta Title</FormLabel>
+                <FormControl>
+                  <Input {...field} placeholder="Meta Title" />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="meta.description"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Meta Description</FormLabel>
+                <FormControl>
+                  <Textarea
+                    {...field}
+                    placeholder="Meta Description"
+                    className="resize-none h-20"
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="meta.canonical_URL"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Canonical URL</FormLabel>
+                <FormControl>
+                  <Input
+                    {...field}
+                    placeholder="https://example.com/canonical-page"
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+        </div>
+      );
+    }
+
+    if (activeSubPanel === "code") {
+      return (
+        <div className="space-y-4">
+          {renderBackButton()}
+          <h3 className="text-lg font-semibold">Code Injection</h3>
+
+          <FormField
+            control={form.control}
+            name="header_code"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Header Code</FormLabel>
+                <FormControl>
+                  <Textarea
+                    {...field}
+                    placeholder="Add code to be injected in the header"
+                    className="font-mono text-sm h-40 resize-none"
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="footer_code"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Footer Code</FormLabel>
+                <FormControl>
+                  <Textarea
+                    {...field}
+                    placeholder="Add code to be injected in the footer"
+                    className="font-mono text-sm h-40 resize-none"
+                  />
+                </FormControl>
+              </FormItem>
+            )}
+          />
+        </div>
+      );
+    }
+
+    if (activeSubPanel === "meta_fields") {
+      return (
+        <div className="space-y-4">
+          {renderBackButton()}
+          <h3 className="text-lg font-semibold">Meta Fields</h3>
+
+          <FormField
+            control={form.control}
+            name="meta_fields"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Meta Fields (JSON)</FormLabel>
+                <FormControl>
+                  <Textarea
+                    {...field}
+                    placeholder='{
+  "key1": "value1",
+  "key2": "value2"
+}'
+                    className="font-mono text-sm h-60 resize-none"
+                  />
+                </FormControl>
+                <p className="text-xs text-muted-foreground">
+                  Add JSON if you have to pass any extra data
+                </p>
+              </FormItem>
+            )}
+          />
+        </div>
+      );
+    }
+
+    return (
+      <div className="space-y-4">
+        <Accordion
+          type="single"
+          collapsible
+          defaultValue="details"
+          className="w-full space-y-3"
+        >
+          {/* Details section */}
+          <AccordionItem value="details" className="border-b">
+            <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+              <div className="flex items-center">
+                <FileEdit className="h-4 w-4 mr-2" />
+                Details
+              </div>
+            </AccordionTrigger>
+            <AccordionContent className="pt-4">
+              <div className="space-y-4">
+                {/* Creation and update info */}
+                <div>
+                  {data?.created_at && (
+                    <p className="text-sm text-muted-foreground">
+                      <span className="font-medium text-foreground">
+                        Created Date:{" "}
+                      </span>
+                      {formatDate(data.created_at)}
+                    </p>
+                  )}
+                  {data?.updated_at && (
+                    <p className="text-sm text-muted-foreground">
+                      <span className="font-medium text-foreground">
+                        Last updated:{" "}
+                      </span>
+                      {formatDate(data.updated_at)}
+                    </p>
+                  )}
+                </div>
+
+                {/* Published Date */}
+                <div>
+                  <h3 className="text-sm font-medium mb-1">Publication Date</h3>
+                  <DatePicker
+                    selected={publishedDate}
+                    onSelect={handleDateSelect}
+                  />
+                </div>
+
+                {/* Authors */}
+                <FormField
+                  control={form.control}
+                  name="authors"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Authors</FormLabel>
+                      <FormControl>
+                        <Selector
+                          mode="multiple"
+                          display="display_name"
+                          action="Authors"
+                          value={field.value}
+                          onChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                {/* Language */}
+                <FormField
+                  control={form.control}
+                  name="language"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Language</FormLabel>
+                      <Select
+                        value={field.value || "English"}
+                        onValueChange={(value) => {
+                          field.onChange(value);
+                        }}
+                      >
+                        <SelectTrigger>
+                          <SelectValue placeholder="Select language" />
+                        </SelectTrigger>
+                        <SelectContent>
+                          {languageOptions.map((option) => (
+                            <SelectItem key={option.value} value={option.value}>
+                              {option.label}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                    </FormItem>
+                  )}
+                />
+
+                {/* Featured Image */}
+                <FormField
+                  control={form.control}
+                  name="featured_medium_id"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Featured Image</FormLabel>
+                      <FormControl>
+                        <MediaSelector
+                          value={field.value}
+                          onChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                {/* Related URLs */}
+                <FormField
+                  control={form.control}
+                  name="related_urls"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Related URLs</FormLabel>
+                      <div className="space-y-2">
+                        {(field?.value ?? []).map((url, index) => (
+                          <div key={index} className="flex gap-2 items-center">
+                            <Input
+                              value={url}
+                              onChange={(e) => {
+                                const updatedUrls = [...(field.value || [])];
+                                updatedUrls[index] = e.target.value;
+                                field.onChange(updatedUrls);
+                              }}
+                              placeholder="https://degacms.com/posts"
+                              className="flex-1"
+                            />
+                            <Button
+                              type="button"
+                              variant="outline"
+                              size="icon"
+                              onClick={() => {
+                                const updatedUrls = (field.value || []).filter(
+                                  (_, i) => i !== index
+                                );
+                                field.onChange(updatedUrls);
+                              }}
+                            >
+                              <Trash2 className="h-4 w-4" />
+                            </Button>
+                          </div>
+                        ))}
+                        <Button
+                          type="button"
+                          variant="outline"
+                          size="sm"
+                          onClick={() => {
+                            field.onChange([...(field.value || []), ""]);
+                          }}
+                          className="mt-2"
+                        >
+                          <Plus className="h-4 w-4 mr-2" />
+                          Add URL
+                        </Button>
+                      </div>
+                    </FormItem>
+                  )}
+                />
+                {/* Featured Toggle */}
+                <FormField
+                  control={form.control}
+                  name="is_featured"
+                  render={({ field }) => (
+                    <FormItem className="flex flex-row items-center justify-between p-3">
+                      <div className="space-y-0.5">
+                        <FormLabel>Mark as Featured</FormLabel>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="is_exclude_from_homepage"
+                  render={({ field }) => (
+                    <FormItem className="flex flex-row items-center justify-between p-3">
+                      <div className="space-y-0.5">
+                        <FormLabel>Exclude from Homepage</FormLabel>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </AccordionContent>
+          </AccordionItem>
+          {/* Other Details section */}
+          <AccordionItem value="other-details" className="border-b">
+            <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+              <div className="flex items-center">
+                <Files className="h-4 w-4 mr-2" />
+                Other Details
+              </div>
+            </AccordionTrigger>
+            <AccordionContent className="pt-4">
+              <div className="space-y-4">
+                <FormField
+                  control={form.control}
+                  name="subtitle"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Subtitle</FormLabel>
+                      <FormControl>
+                        <Input {...field} placeholder="Subtitle" />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="excerpt"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Excerpt</FormLabel>
+                      <FormControl>
+                        <Textarea
+                          {...field}
+                          placeholder="Excerpt"
+                          className="resize-none h-24"
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="custom_format"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormLabel>Custom Format</FormLabel>
+                      <FormControl>
+                        <Input {...field} placeholder="Custom format" />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </AccordionContent>
+          </AccordionItem>
+          {/* Categories section */}
+          <AccordionItem value="categories" className="border-b">
+            <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+              <div className="flex items-center">
+                <FolderClosed className="h-4 w-4 mr-2" />
+                Categories
+              </div>
+            </AccordionTrigger>
+            <AccordionContent className="pt-4">
+              <div className="space-y-4">
+                <FormField
+                  control={form.control}
+                  name="categories"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <Selector
+                          mode="multiple"
+                          action="Categories"
+                          placeholder="Select categories"
+                          value={field.value}
+                          onChange={field.onChange}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </AccordionContent>
+          </AccordionItem>
+          {/* Tags section */}
+          <AccordionItem value="tags" className="border-b">
+            <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+              <div className="flex items-center">
+                <Tags className="h-4 w-4 mr-2" />
+                Tags
+              </div>
+            </AccordionTrigger>
+            <AccordionContent className="pt-4">
+              <div className="space-y-4">
+                <FormField
+                  control={form.control}
+                  name="tags"
+                  render={({ field }) => (
+                    <FormItem>
+                      <FormControl>
+                        <Selector
+                          mode="multiple"
+                          action="Tags"
+                          placeholder="Select tags"
+                          value={field.value}
+                          onChange={field.onChange}
+                          createEntity="Tag"
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </AccordionContent>
+          </AccordionItem>
+          {/* Others section */}
+          <AccordionItem value="others" className="border-b">
+            <AccordionTrigger className="text-base font-medium hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white rounded-md">
+              <div className="flex items-center">
+                <MoreHorizontal className="h-4 w-4 mr-2" />
+                Others
+              </div>
+            </AccordionTrigger>
+            <AccordionContent className="pt-4">
+              <div className="space-y-4">
+                <Button
+                  variant="outline"
+                  size="lg"
+                  className="w-full justify-start"
+                  onClick={() => setActiveSubPanel("seo")}
+                >
+                  <SettingsIcon className="h-4 w-4 mr-2" />
+                  SEO Settings
+                </Button>
+
+                <Button
+                  variant="outline"
+                  size="lg"
+                  className="w-full justify-start"
+                  onClick={() => setActiveSubPanel("code")}
+                >
+                  <Code className="h-4 w-4 mr-2" />
+                  Code Injection
+                </Button>
+
+                <Button
+                  variant="outline"
+                  size="lg"
+                  className="w-full justify-start"
+                  onClick={() => setActiveSubPanel("meta_fields")}
+                >
+                  <FilePlus2 className="h-4 w-4 mr-2" />
+                  Add Meta Fields
+                </Button>
+
+                {/* View Schemas button */}
+                <Button
+                  variant="outline"
+                  size="lg"
+                  className="w-full justify-start"
+                  onClick={(e) => {
+                    e.preventDefault();
+                    setSchemaPanelOpen(true);
+                  }}
+                  type="button"
+                >
+                  <MessageSquareCode className="h-4 w-4 mr-2" />
+                  View Schemas
+                </Button>
+              </div>
+            </AccordionContent>
+          </AccordionItem>
+        </Accordion>
+
+        {/* Schema Dialog */}
+        <Dialog open={schemaPanelOpen} onOpenChange={setSchemaPanelOpen}>
+          <DialogContent className="max-w-lg">
+            <DialogHeader>
+              <DialogTitle>View Schemas</DialogTitle>
+            </DialogHeader>
+            <div className="space-y-2 max-h-96 overflow-y-auto">
+              {data.schemas && data.schemas.length > 0 ? (
+                data.schemas.map((schema, index) => (
+                  <div
+                    key={index}
+                    className="rounded-md bg-muted p-3 overflow-x-auto"
+                  >
+                    <pre className="text-xs whitespace-pre-wrap">
+                      {JSON.stringify(schema, null, 2)}
+                    </pre>
+                  </div>
+                ))
+              ) : (
+                <div className="text-center p-4 text-muted-foreground">
+                  No schemas available for this post.
+                </div>
+              )}
+            </div>
+            <DialogFooter className="flex justify-between">
+              <Button
+                variant="outline"
+                onClick={(e) => {
+                  e.preventDefault();
+                  copySchema();
+                }}
+                type="button"
+                disabled={!data.schemas || data.schemas.length === 0}
+              >
+                Copy
+              </Button>
+              <Button
+                variant="default"
+                type="button" // Explicitly set button type
+                asChild
+              >
+                <a
+                  href="https://search.google.com/test/rich-results"
+                  target="_blank"
+                  rel="noreferrer noopener"
+                  className="flex items-center"
+                >
+                  Test in Google Rich Results
+                </a>
+              </Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      </div>
+    );
+  };
+
+  return (
+    <div
+      className={`fixed inset-y-0 right-0 z-50 w-full max-w-md bg-background border-l shadow-lg overflow-y-auto
+      transform transition-transform duration-500 ease-in-out ${
+        isVisible ? "translate-x-0" : "translate-x-full"
+      }`}
+    >
+      <div className="p-4 h-full flex flex-col">
+        <div className="flex items-center justify-between mb-4">
+          <h3 className="text-lg font-semibold">
+            {activeSubPanel === "seo"
+              ? "SEO Settings"
+              : activeSubPanel === "code"
+              ? "Code Injection"
+              : activeSubPanel === "meta_fields"
+              ? "Meta Fields"
+              : "Post Settings"}
+          </h3>
+          <Button variant="outline" size="icon" onClick={onClose}>
+            <X className="h-4 w-4" />
+          </Button>
+        </div>
+
+        <div className="overflow-y-auto flex-grow">
+          <Form {...form}>
+            <form className="space-y-4">{renderPanel()}</form>
+          </Form>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default PostSidePanel;
diff --git a/studio/src/pages/posts/components/RelatedURLs.js b/studio/src/pages/posts/components/RelatedURLs.js
deleted file mode 100644
index ca107dfe2..000000000
--- a/studio/src/pages/posts/components/RelatedURLs.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import React from 'react';
-import { Form, Input, Button, Space } from 'antd';
-import { PlusOutlined, MinusCircleOutlined } from '@ant-design/icons';
-
-const RelatedURLs = ({ name = 'related_urls', label = 'Related URLs' }) => {
-  return (
-    <Form.List name={name} label={label}>
-      {(fields, { add, remove }) => (
-        <>
-          {fields.map(({ key, name, ...restField }, index) => (
-            <Space key={key} style={{ display: 'flex', marginBottom: 8 }} align="baseline">
-              <Form.Item
-                {...restField}
-                name={name}
-                rules={[
-                  { required: true, message: 'Missing URL' },
-                  { type: 'url', message: 'Please enter a valid URL' },
-                ]}
-              >
-                <Input placeholder="https://example.com" style={{ width: '300px' }} />
-              </Form.Item>
-              <MinusCircleOutlined onClick={() => remove(name)} />
-            </Space>
-          ))}
-          <Form.Item>
-            <Button type="dashed" onClick={() => add()} block icon={<PlusOutlined />}>
-              Add Related URL
-            </Button>
-          </Form.Item>
-        </>
-      )}
-    </Form.List>
-  );
-};
-
-export default RelatedURLs;
diff --git a/studio/src/pages/posts/components/__snapshots__/PostForm.test.js.snap b/studio/src/pages/posts/components/__snapshots__/PostForm.test.js.snap
deleted file mode 100644
index d1f34dc4f..000000000
--- a/studio/src/pages/posts/components/__snapshots__/PostForm.test.js.snap
+++ /dev/null
@@ -1,41438 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Posts Create Form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PostForm
-        actions={
-          Array [
-            "publish",
-          ]
-        }
-        data={
-          Object {
-            "authors": Array [
-              1,
-            ],
-            "categories": Array [
-              1,
-            ],
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "level": 2,
-                    "text": "Editor.js",
-                  },
-                  "type": "header",
-                },
-                Object {
-                  "data": Object {
-                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1595747741807,
-              "version": "2.18.0",
-            },
-            "excerpt": "excerpt of post",
-            "featured_medium_id": 1,
-            "format": 1,
-            "id": 1,
-            "published_date": null,
-            "slug": "post-1",
-            "status": "draft",
-            "tags": Array [
-              1,
-            ],
-            "title": "Post-1",
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-            "slug": "article",
-          }
-        }
-        onCreate={[MockFunction]}
-      >
-        <Prompt
-          message="You have unsaved changes, are you sure you want to leave?"
-          when={false}
-        />
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "authors": Array [
-                1,
-              ],
-              "categories": Array [
-                1,
-              ],
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "level": 2,
-                      "text": "Editor.js",
-                    },
-                    "type": "header",
-                  },
-                  Object {
-                    "data": Object {
-                      "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1595747741807,
-                "version": "2.18.0",
-              },
-              "excerpt": "excerpt of post",
-              "featured_medium_id": 1,
-              "format": 1,
-              "id": 1,
-              "published_date": null,
-              "slug": "post-1",
-              "status": "draft",
-              "tags": Array [
-                1,
-              ],
-              "title": "Post-1",
-            }
-          }
-          layout="vertical"
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-vertical"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "authors": Array [
-                    1,
-                  ],
-                  "categories": Array [
-                    1,
-                  ],
-                  "description": Object {
-                    "blocks": Array [
-                      Object {
-                        "data": Object {
-                          "level": 2,
-                          "text": "Editor.js",
-                        },
-                        "type": "header",
-                      },
-                      Object {
-                        "data": Object {
-                          "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                        },
-                        "type": "paragraph",
-                      },
-                    ],
-                    "time": 1595747741807,
-                    "version": "2.18.0",
-                  },
-                  "excerpt": "excerpt of post",
-                  "featured_medium_id": 1,
-                  "format": 1,
-                  "id": 1,
-                  "published_date": null,
-                  "slug": "post-1",
-                  "status": "draft",
-                  "tags": Array [
-                    1,
-                  ],
-                  "title": "Post-1",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-vertical"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Space
-                  direction="vertical"
-                >
-                  <div
-                    className="ant-space ant-space-vertical"
-                    style={Object {}}
-                  >
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={0}
-                      key="ant-space-item-0"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={
-                          Object {
-                            "marginBottom": 8,
-                          }
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "float": "right",
-                            }
-                          }
-                        >
-                          <Space
-                            direction="horizontal"
-                          >
-                            <div
-                              className="ant-space ant-space-horizontal ant-space-align-center"
-                              style={Object {}}
-                            >
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={0}
-                                key="ant-space-item-0"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="template"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "template",
-                                        }
-                                      }
-                                      name="template"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_template"
-                                        messageVariables={
-                                          Object {
-                                            "label": "template",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "template",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="template"
-                                              name="template"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "template",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="template"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="template"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Create Template
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={1}
-                                key="ant-space-item-1"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="draft"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "draft",
-                                        }
-                                      }
-                                      name="draft"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_draft"
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "draft",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="draft"
-                                              name="draft"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "draft",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Dropdown
-                                                          id="draft"
-                                                          mouseEnterDelay={0.15}
-                                                          mouseLeaveDelay={0.1}
-                                                          onChange={[Function]}
-                                                          overlay={
-                                                            <Menu>
-                                                              <MenuItem>
-                                                                Ready to Publish 
-                                                                <ForwardRef
-                                                                  checked={false}
-                                                                  onChange={[Function]}
-                                                                />
-                                                              </MenuItem>
-                                                            </Menu>
-                                                          }
-                                                        >
-                                                          <ForwardRef(Dropdown)
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={[Function]}
-                                                            overlayClassName=""
-                                                            placement="bottomLeft"
-                                                            prefixCls="ant-dropdown"
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <Trigger
-                                                              action={
-                                                                Array [
-                                                                  "hover",
-                                                                ]
-                                                              }
-                                                              afterPopupVisibleChange={[Function]}
-                                                              autoDestroy={false}
-                                                              blurDelay={0.15}
-                                                              builtinPlacements={
-                                                                Object {
-                                                                  "bottomCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tc",
-                                                                      "bc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tl",
-                                                                      "bl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tr",
-                                                                      "br",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bc",
-                                                                      "tc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bl",
-                                                                      "tl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "br",
-                                                                      "tr",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                }
-                                                              }
-                                                              defaultPopupVisible={false}
-                                                              destroyPopupOnHide={false}
-                                                              focusDelay={0}
-                                                              getDocument={[Function]}
-                                                              getPopupClassNameFromAlign={[Function]}
-                                                              hideAction={Array []}
-                                                              id="draft"
-                                                              mask={false}
-                                                              maskClosable={true}
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              onPopupAlign={[Function]}
-                                                              onPopupVisibleChange={[Function]}
-                                                              overlay={[Function]}
-                                                              popup={[Function]}
-                                                              popupAlign={Object {}}
-                                                              popupClassName=""
-                                                              popupPlacement="bottomLeft"
-                                                              popupStyle={Object {}}
-                                                              popupTransitionName="ant-slide-up"
-                                                              prefixCls="ant-dropdown"
-                                                              showAction={Array []}
-                                                              stretch="minWidth"
-                                                            >
-                                                              <Button
-                                                                className="ant-dropdown-trigger"
-                                                                htmlType="submit"
-                                                                key="trigger"
-                                                                onClick={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                type="secondary"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                    onClick={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onMouseLeave={[Function]}
-                                                                    type="submit"
-                                                                  >
-                                                                    <LoadingIcon
-                                                                      existIcon={false}
-                                                                      loading={false}
-                                                                      prefixCls="ant-btn"
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionName="ant-btn-loading-icon-motion"
-                                                                        onAppearActive={[Function]}
-                                                                        onAppearStart={[Function]}
-                                                                        onEnterActive={[Function]}
-                                                                        onEnterStart={[Function]}
-                                                                        onLeaveActive={[Function]}
-                                                                        onLeaveStart={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </LoadingIcon>
-                                                                    <span
-                                                                      key=".0"
-                                                                    >
-                                                                      Save
-                                                                    </span>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </Trigger>
-                                                          </ForwardRef(Dropdown)>
-                                                        </Dropdown>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={2}
-                                key="ant-space-item-2"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="submit"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "submit",
-                                        }
-                                      }
-                                      name="submit"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_submit"
-                                        messageVariables={
-                                          Object {
-                                            "label": "submit",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "submit",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="submit"
-                                              name="submit"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "submit",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          htmlType="submit"
-                                                          id="submit"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="submit"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="submit"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Publish
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={3}
-                                key="ant-space-item-3"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={Object {}}
-                                >
-                                  <FormItem
-                                    name="drawerOpen"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "drawerOpen",
-                                        }
-                                      }
-                                      name="drawerOpen"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_drawerOpen"
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "drawerOpen",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="drawerOpen"
-                                              name="drawerOpen"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "drawerOpen",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="drawerOpen"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="drawerOpen"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <ForwardRef(SettingFilled)
-                                                                key=".0"
-                                                              >
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "setting",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="setting"
-                                                                    className="anticon anticon-setting"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "setting",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="setting"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-setting"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                          key="svg-setting-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(SettingFilled)>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                            </div>
-                          </Space>
-                        </div>
-                      </div>
-                    </Item>
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={1}
-                      key="ant-space-item-1"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={Object {}}
-                      >
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              xl={
-                                Object {
-                                  "offset": 3,
-                                  "span": 18,
-                                }
-                              }
-                              xs={
-                                Object {
-                                  "span": 24,
-                                }
-                              }
-                              xxl={
-                                Object {
-                                  "offset": 6,
-                                  "span": 12,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="title"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the title!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Title must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "title",
-                                      }
-                                    }
-                                    name="title"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": undefined,
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_title"
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "title",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="title"
-                                            name="title"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "title",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                      value="Post-1"
-                                                    >
-                                                      <ForwardRef
-                                                        autoSize={
-                                                          Object {
-                                                            "maxRows": 6,
-                                                            "minRows": 2,
-                                                          }
-                                                        }
-                                                        bordered={false}
-                                                        id="title"
-                                                        onChange={[Function]}
-                                                        placeholder="Add title for the post"
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "2.5rem",
-                                                            "fontWeight": "bold",
-                                                            "resize": "none",
-                                                            "textAlign": "center",
-                                                          }
-                                                        }
-                                                        value="Post-1"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          element={
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the post"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "resize": "none",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="Post-1"
-                                                            />
-                                                          }
-                                                          handleReset={[Function]}
-                                                          id="title"
-                                                          inputType="text"
-                                                          placeholder="Add title for the post"
-                                                          prefixCls="ant-input"
-                                                          value="Post-1"
-                                                        >
-                                                          <TextArea
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            className="ant-input-borderless"
-                                                            id="title"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            placeholder="Add title for the post"
-                                                            prefixCls="ant-input"
-                                                            style={
-                                                              Object {
-                                                                "fontSize": "2.5rem",
-                                                                "fontWeight": "bold",
-                                                                "resize": "none",
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                            value="Post-1"
-                                                          >
-                                                            <ResizableTextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Add title for the post"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "resize": "none",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="Post-1"
-                                                            >
-                                                              <ResizeObserver
-                                                                disabled={false}
-                                                                onResize={[Function]}
-                                                              >
-                                                                <textarea
-                                                                  className="ant-input ant-input-borderless"
-                                                                  id="title"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  placeholder="Add title for the post"
-                                                                  style={
-                                                                    Object {
-                                                                      "fontSize": "2.5rem",
-                                                                      "fontWeight": "bold",
-                                                                      "resize": "none",
-                                                                      "textAlign": "center",
-                                                                    }
-                                                                  }
-                                                                  value="Post-1"
-                                                                />
-                                                              </ResizeObserver>
-                                                            </ResizableTextArea>
-                                                          </TextArea>
-                                                        </ClearableLabeledInput>
-                                                      </ForwardRef>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <DescriptionInput
-                                  formItemProps={
-                                    Object {
-                                      "className": "post-description",
-                                    }
-                                  }
-                                  noLabel={true}
-                                  type="editor"
-                                >
-                                  <FormItem
-                                    className="post-description"
-                                    name="description"
-                                  >
-                                    <WrapperField
-                                      className="post-description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "description",
-                                        }
-                                      }
-                                      name="description"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        className="post-description"
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item post-description"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item post-description"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              className="post-description"
-                                              htmlFor="description"
-                                              name="description"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              className="post-description"
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "description",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                        value={
-                                                          Object {
-                                                            "blocks": Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "level": 2,
-                                                                  "text": "Editor.js",
-                                                                },
-                                                                "type": "header",
-                                                              },
-                                                              Object {
-                                                                "data": Object {
-                                                                  "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                },
-                                                                "type": "paragraph",
-                                                              },
-                                                            ],
-                                                            "time": 1595747741807,
-                                                            "version": "2.18.0",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Editor
-                                                          id="description"
-                                                          onChange={[Function]}
-                                                          value={
-                                                            Object {
-                                                              "blocks": Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "level": 2,
-                                                                    "text": "Editor.js",
-                                                                  },
-                                                                  "type": "header",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                  },
-                                                                  "type": "paragraph",
-                                                                },
-                                                              ],
-                                                              "time": 1595747741807,
-                                                              "version": "2.18.0",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            style={null}
-                                                          />
-                                                        </Editor>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </DescriptionInput>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Settings
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={366}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={366}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={366}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "366px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Settings
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      label="Featured Image"
-                                                      name="featured_medium_id"
-                                                    >
-                                                      <WrapperField
-                                                        label="Featured Image"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Featured Image",
-                                                          }
-                                                        }
-                                                        name="featured_medium_id"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_featured_medium_id"
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "featured_medium_id",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="featured_medium_id"
-                                                                label="Featured Image"
-                                                                name="featured_medium_id"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="featured_medium_id"
-                                                                      title="Featured Image"
-                                                                    >
-                                                                      Featured Image
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Featured Image"
-                                                                name={
-                                                                  Array [
-                                                                    "featured_medium_id",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={1}
-                                                                        >
-                                                                          <MediaSelector
-                                                                            id="featured_medium_id"
-                                                                            onChange={[Function]}
-                                                                            value={1}
-                                                                          >
-                                                                            <Modal
-                                                                              closable={false}
-                                                                              confirmLoading={false}
-                                                                              footer={
-                                                                                Array [
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                  >
-                                                                                    Cancel
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                    type="primary"
-                                                                                  >
-                                                                                    Ok
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                ]
-                                                                              }
-                                                                              okType="primary"
-                                                                              onCancel={[Function]}
-                                                                              visible={false}
-                                                                              width="800px"
-                                                                            >
-                                                                              <Dialog
-                                                                                closable={false}
-                                                                                closeIcon={
-                                                                                  <span
-                                                                                    className="ant-modal-close-x"
-                                                                                  >
-                                                                                    <ForwardRef(CloseOutlined)
-                                                                                      className="ant-modal-close-icon"
-                                                                                    />
-                                                                                  </span>
-                                                                                }
-                                                                                confirmLoading={false}
-                                                                                focusTriggerAfterClose={true}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                maskTransitionName="ant-fade"
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                onClose={[Function]}
-                                                                                prefixCls="ant-modal"
-                                                                                transitionName="ant-zoom"
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                                wrapClassName=""
-                                                                              >
-                                                                                <PortalWrapper
-                                                                                  visible={false}
-                                                                                />
-                                                                              </Dialog>
-                                                                            </Modal>
-                                                                            <Space
-                                                                              direction="vertical"
-                                                                            >
-                                                                              <div
-                                                                                className="ant-space ant-space-vertical"
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <Item
-                                                                                  className="ant-space-item"
-                                                                                  direction="vertical"
-                                                                                  index={0}
-                                                                                  key="ant-space-item-0"
-                                                                                  marginDirection="marginRight"
-                                                                                  wrap={false}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-space-item"
-                                                                                    style={Object {}}
-                                                                                  >
-                                                                                    <div
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "alignItems": "center",
-                                                                                          "display": "flex",
-                                                                                          "justifyContent": "center",
-                                                                                        }
-                                                                                      }
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "position": "relative",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "background": "transparent",
-                                                                                              "borderStyle": "dashed",
-                                                                                              "display": "block",
-                                                                                              "height": "auto",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "background": "transparent",
-                                                                                                  "borderStyle": "dashed",
-                                                                                                  "display": "block",
-                                                                                                  "height": "auto",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <img
-                                                                                                key=".0"
-                                                                                                width="100%"
-                                                                                              />
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "bottom": 0,
-                                                                                              "left": 0,
-                                                                                              "maxWidth": "52px",
-                                                                                              "position": "absolute",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "bottom": 0,
-                                                                                                  "left": 0,
-                                                                                                  "maxWidth": "52px",
-                                                                                                  "position": "absolute",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <ForwardRef(DeleteOutlined)
-                                                                                                key=".0"
-                                                                                              >
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "delete",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="delete"
-                                                                                                    className="anticon anticon-delete"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "delete",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="delete"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-delete"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                                          key="svg-delete-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(DeleteOutlined)>
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </Item>
-                                                                              </div>
-                                                                            </Space>
-                                                                          </MediaSelector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Excerpt"
-                                                      name="excerpt"
-                                                      rules={
-                                                        Array [
-                                                          Object {
-                                                            "max": 5000,
-                                                            "message": "Excerpt must be a maximum of 5000 characters.",
-                                                          },
-                                                          Object {
-                                                            "message": "Add Excerpt",
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Excerpt"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Excerpt",
-                                                          }
-                                                        }
-                                                        name="excerpt"
-                                                        onReset={[Function]}
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                            Object {
-                                                              "message": "Add Excerpt",
-                                                            },
-                                                          ]
-                                                        }
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_excerpt"
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "excerpt",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                              Object {
-                                                                "message": "Add Excerpt",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="excerpt"
-                                                                label="Excerpt"
-                                                                name="excerpt"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                    Object {
-                                                                      "message": "Add Excerpt",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="excerpt"
-                                                                      title="Excerpt"
-                                                                    >
-                                                                      Excerpt
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Excerpt"
-                                                                name={
-                                                                  Array [
-                                                                    "excerpt",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                    Object {
-                                                                      "message": "Add Excerpt",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value="excerpt of post"
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="excerpt"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Excerpt"
-                                                                            rows={4}
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            value="excerpt of post"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of post"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="excerpt"
-                                                                              inputType="text"
-                                                                              placeholder="Excerpt"
-                                                                              prefixCls="ant-input"
-                                                                              rows={4}
-                                                                              value="excerpt of post"
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="excerpt"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                value="excerpt of post"
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of post"
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="excerpt"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      placeholder="Excerpt"
-                                                                                      rows={4}
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "fontSize": "medium",
-                                                                                        }
-                                                                                      }
-                                                                                      value="excerpt of post"
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Subtitle"
-                                                      name="subtitle"
-                                                    >
-                                                      <WrapperField
-                                                        label="Subtitle"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Subtitle",
-                                                          }
-                                                        }
-                                                        name="subtitle"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_subtitle"
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "subtitle",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="subtitle"
-                                                                label="Subtitle"
-                                                                name="subtitle"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="subtitle"
-                                                                      title="Subtitle"
-                                                                    >
-                                                                      Subtitle
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Subtitle"
-                                                                name={
-                                                                  Array [
-                                                                    "subtitle",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="subtitle"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Subtitle"
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="subtitle"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              prefixCls="ant-input"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="subtitle"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <SlugInput>
-                                                      <FormItem
-                                                        label="Slug"
-                                                        name="slug"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "message": "Please input the slug!",
-                                                              "required": true,
-                                                            },
-                                                            Object {
-                                                              "message": "Please enter valid slug!",
-                                                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Slug"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Slug",
-                                                            }
-                                                          }
-                                                          name="slug"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_slug"
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "slug",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="slug"
-                                                                  label="Slug"
-                                                                  name="slug"
-                                                                  prefixCls="ant-form"
-                                                                  required={true}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className="ant-form-item-required"
-                                                                        htmlFor="slug"
-                                                                        title="Slug"
-                                                                      >
-                                                                        Slug
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Slug"
-                                                                  name={
-                                                                    Array [
-                                                                      "slug",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                            value="post-1"
-                                                                          >
-                                                                            <Input
-                                                                              id="slug"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                              value="post-1"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                    value="post-1"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="slug"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value="post-1"
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="slug"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value="post-1"
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </SlugInput>
-                                                    <FormItem
-                                                      label="Published Date"
-                                                      name="published_date"
-                                                    >
-                                                      <WrapperField
-                                                        label="Published Date"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Published Date",
-                                                          }
-                                                        }
-                                                        name="published_date"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_published_date"
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "published_date",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="published_date"
-                                                                label="Published Date"
-                                                                name="published_date"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="published_date"
-                                                                      title="Published Date"
-                                                                    >
-                                                                      Published Date
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Published Date"
-                                                                name={
-                                                                  Array [
-                                                                    "published_date",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={null}
-                                                                        >
-                                                                          <Picker
-                                                                            id="published_date"
-                                                                            onChange={[Function]}
-                                                                            value={null}
-                                                                          >
-                                                                            <LocaleReceiver
-                                                                              componentName="DatePicker"
-                                                                              defaultLocale={
-                                                                                Object {
-                                                                                  "lang": Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  },
-                                                                                  "timePickerLocale": Object {
-                                                                                    "placeholder": "Select time",
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start time",
-                                                                                      "End time",
-                                                                                    ],
-                                                                                  },
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <Picker
-                                                                                allowClear={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                components={
-                                                                                  Object {
-                                                                                    "button": [Function],
-                                                                                    "rangeItem": [Function],
-                                                                                  }
-                                                                                }
-                                                                                generateConfig={
-                                                                                  Object {
-                                                                                    "addDate": [Function],
-                                                                                    "addMonth": [Function],
-                                                                                    "addYear": [Function],
-                                                                                    "getDate": [Function],
-                                                                                    "getEndDate": [Function],
-                                                                                    "getFixedDate": [Function],
-                                                                                    "getHour": [Function],
-                                                                                    "getMinute": [Function],
-                                                                                    "getMonth": [Function],
-                                                                                    "getNow": [Function],
-                                                                                    "getSecond": [Function],
-                                                                                    "getWeekDay": [Function],
-                                                                                    "getYear": [Function],
-                                                                                    "isAfter": [Function],
-                                                                                    "isValidate": [Function],
-                                                                                    "locale": Object {
-                                                                                      "format": [Function],
-                                                                                      "getShortMonths": [Function],
-                                                                                      "getShortWeekDays": [Function],
-                                                                                      "getWeek": [Function],
-                                                                                      "getWeekFirstDate": [Function],
-                                                                                      "getWeekFirstDay": [Function],
-                                                                                      "parse": [Function],
-                                                                                    },
-                                                                                    "setDate": [Function],
-                                                                                    "setHour": [Function],
-                                                                                    "setMinute": [Function],
-                                                                                    "setMonth": [Function],
-                                                                                    "setSecond": [Function],
-                                                                                    "setYear": [Function],
-                                                                                  }
-                                                                                }
-                                                                                id="published_date"
-                                                                                locale={
-                                                                                  Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  }
-                                                                                }
-                                                                                nextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                placeholder="Select date"
-                                                                                prefixCls="ant-picker"
-                                                                                prevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                showToday={true}
-                                                                                suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                superNextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                superPrevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                transitionName="ant-slide-up"
-                                                                                value={null}
-                                                                              >
-                                                                                <InnerPicker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  pickerRef={
-                                                                                    Object {
-                                                                                      "current": Object {
-                                                                                        "blur": [Function],
-                                                                                        "focus": [Function],
-                                                                                      },
-                                                                                    }
-                                                                                  }
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={null}
-                                                                                >
-                                                                                  <PickerTrigger
-                                                                                    popupElement={
-                                                                                      <div
-                                                                                        className="ant-picker-panel-container"
-                                                                                        onMouseDown={[Function]}
-                                                                                      >
-                                                                                        <PickerPanel
-                                                                                          allowClear={true}
-                                                                                          className="ant-picker-panel-focused"
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          components={
-                                                                                            Object {
-                                                                                              "button": [Function],
-                                                                                              "rangeItem": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          generateConfig={
-                                                                                            Object {
-                                                                                              "addDate": [Function],
-                                                                                              "addMonth": [Function],
-                                                                                              "addYear": [Function],
-                                                                                              "getDate": [Function],
-                                                                                              "getEndDate": [Function],
-                                                                                              "getFixedDate": [Function],
-                                                                                              "getHour": [Function],
-                                                                                              "getMinute": [Function],
-                                                                                              "getMonth": [Function],
-                                                                                              "getNow": [Function],
-                                                                                              "getSecond": [Function],
-                                                                                              "getWeekDay": [Function],
-                                                                                              "getYear": [Function],
-                                                                                              "isAfter": [Function],
-                                                                                              "isValidate": [Function],
-                                                                                              "locale": Object {
-                                                                                                "format": [Function],
-                                                                                                "getShortMonths": [Function],
-                                                                                                "getShortWeekDays": [Function],
-                                                                                                "getWeek": [Function],
-                                                                                                "getWeekFirstDate": [Function],
-                                                                                                "getWeekFirstDay": [Function],
-                                                                                                "parse": [Function],
-                                                                                              },
-                                                                                              "setDate": [Function],
-                                                                                              "setHour": [Function],
-                                                                                              "setMinute": [Function],
-                                                                                              "setMonth": [Function],
-                                                                                              "setSecond": [Function],
-                                                                                              "setYear": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          id="published_date"
-                                                                                          locale={
-                                                                                            Object {
-                                                                                              "backToToday": "Back to today",
-                                                                                              "clear": "Clear",
-                                                                                              "dateFormat": "M/D/YYYY",
-                                                                                              "dateSelect": "select date",
-                                                                                              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                              "dayFormat": "D",
-                                                                                              "decadeSelect": "Choose a decade",
-                                                                                              "locale": "en_US",
-                                                                                              "month": "Month",
-                                                                                              "monthBeforeYear": true,
-                                                                                              "monthPlaceholder": "Select month",
-                                                                                              "monthSelect": "Choose a month",
-                                                                                              "nextCentury": "Next century",
-                                                                                              "nextDecade": "Next decade",
-                                                                                              "nextMonth": "Next month (PageDown)",
-                                                                                              "nextYear": "Next year (Control + right)",
-                                                                                              "now": "Now",
-                                                                                              "ok": "Ok",
-                                                                                              "placeholder": "Select date",
-                                                                                              "previousCentury": "Last century",
-                                                                                              "previousDecade": "Last decade",
-                                                                                              "previousMonth": "Previous month (PageUp)",
-                                                                                              "previousYear": "Last year (Control + left)",
-                                                                                              "quarterPlaceholder": "Select quarter",
-                                                                                              "rangeMonthPlaceholder": Array [
-                                                                                                "Start month",
-                                                                                                "End month",
-                                                                                              ],
-                                                                                              "rangePlaceholder": Array [
-                                                                                                "Start date",
-                                                                                                "End date",
-                                                                                              ],
-                                                                                              "rangeWeekPlaceholder": Array [
-                                                                                                "Start week",
-                                                                                                "End week",
-                                                                                              ],
-                                                                                              "rangeYearPlaceholder": Array [
-                                                                                                "Start year",
-                                                                                                "End year",
-                                                                                              ],
-                                                                                              "timeSelect": "select time",
-                                                                                              "today": "Today",
-                                                                                              "weekPlaceholder": "Select week",
-                                                                                              "weekSelect": "Choose a week",
-                                                                                              "year": "Year",
-                                                                                              "yearFormat": "YYYY",
-                                                                                              "yearPlaceholder": "Select year",
-                                                                                              "yearSelect": "Choose a year",
-                                                                                            }
-                                                                                          }
-                                                                                          nextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={null}
-                                                                                          onPanelChange={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          pickerRef={
-                                                                                            Object {
-                                                                                              "current": Object {
-                                                                                                "blur": [Function],
-                                                                                                "focus": [Function],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          placeholder="Select date"
-                                                                                          prefixCls="ant-picker"
-                                                                                          prevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          showToday={true}
-                                                                                          suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                          superNextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          superPrevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          tabIndex={-1}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={null}
-                                                                                        />
-                                                                                      </div>
-                                                                                    }
-                                                                                    popupPlacement="bottomLeft"
-                                                                                    prefixCls="ant-picker"
-                                                                                    transitionName="ant-slide-up"
-                                                                                    visible={false}
-                                                                                  >
-                                                                                    <Trigger
-                                                                                      action={Array []}
-                                                                                      afterPopupVisibleChange={[Function]}
-                                                                                      autoDestroy={false}
-                                                                                      blurDelay={0.15}
-                                                                                      builtinPlacements={
-                                                                                        Object {
-                                                                                          "bottomLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tl",
-                                                                                              "bl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "bottomRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tr",
-                                                                                              "br",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "bl",
-                                                                                              "tl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "br",
-                                                                                              "tr",
-                                                                                            ],
-                                                                                          },
-                                                                                        }
-                                                                                      }
-                                                                                      defaultPopupVisible={false}
-                                                                                      destroyPopupOnHide={false}
-                                                                                      focusDelay={0}
-                                                                                      getDocument={[Function]}
-                                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                                      hideAction={Array []}
-                                                                                      mask={false}
-                                                                                      maskClosable={true}
-                                                                                      mouseEnterDelay={0}
-                                                                                      mouseLeaveDelay={0.1}
-                                                                                      onPopupAlign={[Function]}
-                                                                                      onPopupVisibleChange={[Function]}
-                                                                                      popup={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupAlign={Object {}}
-                                                                                      popupClassName=""
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      popupStyle={Object {}}
-                                                                                      popupTransitionName="ant-slide-up"
-                                                                                      popupVisible={false}
-                                                                                      prefixCls="ant-picker-dropdown"
-                                                                                      showAction={Array []}
-                                                                                    >
-                                                                                      <div
-                                                                                        className="ant-picker"
-                                                                                        key="trigger"
-                                                                                        onMouseUp={[Function]}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker-input"
-                                                                                        >
-                                                                                          <input
-                                                                                            autoComplete="off"
-                                                                                            id="published_date"
-                                                                                            onBlur={[Function]}
-                                                                                            onChange={[Function]}
-                                                                                            onFocus={[Function]}
-                                                                                            onKeyDown={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                            placeholder="Select date"
-                                                                                            readOnly={true}
-                                                                                            size={12}
-                                                                                            title=""
-                                                                                            value=""
-                                                                                          />
-                                                                                          <span
-                                                                                            className="ant-picker-suffix"
-                                                                                          >
-                                                                                            <ForwardRef(CalendarOutlined)>
-                                                                                              <AntdIcon
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "calendar",
-                                                                                                    "theme": "outlined",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <span
-                                                                                                  aria-label="calendar"
-                                                                                                  className="anticon anticon-calendar"
-                                                                                                  role="img"
-                                                                                                >
-                                                                                                  <IconReact
-                                                                                                    icon={
-                                                                                                      Object {
-                                                                                                        "icon": Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "focusable": "false",
-                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                          },
-                                                                                                          "children": Array [
-                                                                                                            Object {
-                                                                                                              "attrs": Object {
-                                                                                                                "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                              },
-                                                                                                              "tag": "path",
-                                                                                                            },
-                                                                                                          ],
-                                                                                                          "tag": "svg",
-                                                                                                        },
-                                                                                                        "name": "calendar",
-                                                                                                        "theme": "outlined",
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <svg
-                                                                                                      aria-hidden="true"
-                                                                                                      data-icon="calendar"
-                                                                                                      fill="currentColor"
-                                                                                                      focusable="false"
-                                                                                                      height="1em"
-                                                                                                      key="svg-calendar"
-                                                                                                      viewBox="64 64 896 896"
-                                                                                                      width="1em"
-                                                                                                    >
-                                                                                                      <path
-                                                                                                        d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                        key="svg-calendar-svg-0"
-                                                                                                      />
-                                                                                                    </svg>
-                                                                                                  </IconReact>
-                                                                                                </span>
-                                                                                              </AntdIcon>
-                                                                                            </ForwardRef(CalendarOutlined)>
-                                                                                          </span>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </Trigger>
-                                                                                  </PickerTrigger>
-                                                                                </InnerPicker>
-                                                                              </Picker>
-                                                                            </LocaleReceiver>
-                                                                          </Picker>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Categories"
-                                                      name="categories"
-                                                    >
-                                                      <WrapperField
-                                                        label="Categories"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Categories",
-                                                          }
-                                                        }
-                                                        name="categories"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_categories"
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "categories",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="categories"
-                                                                label="Categories"
-                                                                name="categories"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="categories"
-                                                                      title="Categories"
-                                                                    >
-                                                                      Categories
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Categories"
-                                                                name={
-                                                                  Array [
-                                                                    "categories",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Categories"
-                                                                            createEntity="Category"
-                                                                            id="categories"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No categories available. Type something to create new Category"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select categories"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select categories"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Tags"
-                                                      name="tags"
-                                                    >
-                                                      <WrapperField
-                                                        label="Tags"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Tags",
-                                                          }
-                                                        }
-                                                        name="tags"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_tags"
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "tags",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="tags"
-                                                                label="Tags"
-                                                                name="tags"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="tags"
-                                                                      title="Tags"
-                                                                    >
-                                                                      Tags
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Tags"
-                                                                name={
-                                                                  Array [
-                                                                    "tags",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Tags"
-                                                                            createEntity="Tag"
-                                                                            id="tags"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select tags"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select tags"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select tags"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Authors"
-                                                      name="authors"
-                                                    >
-                                                      <WrapperField
-                                                        label="Authors"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Authors",
-                                                          }
-                                                        }
-                                                        name="authors"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_authors"
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "authors",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="authors"
-                                                                label="Authors"
-                                                                name="authors"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="authors"
-                                                                      title="Authors"
-                                                                    >
-                                                                      Authors
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Authors"
-                                                                name={
-                                                                  Array [
-                                                                    "authors",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Authors"
-                                                                            display="display_name"
-                                                                            id="authors"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select authors"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select authors"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select authors"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Data
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Code Injection
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            View Schemas
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Fields
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <Modal
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Copy
-                                                          </ForwardRef(InternalButton)>,
-                                                          <a
-                                                            className="ant-btn ant-btn-secondary"
-                                                            href="https://search.google.com/test/rich-results"
-                                                            rel="noreferrer noopener"
-                                                            target="_blank"
-                                                          >
-                                                            Test in Google Rich Results Text
-                                                          </a>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      onOk={[Function]}
-                                                      title="View Schemas"
-                                                      visible={false}
-                                                      width={520}
-                                                    >
-                                                      <Dialog
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        onOk={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        title="View Schemas"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width={520}
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Meta data
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Meta data
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Title"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "title",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Title"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Title",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_title"
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_title"
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_title"
-                                                                      title="Meta Title"
-                                                                    >
-                                                                      Meta Title
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_title"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_title"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_title"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Description"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "description",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Description"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Description",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_description"
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_description"
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_description"
-                                                                      title="Meta Description"
-                                                                    >
-                                                                      Meta Description
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="meta_description"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="meta_description"
-                                                                              inputType="text"
-                                                                              prefixCls="ant-input"
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="meta_description"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="meta_description"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      style={Object {}}
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Canonical URL"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "canonical_URL",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Canonical URL"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Canonical URL",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_canonical_URL"
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_canonical_URL"
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_canonical_URL"
-                                                                      title="Canonical URL"
-                                                                    >
-                                                                      Canonical URL
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_canonical_URL"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_canonical_URL"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_canonical_URL"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Code Injection
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={710}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={710}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={710}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "710px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Code Injection
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Header Code"
-                                                      name="header_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Header Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Header Code",
-                                                          }
-                                                        }
-                                                        name="header_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_header_code"
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "header_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="header_code"
-                                                                label="Header Code"
-                                                                name="header_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="header_code"
-                                                                      title="Header Code"
-                                                                    >
-                                                                      Header Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Header Code"
-                                                                name={
-                                                                  Array [
-                                                                    "header_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="header_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Footer Code"
-                                                      name="footer_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Footer Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Footer Code",
-                                                          }
-                                                        }
-                                                        name="footer_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_footer_code"
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "footer_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="footer_code"
-                                                                label="Footer Code"
-                                                                name="footer_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="footer_code"
-                                                                      title="Footer Code"
-                                                                    >
-                                                                      Footer Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Footer Code"
-                                                                name={
-                                                                  Array [
-                                                                    "footer_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="footer_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Meta Fields
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Meta Fields
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      extra="add JSON if you have to pass any extra data"
-                                                      label="Meta Fields"
-                                                      name="meta_fields"
-                                                    >
-                                                      <WrapperField
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Fields",
-                                                          }
-                                                        }
-                                                        name="meta_fields"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_fields"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta_fields",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                htmlFor="meta_fields"
-                                                                label="Meta Fields"
-                                                                name="meta_fields"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_fields"
-                                                                      title="Meta Fields"
-                                                                    >
-                                                                      Meta Fields
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                label="Meta Fields"
-                                                                name={
-                                                                  Array [
-                                                                    "meta_fields",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="meta_fields"
-                                                                            language="json"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={440}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                    <div
-                                                                      className="ant-form-item-extra"
-                                                                    >
-                                                                      add JSON if you have to pass any extra data
-                                                                    </div>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </div>
-                    </Item>
-                  </div>
-                </Space>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </PostForm>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Posts Create Form component snapshot testing should match component with open drawer 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PostForm
-        actions={
-          Array [
-            "publish",
-          ]
-        }
-        data={
-          Object {
-            "authors": Array [
-              1,
-            ],
-            "categories": Array [
-              1,
-            ],
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "level": 2,
-                    "text": "Editor.js",
-                  },
-                  "type": "header",
-                },
-                Object {
-                  "data": Object {
-                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1595747741807,
-              "version": "2.18.0",
-            },
-            "excerpt": "excerpt of post",
-            "featured_medium_id": 1,
-            "format": 1,
-            "id": 1,
-            "published_date": null,
-            "slug": "post-1",
-            "status": "draft",
-            "tags": Array [
-              1,
-            ],
-            "title": "Post-1",
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-            "slug": "article",
-          }
-        }
-        onCreate={[MockFunction]}
-      >
-        <Prompt
-          message="You have unsaved changes, are you sure you want to leave?"
-          when={false}
-        />
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "authors": Array [
-                1,
-              ],
-              "categories": Array [
-                1,
-              ],
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "level": 2,
-                      "text": "Editor.js",
-                    },
-                    "type": "header",
-                  },
-                  Object {
-                    "data": Object {
-                      "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1595747741807,
-                "version": "2.18.0",
-              },
-              "excerpt": "excerpt of post",
-              "featured_medium_id": 1,
-              "format": 1,
-              "id": 1,
-              "published_date": null,
-              "slug": "post-1",
-              "status": "draft",
-              "tags": Array [
-                1,
-              ],
-              "title": "Post-1",
-            }
-          }
-          layout="vertical"
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-vertical"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "authors": Array [
-                    1,
-                  ],
-                  "categories": Array [
-                    1,
-                  ],
-                  "description": Object {
-                    "blocks": Array [
-                      Object {
-                        "data": Object {
-                          "level": 2,
-                          "text": "Editor.js",
-                        },
-                        "type": "header",
-                      },
-                      Object {
-                        "data": Object {
-                          "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                        },
-                        "type": "paragraph",
-                      },
-                    ],
-                    "time": 1595747741807,
-                    "version": "2.18.0",
-                  },
-                  "excerpt": "excerpt of post",
-                  "featured_medium_id": 1,
-                  "format": 1,
-                  "id": 1,
-                  "published_date": null,
-                  "slug": "post-1",
-                  "status": "draft",
-                  "tags": Array [
-                    1,
-                  ],
-                  "title": "Post-1",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-vertical"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Space
-                  direction="vertical"
-                >
-                  <div
-                    className="ant-space ant-space-vertical"
-                    style={Object {}}
-                  >
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={0}
-                      key="ant-space-item-0"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={
-                          Object {
-                            "marginBottom": 8,
-                          }
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "float": "right",
-                            }
-                          }
-                        >
-                          <Space
-                            direction="horizontal"
-                          >
-                            <div
-                              className="ant-space ant-space-horizontal ant-space-align-center"
-                              style={Object {}}
-                            >
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={0}
-                                key="ant-space-item-0"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="template"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "template",
-                                        }
-                                      }
-                                      name="template"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_template"
-                                        messageVariables={
-                                          Object {
-                                            "label": "template",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "template",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="template"
-                                              name="template"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "template",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="template"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="template"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Create Template
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={1}
-                                key="ant-space-item-1"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="draft"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "draft",
-                                        }
-                                      }
-                                      name="draft"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_draft"
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "draft",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="draft"
-                                              name="draft"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "draft",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Dropdown
-                                                          id="draft"
-                                                          mouseEnterDelay={0.15}
-                                                          mouseLeaveDelay={0.1}
-                                                          onChange={[Function]}
-                                                          overlay={
-                                                            <Menu>
-                                                              <MenuItem>
-                                                                Ready to Publish 
-                                                                <ForwardRef
-                                                                  checked={false}
-                                                                  onChange={[Function]}
-                                                                />
-                                                              </MenuItem>
-                                                            </Menu>
-                                                          }
-                                                        >
-                                                          <ForwardRef(Dropdown)
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={[Function]}
-                                                            overlayClassName=""
-                                                            placement="bottomLeft"
-                                                            prefixCls="ant-dropdown"
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <Trigger
-                                                              action={
-                                                                Array [
-                                                                  "hover",
-                                                                ]
-                                                              }
-                                                              afterPopupVisibleChange={[Function]}
-                                                              autoDestroy={false}
-                                                              blurDelay={0.15}
-                                                              builtinPlacements={
-                                                                Object {
-                                                                  "bottomCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tc",
-                                                                      "bc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tl",
-                                                                      "bl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tr",
-                                                                      "br",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bc",
-                                                                      "tc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bl",
-                                                                      "tl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "br",
-                                                                      "tr",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                }
-                                                              }
-                                                              defaultPopupVisible={false}
-                                                              destroyPopupOnHide={false}
-                                                              focusDelay={0}
-                                                              getDocument={[Function]}
-                                                              getPopupClassNameFromAlign={[Function]}
-                                                              hideAction={Array []}
-                                                              id="draft"
-                                                              mask={false}
-                                                              maskClosable={true}
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              onPopupAlign={[Function]}
-                                                              onPopupVisibleChange={[Function]}
-                                                              overlay={[Function]}
-                                                              popup={[Function]}
-                                                              popupAlign={Object {}}
-                                                              popupClassName=""
-                                                              popupPlacement="bottomLeft"
-                                                              popupStyle={Object {}}
-                                                              popupTransitionName="ant-slide-up"
-                                                              prefixCls="ant-dropdown"
-                                                              showAction={Array []}
-                                                              stretch="minWidth"
-                                                            >
-                                                              <Button
-                                                                className="ant-dropdown-trigger"
-                                                                htmlType="submit"
-                                                                key="trigger"
-                                                                onClick={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                type="secondary"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                    onClick={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onMouseLeave={[Function]}
-                                                                    type="submit"
-                                                                  >
-                                                                    <LoadingIcon
-                                                                      existIcon={false}
-                                                                      loading={false}
-                                                                      prefixCls="ant-btn"
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionName="ant-btn-loading-icon-motion"
-                                                                        onAppearActive={[Function]}
-                                                                        onAppearStart={[Function]}
-                                                                        onEnterActive={[Function]}
-                                                                        onEnterStart={[Function]}
-                                                                        onLeaveActive={[Function]}
-                                                                        onLeaveStart={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </LoadingIcon>
-                                                                    <span
-                                                                      key=".0"
-                                                                    >
-                                                                      Save
-                                                                    </span>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </Trigger>
-                                                          </ForwardRef(Dropdown)>
-                                                        </Dropdown>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={2}
-                                key="ant-space-item-2"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="submit"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "submit",
-                                        }
-                                      }
-                                      name="submit"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_submit"
-                                        messageVariables={
-                                          Object {
-                                            "label": "submit",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "submit",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="submit"
-                                              name="submit"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "submit",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          htmlType="submit"
-                                                          id="submit"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="submit"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="submit"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Publish
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={3}
-                                key="ant-space-item-3"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={Object {}}
-                                >
-                                  <FormItem
-                                    name="drawerOpen"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "drawerOpen",
-                                        }
-                                      }
-                                      name="drawerOpen"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_drawerOpen"
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "drawerOpen",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="drawerOpen"
-                                              name="drawerOpen"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "drawerOpen",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="drawerOpen"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="drawerOpen"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <ForwardRef(SettingFilled)
-                                                                key=".0"
-                                                              >
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "setting",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="setting"
-                                                                    className="anticon anticon-setting"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "setting",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="setting"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-setting"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                          key="svg-setting-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(SettingFilled)>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                            </div>
-                          </Space>
-                        </div>
-                      </div>
-                    </Item>
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={1}
-                      key="ant-space-item-1"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={Object {}}
-                      >
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              xl={
-                                Object {
-                                  "offset": 3,
-                                  "span": 18,
-                                }
-                              }
-                              xs={
-                                Object {
-                                  "span": 24,
-                                }
-                              }
-                              xxl={
-                                Object {
-                                  "offset": 6,
-                                  "span": 12,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="title"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the title!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Title must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "title",
-                                      }
-                                    }
-                                    name="title"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": undefined,
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_title"
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "title",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="title"
-                                            name="title"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "title",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                      value="Post-1"
-                                                    >
-                                                      <ForwardRef
-                                                        autoSize={
-                                                          Object {
-                                                            "maxRows": 6,
-                                                            "minRows": 2,
-                                                          }
-                                                        }
-                                                        bordered={false}
-                                                        id="title"
-                                                        onChange={[Function]}
-                                                        placeholder="Add title for the post"
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "2.5rem",
-                                                            "fontWeight": "bold",
-                                                            "resize": "none",
-                                                            "textAlign": "center",
-                                                          }
-                                                        }
-                                                        value="Post-1"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          element={
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the post"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "resize": "none",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="Post-1"
-                                                            />
-                                                          }
-                                                          handleReset={[Function]}
-                                                          id="title"
-                                                          inputType="text"
-                                                          placeholder="Add title for the post"
-                                                          prefixCls="ant-input"
-                                                          value="Post-1"
-                                                        >
-                                                          <TextArea
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            className="ant-input-borderless"
-                                                            id="title"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            placeholder="Add title for the post"
-                                                            prefixCls="ant-input"
-                                                            style={
-                                                              Object {
-                                                                "fontSize": "2.5rem",
-                                                                "fontWeight": "bold",
-                                                                "resize": "none",
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                            value="Post-1"
-                                                          >
-                                                            <ResizableTextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Add title for the post"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "resize": "none",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="Post-1"
-                                                            >
-                                                              <ResizeObserver
-                                                                disabled={false}
-                                                                onResize={[Function]}
-                                                              >
-                                                                <textarea
-                                                                  className="ant-input ant-input-borderless"
-                                                                  id="title"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  placeholder="Add title for the post"
-                                                                  style={
-                                                                    Object {
-                                                                      "fontSize": "2.5rem",
-                                                                      "fontWeight": "bold",
-                                                                      "height": -24,
-                                                                      "maxHeight": -24,
-                                                                      "minHeight": -8,
-                                                                      "overflowX": "hidden",
-                                                                      "overflowY": "hidden",
-                                                                      "resize": "none",
-                                                                      "textAlign": "center",
-                                                                    }
-                                                                  }
-                                                                  value="Post-1"
-                                                                />
-                                                              </ResizeObserver>
-                                                            </ResizableTextArea>
-                                                          </TextArea>
-                                                        </ClearableLabeledInput>
-                                                      </ForwardRef>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <DescriptionInput
-                                  formItemProps={
-                                    Object {
-                                      "className": "post-description",
-                                    }
-                                  }
-                                  noLabel={true}
-                                  type="editor"
-                                >
-                                  <FormItem
-                                    className="post-description"
-                                    name="description"
-                                  >
-                                    <WrapperField
-                                      className="post-description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "description",
-                                        }
-                                      }
-                                      name="description"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        className="post-description"
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item post-description"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item post-description"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              className="post-description"
-                                              htmlFor="description"
-                                              name="description"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              className="post-description"
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "description",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                        value={
-                                                          Object {
-                                                            "blocks": Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "level": 2,
-                                                                  "text": "Editor.js",
-                                                                },
-                                                                "type": "header",
-                                                              },
-                                                              Object {
-                                                                "data": Object {
-                                                                  "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                },
-                                                                "type": "paragraph",
-                                                              },
-                                                            ],
-                                                            "time": 1595747741807,
-                                                            "version": "2.18.0",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Editor
-                                                          id="description"
-                                                          onChange={[Function]}
-                                                          value={
-                                                            Object {
-                                                              "blocks": Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "level": 2,
-                                                                    "text": "Editor.js",
-                                                                  },
-                                                                  "type": "header",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                  },
-                                                                  "type": "paragraph",
-                                                                },
-                                                              ],
-                                                              "time": 1595747741807,
-                                                              "version": "2.18.0",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            style={null}
-                                                          />
-                                                        </Editor>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </DescriptionInput>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Settings
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={366}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={366}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={366}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "366px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Settings
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      label="Featured Image"
-                                                      name="featured_medium_id"
-                                                    >
-                                                      <WrapperField
-                                                        label="Featured Image"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Featured Image",
-                                                          }
-                                                        }
-                                                        name="featured_medium_id"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_featured_medium_id"
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "featured_medium_id",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="featured_medium_id"
-                                                                label="Featured Image"
-                                                                name="featured_medium_id"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="featured_medium_id"
-                                                                      title="Featured Image"
-                                                                    >
-                                                                      Featured Image
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Featured Image"
-                                                                name={
-                                                                  Array [
-                                                                    "featured_medium_id",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={1}
-                                                                        >
-                                                                          <MediaSelector
-                                                                            id="featured_medium_id"
-                                                                            onChange={[Function]}
-                                                                            value={1}
-                                                                          >
-                                                                            <Modal
-                                                                              closable={false}
-                                                                              confirmLoading={false}
-                                                                              footer={
-                                                                                Array [
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                  >
-                                                                                    Cancel
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                    type="primary"
-                                                                                  >
-                                                                                    Ok
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                ]
-                                                                              }
-                                                                              okType="primary"
-                                                                              onCancel={[Function]}
-                                                                              visible={false}
-                                                                              width="800px"
-                                                                            >
-                                                                              <Dialog
-                                                                                closable={false}
-                                                                                closeIcon={
-                                                                                  <span
-                                                                                    className="ant-modal-close-x"
-                                                                                  >
-                                                                                    <ForwardRef(CloseOutlined)
-                                                                                      className="ant-modal-close-icon"
-                                                                                    />
-                                                                                  </span>
-                                                                                }
-                                                                                confirmLoading={false}
-                                                                                focusTriggerAfterClose={true}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                maskTransitionName="ant-fade"
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                onClose={[Function]}
-                                                                                prefixCls="ant-modal"
-                                                                                transitionName="ant-zoom"
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                                wrapClassName=""
-                                                                              >
-                                                                                <PortalWrapper
-                                                                                  visible={false}
-                                                                                />
-                                                                              </Dialog>
-                                                                            </Modal>
-                                                                            <Space
-                                                                              direction="vertical"
-                                                                            >
-                                                                              <div
-                                                                                className="ant-space ant-space-vertical"
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <Item
-                                                                                  className="ant-space-item"
-                                                                                  direction="vertical"
-                                                                                  index={0}
-                                                                                  key="ant-space-item-0"
-                                                                                  marginDirection="marginRight"
-                                                                                  wrap={false}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-space-item"
-                                                                                    style={Object {}}
-                                                                                  >
-                                                                                    <div
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "alignItems": "center",
-                                                                                          "display": "flex",
-                                                                                          "justifyContent": "center",
-                                                                                        }
-                                                                                      }
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "position": "relative",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "background": "transparent",
-                                                                                              "borderStyle": "dashed",
-                                                                                              "display": "block",
-                                                                                              "height": "auto",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "background": "transparent",
-                                                                                                  "borderStyle": "dashed",
-                                                                                                  "display": "block",
-                                                                                                  "height": "auto",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <img
-                                                                                                key=".0"
-                                                                                                width="100%"
-                                                                                              />
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "bottom": 0,
-                                                                                              "left": 0,
-                                                                                              "maxWidth": "52px",
-                                                                                              "position": "absolute",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "bottom": 0,
-                                                                                                  "left": 0,
-                                                                                                  "maxWidth": "52px",
-                                                                                                  "position": "absolute",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <ForwardRef(DeleteOutlined)
-                                                                                                key=".0"
-                                                                                              >
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "delete",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="delete"
-                                                                                                    className="anticon anticon-delete"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "delete",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="delete"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-delete"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                                          key="svg-delete-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(DeleteOutlined)>
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </Item>
-                                                                              </div>
-                                                                            </Space>
-                                                                          </MediaSelector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Excerpt"
-                                                      name="excerpt"
-                                                      rules={
-                                                        Array [
-                                                          Object {
-                                                            "max": 5000,
-                                                            "message": "Excerpt must be a maximum of 5000 characters.",
-                                                          },
-                                                          Object {
-                                                            "message": "Add Excerpt",
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Excerpt"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Excerpt",
-                                                          }
-                                                        }
-                                                        name="excerpt"
-                                                        onReset={[Function]}
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                            Object {
-                                                              "message": "Add Excerpt",
-                                                            },
-                                                          ]
-                                                        }
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_excerpt"
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "excerpt",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                              Object {
-                                                                "message": "Add Excerpt",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="excerpt"
-                                                                label="Excerpt"
-                                                                name="excerpt"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                    Object {
-                                                                      "message": "Add Excerpt",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="excerpt"
-                                                                      title="Excerpt"
-                                                                    >
-                                                                      Excerpt
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Excerpt"
-                                                                name={
-                                                                  Array [
-                                                                    "excerpt",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                    Object {
-                                                                      "message": "Add Excerpt",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value="excerpt of post"
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="excerpt"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Excerpt"
-                                                                            rows={4}
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            value="excerpt of post"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of post"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="excerpt"
-                                                                              inputType="text"
-                                                                              placeholder="Excerpt"
-                                                                              prefixCls="ant-input"
-                                                                              rows={4}
-                                                                              value="excerpt of post"
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="excerpt"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                value="excerpt of post"
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of post"
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="excerpt"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      placeholder="Excerpt"
-                                                                                      rows={4}
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "fontSize": "medium",
-                                                                                        }
-                                                                                      }
-                                                                                      value="excerpt of post"
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Subtitle"
-                                                      name="subtitle"
-                                                    >
-                                                      <WrapperField
-                                                        label="Subtitle"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Subtitle",
-                                                          }
-                                                        }
-                                                        name="subtitle"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_subtitle"
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "subtitle",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="subtitle"
-                                                                label="Subtitle"
-                                                                name="subtitle"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="subtitle"
-                                                                      title="Subtitle"
-                                                                    >
-                                                                      Subtitle
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Subtitle"
-                                                                name={
-                                                                  Array [
-                                                                    "subtitle",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="subtitle"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Subtitle"
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="subtitle"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              prefixCls="ant-input"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="subtitle"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <SlugInput>
-                                                      <FormItem
-                                                        label="Slug"
-                                                        name="slug"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "message": "Please input the slug!",
-                                                              "required": true,
-                                                            },
-                                                            Object {
-                                                              "message": "Please enter valid slug!",
-                                                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Slug"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Slug",
-                                                            }
-                                                          }
-                                                          name="slug"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_slug"
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "slug",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="slug"
-                                                                  label="Slug"
-                                                                  name="slug"
-                                                                  prefixCls="ant-form"
-                                                                  required={true}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className="ant-form-item-required"
-                                                                        htmlFor="slug"
-                                                                        title="Slug"
-                                                                      >
-                                                                        Slug
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Slug"
-                                                                  name={
-                                                                    Array [
-                                                                      "slug",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                            value="post-1"
-                                                                          >
-                                                                            <Input
-                                                                              id="slug"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                              value="post-1"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                    value="post-1"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="slug"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value="post-1"
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="slug"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value="post-1"
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </SlugInput>
-                                                    <FormItem
-                                                      label="Published Date"
-                                                      name="published_date"
-                                                    >
-                                                      <WrapperField
-                                                        label="Published Date"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Published Date",
-                                                          }
-                                                        }
-                                                        name="published_date"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_published_date"
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "published_date",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="published_date"
-                                                                label="Published Date"
-                                                                name="published_date"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="published_date"
-                                                                      title="Published Date"
-                                                                    >
-                                                                      Published Date
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Published Date"
-                                                                name={
-                                                                  Array [
-                                                                    "published_date",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={null}
-                                                                        >
-                                                                          <Picker
-                                                                            id="published_date"
-                                                                            onChange={[Function]}
-                                                                            value={null}
-                                                                          >
-                                                                            <LocaleReceiver
-                                                                              componentName="DatePicker"
-                                                                              defaultLocale={
-                                                                                Object {
-                                                                                  "lang": Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  },
-                                                                                  "timePickerLocale": Object {
-                                                                                    "placeholder": "Select time",
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start time",
-                                                                                      "End time",
-                                                                                    ],
-                                                                                  },
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <Picker
-                                                                                allowClear={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                components={
-                                                                                  Object {
-                                                                                    "button": [Function],
-                                                                                    "rangeItem": [Function],
-                                                                                  }
-                                                                                }
-                                                                                generateConfig={
-                                                                                  Object {
-                                                                                    "addDate": [Function],
-                                                                                    "addMonth": [Function],
-                                                                                    "addYear": [Function],
-                                                                                    "getDate": [Function],
-                                                                                    "getEndDate": [Function],
-                                                                                    "getFixedDate": [Function],
-                                                                                    "getHour": [Function],
-                                                                                    "getMinute": [Function],
-                                                                                    "getMonth": [Function],
-                                                                                    "getNow": [Function],
-                                                                                    "getSecond": [Function],
-                                                                                    "getWeekDay": [Function],
-                                                                                    "getYear": [Function],
-                                                                                    "isAfter": [Function],
-                                                                                    "isValidate": [Function],
-                                                                                    "locale": Object {
-                                                                                      "format": [Function],
-                                                                                      "getShortMonths": [Function],
-                                                                                      "getShortWeekDays": [Function],
-                                                                                      "getWeek": [Function],
-                                                                                      "getWeekFirstDate": [Function],
-                                                                                      "getWeekFirstDay": [Function],
-                                                                                      "parse": [Function],
-                                                                                    },
-                                                                                    "setDate": [Function],
-                                                                                    "setHour": [Function],
-                                                                                    "setMinute": [Function],
-                                                                                    "setMonth": [Function],
-                                                                                    "setSecond": [Function],
-                                                                                    "setYear": [Function],
-                                                                                  }
-                                                                                }
-                                                                                id="published_date"
-                                                                                locale={
-                                                                                  Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  }
-                                                                                }
-                                                                                nextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                placeholder="Select date"
-                                                                                prefixCls="ant-picker"
-                                                                                prevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                showToday={true}
-                                                                                suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                superNextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                superPrevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                transitionName="ant-slide-up"
-                                                                                value={null}
-                                                                              >
-                                                                                <InnerPicker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  pickerRef={
-                                                                                    Object {
-                                                                                      "current": Object {
-                                                                                        "blur": [Function],
-                                                                                        "focus": [Function],
-                                                                                      },
-                                                                                    }
-                                                                                  }
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={null}
-                                                                                >
-                                                                                  <PickerTrigger
-                                                                                    popupElement={
-                                                                                      <div
-                                                                                        className="ant-picker-panel-container"
-                                                                                        onMouseDown={[Function]}
-                                                                                      >
-                                                                                        <PickerPanel
-                                                                                          allowClear={true}
-                                                                                          className="ant-picker-panel-focused"
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          components={
-                                                                                            Object {
-                                                                                              "button": [Function],
-                                                                                              "rangeItem": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          generateConfig={
-                                                                                            Object {
-                                                                                              "addDate": [Function],
-                                                                                              "addMonth": [Function],
-                                                                                              "addYear": [Function],
-                                                                                              "getDate": [Function],
-                                                                                              "getEndDate": [Function],
-                                                                                              "getFixedDate": [Function],
-                                                                                              "getHour": [Function],
-                                                                                              "getMinute": [Function],
-                                                                                              "getMonth": [Function],
-                                                                                              "getNow": [Function],
-                                                                                              "getSecond": [Function],
-                                                                                              "getWeekDay": [Function],
-                                                                                              "getYear": [Function],
-                                                                                              "isAfter": [Function],
-                                                                                              "isValidate": [Function],
-                                                                                              "locale": Object {
-                                                                                                "format": [Function],
-                                                                                                "getShortMonths": [Function],
-                                                                                                "getShortWeekDays": [Function],
-                                                                                                "getWeek": [Function],
-                                                                                                "getWeekFirstDate": [Function],
-                                                                                                "getWeekFirstDay": [Function],
-                                                                                                "parse": [Function],
-                                                                                              },
-                                                                                              "setDate": [Function],
-                                                                                              "setHour": [Function],
-                                                                                              "setMinute": [Function],
-                                                                                              "setMonth": [Function],
-                                                                                              "setSecond": [Function],
-                                                                                              "setYear": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          id="published_date"
-                                                                                          locale={
-                                                                                            Object {
-                                                                                              "backToToday": "Back to today",
-                                                                                              "clear": "Clear",
-                                                                                              "dateFormat": "M/D/YYYY",
-                                                                                              "dateSelect": "select date",
-                                                                                              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                              "dayFormat": "D",
-                                                                                              "decadeSelect": "Choose a decade",
-                                                                                              "locale": "en_US",
-                                                                                              "month": "Month",
-                                                                                              "monthBeforeYear": true,
-                                                                                              "monthPlaceholder": "Select month",
-                                                                                              "monthSelect": "Choose a month",
-                                                                                              "nextCentury": "Next century",
-                                                                                              "nextDecade": "Next decade",
-                                                                                              "nextMonth": "Next month (PageDown)",
-                                                                                              "nextYear": "Next year (Control + right)",
-                                                                                              "now": "Now",
-                                                                                              "ok": "Ok",
-                                                                                              "placeholder": "Select date",
-                                                                                              "previousCentury": "Last century",
-                                                                                              "previousDecade": "Last decade",
-                                                                                              "previousMonth": "Previous month (PageUp)",
-                                                                                              "previousYear": "Last year (Control + left)",
-                                                                                              "quarterPlaceholder": "Select quarter",
-                                                                                              "rangeMonthPlaceholder": Array [
-                                                                                                "Start month",
-                                                                                                "End month",
-                                                                                              ],
-                                                                                              "rangePlaceholder": Array [
-                                                                                                "Start date",
-                                                                                                "End date",
-                                                                                              ],
-                                                                                              "rangeWeekPlaceholder": Array [
-                                                                                                "Start week",
-                                                                                                "End week",
-                                                                                              ],
-                                                                                              "rangeYearPlaceholder": Array [
-                                                                                                "Start year",
-                                                                                                "End year",
-                                                                                              ],
-                                                                                              "timeSelect": "select time",
-                                                                                              "today": "Today",
-                                                                                              "weekPlaceholder": "Select week",
-                                                                                              "weekSelect": "Choose a week",
-                                                                                              "year": "Year",
-                                                                                              "yearFormat": "YYYY",
-                                                                                              "yearPlaceholder": "Select year",
-                                                                                              "yearSelect": "Choose a year",
-                                                                                            }
-                                                                                          }
-                                                                                          nextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={null}
-                                                                                          onPanelChange={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          pickerRef={
-                                                                                            Object {
-                                                                                              "current": Object {
-                                                                                                "blur": [Function],
-                                                                                                "focus": [Function],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          placeholder="Select date"
-                                                                                          prefixCls="ant-picker"
-                                                                                          prevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          showToday={true}
-                                                                                          suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                          superNextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          superPrevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          tabIndex={-1}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={null}
-                                                                                        />
-                                                                                      </div>
-                                                                                    }
-                                                                                    popupPlacement="bottomLeft"
-                                                                                    prefixCls="ant-picker"
-                                                                                    transitionName="ant-slide-up"
-                                                                                    visible={false}
-                                                                                  >
-                                                                                    <Trigger
-                                                                                      action={Array []}
-                                                                                      afterPopupVisibleChange={[Function]}
-                                                                                      autoDestroy={false}
-                                                                                      blurDelay={0.15}
-                                                                                      builtinPlacements={
-                                                                                        Object {
-                                                                                          "bottomLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tl",
-                                                                                              "bl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "bottomRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tr",
-                                                                                              "br",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "bl",
-                                                                                              "tl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "br",
-                                                                                              "tr",
-                                                                                            ],
-                                                                                          },
-                                                                                        }
-                                                                                      }
-                                                                                      defaultPopupVisible={false}
-                                                                                      destroyPopupOnHide={false}
-                                                                                      focusDelay={0}
-                                                                                      getDocument={[Function]}
-                                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                                      hideAction={Array []}
-                                                                                      mask={false}
-                                                                                      maskClosable={true}
-                                                                                      mouseEnterDelay={0}
-                                                                                      mouseLeaveDelay={0.1}
-                                                                                      onPopupAlign={[Function]}
-                                                                                      onPopupVisibleChange={[Function]}
-                                                                                      popup={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupAlign={Object {}}
-                                                                                      popupClassName=""
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      popupStyle={Object {}}
-                                                                                      popupTransitionName="ant-slide-up"
-                                                                                      popupVisible={false}
-                                                                                      prefixCls="ant-picker-dropdown"
-                                                                                      showAction={Array []}
-                                                                                    >
-                                                                                      <div
-                                                                                        className="ant-picker"
-                                                                                        key="trigger"
-                                                                                        onMouseUp={[Function]}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker-input"
-                                                                                        >
-                                                                                          <input
-                                                                                            autoComplete="off"
-                                                                                            id="published_date"
-                                                                                            onBlur={[Function]}
-                                                                                            onChange={[Function]}
-                                                                                            onFocus={[Function]}
-                                                                                            onKeyDown={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                            placeholder="Select date"
-                                                                                            readOnly={true}
-                                                                                            size={12}
-                                                                                            title=""
-                                                                                            value=""
-                                                                                          />
-                                                                                          <span
-                                                                                            className="ant-picker-suffix"
-                                                                                          >
-                                                                                            <ForwardRef(CalendarOutlined)>
-                                                                                              <AntdIcon
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "calendar",
-                                                                                                    "theme": "outlined",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <span
-                                                                                                  aria-label="calendar"
-                                                                                                  className="anticon anticon-calendar"
-                                                                                                  role="img"
-                                                                                                >
-                                                                                                  <IconReact
-                                                                                                    icon={
-                                                                                                      Object {
-                                                                                                        "icon": Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "focusable": "false",
-                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                          },
-                                                                                                          "children": Array [
-                                                                                                            Object {
-                                                                                                              "attrs": Object {
-                                                                                                                "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                              },
-                                                                                                              "tag": "path",
-                                                                                                            },
-                                                                                                          ],
-                                                                                                          "tag": "svg",
-                                                                                                        },
-                                                                                                        "name": "calendar",
-                                                                                                        "theme": "outlined",
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <svg
-                                                                                                      aria-hidden="true"
-                                                                                                      data-icon="calendar"
-                                                                                                      fill="currentColor"
-                                                                                                      focusable="false"
-                                                                                                      height="1em"
-                                                                                                      key="svg-calendar"
-                                                                                                      viewBox="64 64 896 896"
-                                                                                                      width="1em"
-                                                                                                    >
-                                                                                                      <path
-                                                                                                        d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                        key="svg-calendar-svg-0"
-                                                                                                      />
-                                                                                                    </svg>
-                                                                                                  </IconReact>
-                                                                                                </span>
-                                                                                              </AntdIcon>
-                                                                                            </ForwardRef(CalendarOutlined)>
-                                                                                          </span>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </Trigger>
-                                                                                  </PickerTrigger>
-                                                                                </InnerPicker>
-                                                                              </Picker>
-                                                                            </LocaleReceiver>
-                                                                          </Picker>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Categories"
-                                                      name="categories"
-                                                    >
-                                                      <WrapperField
-                                                        label="Categories"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Categories",
-                                                          }
-                                                        }
-                                                        name="categories"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_categories"
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "categories",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="categories"
-                                                                label="Categories"
-                                                                name="categories"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="categories"
-                                                                      title="Categories"
-                                                                    >
-                                                                      Categories
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Categories"
-                                                                name={
-                                                                  Array [
-                                                                    "categories",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Categories"
-                                                                            createEntity="Category"
-                                                                            id="categories"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No categories available. Type something to create new Category"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select categories"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select categories"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Tags"
-                                                      name="tags"
-                                                    >
-                                                      <WrapperField
-                                                        label="Tags"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Tags",
-                                                          }
-                                                        }
-                                                        name="tags"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_tags"
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "tags",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="tags"
-                                                                label="Tags"
-                                                                name="tags"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="tags"
-                                                                      title="Tags"
-                                                                    >
-                                                                      Tags
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Tags"
-                                                                name={
-                                                                  Array [
-                                                                    "tags",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Tags"
-                                                                            createEntity="Tag"
-                                                                            id="tags"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select tags"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select tags"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select tags"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Authors"
-                                                      name="authors"
-                                                    >
-                                                      <WrapperField
-                                                        label="Authors"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Authors",
-                                                          }
-                                                        }
-                                                        name="authors"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_authors"
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "authors",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="authors"
-                                                                label="Authors"
-                                                                name="authors"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="authors"
-                                                                      title="Authors"
-                                                                    >
-                                                                      Authors
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Authors"
-                                                                name={
-                                                                  Array [
-                                                                    "authors",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Authors"
-                                                                            display="display_name"
-                                                                            id="authors"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select authors"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select authors"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              id="rc_select_TEST_OR_SSR"
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select authors"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      id="rc_select_TEST_OR_SSR"
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          id="rc_select_TEST_OR_SSR"
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Data
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Code Injection
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            View Schemas
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Fields
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <Modal
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Copy
-                                                          </ForwardRef(InternalButton)>,
-                                                          <a
-                                                            className="ant-btn ant-btn-secondary"
-                                                            href="https://search.google.com/test/rich-results"
-                                                            rel="noreferrer noopener"
-                                                            target="_blank"
-                                                          >
-                                                            Test in Google Rich Results Text
-                                                          </a>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      onOk={[Function]}
-                                                      title="View Schemas"
-                                                      visible={false}
-                                                      width={520}
-                                                    >
-                                                      <Dialog
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        onOk={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        title="View Schemas"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width={520}
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Meta data
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Meta data
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Title"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "title",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Title"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Title",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_title"
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_title"
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_title"
-                                                                      title="Meta Title"
-                                                                    >
-                                                                      Meta Title
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_title"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_title"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_title"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Description"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "description",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Description"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Description",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_description"
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_description"
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_description"
-                                                                      title="Meta Description"
-                                                                    >
-                                                                      Meta Description
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="meta_description"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="meta_description"
-                                                                              inputType="text"
-                                                                              prefixCls="ant-input"
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="meta_description"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="meta_description"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      style={Object {}}
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Canonical URL"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "canonical_URL",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Canonical URL"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Canonical URL",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_canonical_URL"
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_canonical_URL"
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_canonical_URL"
-                                                                      title="Canonical URL"
-                                                                    >
-                                                                      Canonical URL
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_canonical_URL"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_canonical_URL"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_canonical_URL"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Code Injection
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={710}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={710}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={710}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "710px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Code Injection
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Header Code"
-                                                      name="header_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Header Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Header Code",
-                                                          }
-                                                        }
-                                                        name="header_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_header_code"
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "header_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="header_code"
-                                                                label="Header Code"
-                                                                name="header_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="header_code"
-                                                                      title="Header Code"
-                                                                    >
-                                                                      Header Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Header Code"
-                                                                name={
-                                                                  Array [
-                                                                    "header_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="header_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Footer Code"
-                                                      name="footer_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Footer Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Footer Code",
-                                                          }
-                                                        }
-                                                        name="footer_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_footer_code"
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "footer_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="footer_code"
-                                                                label="Footer Code"
-                                                                name="footer_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="footer_code"
-                                                                      title="Footer Code"
-                                                                    >
-                                                                      Footer Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Footer Code"
-                                                                name={
-                                                                  Array [
-                                                                    "footer_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="footer_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Meta Fields
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Meta Fields
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      extra="add JSON if you have to pass any extra data"
-                                                      label="Meta Fields"
-                                                      name="meta_fields"
-                                                    >
-                                                      <WrapperField
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Fields",
-                                                          }
-                                                        }
-                                                        name="meta_fields"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_fields"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta_fields",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                htmlFor="meta_fields"
-                                                                label="Meta Fields"
-                                                                name="meta_fields"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_fields"
-                                                                      title="Meta Fields"
-                                                                    >
-                                                                      Meta Fields
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                label="Meta Fields"
-                                                                name={
-                                                                  Array [
-                                                                    "meta_fields",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="meta_fields"
-                                                                            language="json"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={440}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                    <div
-                                                                      className="ant-form-item-extra"
-                                                                    >
-                                                                      add JSON if you have to pass any extra data
-                                                                    </div>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </div>
-                    </Item>
-                  </div>
-                </Space>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </PostForm>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Posts Create Form component snapshot testing should match with different permission actions 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PostForm
-        actions={
-          Array [
-            "create",
-          ]
-        }
-        data={
-          Object {
-            "authors": Array [
-              1,
-            ],
-            "categories": Array [
-              1,
-            ],
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "level": 2,
-                    "text": "Editor.js",
-                  },
-                  "type": "header",
-                },
-                Object {
-                  "data": Object {
-                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1595747741807,
-              "version": "2.18.0",
-            },
-            "excerpt": "excerpt of post",
-            "featured_medium_id": 1,
-            "format": 1,
-            "id": 1,
-            "published_date": null,
-            "slug": "post-1",
-            "status": "draft",
-            "tags": Array [
-              1,
-            ],
-            "title": "Post-1",
-          }
-        }
-        format={
-          Object {
-            "id": 1,
-            "name": "article",
-            "slug": "article",
-          }
-        }
-        onCreate={[MockFunction]}
-      >
-        <Prompt
-          message="You have unsaved changes, are you sure you want to leave?"
-          when={false}
-        />
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "authors": Array [
-                1,
-              ],
-              "categories": Array [
-                1,
-              ],
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "level": 2,
-                      "text": "Editor.js",
-                    },
-                    "type": "header",
-                  },
-                  Object {
-                    "data": Object {
-                      "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1595747741807,
-                "version": "2.18.0",
-              },
-              "excerpt": "excerpt of post",
-              "featured_medium_id": 1,
-              "format": 1,
-              "id": 1,
-              "published_date": null,
-              "slug": "post-1",
-              "status": "draft",
-              "tags": Array [
-                1,
-              ],
-              "title": "Post-1",
-            }
-          }
-          layout="vertical"
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-vertical"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "authors": Array [
-                    1,
-                  ],
-                  "categories": Array [
-                    1,
-                  ],
-                  "description": Object {
-                    "blocks": Array [
-                      Object {
-                        "data": Object {
-                          "level": 2,
-                          "text": "Editor.js",
-                        },
-                        "type": "header",
-                      },
-                      Object {
-                        "data": Object {
-                          "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                        },
-                        "type": "paragraph",
-                      },
-                    ],
-                    "time": 1595747741807,
-                    "version": "2.18.0",
-                  },
-                  "excerpt": "excerpt of post",
-                  "featured_medium_id": 1,
-                  "format": 1,
-                  "id": 1,
-                  "published_date": null,
-                  "slug": "post-1",
-                  "status": "draft",
-                  "tags": Array [
-                    1,
-                  ],
-                  "title": "Post-1",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-vertical"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Space
-                  direction="vertical"
-                >
-                  <div
-                    className="ant-space ant-space-vertical"
-                    style={Object {}}
-                  >
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={0}
-                      key="ant-space-item-0"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={
-                          Object {
-                            "marginBottom": 8,
-                          }
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "float": "right",
-                            }
-                          }
-                        >
-                          <Space
-                            direction="horizontal"
-                          >
-                            <div
-                              className="ant-space ant-space-horizontal ant-space-align-center"
-                              style={Object {}}
-                            >
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={0}
-                                key="ant-space-item-0"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="template"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "template",
-                                        }
-                                      }
-                                      name="template"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_template"
-                                        messageVariables={
-                                          Object {
-                                            "label": "template",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "template",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="template"
-                                              name="template"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "template",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="template"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="template"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Create Template
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={1}
-                                key="ant-space-item-1"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="draft"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "draft",
-                                        }
-                                      }
-                                      name="draft"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_draft"
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "draft",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="draft"
-                                              name="draft"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "draft",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Dropdown
-                                                          id="draft"
-                                                          mouseEnterDelay={0.15}
-                                                          mouseLeaveDelay={0.1}
-                                                          onChange={[Function]}
-                                                          overlay={
-                                                            <Menu>
-                                                              <MenuItem>
-                                                                Ready to Publish 
-                                                                <ForwardRef
-                                                                  checked={false}
-                                                                  onChange={[Function]}
-                                                                />
-                                                              </MenuItem>
-                                                            </Menu>
-                                                          }
-                                                        >
-                                                          <ForwardRef(Dropdown)
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={[Function]}
-                                                            overlayClassName=""
-                                                            placement="bottomLeft"
-                                                            prefixCls="ant-dropdown"
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <Trigger
-                                                              action={
-                                                                Array [
-                                                                  "hover",
-                                                                ]
-                                                              }
-                                                              afterPopupVisibleChange={[Function]}
-                                                              autoDestroy={false}
-                                                              blurDelay={0.15}
-                                                              builtinPlacements={
-                                                                Object {
-                                                                  "bottomCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tc",
-                                                                      "bc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tl",
-                                                                      "bl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tr",
-                                                                      "br",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bc",
-                                                                      "tc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bl",
-                                                                      "tl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "br",
-                                                                      "tr",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                }
-                                                              }
-                                                              defaultPopupVisible={false}
-                                                              destroyPopupOnHide={false}
-                                                              focusDelay={0}
-                                                              getDocument={[Function]}
-                                                              getPopupClassNameFromAlign={[Function]}
-                                                              hideAction={Array []}
-                                                              id="draft"
-                                                              mask={false}
-                                                              maskClosable={true}
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              onPopupAlign={[Function]}
-                                                              onPopupVisibleChange={[Function]}
-                                                              overlay={[Function]}
-                                                              popup={[Function]}
-                                                              popupAlign={Object {}}
-                                                              popupClassName=""
-                                                              popupPlacement="bottomLeft"
-                                                              popupStyle={Object {}}
-                                                              popupTransitionName="ant-slide-up"
-                                                              prefixCls="ant-dropdown"
-                                                              showAction={Array []}
-                                                              stretch="minWidth"
-                                                            >
-                                                              <Button
-                                                                className="ant-dropdown-trigger"
-                                                                htmlType="submit"
-                                                                key="trigger"
-                                                                onClick={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                type="secondary"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                    onClick={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onMouseLeave={[Function]}
-                                                                    type="submit"
-                                                                  >
-                                                                    <LoadingIcon
-                                                                      existIcon={false}
-                                                                      loading={false}
-                                                                      prefixCls="ant-btn"
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionName="ant-btn-loading-icon-motion"
-                                                                        onAppearActive={[Function]}
-                                                                        onAppearStart={[Function]}
-                                                                        onEnterActive={[Function]}
-                                                                        onEnterStart={[Function]}
-                                                                        onLeaveActive={[Function]}
-                                                                        onLeaveStart={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </LoadingIcon>
-                                                                    <span
-                                                                      key=".0"
-                                                                    >
-                                                                      Save
-                                                                    </span>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </Trigger>
-                                                          </ForwardRef(Dropdown)>
-                                                        </Dropdown>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={2}
-                                key="ant-space-item-2"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              />
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={3}
-                                key="ant-space-item-3"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={Object {}}
-                                >
-                                  <FormItem
-                                    name="drawerOpen"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "drawerOpen",
-                                        }
-                                      }
-                                      name="drawerOpen"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_drawerOpen"
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "drawerOpen",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="drawerOpen"
-                                              name="drawerOpen"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "drawerOpen",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="drawerOpen"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="drawerOpen"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <ForwardRef(SettingFilled)
-                                                                key=".0"
-                                                              >
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "setting",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="setting"
-                                                                    className="anticon anticon-setting"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "setting",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="setting"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-setting"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                          key="svg-setting-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(SettingFilled)>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                            </div>
-                          </Space>
-                        </div>
-                      </div>
-                    </Item>
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={1}
-                      key="ant-space-item-1"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={Object {}}
-                      >
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              xl={
-                                Object {
-                                  "offset": 3,
-                                  "span": 18,
-                                }
-                              }
-                              xs={
-                                Object {
-                                  "span": 24,
-                                }
-                              }
-                              xxl={
-                                Object {
-                                  "offset": 6,
-                                  "span": 12,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="title"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the title!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Title must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "title",
-                                      }
-                                    }
-                                    name="title"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": undefined,
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_title"
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "title",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="title"
-                                            name="title"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "title",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                      value="Post-1"
-                                                    >
-                                                      <ForwardRef
-                                                        autoSize={
-                                                          Object {
-                                                            "maxRows": 6,
-                                                            "minRows": 2,
-                                                          }
-                                                        }
-                                                        bordered={false}
-                                                        id="title"
-                                                        onChange={[Function]}
-                                                        placeholder="Add title for the post"
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "2.5rem",
-                                                            "fontWeight": "bold",
-                                                            "resize": "none",
-                                                            "textAlign": "center",
-                                                          }
-                                                        }
-                                                        value="Post-1"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          element={
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the post"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "resize": "none",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="Post-1"
-                                                            />
-                                                          }
-                                                          handleReset={[Function]}
-                                                          id="title"
-                                                          inputType="text"
-                                                          placeholder="Add title for the post"
-                                                          prefixCls="ant-input"
-                                                          value="Post-1"
-                                                        >
-                                                          <TextArea
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            className="ant-input-borderless"
-                                                            id="title"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            placeholder="Add title for the post"
-                                                            prefixCls="ant-input"
-                                                            style={
-                                                              Object {
-                                                                "fontSize": "2.5rem",
-                                                                "fontWeight": "bold",
-                                                                "resize": "none",
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                            value="Post-1"
-                                                          >
-                                                            <ResizableTextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Add title for the post"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "resize": "none",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value="Post-1"
-                                                            >
-                                                              <ResizeObserver
-                                                                disabled={false}
-                                                                onResize={[Function]}
-                                                              >
-                                                                <textarea
-                                                                  className="ant-input ant-input-borderless"
-                                                                  id="title"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  placeholder="Add title for the post"
-                                                                  style={
-                                                                    Object {
-                                                                      "fontSize": "2.5rem",
-                                                                      "fontWeight": "bold",
-                                                                      "resize": "none",
-                                                                      "textAlign": "center",
-                                                                    }
-                                                                  }
-                                                                  value="Post-1"
-                                                                />
-                                                              </ResizeObserver>
-                                                            </ResizableTextArea>
-                                                          </TextArea>
-                                                        </ClearableLabeledInput>
-                                                      </ForwardRef>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <DescriptionInput
-                                  formItemProps={
-                                    Object {
-                                      "className": "post-description",
-                                    }
-                                  }
-                                  noLabel={true}
-                                  type="editor"
-                                >
-                                  <FormItem
-                                    className="post-description"
-                                    name="description"
-                                  >
-                                    <WrapperField
-                                      className="post-description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "description",
-                                        }
-                                      }
-                                      name="description"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        className="post-description"
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item post-description"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item post-description"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              className="post-description"
-                                              htmlFor="description"
-                                              name="description"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              className="post-description"
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "description",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                        value={
-                                                          Object {
-                                                            "blocks": Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "level": 2,
-                                                                  "text": "Editor.js",
-                                                                },
-                                                                "type": "header",
-                                                              },
-                                                              Object {
-                                                                "data": Object {
-                                                                  "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                },
-                                                                "type": "paragraph",
-                                                              },
-                                                            ],
-                                                            "time": 1595747741807,
-                                                            "version": "2.18.0",
-                                                          }
-                                                        }
-                                                      >
-                                                        <Editor
-                                                          id="description"
-                                                          onChange={[Function]}
-                                                          value={
-                                                            Object {
-                                                              "blocks": Array [
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "level": 2,
-                                                                    "text": "Editor.js",
-                                                                  },
-                                                                  "type": "header",
-                                                                },
-                                                                Object {
-                                                                  "data": Object {
-                                                                    "text": "Hey. Meet the new Editor. On this page you can see it in action — try to edit this text.",
-                                                                  },
-                                                                  "type": "paragraph",
-                                                                },
-                                                              ],
-                                                              "time": 1595747741807,
-                                                              "version": "2.18.0",
-                                                            }
-                                                          }
-                                                        >
-                                                          <div
-                                                            style={null}
-                                                          />
-                                                        </Editor>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </DescriptionInput>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Settings
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={366}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={366}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={366}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "366px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Settings
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      label="Featured Image"
-                                                      name="featured_medium_id"
-                                                    >
-                                                      <WrapperField
-                                                        label="Featured Image"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Featured Image",
-                                                          }
-                                                        }
-                                                        name="featured_medium_id"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_featured_medium_id"
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "featured_medium_id",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="featured_medium_id"
-                                                                label="Featured Image"
-                                                                name="featured_medium_id"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="featured_medium_id"
-                                                                      title="Featured Image"
-                                                                    >
-                                                                      Featured Image
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Featured Image"
-                                                                name={
-                                                                  Array [
-                                                                    "featured_medium_id",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={1}
-                                                                        >
-                                                                          <MediaSelector
-                                                                            id="featured_medium_id"
-                                                                            onChange={[Function]}
-                                                                            value={1}
-                                                                          >
-                                                                            <Modal
-                                                                              closable={false}
-                                                                              confirmLoading={false}
-                                                                              footer={
-                                                                                Array [
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                  >
-                                                                                    Cancel
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                    type="primary"
-                                                                                  >
-                                                                                    Ok
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                ]
-                                                                              }
-                                                                              okType="primary"
-                                                                              onCancel={[Function]}
-                                                                              visible={false}
-                                                                              width="800px"
-                                                                            >
-                                                                              <Dialog
-                                                                                closable={false}
-                                                                                closeIcon={
-                                                                                  <span
-                                                                                    className="ant-modal-close-x"
-                                                                                  >
-                                                                                    <ForwardRef(CloseOutlined)
-                                                                                      className="ant-modal-close-icon"
-                                                                                    />
-                                                                                  </span>
-                                                                                }
-                                                                                confirmLoading={false}
-                                                                                focusTriggerAfterClose={true}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                maskTransitionName="ant-fade"
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                onClose={[Function]}
-                                                                                prefixCls="ant-modal"
-                                                                                transitionName="ant-zoom"
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                                wrapClassName=""
-                                                                              >
-                                                                                <PortalWrapper
-                                                                                  visible={false}
-                                                                                />
-                                                                              </Dialog>
-                                                                            </Modal>
-                                                                            <Space
-                                                                              direction="vertical"
-                                                                            >
-                                                                              <div
-                                                                                className="ant-space ant-space-vertical"
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <Item
-                                                                                  className="ant-space-item"
-                                                                                  direction="vertical"
-                                                                                  index={0}
-                                                                                  key="ant-space-item-0"
-                                                                                  marginDirection="marginRight"
-                                                                                  wrap={false}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-space-item"
-                                                                                    style={Object {}}
-                                                                                  >
-                                                                                    <div
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "alignItems": "center",
-                                                                                          "display": "flex",
-                                                                                          "justifyContent": "center",
-                                                                                        }
-                                                                                      }
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "position": "relative",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "background": "transparent",
-                                                                                              "borderStyle": "dashed",
-                                                                                              "display": "block",
-                                                                                              "height": "auto",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "background": "transparent",
-                                                                                                  "borderStyle": "dashed",
-                                                                                                  "display": "block",
-                                                                                                  "height": "auto",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <img
-                                                                                                key=".0"
-                                                                                                width="100%"
-                                                                                              />
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "bottom": 0,
-                                                                                              "left": 0,
-                                                                                              "maxWidth": "52px",
-                                                                                              "position": "absolute",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "bottom": 0,
-                                                                                                  "left": 0,
-                                                                                                  "maxWidth": "52px",
-                                                                                                  "position": "absolute",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <ForwardRef(DeleteOutlined)
-                                                                                                key=".0"
-                                                                                              >
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "delete",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="delete"
-                                                                                                    className="anticon anticon-delete"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "delete",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="delete"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-delete"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                                          key="svg-delete-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(DeleteOutlined)>
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </Item>
-                                                                              </div>
-                                                                            </Space>
-                                                                          </MediaSelector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Excerpt"
-                                                      name="excerpt"
-                                                      rules={
-                                                        Array [
-                                                          Object {
-                                                            "max": 5000,
-                                                            "message": "Excerpt must be a maximum of 5000 characters.",
-                                                          },
-                                                          Object {
-                                                            "message": "Add Excerpt",
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Excerpt"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Excerpt",
-                                                          }
-                                                        }
-                                                        name="excerpt"
-                                                        onReset={[Function]}
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                            Object {
-                                                              "message": "Add Excerpt",
-                                                            },
-                                                          ]
-                                                        }
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_excerpt"
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "excerpt",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                              Object {
-                                                                "message": "Add Excerpt",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="excerpt"
-                                                                label="Excerpt"
-                                                                name="excerpt"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                    Object {
-                                                                      "message": "Add Excerpt",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="excerpt"
-                                                                      title="Excerpt"
-                                                                    >
-                                                                      Excerpt
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Excerpt"
-                                                                name={
-                                                                  Array [
-                                                                    "excerpt",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                    Object {
-                                                                      "message": "Add Excerpt",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value="excerpt of post"
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="excerpt"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Excerpt"
-                                                                            rows={4}
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            value="excerpt of post"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of post"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="excerpt"
-                                                                              inputType="text"
-                                                                              placeholder="Excerpt"
-                                                                              prefixCls="ant-input"
-                                                                              rows={4}
-                                                                              value="excerpt of post"
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="excerpt"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                value="excerpt of post"
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value="excerpt of post"
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="excerpt"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      placeholder="Excerpt"
-                                                                                      rows={4}
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "fontSize": "medium",
-                                                                                        }
-                                                                                      }
-                                                                                      value="excerpt of post"
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Subtitle"
-                                                      name="subtitle"
-                                                    >
-                                                      <WrapperField
-                                                        label="Subtitle"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Subtitle",
-                                                          }
-                                                        }
-                                                        name="subtitle"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_subtitle"
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "subtitle",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="subtitle"
-                                                                label="Subtitle"
-                                                                name="subtitle"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="subtitle"
-                                                                      title="Subtitle"
-                                                                    >
-                                                                      Subtitle
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Subtitle"
-                                                                name={
-                                                                  Array [
-                                                                    "subtitle",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="subtitle"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Subtitle"
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="subtitle"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              prefixCls="ant-input"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="subtitle"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <SlugInput>
-                                                      <FormItem
-                                                        label="Slug"
-                                                        name="slug"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "message": "Please input the slug!",
-                                                              "required": true,
-                                                            },
-                                                            Object {
-                                                              "message": "Please enter valid slug!",
-                                                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Slug"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Slug",
-                                                            }
-                                                          }
-                                                          name="slug"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_slug"
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "slug",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="slug"
-                                                                  label="Slug"
-                                                                  name="slug"
-                                                                  prefixCls="ant-form"
-                                                                  required={true}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className="ant-form-item-required"
-                                                                        htmlFor="slug"
-                                                                        title="Slug"
-                                                                      >
-                                                                        Slug
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Slug"
-                                                                  name={
-                                                                    Array [
-                                                                      "slug",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                            value="post-1"
-                                                                          >
-                                                                            <Input
-                                                                              id="slug"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                              value="post-1"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                    value="post-1"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="slug"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value="post-1"
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="slug"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value="post-1"
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </SlugInput>
-                                                    <FormItem
-                                                      label="Published Date"
-                                                      name="published_date"
-                                                    >
-                                                      <WrapperField
-                                                        label="Published Date"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Published Date",
-                                                          }
-                                                        }
-                                                        name="published_date"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_published_date"
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "published_date",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="published_date"
-                                                                label="Published Date"
-                                                                name="published_date"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="published_date"
-                                                                      title="Published Date"
-                                                                    >
-                                                                      Published Date
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Published Date"
-                                                                name={
-                                                                  Array [
-                                                                    "published_date",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={null}
-                                                                        >
-                                                                          <Picker
-                                                                            id="published_date"
-                                                                            onChange={[Function]}
-                                                                            value={null}
-                                                                          >
-                                                                            <LocaleReceiver
-                                                                              componentName="DatePicker"
-                                                                              defaultLocale={
-                                                                                Object {
-                                                                                  "lang": Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  },
-                                                                                  "timePickerLocale": Object {
-                                                                                    "placeholder": "Select time",
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start time",
-                                                                                      "End time",
-                                                                                    ],
-                                                                                  },
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <Picker
-                                                                                allowClear={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                components={
-                                                                                  Object {
-                                                                                    "button": [Function],
-                                                                                    "rangeItem": [Function],
-                                                                                  }
-                                                                                }
-                                                                                generateConfig={
-                                                                                  Object {
-                                                                                    "addDate": [Function],
-                                                                                    "addMonth": [Function],
-                                                                                    "addYear": [Function],
-                                                                                    "getDate": [Function],
-                                                                                    "getEndDate": [Function],
-                                                                                    "getFixedDate": [Function],
-                                                                                    "getHour": [Function],
-                                                                                    "getMinute": [Function],
-                                                                                    "getMonth": [Function],
-                                                                                    "getNow": [Function],
-                                                                                    "getSecond": [Function],
-                                                                                    "getWeekDay": [Function],
-                                                                                    "getYear": [Function],
-                                                                                    "isAfter": [Function],
-                                                                                    "isValidate": [Function],
-                                                                                    "locale": Object {
-                                                                                      "format": [Function],
-                                                                                      "getShortMonths": [Function],
-                                                                                      "getShortWeekDays": [Function],
-                                                                                      "getWeek": [Function],
-                                                                                      "getWeekFirstDate": [Function],
-                                                                                      "getWeekFirstDay": [Function],
-                                                                                      "parse": [Function],
-                                                                                    },
-                                                                                    "setDate": [Function],
-                                                                                    "setHour": [Function],
-                                                                                    "setMinute": [Function],
-                                                                                    "setMonth": [Function],
-                                                                                    "setSecond": [Function],
-                                                                                    "setYear": [Function],
-                                                                                  }
-                                                                                }
-                                                                                id="published_date"
-                                                                                locale={
-                                                                                  Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  }
-                                                                                }
-                                                                                nextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                placeholder="Select date"
-                                                                                prefixCls="ant-picker"
-                                                                                prevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                showToday={true}
-                                                                                suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                superNextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                superPrevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                transitionName="ant-slide-up"
-                                                                                value={null}
-                                                                              >
-                                                                                <InnerPicker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  pickerRef={
-                                                                                    Object {
-                                                                                      "current": Object {
-                                                                                        "blur": [Function],
-                                                                                        "focus": [Function],
-                                                                                      },
-                                                                                    }
-                                                                                  }
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={null}
-                                                                                >
-                                                                                  <PickerTrigger
-                                                                                    popupElement={
-                                                                                      <div
-                                                                                        className="ant-picker-panel-container"
-                                                                                        onMouseDown={[Function]}
-                                                                                      >
-                                                                                        <PickerPanel
-                                                                                          allowClear={true}
-                                                                                          className="ant-picker-panel-focused"
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          components={
-                                                                                            Object {
-                                                                                              "button": [Function],
-                                                                                              "rangeItem": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          generateConfig={
-                                                                                            Object {
-                                                                                              "addDate": [Function],
-                                                                                              "addMonth": [Function],
-                                                                                              "addYear": [Function],
-                                                                                              "getDate": [Function],
-                                                                                              "getEndDate": [Function],
-                                                                                              "getFixedDate": [Function],
-                                                                                              "getHour": [Function],
-                                                                                              "getMinute": [Function],
-                                                                                              "getMonth": [Function],
-                                                                                              "getNow": [Function],
-                                                                                              "getSecond": [Function],
-                                                                                              "getWeekDay": [Function],
-                                                                                              "getYear": [Function],
-                                                                                              "isAfter": [Function],
-                                                                                              "isValidate": [Function],
-                                                                                              "locale": Object {
-                                                                                                "format": [Function],
-                                                                                                "getShortMonths": [Function],
-                                                                                                "getShortWeekDays": [Function],
-                                                                                                "getWeek": [Function],
-                                                                                                "getWeekFirstDate": [Function],
-                                                                                                "getWeekFirstDay": [Function],
-                                                                                                "parse": [Function],
-                                                                                              },
-                                                                                              "setDate": [Function],
-                                                                                              "setHour": [Function],
-                                                                                              "setMinute": [Function],
-                                                                                              "setMonth": [Function],
-                                                                                              "setSecond": [Function],
-                                                                                              "setYear": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          id="published_date"
-                                                                                          locale={
-                                                                                            Object {
-                                                                                              "backToToday": "Back to today",
-                                                                                              "clear": "Clear",
-                                                                                              "dateFormat": "M/D/YYYY",
-                                                                                              "dateSelect": "select date",
-                                                                                              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                              "dayFormat": "D",
-                                                                                              "decadeSelect": "Choose a decade",
-                                                                                              "locale": "en_US",
-                                                                                              "month": "Month",
-                                                                                              "monthBeforeYear": true,
-                                                                                              "monthPlaceholder": "Select month",
-                                                                                              "monthSelect": "Choose a month",
-                                                                                              "nextCentury": "Next century",
-                                                                                              "nextDecade": "Next decade",
-                                                                                              "nextMonth": "Next month (PageDown)",
-                                                                                              "nextYear": "Next year (Control + right)",
-                                                                                              "now": "Now",
-                                                                                              "ok": "Ok",
-                                                                                              "placeholder": "Select date",
-                                                                                              "previousCentury": "Last century",
-                                                                                              "previousDecade": "Last decade",
-                                                                                              "previousMonth": "Previous month (PageUp)",
-                                                                                              "previousYear": "Last year (Control + left)",
-                                                                                              "quarterPlaceholder": "Select quarter",
-                                                                                              "rangeMonthPlaceholder": Array [
-                                                                                                "Start month",
-                                                                                                "End month",
-                                                                                              ],
-                                                                                              "rangePlaceholder": Array [
-                                                                                                "Start date",
-                                                                                                "End date",
-                                                                                              ],
-                                                                                              "rangeWeekPlaceholder": Array [
-                                                                                                "Start week",
-                                                                                                "End week",
-                                                                                              ],
-                                                                                              "rangeYearPlaceholder": Array [
-                                                                                                "Start year",
-                                                                                                "End year",
-                                                                                              ],
-                                                                                              "timeSelect": "select time",
-                                                                                              "today": "Today",
-                                                                                              "weekPlaceholder": "Select week",
-                                                                                              "weekSelect": "Choose a week",
-                                                                                              "year": "Year",
-                                                                                              "yearFormat": "YYYY",
-                                                                                              "yearPlaceholder": "Select year",
-                                                                                              "yearSelect": "Choose a year",
-                                                                                            }
-                                                                                          }
-                                                                                          nextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={null}
-                                                                                          onPanelChange={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          pickerRef={
-                                                                                            Object {
-                                                                                              "current": Object {
-                                                                                                "blur": [Function],
-                                                                                                "focus": [Function],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          placeholder="Select date"
-                                                                                          prefixCls="ant-picker"
-                                                                                          prevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          showToday={true}
-                                                                                          suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                          superNextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          superPrevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          tabIndex={-1}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={null}
-                                                                                        />
-                                                                                      </div>
-                                                                                    }
-                                                                                    popupPlacement="bottomLeft"
-                                                                                    prefixCls="ant-picker"
-                                                                                    transitionName="ant-slide-up"
-                                                                                    visible={false}
-                                                                                  >
-                                                                                    <Trigger
-                                                                                      action={Array []}
-                                                                                      afterPopupVisibleChange={[Function]}
-                                                                                      autoDestroy={false}
-                                                                                      blurDelay={0.15}
-                                                                                      builtinPlacements={
-                                                                                        Object {
-                                                                                          "bottomLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tl",
-                                                                                              "bl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "bottomRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tr",
-                                                                                              "br",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "bl",
-                                                                                              "tl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "br",
-                                                                                              "tr",
-                                                                                            ],
-                                                                                          },
-                                                                                        }
-                                                                                      }
-                                                                                      defaultPopupVisible={false}
-                                                                                      destroyPopupOnHide={false}
-                                                                                      focusDelay={0}
-                                                                                      getDocument={[Function]}
-                                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                                      hideAction={Array []}
-                                                                                      mask={false}
-                                                                                      maskClosable={true}
-                                                                                      mouseEnterDelay={0}
-                                                                                      mouseLeaveDelay={0.1}
-                                                                                      onPopupAlign={[Function]}
-                                                                                      onPopupVisibleChange={[Function]}
-                                                                                      popup={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupAlign={Object {}}
-                                                                                      popupClassName=""
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      popupStyle={Object {}}
-                                                                                      popupTransitionName="ant-slide-up"
-                                                                                      popupVisible={false}
-                                                                                      prefixCls="ant-picker-dropdown"
-                                                                                      showAction={Array []}
-                                                                                    >
-                                                                                      <div
-                                                                                        className="ant-picker"
-                                                                                        key="trigger"
-                                                                                        onMouseUp={[Function]}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker-input"
-                                                                                        >
-                                                                                          <input
-                                                                                            autoComplete="off"
-                                                                                            id="published_date"
-                                                                                            onBlur={[Function]}
-                                                                                            onChange={[Function]}
-                                                                                            onFocus={[Function]}
-                                                                                            onKeyDown={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                            placeholder="Select date"
-                                                                                            readOnly={true}
-                                                                                            size={12}
-                                                                                            title=""
-                                                                                            value=""
-                                                                                          />
-                                                                                          <span
-                                                                                            className="ant-picker-suffix"
-                                                                                          >
-                                                                                            <ForwardRef(CalendarOutlined)>
-                                                                                              <AntdIcon
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "calendar",
-                                                                                                    "theme": "outlined",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <span
-                                                                                                  aria-label="calendar"
-                                                                                                  className="anticon anticon-calendar"
-                                                                                                  role="img"
-                                                                                                >
-                                                                                                  <IconReact
-                                                                                                    icon={
-                                                                                                      Object {
-                                                                                                        "icon": Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "focusable": "false",
-                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                          },
-                                                                                                          "children": Array [
-                                                                                                            Object {
-                                                                                                              "attrs": Object {
-                                                                                                                "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                              },
-                                                                                                              "tag": "path",
-                                                                                                            },
-                                                                                                          ],
-                                                                                                          "tag": "svg",
-                                                                                                        },
-                                                                                                        "name": "calendar",
-                                                                                                        "theme": "outlined",
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <svg
-                                                                                                      aria-hidden="true"
-                                                                                                      data-icon="calendar"
-                                                                                                      fill="currentColor"
-                                                                                                      focusable="false"
-                                                                                                      height="1em"
-                                                                                                      key="svg-calendar"
-                                                                                                      viewBox="64 64 896 896"
-                                                                                                      width="1em"
-                                                                                                    >
-                                                                                                      <path
-                                                                                                        d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                        key="svg-calendar-svg-0"
-                                                                                                      />
-                                                                                                    </svg>
-                                                                                                  </IconReact>
-                                                                                                </span>
-                                                                                              </AntdIcon>
-                                                                                            </ForwardRef(CalendarOutlined)>
-                                                                                          </span>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </Trigger>
-                                                                                  </PickerTrigger>
-                                                                                </InnerPicker>
-                                                                              </Picker>
-                                                                            </LocaleReceiver>
-                                                                          </Picker>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Categories"
-                                                      name="categories"
-                                                    >
-                                                      <WrapperField
-                                                        label="Categories"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Categories",
-                                                          }
-                                                        }
-                                                        name="categories"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_categories"
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "categories",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="categories"
-                                                                label="Categories"
-                                                                name="categories"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="categories"
-                                                                      title="Categories"
-                                                                    >
-                                                                      Categories
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Categories"
-                                                                name={
-                                                                  Array [
-                                                                    "categories",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Categories"
-                                                                            createEntity="Category"
-                                                                            id="categories"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No categories available. Type something to create new Category"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select categories"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select categories"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Tags"
-                                                      name="tags"
-                                                    >
-                                                      <WrapperField
-                                                        label="Tags"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Tags",
-                                                          }
-                                                        }
-                                                        name="tags"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_tags"
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "tags",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="tags"
-                                                                label="Tags"
-                                                                name="tags"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="tags"
-                                                                      title="Tags"
-                                                                    >
-                                                                      Tags
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Tags"
-                                                                name={
-                                                                  Array [
-                                                                    "tags",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Tags"
-                                                                            createEntity="Tag"
-                                                                            id="tags"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select tags"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select tags"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select tags"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Authors"
-                                                      name="authors"
-                                                    >
-                                                      <WrapperField
-                                                        label="Authors"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Authors",
-                                                          }
-                                                        }
-                                                        name="authors"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_authors"
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "authors",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="authors"
-                                                                label="Authors"
-                                                                name="authors"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="authors"
-                                                                      title="Authors"
-                                                                    >
-                                                                      Authors
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Authors"
-                                                                name={
-                                                                  Array [
-                                                                    "authors",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                          value={
-                                                                            Array [
-                                                                              1,
-                                                                            ]
-                                                                          }
-                                                                        >
-                                                                          <Selector
-                                                                            action="Authors"
-                                                                            display="display_name"
-                                                                            id="authors"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                            value={
-                                                                              Array [
-                                                                                1,
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select authors"
-                                                                              searchValue=""
-                                                                              value={
-                                                                                Array [
-                                                                                  1,
-                                                                                ]
-                                                                              }
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={
-                                                                                  Array [
-                                                                                    1,
-                                                                                  ]
-                                                                                }
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={
-                                                                                    Array [
-                                                                                      1,
-                                                                                    ]
-                                                                                  }
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={
-                                                                                            Set {
-                                                                                              1,
-                                                                                            }
-                                                                                          }
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={
-                                                                                                Set {
-                                                                                                  1,
-                                                                                                }
-                                                                                              }
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-item"
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        class="ant-select-selection-item-content"
-                                                                                                      >
-                                                                                                        1
-                                                                                                      </span>
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-item-remove"
-                                                                                                        style="user-select: none;"
-                                                                                                        unselectable="on"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          aria-label="close"
-                                                                                                          class="anticon anticon-close"
-                                                                                                          role="img"
-                                                                                                        >
-                                                                                                          <svg
-                                                                                                            aria-hidden="true"
-                                                                                                            data-icon="close"
-                                                                                                            fill="currentColor"
-                                                                                                            focusable="false"
-                                                                                                            height="1em"
-                                                                                                            viewBox="64 64 896 896"
-                                                                                                            width="1em"
-                                                                                                          >
-                                                                                                            <path
-                                                                                                              d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                            />
-                                                                                                          </svg>
-                                                                                                        </span>
-                                                                                                      </span>
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select authors"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={
-                                                                                            Array [
-                                                                                              1,
-                                                                                            ]
-                                                                                          }
-                                                                                          values={
-                                                                                            Array [
-                                                                                              Object {
-                                                                                                "disabled": undefined,
-                                                                                                "isCacheable": true,
-                                                                                                "key": 1,
-                                                                                                "label": 1,
-                                                                                                "value": 1,
-                                                                                              },
-                                                                                            ]
-                                                                                          }
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          class="ant-select-selection-item"
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            class="ant-select-selection-item-content"
-                                                                                                          >
-                                                                                                            1
-                                                                                                          </span>
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-item-remove"
-                                                                                                            style="user-select: none;"
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <span
-                                                                                                              aria-label="close"
-                                                                                                              class="anticon anticon-close"
-                                                                                                              role="img"
-                                                                                                            >
-                                                                                                              <svg
-                                                                                                                aria-hidden="true"
-                                                                                                                data-icon="close"
-                                                                                                                fill="currentColor"
-                                                                                                                focusable="false"
-                                                                                                                height="1em"
-                                                                                                                viewBox="64 64 896 896"
-                                                                                                                width="1em"
-                                                                                                              >
-                                                                                                                <path
-                                                                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                />
-                                                                                                              </svg>
-                                                                                                            </span>
-                                                                                                          </span>
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select authors"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={
-                                                                                                Array [
-                                                                                                  1,
-                                                                                                ]
-                                                                                              }
-                                                                                              values={
-                                                                                                Array [
-                                                                                                  Object {
-                                                                                                    "disabled": undefined,
-                                                                                                    "isCacheable": true,
-                                                                                                    "key": 1,
-                                                                                                    "label": 1,
-                                                                                                    "value": 1,
-                                                                                                  },
-                                                                                                ]
-                                                                                              }
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={
-                                                                                                  Array [
-                                                                                                    Object {
-                                                                                                      "disabled": undefined,
-                                                                                                      "isCacheable": true,
-                                                                                                      "key": 1,
-                                                                                                      "label": 1,
-                                                                                                      "value": 1,
-                                                                                                    },
-                                                                                                  ]
-                                                                                                }
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    item={
-                                                                                                      Object {
-                                                                                                        "disabled": undefined,
-                                                                                                        "isCacheable": true,
-                                                                                                        "key": 1,
-                                                                                                        "label": 1,
-                                                                                                        "value": 1,
-                                                                                                      }
-                                                                                                    }
-                                                                                                    itemKey={1}
-                                                                                                    key="1"
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    renderItem={[Function]}
-                                                                                                    responsive={false}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <span
-                                                                                                        className="ant-select-selection-item"
-                                                                                                      >
-                                                                                                        <span
-                                                                                                          className="ant-select-selection-item-content"
-                                                                                                        >
-                                                                                                          1
-                                                                                                        </span>
-                                                                                                        <TransBtn
-                                                                                                          className="ant-select-selection-item-remove"
-                                                                                                          customizeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                                          onClick={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                        >
-                                                                                                          <span
-                                                                                                            aria-hidden={true}
-                                                                                                            className="ant-select-selection-item-remove"
-                                                                                                            onClick={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "WebkitUserSelect": "none",
-                                                                                                                "userSelect": "none",
-                                                                                                              }
-                                                                                                            }
-                                                                                                            unselectable="on"
-                                                                                                          >
-                                                                                                            <ForwardRef(CloseOutlined)>
-                                                                                                              <AntdIcon
-                                                                                                                icon={
-                                                                                                                  Object {
-                                                                                                                    "icon": Object {
-                                                                                                                      "attrs": Object {
-                                                                                                                        "focusable": "false",
-                                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                                      },
-                                                                                                                      "children": Array [
-                                                                                                                        Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                          },
-                                                                                                                          "tag": "path",
-                                                                                                                        },
-                                                                                                                      ],
-                                                                                                                      "tag": "svg",
-                                                                                                                    },
-                                                                                                                    "name": "close",
-                                                                                                                    "theme": "outlined",
-                                                                                                                  }
-                                                                                                                }
-                                                                                                              >
-                                                                                                                <span
-                                                                                                                  aria-label="close"
-                                                                                                                  className="anticon anticon-close"
-                                                                                                                  role="img"
-                                                                                                                >
-                                                                                                                  <IconReact
-                                                                                                                    icon={
-                                                                                                                      Object {
-                                                                                                                        "icon": Object {
-                                                                                                                          "attrs": Object {
-                                                                                                                            "focusable": "false",
-                                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                                          },
-                                                                                                                          "children": Array [
-                                                                                                                            Object {
-                                                                                                                              "attrs": Object {
-                                                                                                                                "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                                                                              },
-                                                                                                                              "tag": "path",
-                                                                                                                            },
-                                                                                                                          ],
-                                                                                                                          "tag": "svg",
-                                                                                                                        },
-                                                                                                                        "name": "close",
-                                                                                                                        "theme": "outlined",
-                                                                                                                      }
-                                                                                                                    }
-                                                                                                                  >
-                                                                                                                    <svg
-                                                                                                                      aria-hidden="true"
-                                                                                                                      data-icon="close"
-                                                                                                                      fill="currentColor"
-                                                                                                                      focusable="false"
-                                                                                                                      height="1em"
-                                                                                                                      key="svg-close"
-                                                                                                                      viewBox="64 64 896 896"
-                                                                                                                      width="1em"
-                                                                                                                    >
-                                                                                                                      <path
-                                                                                                                        d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                                                                        key="svg-close-svg-0"
-                                                                                                                      />
-                                                                                                                    </svg>
-                                                                                                                  </IconReact>
-                                                                                                                </span>
-                                                                                                              </AntdIcon>
-                                                                                                            </ForwardRef(CloseOutlined)>
-                                                                                                          </span>
-                                                                                                        </TransBtn>
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={false}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                    <TransBtn
-                                                                                      className="ant-select-clear"
-                                                                                      customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                      onMouseDown={[Function]}
-                                                                                    >
-                                                                                      <span
-                                                                                        aria-hidden={true}
-                                                                                        className="ant-select-clear"
-                                                                                        onMouseDown={[Function]}
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "WebkitUserSelect": "none",
-                                                                                            "userSelect": "none",
-                                                                                          }
-                                                                                        }
-                                                                                        unselectable="on"
-                                                                                      >
-                                                                                        <ForwardRef(CloseCircleFilled)>
-                                                                                          <AntdIcon
-                                                                                            icon={
-                                                                                              Object {
-                                                                                                "icon": Object {
-                                                                                                  "attrs": Object {
-                                                                                                    "focusable": "false",
-                                                                                                    "viewBox": "64 64 896 896",
-                                                                                                  },
-                                                                                                  "children": Array [
-                                                                                                    Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                      },
-                                                                                                      "tag": "path",
-                                                                                                    },
-                                                                                                  ],
-                                                                                                  "tag": "svg",
-                                                                                                },
-                                                                                                "name": "close-circle",
-                                                                                                "theme": "filled",
-                                                                                              }
-                                                                                            }
-                                                                                          >
-                                                                                            <span
-                                                                                              aria-label="close-circle"
-                                                                                              className="anticon anticon-close-circle"
-                                                                                              role="img"
-                                                                                            >
-                                                                                              <IconReact
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "close-circle",
-                                                                                                    "theme": "filled",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <svg
-                                                                                                  aria-hidden="true"
-                                                                                                  data-icon="close-circle"
-                                                                                                  fill="currentColor"
-                                                                                                  focusable="false"
-                                                                                                  height="1em"
-                                                                                                  key="svg-close-circle"
-                                                                                                  viewBox="64 64 896 896"
-                                                                                                  width="1em"
-                                                                                                >
-                                                                                                  <path
-                                                                                                    d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                                    key="svg-close-circle-svg-0"
-                                                                                                  />
-                                                                                                </svg>
-                                                                                              </IconReact>
-                                                                                            </span>
-                                                                                          </AntdIcon>
-                                                                                        </ForwardRef(CloseCircleFilled)>
-                                                                                      </span>
-                                                                                    </TransBtn>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Data
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Code Injection
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            View Schemas
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Fields
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <Modal
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Copy
-                                                          </ForwardRef(InternalButton)>,
-                                                          <a
-                                                            className="ant-btn ant-btn-secondary"
-                                                            href="https://search.google.com/test/rich-results"
-                                                            rel="noreferrer noopener"
-                                                            target="_blank"
-                                                          >
-                                                            Test in Google Rich Results Text
-                                                          </a>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      onOk={[Function]}
-                                                      title="View Schemas"
-                                                      visible={false}
-                                                      width={520}
-                                                    >
-                                                      <Dialog
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        onOk={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        title="View Schemas"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width={520}
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Meta data
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Meta data
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Title"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "title",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Title"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Title",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_title"
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_title"
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_title"
-                                                                      title="Meta Title"
-                                                                    >
-                                                                      Meta Title
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_title"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_title"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_title"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Description"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "description",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Description"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Description",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_description"
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_description"
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_description"
-                                                                      title="Meta Description"
-                                                                    >
-                                                                      Meta Description
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="meta_description"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="meta_description"
-                                                                              inputType="text"
-                                                                              prefixCls="ant-input"
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="meta_description"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="meta_description"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      style={Object {}}
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Canonical URL"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "canonical_URL",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Canonical URL"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Canonical URL",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_canonical_URL"
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_canonical_URL"
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_canonical_URL"
-                                                                      title="Canonical URL"
-                                                                    >
-                                                                      Canonical URL
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_canonical_URL"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_canonical_URL"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_canonical_URL"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Code Injection
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={710}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={710}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={710}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "710px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Code Injection
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Header Code"
-                                                      name="header_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Header Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Header Code",
-                                                          }
-                                                        }
-                                                        name="header_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_header_code"
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "header_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="header_code"
-                                                                label="Header Code"
-                                                                name="header_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="header_code"
-                                                                      title="Header Code"
-                                                                    >
-                                                                      Header Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Header Code"
-                                                                name={
-                                                                  Array [
-                                                                    "header_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="header_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Footer Code"
-                                                      name="footer_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Footer Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Footer Code",
-                                                          }
-                                                        }
-                                                        name="footer_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_footer_code"
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "footer_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="footer_code"
-                                                                label="Footer Code"
-                                                                name="footer_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="footer_code"
-                                                                      title="Footer Code"
-                                                                    >
-                                                                      Footer Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Footer Code"
-                                                                name={
-                                                                  Array [
-                                                                    "footer_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="footer_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Meta Fields
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Meta Fields
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      extra="add JSON if you have to pass any extra data"
-                                                      label="Meta Fields"
-                                                      name="meta_fields"
-                                                    >
-                                                      <WrapperField
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Fields",
-                                                          }
-                                                        }
-                                                        name="meta_fields"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_fields"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta_fields",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                htmlFor="meta_fields"
-                                                                label="Meta Fields"
-                                                                name="meta_fields"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_fields"
-                                                                      title="Meta Fields"
-                                                                    >
-                                                                      Meta Fields
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                label="Meta Fields"
-                                                                name={
-                                                                  Array [
-                                                                    "meta_fields",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="meta_fields"
-                                                                            language="json"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={440}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                    <div
-                                                                      className="ant-form-item-extra"
-                                                                    >
-                                                                      add JSON if you have to pass any extra data
-                                                                    </div>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </div>
-                    </Item>
-                  </div>
-                </Space>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </PostForm>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Posts Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PostForm
-        actions={
-          Array [
-            "publish",
-          ]
-        }
-      >
-        <Prompt
-          message="You have unsaved changes, are you sure you want to leave?"
-          when={false}
-        />
-        <ForwardRef(InternalForm)
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": undefined,
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          initialValues={
-            Object {
-              "status": "draft",
-            }
-          }
-          layout="vertical"
-          onFinish={[Function]}
-          onValuesChange={[Function]}
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <SizeContextProvider>
-            <ForwardRef(Form)
-              className="ant-form ant-form-vertical"
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": undefined,
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "status": "draft",
-                }
-              }
-              onFinish={[Function]}
-              onFinishFailed={[Function]}
-              onValuesChange={[Function]}
-              style={
-                Object {
-                  "maxWidth": "100%",
-                  "width": "100%",
-                }
-              }
-            >
-              <form
-                className="ant-form ant-form-vertical"
-                onReset={[Function]}
-                onSubmit={[Function]}
-                style={
-                  Object {
-                    "maxWidth": "100%",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Space
-                  direction="vertical"
-                >
-                  <div
-                    className="ant-space ant-space-vertical"
-                    style={Object {}}
-                  >
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={0}
-                      key="ant-space-item-0"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={
-                          Object {
-                            "marginBottom": 8,
-                          }
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "float": "right",
-                            }
-                          }
-                        >
-                          <Space
-                            direction="horizontal"
-                          >
-                            <div
-                              className="ant-space ant-space-horizontal ant-space-align-center"
-                              style={Object {}}
-                            >
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={0}
-                                key="ant-space-item-0"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              />
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={1}
-                                key="ant-space-item-1"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="draft"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "draft",
-                                        }
-                                      }
-                                      name="draft"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_draft"
-                                        messageVariables={
-                                          Object {
-                                            "label": "draft",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "draft",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="draft"
-                                              name="draft"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "draft",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Dropdown
-                                                          id="draft"
-                                                          mouseEnterDelay={0.15}
-                                                          mouseLeaveDelay={0.1}
-                                                          onChange={[Function]}
-                                                          overlay={
-                                                            <Menu>
-                                                              <MenuItem>
-                                                                Ready to Publish 
-                                                                <ForwardRef
-                                                                  checked={false}
-                                                                  onChange={[Function]}
-                                                                />
-                                                              </MenuItem>
-                                                            </Menu>
-                                                          }
-                                                        >
-                                                          <ForwardRef(Dropdown)
-                                                            id="draft"
-                                                            mouseEnterDelay={0.15}
-                                                            mouseLeaveDelay={0.1}
-                                                            onChange={[Function]}
-                                                            overlay={[Function]}
-                                                            overlayClassName=""
-                                                            placement="bottomLeft"
-                                                            prefixCls="ant-dropdown"
-                                                            transitionName="ant-slide-up"
-                                                          >
-                                                            <Trigger
-                                                              action={
-                                                                Array [
-                                                                  "hover",
-                                                                ]
-                                                              }
-                                                              afterPopupVisibleChange={[Function]}
-                                                              autoDestroy={false}
-                                                              blurDelay={0.15}
-                                                              builtinPlacements={
-                                                                Object {
-                                                                  "bottomCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tc",
-                                                                      "bc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tl",
-                                                                      "bl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "bottomRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "tr",
-                                                                      "br",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topCenter": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bc",
-                                                                      "tc",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topLeft": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "bl",
-                                                                      "tl",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                  "topRight": Object {
-                                                                    "offset": Array [
-                                                                      0,
-                                                                      -4,
-                                                                    ],
-                                                                    "overflow": Object {
-                                                                      "adjustX": 1,
-                                                                      "adjustY": 1,
-                                                                    },
-                                                                    "points": Array [
-                                                                      "br",
-                                                                      "tr",
-                                                                    ],
-                                                                    "targetOffset": Array [
-                                                                      0,
-                                                                      0,
-                                                                    ],
-                                                                  },
-                                                                }
-                                                              }
-                                                              defaultPopupVisible={false}
-                                                              destroyPopupOnHide={false}
-                                                              focusDelay={0}
-                                                              getDocument={[Function]}
-                                                              getPopupClassNameFromAlign={[Function]}
-                                                              hideAction={Array []}
-                                                              id="draft"
-                                                              mask={false}
-                                                              maskClosable={true}
-                                                              mouseEnterDelay={0.15}
-                                                              mouseLeaveDelay={0.1}
-                                                              onChange={[Function]}
-                                                              onPopupAlign={[Function]}
-                                                              onPopupVisibleChange={[Function]}
-                                                              overlay={[Function]}
-                                                              popup={[Function]}
-                                                              popupAlign={Object {}}
-                                                              popupClassName=""
-                                                              popupPlacement="bottomLeft"
-                                                              popupStyle={Object {}}
-                                                              popupTransitionName="ant-slide-up"
-                                                              prefixCls="ant-dropdown"
-                                                              showAction={Array []}
-                                                              stretch="minWidth"
-                                                            >
-                                                              <Button
-                                                                className="ant-dropdown-trigger"
-                                                                htmlType="submit"
-                                                                key="trigger"
-                                                                onClick={[Function]}
-                                                                onMouseEnter={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                type="secondary"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-secondary ant-dropdown-trigger"
-                                                                    onClick={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onMouseLeave={[Function]}
-                                                                    type="submit"
-                                                                  >
-                                                                    <LoadingIcon
-                                                                      existIcon={false}
-                                                                      loading={false}
-                                                                      prefixCls="ant-btn"
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionName="ant-btn-loading-icon-motion"
-                                                                        onAppearActive={[Function]}
-                                                                        onAppearStart={[Function]}
-                                                                        onEnterActive={[Function]}
-                                                                        onEnterStart={[Function]}
-                                                                        onLeaveActive={[Function]}
-                                                                        onLeaveStart={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </LoadingIcon>
-                                                                    <span
-                                                                      key=".0"
-                                                                    >
-                                                                      Save
-                                                                    </span>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </Trigger>
-                                                          </ForwardRef(Dropdown)>
-                                                        </Dropdown>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={2}
-                                key="ant-space-item-2"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={
-                                    Object {
-                                      "marginRight": 8,
-                                    }
-                                  }
-                                >
-                                  <FormItem
-                                    name="submit"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "submit",
-                                        }
-                                      }
-                                      name="submit"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_submit"
-                                        messageVariables={
-                                          Object {
-                                            "label": "submit",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "submit",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="submit"
-                                              name="submit"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "submit",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          htmlType="submit"
-                                                          id="submit"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="submit"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="submit"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <span
-                                                                key=".0"
-                                                              >
-                                                                Publish
-                                                              </span>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                              <Item
-                                className="ant-space-item"
-                                direction="horizontal"
-                                index={3}
-                                key="ant-space-item-3"
-                                marginDirection="marginRight"
-                                wrap={false}
-                              >
-                                <div
-                                  className="ant-space-item"
-                                  style={Object {}}
-                                >
-                                  <FormItem
-                                    name="drawerOpen"
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "drawerOpen",
-                                        }
-                                      }
-                                      name="drawerOpen"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_drawerOpen"
-                                        messageVariables={
-                                          Object {
-                                            "label": "drawerOpen",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "drawerOpen",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              htmlFor="drawerOpen"
-                                              name="drawerOpen"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "drawerOpen",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Button
-                                                          id="drawerOpen"
-                                                          onChange={[Function]}
-                                                          onClick={[Function]}
-                                                          type="secondary"
-                                                        >
-                                                          <Wave>
-                                                            <button
-                                                              className="ant-btn ant-btn-secondary"
-                                                              id="drawerOpen"
-                                                              onChange={[Function]}
-                                                              onClick={[Function]}
-                                                              type="button"
-                                                            >
-                                                              <LoadingIcon
-                                                                existIcon={false}
-                                                                loading={false}
-                                                                prefixCls="ant-btn"
-                                                              >
-                                                                <CSSMotion
-                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                  onAppearActive={[Function]}
-                                                                  onAppearStart={[Function]}
-                                                                  onEnterActive={[Function]}
-                                                                  onEnterStart={[Function]}
-                                                                  onLeaveActive={[Function]}
-                                                                  onLeaveStart={[Function]}
-                                                                  removeOnLeave={true}
-                                                                  visible={false}
-                                                                >
-                                                                  <DomWrapper />
-                                                                </CSSMotion>
-                                                              </LoadingIcon>
-                                                              <ForwardRef(SettingFilled)
-                                                                key=".0"
-                                                              >
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "setting",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="setting"
-                                                                    className="anticon anticon-setting"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "setting",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="setting"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-setting"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512.5 390.6c-29.9 0-57.9 11.6-79.1 32.8-21.1 21.2-32.8 49.2-32.8 79.1 0 29.9 11.7 57.9 32.8 79.1 21.2 21.1 49.2 32.8 79.1 32.8 29.9 0 57.9-11.7 79.1-32.8 21.1-21.2 32.8-49.2 32.8-79.1 0-29.9-11.7-57.9-32.8-79.1a110.96 110.96 0 00-79.1-32.8zm412.3 235.5l-65.4-55.9c3.1-19 4.7-38.4 4.7-57.7s-1.6-38.8-4.7-57.7l65.4-55.9a32.03 32.03 0 009.3-35.2l-.9-2.6a442.5 442.5 0 00-79.6-137.7l-1.8-2.1a32.12 32.12 0 00-35.1-9.5l-81.2 28.9c-30-24.6-63.4-44-99.6-57.5l-15.7-84.9a32.05 32.05 0 00-25.8-25.7l-2.7-.5c-52-9.4-106.8-9.4-158.8 0l-2.7.5a32.05 32.05 0 00-25.8 25.7l-15.8 85.3a353.44 353.44 0 00-98.9 57.3l-81.8-29.1a32 32 0 00-35.1 9.5l-1.8 2.1a445.93 445.93 0 00-79.6 137.7l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.2 56.5c-3.1 18.8-4.6 38-4.6 57 0 19.2 1.5 38.4 4.6 57l-66 56.5a32.03 32.03 0 00-9.3 35.2l.9 2.6c18.1 50.3 44.8 96.8 79.6 137.7l1.8 2.1a32.12 32.12 0 0035.1 9.5l81.8-29.1c29.8 24.5 63 43.9 98.9 57.3l15.8 85.3a32.05 32.05 0 0025.8 25.7l2.7.5a448.27 448.27 0 00158.8 0l2.7-.5a32.05 32.05 0 0025.8-25.7l15.7-84.9c36.2-13.6 69.6-32.9 99.6-57.5l81.2 28.9a32 32 0 0035.1-9.5l1.8-2.1c34.8-41.1 61.5-87.4 79.6-137.7l.9-2.6c4.3-12.4.6-26.3-9.5-35zm-412.3 52.2c-97.1 0-175.8-78.7-175.8-175.8s78.7-175.8 175.8-175.8 175.8 78.7 175.8 175.8-78.7 175.8-175.8 175.8z"
-                                                                          key="svg-setting-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(SettingFilled)>
-                                                            </button>
-                                                          </Wave>
-                                                        </Button>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </div>
-                              </Item>
-                            </div>
-                          </Space>
-                        </div>
-                      </div>
-                    </Item>
-                    <Item
-                      className="ant-space-item"
-                      direction="vertical"
-                      index={1}
-                      key="ant-space-item-1"
-                      marginDirection="marginRight"
-                      wrap={false}
-                    >
-                      <div
-                        className="ant-space-item"
-                        style={Object {}}
-                      >
-                        <Row
-                          gutter={16}
-                        >
-                          <div
-                            className="ant-row"
-                            style={
-                              Object {
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              xl={
-                                Object {
-                                  "offset": 3,
-                                  "span": 18,
-                                }
-                              }
-                              xs={
-                                Object {
-                                  "span": 24,
-                                }
-                              }
-                              xxl={
-                                Object {
-                                  "offset": 6,
-                                  "span": 12,
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col ant-col-xs-24 ant-col-xl-18 ant-col-xl-offset-3 ant-col-xxl-12 ant-col-xxl-offset-6"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="title"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the title!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Title must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "title",
-                                      }
-                                    }
-                                    name="title"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the title!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Title must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": undefined,
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_title"
-                                      messageVariables={
-                                        Object {
-                                          "label": "title",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "title",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the title!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Title must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="title"
-                                            name="title"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "title",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the title!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Title must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <ForwardRef
-                                                        autoSize={
-                                                          Object {
-                                                            "maxRows": 6,
-                                                            "minRows": 2,
-                                                          }
-                                                        }
-                                                        bordered={false}
-                                                        id="title"
-                                                        onChange={[Function]}
-                                                        placeholder="Add title for the post"
-                                                        style={
-                                                          Object {
-                                                            "fontSize": "2.5rem",
-                                                            "fontWeight": "bold",
-                                                            "resize": "none",
-                                                            "textAlign": "center",
-                                                          }
-                                                        }
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          autoSize={
-                                                            Object {
-                                                              "maxRows": 6,
-                                                              "minRows": 2,
-                                                            }
-                                                          }
-                                                          bordered={false}
-                                                          element={
-                                                            <TextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              placeholder="Add title for the post"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "resize": "none",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                            />
-                                                          }
-                                                          handleReset={[Function]}
-                                                          id="title"
-                                                          inputType="text"
-                                                          placeholder="Add title for the post"
-                                                          prefixCls="ant-input"
-                                                          value=""
-                                                        >
-                                                          <TextArea
-                                                            autoSize={
-                                                              Object {
-                                                                "maxRows": 6,
-                                                                "minRows": 2,
-                                                              }
-                                                            }
-                                                            className="ant-input-borderless"
-                                                            id="title"
-                                                            onChange={[Function]}
-                                                            onCompositionEnd={[Function]}
-                                                            onCompositionStart={[Function]}
-                                                            placeholder="Add title for the post"
-                                                            prefixCls="ant-input"
-                                                            style={
-                                                              Object {
-                                                                "fontSize": "2.5rem",
-                                                                "fontWeight": "bold",
-                                                                "resize": "none",
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                            value=""
-                                                          >
-                                                            <ResizableTextArea
-                                                              autoSize={
-                                                                Object {
-                                                                  "maxRows": 6,
-                                                                  "minRows": 2,
-                                                                }
-                                                              }
-                                                              className="ant-input-borderless"
-                                                              id="title"
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Add title for the post"
-                                                              prefixCls="ant-input"
-                                                              style={
-                                                                Object {
-                                                                  "fontSize": "2.5rem",
-                                                                  "fontWeight": "bold",
-                                                                  "resize": "none",
-                                                                  "textAlign": "center",
-                                                                }
-                                                              }
-                                                              value=""
-                                                            >
-                                                              <ResizeObserver
-                                                                disabled={false}
-                                                                onResize={[Function]}
-                                                              >
-                                                                <textarea
-                                                                  className="ant-input ant-input-borderless"
-                                                                  id="title"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  placeholder="Add title for the post"
-                                                                  style={
-                                                                    Object {
-                                                                      "fontSize": "2.5rem",
-                                                                      "fontWeight": "bold",
-                                                                      "resize": "none",
-                                                                      "textAlign": "center",
-                                                                    }
-                                                                  }
-                                                                  value=""
-                                                                />
-                                                              </ResizeObserver>
-                                                            </ResizableTextArea>
-                                                          </TextArea>
-                                                        </ClearableLabeledInput>
-                                                      </ForwardRef>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <DescriptionInput
-                                  formItemProps={
-                                    Object {
-                                      "className": "post-description",
-                                    }
-                                  }
-                                  noLabel={true}
-                                  type="editor"
-                                >
-                                  <FormItem
-                                    className="post-description"
-                                    name="description"
-                                  >
-                                    <WrapperField
-                                      className="post-description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "description",
-                                        }
-                                      }
-                                      name="description"
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        className="post-description"
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": undefined,
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_description"
-                                        messageVariables={
-                                          Object {
-                                            "label": "description",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "description",
-                                          ]
-                                        }
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Row
-                                          className="ant-form-item post-description"
-                                          key="row"
-                                        >
-                                          <div
-                                            className="ant-row ant-form-item post-description"
-                                            style={Object {}}
-                                          >
-                                            <FormItemLabel
-                                              className="post-description"
-                                              htmlFor="description"
-                                              name="description"
-                                              prefixCls="ant-form"
-                                              required={false}
-                                              requiredMark={true}
-                                            />
-                                            <FormItemInput
-                                              className="post-description"
-                                              errors={Array []}
-                                              name={
-                                                Array [
-                                                  "description",
-                                                ]
-                                              }
-                                              onDomErrorVisibleChange={[Function]}
-                                              prefixCls="ant-form"
-                                              status=""
-                                              touched={false}
-                                              validateStatus=""
-                                              validating={false}
-                                            >
-                                              <Col
-                                                className="ant-form-item-control"
-                                              >
-                                                <div
-                                                  className="ant-col ant-form-item-control"
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input"
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input-content"
-                                                    >
-                                                      <Component
-                                                        update={1}
-                                                      >
-                                                        <Editor
-                                                          id="description"
-                                                          onChange={[Function]}
-                                                        >
-                                                          <div
-                                                            style={null}
-                                                          />
-                                                        </Editor>
-                                                      </Component>
-                                                    </div>
-                                                  </div>
-                                                  <ErrorList
-                                                    errors={Array []}
-                                                    onDomErrorVisibleChange={[Function]}
-                                                  >
-                                                    <CSSMotion
-                                                      motionAppear={true}
-                                                      motionDeadline={500}
-                                                      motionName="ant-show-help"
-                                                      onLeaveEnd={[Function]}
-                                                      removeOnLeave={true}
-                                                      visible={false}
-                                                    >
-                                                      <DomWrapper />
-                                                    </CSSMotion>
-                                                  </ErrorList>
-                                                </div>
-                                              </Col>
-                                            </FormItemInput>
-                                          </div>
-                                        </Row>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </DescriptionInput>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Settings
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={366}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Settings
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={366}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={366}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={366}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "366px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Settings
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      label="Featured Image"
-                                                      name="featured_medium_id"
-                                                    >
-                                                      <WrapperField
-                                                        label="Featured Image"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Featured Image",
-                                                          }
-                                                        }
-                                                        name="featured_medium_id"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_featured_medium_id"
-                                                          label="Featured Image"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Featured Image",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "featured_medium_id",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="featured_medium_id"
-                                                                label="Featured Image"
-                                                                name="featured_medium_id"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="featured_medium_id"
-                                                                      title="Featured Image"
-                                                                    >
-                                                                      Featured Image
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Featured Image"
-                                                                name={
-                                                                  Array [
-                                                                    "featured_medium_id",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MediaSelector
-                                                                            id="featured_medium_id"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <Modal
-                                                                              closable={false}
-                                                                              confirmLoading={false}
-                                                                              footer={
-                                                                                Array [
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                  >
-                                                                                    Cancel
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                  <ForwardRef(InternalButton)
-                                                                                    onClick={[Function]}
-                                                                                    type="primary"
-                                                                                  >
-                                                                                    Ok
-                                                                                  </ForwardRef(InternalButton)>,
-                                                                                ]
-                                                                              }
-                                                                              okType="primary"
-                                                                              onCancel={[Function]}
-                                                                              visible={false}
-                                                                              width="800px"
-                                                                            >
-                                                                              <Dialog
-                                                                                closable={false}
-                                                                                closeIcon={
-                                                                                  <span
-                                                                                    className="ant-modal-close-x"
-                                                                                  >
-                                                                                    <ForwardRef(CloseOutlined)
-                                                                                      className="ant-modal-close-icon"
-                                                                                    />
-                                                                                  </span>
-                                                                                }
-                                                                                confirmLoading={false}
-                                                                                focusTriggerAfterClose={true}
-                                                                                footer={
-                                                                                  Array [
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                    >
-                                                                                      Cancel
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                    <ForwardRef(InternalButton)
-                                                                                      onClick={[Function]}
-                                                                                      type="primary"
-                                                                                    >
-                                                                                      Ok
-                                                                                    </ForwardRef(InternalButton)>,
-                                                                                  ]
-                                                                                }
-                                                                                maskTransitionName="ant-fade"
-                                                                                okType="primary"
-                                                                                onCancel={[Function]}
-                                                                                onClose={[Function]}
-                                                                                prefixCls="ant-modal"
-                                                                                transitionName="ant-zoom"
-                                                                                visible={false}
-                                                                                width="800px"
-                                                                                wrapClassName=""
-                                                                              >
-                                                                                <PortalWrapper
-                                                                                  visible={false}
-                                                                                />
-                                                                              </Dialog>
-                                                                            </Modal>
-                                                                            <Space
-                                                                              direction="vertical"
-                                                                            >
-                                                                              <div
-                                                                                className="ant-space ant-space-vertical"
-                                                                                style={Object {}}
-                                                                              >
-                                                                                <Item
-                                                                                  className="ant-space-item"
-                                                                                  direction="vertical"
-                                                                                  index={0}
-                                                                                  key="ant-space-item-0"
-                                                                                  marginDirection="marginRight"
-                                                                                  wrap={false}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-space-item"
-                                                                                    style={Object {}}
-                                                                                  >
-                                                                                    <div
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "alignItems": "center",
-                                                                                          "display": "flex",
-                                                                                          "justifyContent": "center",
-                                                                                        }
-                                                                                      }
-                                                                                    >
-                                                                                      <div
-                                                                                        style={
-                                                                                          Object {
-                                                                                            "position": "relative",
-                                                                                          }
-                                                                                        }
-                                                                                      >
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "background": "transparent",
-                                                                                              "borderStyle": "dashed",
-                                                                                              "display": "block",
-                                                                                              "height": "auto",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "background": "transparent",
-                                                                                                  "borderStyle": "dashed",
-                                                                                                  "display": "block",
-                                                                                                  "height": "auto",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <img
-                                                                                                key=".0"
-                                                                                                width="100%"
-                                                                                              />
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                        <Button
-                                                                                          onClick={[Function]}
-                                                                                          style={
-                                                                                            Object {
-                                                                                              "bottom": 0,
-                                                                                              "left": 0,
-                                                                                              "maxWidth": "52px",
-                                                                                              "position": "absolute",
-                                                                                            }
-                                                                                          }
-                                                                                        >
-                                                                                          <Wave>
-                                                                                            <button
-                                                                                              className="ant-btn"
-                                                                                              onClick={[Function]}
-                                                                                              style={
-                                                                                                Object {
-                                                                                                  "bottom": 0,
-                                                                                                  "left": 0,
-                                                                                                  "maxWidth": "52px",
-                                                                                                  "position": "absolute",
-                                                                                                }
-                                                                                              }
-                                                                                              type="button"
-                                                                                            >
-                                                                                              <LoadingIcon
-                                                                                                existIcon={false}
-                                                                                                loading={false}
-                                                                                                prefixCls="ant-btn"
-                                                                                              >
-                                                                                                <CSSMotion
-                                                                                                  motionName="ant-btn-loading-icon-motion"
-                                                                                                  onAppearActive={[Function]}
-                                                                                                  onAppearStart={[Function]}
-                                                                                                  onEnterActive={[Function]}
-                                                                                                  onEnterStart={[Function]}
-                                                                                                  onLeaveActive={[Function]}
-                                                                                                  onLeaveStart={[Function]}
-                                                                                                  removeOnLeave={true}
-                                                                                                  visible={false}
-                                                                                                >
-                                                                                                  <DomWrapper />
-                                                                                                </CSSMotion>
-                                                                                              </LoadingIcon>
-                                                                                              <ForwardRef(DeleteOutlined)
-                                                                                                key=".0"
-                                                                                              >
-                                                                                                <AntdIcon
-                                                                                                  icon={
-                                                                                                    Object {
-                                                                                                      "icon": Object {
-                                                                                                        "attrs": Object {
-                                                                                                          "focusable": "false",
-                                                                                                          "viewBox": "64 64 896 896",
-                                                                                                        },
-                                                                                                        "children": Array [
-                                                                                                          Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                            },
-                                                                                                            "tag": "path",
-                                                                                                          },
-                                                                                                        ],
-                                                                                                        "tag": "svg",
-                                                                                                      },
-                                                                                                      "name": "delete",
-                                                                                                      "theme": "outlined",
-                                                                                                    }
-                                                                                                  }
-                                                                                                >
-                                                                                                  <span
-                                                                                                    aria-label="delete"
-                                                                                                    className="anticon anticon-delete"
-                                                                                                    role="img"
-                                                                                                  >
-                                                                                                    <IconReact
-                                                                                                      icon={
-                                                                                                        Object {
-                                                                                                          "icon": Object {
-                                                                                                            "attrs": Object {
-                                                                                                              "focusable": "false",
-                                                                                                              "viewBox": "64 64 896 896",
-                                                                                                            },
-                                                                                                            "children": Array [
-                                                                                                              Object {
-                                                                                                                "attrs": Object {
-                                                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                                                },
-                                                                                                                "tag": "path",
-                                                                                                              },
-                                                                                                            ],
-                                                                                                            "tag": "svg",
-                                                                                                          },
-                                                                                                          "name": "delete",
-                                                                                                          "theme": "outlined",
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <svg
-                                                                                                        aria-hidden="true"
-                                                                                                        data-icon="delete"
-                                                                                                        fill="currentColor"
-                                                                                                        focusable="false"
-                                                                                                        height="1em"
-                                                                                                        key="svg-delete"
-                                                                                                        viewBox="64 64 896 896"
-                                                                                                        width="1em"
-                                                                                                      >
-                                                                                                        <path
-                                                                                                          d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                                          key="svg-delete-svg-0"
-                                                                                                        />
-                                                                                                      </svg>
-                                                                                                    </IconReact>
-                                                                                                  </span>
-                                                                                                </AntdIcon>
-                                                                                              </ForwardRef(DeleteOutlined)>
-                                                                                            </button>
-                                                                                          </Wave>
-                                                                                        </Button>
-                                                                                      </div>
-                                                                                    </div>
-                                                                                  </div>
-                                                                                </Item>
-                                                                              </div>
-                                                                            </Space>
-                                                                          </MediaSelector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Excerpt"
-                                                      name="excerpt"
-                                                      rules={
-                                                        Array [
-                                                          Object {
-                                                            "max": 5000,
-                                                            "message": "Excerpt must be a maximum of 5000 characters.",
-                                                          },
-                                                          Object {
-                                                            "message": "Add Excerpt",
-                                                          },
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Excerpt"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Excerpt",
-                                                          }
-                                                        }
-                                                        name="excerpt"
-                                                        onReset={[Function]}
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "max": 5000,
-                                                              "message": "Excerpt must be a maximum of 5000 characters.",
-                                                            },
-                                                            Object {
-                                                              "message": "Add Excerpt",
-                                                            },
-                                                          ]
-                                                        }
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_excerpt"
-                                                          label="Excerpt"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Excerpt",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "excerpt",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "max": 5000,
-                                                                "message": "Excerpt must be a maximum of 5000 characters.",
-                                                              },
-                                                              Object {
-                                                                "message": "Add Excerpt",
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="excerpt"
-                                                                label="Excerpt"
-                                                                name="excerpt"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                    Object {
-                                                                      "message": "Add Excerpt",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="excerpt"
-                                                                      title="Excerpt"
-                                                                    >
-                                                                      Excerpt
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Excerpt"
-                                                                name={
-                                                                  Array [
-                                                                    "excerpt",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                rules={
-                                                                  Array [
-                                                                    Object {
-                                                                      "max": 5000,
-                                                                      "message": "Excerpt must be a maximum of 5000 characters.",
-                                                                    },
-                                                                    Object {
-                                                                      "message": "Add Excerpt",
-                                                                    },
-                                                                  ]
-                                                                }
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="excerpt"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Excerpt"
-                                                                            rows={4}
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="excerpt"
-                                                                              inputType="text"
-                                                                              placeholder="Excerpt"
-                                                                              prefixCls="ant-input"
-                                                                              rows={4}
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="excerpt"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                placeholder="Excerpt"
-                                                                                prefixCls="ant-input"
-                                                                                rows={4}
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="excerpt"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Excerpt"
-                                                                                  prefixCls="ant-input"
-                                                                                  rows={4}
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="excerpt"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      placeholder="Excerpt"
-                                                                                      rows={4}
-                                                                                      style={
-                                                                                        Object {
-                                                                                          "fontSize": "medium",
-                                                                                        }
-                                                                                      }
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Subtitle"
-                                                      name="subtitle"
-                                                    >
-                                                      <WrapperField
-                                                        label="Subtitle"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Subtitle",
-                                                          }
-                                                        }
-                                                        name="subtitle"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_subtitle"
-                                                          label="Subtitle"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Subtitle",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "subtitle",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="subtitle"
-                                                                label="Subtitle"
-                                                                name="subtitle"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="subtitle"
-                                                                      title="Subtitle"
-                                                                    >
-                                                                      Subtitle
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Subtitle"
-                                                                name={
-                                                                  Array [
-                                                                    "subtitle",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="subtitle"
-                                                                            onChange={[Function]}
-                                                                            placeholder="Subtitle"
-                                                                            style={
-                                                                              Object {
-                                                                                "fontSize": "medium",
-                                                                              }
-                                                                            }
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="subtitle"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  placeholder="Subtitle"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "fontSize": "medium",
-                                                                                    }
-                                                                                  }
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="subtitle"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              placeholder="Subtitle"
-                                                                              prefixCls="ant-input"
-                                                                              style={
-                                                                                Object {
-                                                                                  "fontSize": "medium",
-                                                                                }
-                                                                              }
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="subtitle"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                placeholder="Subtitle"
-                                                                                style={
-                                                                                  Object {
-                                                                                    "fontSize": "medium",
-                                                                                  }
-                                                                                }
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <SlugInput>
-                                                      <FormItem
-                                                        label="Slug"
-                                                        name="slug"
-                                                        rules={
-                                                          Array [
-                                                            Object {
-                                                              "message": "Please input the slug!",
-                                                              "required": true,
-                                                            },
-                                                            Object {
-                                                              "message": "Please enter valid slug!",
-                                                              "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                            },
-                                                          ]
-                                                        }
-                                                      >
-                                                        <WrapperField
-                                                          label="Slug"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Slug",
-                                                            }
-                                                          }
-                                                          name="slug"
-                                                          onReset={[Function]}
-                                                          rules={
-                                                            Array [
-                                                              Object {
-                                                                "message": "Please input the slug!",
-                                                                "required": true,
-                                                              },
-                                                              Object {
-                                                                "message": "Please enter valid slug!",
-                                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                              },
-                                                            ]
-                                                          }
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                        >
-                                                          <Field
-                                                            fieldContext={
-                                                              Object {
-                                                                "__INTERNAL__": Object {
-                                                                  "itemRef": [Function],
-                                                                  "name": undefined,
-                                                                },
-                                                                "getFieldError": [Function],
-                                                                "getFieldInstance": [Function],
-                                                                "getFieldValue": [Function],
-                                                                "getFieldsError": [Function],
-                                                                "getFieldsValue": [Function],
-                                                                "getInternalHooks": [Function],
-                                                                "isFieldTouched": [Function],
-                                                                "isFieldValidating": [Function],
-                                                                "isFieldsTouched": [Function],
-                                                                "isFieldsValidating": [Function],
-                                                                "resetFields": [Function],
-                                                                "scrollToField": [Function],
-                                                                "setFields": [Function],
-                                                                "setFieldsValue": [Function],
-                                                                "submit": [Function],
-                                                                "validateFields": [Function],
-                                                                "validateTrigger": "onChange",
-                                                              }
-                                                            }
-                                                            key="_slug"
-                                                            label="Slug"
-                                                            messageVariables={
-                                                              Object {
-                                                                "label": "Slug",
-                                                              }
-                                                            }
-                                                            name={
-                                                              Array [
-                                                                "slug",
-                                                              ]
-                                                            }
-                                                            onReset={[Function]}
-                                                            rules={
-                                                              Array [
-                                                                Object {
-                                                                  "message": "Please input the slug!",
-                                                                  "required": true,
-                                                                },
-                                                                Object {
-                                                                  "message": "Please enter valid slug!",
-                                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                },
-                                                              ]
-                                                            }
-                                                            trigger="onChange"
-                                                            validateTrigger="onChange"
-                                                            valuePropName="value"
-                                                          >
-                                                            <Row
-                                                              className="ant-form-item"
-                                                              key="row"
-                                                            >
-                                                              <div
-                                                                className="ant-row ant-form-item"
-                                                                style={Object {}}
-                                                              >
-                                                                <FormItemLabel
-                                                                  htmlFor="slug"
-                                                                  label="Slug"
-                                                                  name="slug"
-                                                                  prefixCls="ant-form"
-                                                                  required={true}
-                                                                  requiredMark={true}
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-label"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-label"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <label
-                                                                        className="ant-form-item-required"
-                                                                        htmlFor="slug"
-                                                                        title="Slug"
-                                                                      >
-                                                                        Slug
-                                                                      </label>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemLabel>
-                                                                <FormItemInput
-                                                                  errors={Array []}
-                                                                  label="Slug"
-                                                                  name={
-                                                                    Array [
-                                                                      "slug",
-                                                                    ]
-                                                                  }
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                  prefixCls="ant-form"
-                                                                  rules={
-                                                                    Array [
-                                                                      Object {
-                                                                        "message": "Please input the slug!",
-                                                                        "required": true,
-                                                                      },
-                                                                      Object {
-                                                                        "message": "Please enter valid slug!",
-                                                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                                      },
-                                                                    ]
-                                                                  }
-                                                                  status=""
-                                                                  touched={false}
-                                                                  validateStatus=""
-                                                                  validating={false}
-                                                                >
-                                                                  <Col
-                                                                    className="ant-form-item-control"
-                                                                  >
-                                                                    <div
-                                                                      className="ant-col ant-form-item-control"
-                                                                      style={Object {}}
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input"
-                                                                      >
-                                                                        <div
-                                                                          className="ant-form-item-control-input-content"
-                                                                        >
-                                                                          <Component
-                                                                            update={1}
-                                                                          >
-                                                                            <Input
-                                                                              id="slug"
-                                                                              onChange={[Function]}
-                                                                              type="text"
-                                                                            >
-                                                                              <ClearableLabeledInput
-                                                                                bordered={true}
-                                                                                element={
-                                                                                  <input
-                                                                                    className="ant-input"
-                                                                                    id="slug"
-                                                                                    onBlur={[Function]}
-                                                                                    onChange={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    type="text"
-                                                                                  />
-                                                                                }
-                                                                                focused={false}
-                                                                                handleReset={[Function]}
-                                                                                id="slug"
-                                                                                inputType="input"
-                                                                                onChange={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                triggerFocus={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              >
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="slug"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                  value=""
-                                                                                />
-                                                                              </ClearableLabeledInput>
-                                                                            </Input>
-                                                                          </Component>
-                                                                        </div>
-                                                                      </div>
-                                                                      <ErrorList
-                                                                        errors={Array []}
-                                                                        onDomErrorVisibleChange={[Function]}
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionAppear={true}
-                                                                          motionDeadline={500}
-                                                                          motionName="ant-show-help"
-                                                                          onLeaveEnd={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </ErrorList>
-                                                                    </div>
-                                                                  </Col>
-                                                                </FormItemInput>
-                                                              </div>
-                                                            </Row>
-                                                          </Field>
-                                                        </WrapperField>
-                                                      </FormItem>
-                                                    </SlugInput>
-                                                    <FormItem
-                                                      label="Published Date"
-                                                      name="published_date"
-                                                    >
-                                                      <WrapperField
-                                                        label="Published Date"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Published Date",
-                                                          }
-                                                        }
-                                                        name="published_date"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_published_date"
-                                                          label="Published Date"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Published Date",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "published_date",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="published_date"
-                                                                label="Published Date"
-                                                                name="published_date"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="published_date"
-                                                                      title="Published Date"
-                                                                    >
-                                                                      Published Date
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Published Date"
-                                                                name={
-                                                                  Array [
-                                                                    "published_date",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Picker
-                                                                            id="published_date"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <LocaleReceiver
-                                                                              componentName="DatePicker"
-                                                                              defaultLocale={
-                                                                                Object {
-                                                                                  "lang": Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  },
-                                                                                  "timePickerLocale": Object {
-                                                                                    "placeholder": "Select time",
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start time",
-                                                                                      "End time",
-                                                                                    ],
-                                                                                  },
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <Picker
-                                                                                allowClear={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                components={
-                                                                                  Object {
-                                                                                    "button": [Function],
-                                                                                    "rangeItem": [Function],
-                                                                                  }
-                                                                                }
-                                                                                generateConfig={
-                                                                                  Object {
-                                                                                    "addDate": [Function],
-                                                                                    "addMonth": [Function],
-                                                                                    "addYear": [Function],
-                                                                                    "getDate": [Function],
-                                                                                    "getEndDate": [Function],
-                                                                                    "getFixedDate": [Function],
-                                                                                    "getHour": [Function],
-                                                                                    "getMinute": [Function],
-                                                                                    "getMonth": [Function],
-                                                                                    "getNow": [Function],
-                                                                                    "getSecond": [Function],
-                                                                                    "getWeekDay": [Function],
-                                                                                    "getYear": [Function],
-                                                                                    "isAfter": [Function],
-                                                                                    "isValidate": [Function],
-                                                                                    "locale": Object {
-                                                                                      "format": [Function],
-                                                                                      "getShortMonths": [Function],
-                                                                                      "getShortWeekDays": [Function],
-                                                                                      "getWeek": [Function],
-                                                                                      "getWeekFirstDate": [Function],
-                                                                                      "getWeekFirstDay": [Function],
-                                                                                      "parse": [Function],
-                                                                                    },
-                                                                                    "setDate": [Function],
-                                                                                    "setHour": [Function],
-                                                                                    "setMinute": [Function],
-                                                                                    "setMonth": [Function],
-                                                                                    "setSecond": [Function],
-                                                                                    "setYear": [Function],
-                                                                                  }
-                                                                                }
-                                                                                id="published_date"
-                                                                                locale={
-                                                                                  Object {
-                                                                                    "backToToday": "Back to today",
-                                                                                    "clear": "Clear",
-                                                                                    "dateFormat": "M/D/YYYY",
-                                                                                    "dateSelect": "select date",
-                                                                                    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                    "dayFormat": "D",
-                                                                                    "decadeSelect": "Choose a decade",
-                                                                                    "locale": "en_US",
-                                                                                    "month": "Month",
-                                                                                    "monthBeforeYear": true,
-                                                                                    "monthPlaceholder": "Select month",
-                                                                                    "monthSelect": "Choose a month",
-                                                                                    "nextCentury": "Next century",
-                                                                                    "nextDecade": "Next decade",
-                                                                                    "nextMonth": "Next month (PageDown)",
-                                                                                    "nextYear": "Next year (Control + right)",
-                                                                                    "now": "Now",
-                                                                                    "ok": "Ok",
-                                                                                    "placeholder": "Select date",
-                                                                                    "previousCentury": "Last century",
-                                                                                    "previousDecade": "Last decade",
-                                                                                    "previousMonth": "Previous month (PageUp)",
-                                                                                    "previousYear": "Last year (Control + left)",
-                                                                                    "quarterPlaceholder": "Select quarter",
-                                                                                    "rangeMonthPlaceholder": Array [
-                                                                                      "Start month",
-                                                                                      "End month",
-                                                                                    ],
-                                                                                    "rangePlaceholder": Array [
-                                                                                      "Start date",
-                                                                                      "End date",
-                                                                                    ],
-                                                                                    "rangeWeekPlaceholder": Array [
-                                                                                      "Start week",
-                                                                                      "End week",
-                                                                                    ],
-                                                                                    "rangeYearPlaceholder": Array [
-                                                                                      "Start year",
-                                                                                      "End year",
-                                                                                    ],
-                                                                                    "timeSelect": "select time",
-                                                                                    "today": "Today",
-                                                                                    "weekPlaceholder": "Select week",
-                                                                                    "weekSelect": "Choose a week",
-                                                                                    "year": "Year",
-                                                                                    "yearFormat": "YYYY",
-                                                                                    "yearPlaceholder": "Select year",
-                                                                                    "yearSelect": "Choose a year",
-                                                                                  }
-                                                                                }
-                                                                                nextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                placeholder="Select date"
-                                                                                prefixCls="ant-picker"
-                                                                                prevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                showToday={true}
-                                                                                suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                superNextIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-next-icon"
-                                                                                  />
-                                                                                }
-                                                                                superPrevIcon={
-                                                                                  <span
-                                                                                    className="ant-picker-super-prev-icon"
-                                                                                  />
-                                                                                }
-                                                                                transitionName="ant-slide-up"
-                                                                              >
-                                                                                <InnerPicker
-                                                                                  allowClear={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  components={
-                                                                                    Object {
-                                                                                      "button": [Function],
-                                                                                      "rangeItem": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  generateConfig={
-                                                                                    Object {
-                                                                                      "addDate": [Function],
-                                                                                      "addMonth": [Function],
-                                                                                      "addYear": [Function],
-                                                                                      "getDate": [Function],
-                                                                                      "getEndDate": [Function],
-                                                                                      "getFixedDate": [Function],
-                                                                                      "getHour": [Function],
-                                                                                      "getMinute": [Function],
-                                                                                      "getMonth": [Function],
-                                                                                      "getNow": [Function],
-                                                                                      "getSecond": [Function],
-                                                                                      "getWeekDay": [Function],
-                                                                                      "getYear": [Function],
-                                                                                      "isAfter": [Function],
-                                                                                      "isValidate": [Function],
-                                                                                      "locale": Object {
-                                                                                        "format": [Function],
-                                                                                        "getShortMonths": [Function],
-                                                                                        "getShortWeekDays": [Function],
-                                                                                        "getWeek": [Function],
-                                                                                        "getWeekFirstDate": [Function],
-                                                                                        "getWeekFirstDay": [Function],
-                                                                                        "parse": [Function],
-                                                                                      },
-                                                                                      "setDate": [Function],
-                                                                                      "setHour": [Function],
-                                                                                      "setMinute": [Function],
-                                                                                      "setMonth": [Function],
-                                                                                      "setSecond": [Function],
-                                                                                      "setYear": [Function],
-                                                                                    }
-                                                                                  }
-                                                                                  id="published_date"
-                                                                                  locale={
-                                                                                    Object {
-                                                                                      "backToToday": "Back to today",
-                                                                                      "clear": "Clear",
-                                                                                      "dateFormat": "M/D/YYYY",
-                                                                                      "dateSelect": "select date",
-                                                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                      "dayFormat": "D",
-                                                                                      "decadeSelect": "Choose a decade",
-                                                                                      "locale": "en_US",
-                                                                                      "month": "Month",
-                                                                                      "monthBeforeYear": true,
-                                                                                      "monthPlaceholder": "Select month",
-                                                                                      "monthSelect": "Choose a month",
-                                                                                      "nextCentury": "Next century",
-                                                                                      "nextDecade": "Next decade",
-                                                                                      "nextMonth": "Next month (PageDown)",
-                                                                                      "nextYear": "Next year (Control + right)",
-                                                                                      "now": "Now",
-                                                                                      "ok": "Ok",
-                                                                                      "placeholder": "Select date",
-                                                                                      "previousCentury": "Last century",
-                                                                                      "previousDecade": "Last decade",
-                                                                                      "previousMonth": "Previous month (PageUp)",
-                                                                                      "previousYear": "Last year (Control + left)",
-                                                                                      "quarterPlaceholder": "Select quarter",
-                                                                                      "rangeMonthPlaceholder": Array [
-                                                                                        "Start month",
-                                                                                        "End month",
-                                                                                      ],
-                                                                                      "rangePlaceholder": Array [
-                                                                                        "Start date",
-                                                                                        "End date",
-                                                                                      ],
-                                                                                      "rangeWeekPlaceholder": Array [
-                                                                                        "Start week",
-                                                                                        "End week",
-                                                                                      ],
-                                                                                      "rangeYearPlaceholder": Array [
-                                                                                        "Start year",
-                                                                                        "End year",
-                                                                                      ],
-                                                                                      "timeSelect": "select time",
-                                                                                      "today": "Today",
-                                                                                      "weekPlaceholder": "Select week",
-                                                                                      "weekSelect": "Choose a week",
-                                                                                      "year": "Year",
-                                                                                      "yearFormat": "YYYY",
-                                                                                      "yearPlaceholder": "Select year",
-                                                                                      "yearSelect": "Choose a year",
-                                                                                    }
-                                                                                  }
-                                                                                  nextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  pickerRef={
-                                                                                    Object {
-                                                                                      "current": Object {
-                                                                                        "blur": [Function],
-                                                                                        "focus": [Function],
-                                                                                      },
-                                                                                    }
-                                                                                  }
-                                                                                  placeholder="Select date"
-                                                                                  prefixCls="ant-picker"
-                                                                                  prevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  showToday={true}
-                                                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                  superNextIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-next-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  superPrevIcon={
-                                                                                    <span
-                                                                                      className="ant-picker-super-prev-icon"
-                                                                                    />
-                                                                                  }
-                                                                                  transitionName="ant-slide-up"
-                                                                                >
-                                                                                  <PickerTrigger
-                                                                                    popupElement={
-                                                                                      <div
-                                                                                        className="ant-picker-panel-container"
-                                                                                        onMouseDown={[Function]}
-                                                                                      >
-                                                                                        <PickerPanel
-                                                                                          allowClear={true}
-                                                                                          className="ant-picker-panel-focused"
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          components={
-                                                                                            Object {
-                                                                                              "button": [Function],
-                                                                                              "rangeItem": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          generateConfig={
-                                                                                            Object {
-                                                                                              "addDate": [Function],
-                                                                                              "addMonth": [Function],
-                                                                                              "addYear": [Function],
-                                                                                              "getDate": [Function],
-                                                                                              "getEndDate": [Function],
-                                                                                              "getFixedDate": [Function],
-                                                                                              "getHour": [Function],
-                                                                                              "getMinute": [Function],
-                                                                                              "getMonth": [Function],
-                                                                                              "getNow": [Function],
-                                                                                              "getSecond": [Function],
-                                                                                              "getWeekDay": [Function],
-                                                                                              "getYear": [Function],
-                                                                                              "isAfter": [Function],
-                                                                                              "isValidate": [Function],
-                                                                                              "locale": Object {
-                                                                                                "format": [Function],
-                                                                                                "getShortMonths": [Function],
-                                                                                                "getShortWeekDays": [Function],
-                                                                                                "getWeek": [Function],
-                                                                                                "getWeekFirstDate": [Function],
-                                                                                                "getWeekFirstDay": [Function],
-                                                                                                "parse": [Function],
-                                                                                              },
-                                                                                              "setDate": [Function],
-                                                                                              "setHour": [Function],
-                                                                                              "setMinute": [Function],
-                                                                                              "setMonth": [Function],
-                                                                                              "setSecond": [Function],
-                                                                                              "setYear": [Function],
-                                                                                            }
-                                                                                          }
-                                                                                          id="published_date"
-                                                                                          locale={
-                                                                                            Object {
-                                                                                              "backToToday": "Back to today",
-                                                                                              "clear": "Clear",
-                                                                                              "dateFormat": "M/D/YYYY",
-                                                                                              "dateSelect": "select date",
-                                                                                              "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                              "dayFormat": "D",
-                                                                                              "decadeSelect": "Choose a decade",
-                                                                                              "locale": "en_US",
-                                                                                              "month": "Month",
-                                                                                              "monthBeforeYear": true,
-                                                                                              "monthPlaceholder": "Select month",
-                                                                                              "monthSelect": "Choose a month",
-                                                                                              "nextCentury": "Next century",
-                                                                                              "nextDecade": "Next decade",
-                                                                                              "nextMonth": "Next month (PageDown)",
-                                                                                              "nextYear": "Next year (Control + right)",
-                                                                                              "now": "Now",
-                                                                                              "ok": "Ok",
-                                                                                              "placeholder": "Select date",
-                                                                                              "previousCentury": "Last century",
-                                                                                              "previousDecade": "Last decade",
-                                                                                              "previousMonth": "Previous month (PageUp)",
-                                                                                              "previousYear": "Last year (Control + left)",
-                                                                                              "quarterPlaceholder": "Select quarter",
-                                                                                              "rangeMonthPlaceholder": Array [
-                                                                                                "Start month",
-                                                                                                "End month",
-                                                                                              ],
-                                                                                              "rangePlaceholder": Array [
-                                                                                                "Start date",
-                                                                                                "End date",
-                                                                                              ],
-                                                                                              "rangeWeekPlaceholder": Array [
-                                                                                                "Start week",
-                                                                                                "End week",
-                                                                                              ],
-                                                                                              "rangeYearPlaceholder": Array [
-                                                                                                "Start year",
-                                                                                                "End year",
-                                                                                              ],
-                                                                                              "timeSelect": "select time",
-                                                                                              "today": "Today",
-                                                                                              "weekPlaceholder": "Select week",
-                                                                                              "weekSelect": "Choose a week",
-                                                                                              "year": "Year",
-                                                                                              "yearFormat": "YYYY",
-                                                                                              "yearPlaceholder": "Select year",
-                                                                                              "yearSelect": "Choose a year",
-                                                                                            }
-                                                                                          }
-                                                                                          nextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={null}
-                                                                                          onPanelChange={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          pickerRef={
-                                                                                            Object {
-                                                                                              "current": Object {
-                                                                                                "blur": [Function],
-                                                                                                "focus": [Function],
-                                                                                              },
-                                                                                            }
-                                                                                          }
-                                                                                          placeholder="Select date"
-                                                                                          prefixCls="ant-picker"
-                                                                                          prevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          showToday={true}
-                                                                                          suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                          superNextIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-next-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          superPrevIcon={
-                                                                                            <span
-                                                                                              className="ant-picker-super-prev-icon"
-                                                                                            />
-                                                                                          }
-                                                                                          tabIndex={-1}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={null}
-                                                                                        />
-                                                                                      </div>
-                                                                                    }
-                                                                                    popupPlacement="bottomLeft"
-                                                                                    prefixCls="ant-picker"
-                                                                                    transitionName="ant-slide-up"
-                                                                                    visible={false}
-                                                                                  >
-                                                                                    <Trigger
-                                                                                      action={Array []}
-                                                                                      afterPopupVisibleChange={[Function]}
-                                                                                      autoDestroy={false}
-                                                                                      blurDelay={0.15}
-                                                                                      builtinPlacements={
-                                                                                        Object {
-                                                                                          "bottomLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tl",
-                                                                                              "bl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "bottomRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 1,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "tr",
-                                                                                              "br",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topLeft": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "bl",
-                                                                                              "tl",
-                                                                                            ],
-                                                                                          },
-                                                                                          "topRight": Object {
-                                                                                            "offset": Array [
-                                                                                              0,
-                                                                                              -4,
-                                                                                            ],
-                                                                                            "overflow": Object {
-                                                                                              "adjustX": 0,
-                                                                                              "adjustY": 1,
-                                                                                            },
-                                                                                            "points": Array [
-                                                                                              "br",
-                                                                                              "tr",
-                                                                                            ],
-                                                                                          },
-                                                                                        }
-                                                                                      }
-                                                                                      defaultPopupVisible={false}
-                                                                                      destroyPopupOnHide={false}
-                                                                                      focusDelay={0}
-                                                                                      getDocument={[Function]}
-                                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                                      hideAction={Array []}
-                                                                                      mask={false}
-                                                                                      maskClosable={true}
-                                                                                      mouseEnterDelay={0}
-                                                                                      mouseLeaveDelay={0.1}
-                                                                                      onPopupAlign={[Function]}
-                                                                                      onPopupVisibleChange={[Function]}
-                                                                                      popup={
-                                                                                        <div
-                                                                                          className="ant-picker-panel-container"
-                                                                                          onMouseDown={[Function]}
-                                                                                        >
-                                                                                          <PickerPanel
-                                                                                            allowClear={true}
-                                                                                            className="ant-picker-panel-focused"
-                                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                            components={
-                                                                                              Object {
-                                                                                                "button": [Function],
-                                                                                                "rangeItem": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            generateConfig={
-                                                                                              Object {
-                                                                                                "addDate": [Function],
-                                                                                                "addMonth": [Function],
-                                                                                                "addYear": [Function],
-                                                                                                "getDate": [Function],
-                                                                                                "getEndDate": [Function],
-                                                                                                "getFixedDate": [Function],
-                                                                                                "getHour": [Function],
-                                                                                                "getMinute": [Function],
-                                                                                                "getMonth": [Function],
-                                                                                                "getNow": [Function],
-                                                                                                "getSecond": [Function],
-                                                                                                "getWeekDay": [Function],
-                                                                                                "getYear": [Function],
-                                                                                                "isAfter": [Function],
-                                                                                                "isValidate": [Function],
-                                                                                                "locale": Object {
-                                                                                                  "format": [Function],
-                                                                                                  "getShortMonths": [Function],
-                                                                                                  "getShortWeekDays": [Function],
-                                                                                                  "getWeek": [Function],
-                                                                                                  "getWeekFirstDate": [Function],
-                                                                                                  "getWeekFirstDay": [Function],
-                                                                                                  "parse": [Function],
-                                                                                                },
-                                                                                                "setDate": [Function],
-                                                                                                "setHour": [Function],
-                                                                                                "setMinute": [Function],
-                                                                                                "setMonth": [Function],
-                                                                                                "setSecond": [Function],
-                                                                                                "setYear": [Function],
-                                                                                              }
-                                                                                            }
-                                                                                            id="published_date"
-                                                                                            locale={
-                                                                                              Object {
-                                                                                                "backToToday": "Back to today",
-                                                                                                "clear": "Clear",
-                                                                                                "dateFormat": "M/D/YYYY",
-                                                                                                "dateSelect": "select date",
-                                                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                                                "dayFormat": "D",
-                                                                                                "decadeSelect": "Choose a decade",
-                                                                                                "locale": "en_US",
-                                                                                                "month": "Month",
-                                                                                                "monthBeforeYear": true,
-                                                                                                "monthPlaceholder": "Select month",
-                                                                                                "monthSelect": "Choose a month",
-                                                                                                "nextCentury": "Next century",
-                                                                                                "nextDecade": "Next decade",
-                                                                                                "nextMonth": "Next month (PageDown)",
-                                                                                                "nextYear": "Next year (Control + right)",
-                                                                                                "now": "Now",
-                                                                                                "ok": "Ok",
-                                                                                                "placeholder": "Select date",
-                                                                                                "previousCentury": "Last century",
-                                                                                                "previousDecade": "Last decade",
-                                                                                                "previousMonth": "Previous month (PageUp)",
-                                                                                                "previousYear": "Last year (Control + left)",
-                                                                                                "quarterPlaceholder": "Select quarter",
-                                                                                                "rangeMonthPlaceholder": Array [
-                                                                                                  "Start month",
-                                                                                                  "End month",
-                                                                                                ],
-                                                                                                "rangePlaceholder": Array [
-                                                                                                  "Start date",
-                                                                                                  "End date",
-                                                                                                ],
-                                                                                                "rangeWeekPlaceholder": Array [
-                                                                                                  "Start week",
-                                                                                                  "End week",
-                                                                                                ],
-                                                                                                "rangeYearPlaceholder": Array [
-                                                                                                  "Start year",
-                                                                                                  "End year",
-                                                                                                ],
-                                                                                                "timeSelect": "select time",
-                                                                                                "today": "Today",
-                                                                                                "weekPlaceholder": "Select week",
-                                                                                                "weekSelect": "Choose a week",
-                                                                                                "year": "Year",
-                                                                                                "yearFormat": "YYYY",
-                                                                                                "yearPlaceholder": "Select year",
-                                                                                                "yearSelect": "Choose a year",
-                                                                                              }
-                                                                                            }
-                                                                                            nextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            onChange={null}
-                                                                                            onPanelChange={[Function]}
-                                                                                            onSelect={[Function]}
-                                                                                            pickerRef={
-                                                                                              Object {
-                                                                                                "current": Object {
-                                                                                                  "blur": [Function],
-                                                                                                  "focus": [Function],
-                                                                                                },
-                                                                                              }
-                                                                                            }
-                                                                                            placeholder="Select date"
-                                                                                            prefixCls="ant-picker"
-                                                                                            prevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            showToday={true}
-                                                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                                                            superNextIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-next-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            superPrevIcon={
-                                                                                              <span
-                                                                                                className="ant-picker-super-prev-icon"
-                                                                                              />
-                                                                                            }
-                                                                                            tabIndex={-1}
-                                                                                            transitionName="ant-slide-up"
-                                                                                            value={null}
-                                                                                          />
-                                                                                        </div>
-                                                                                      }
-                                                                                      popupAlign={Object {}}
-                                                                                      popupClassName=""
-                                                                                      popupPlacement="bottomLeft"
-                                                                                      popupStyle={Object {}}
-                                                                                      popupTransitionName="ant-slide-up"
-                                                                                      popupVisible={false}
-                                                                                      prefixCls="ant-picker-dropdown"
-                                                                                      showAction={Array []}
-                                                                                    >
-                                                                                      <div
-                                                                                        className="ant-picker"
-                                                                                        key="trigger"
-                                                                                        onMouseUp={[Function]}
-                                                                                      >
-                                                                                        <div
-                                                                                          className="ant-picker-input"
-                                                                                        >
-                                                                                          <input
-                                                                                            autoComplete="off"
-                                                                                            id="published_date"
-                                                                                            onBlur={[Function]}
-                                                                                            onChange={[Function]}
-                                                                                            onFocus={[Function]}
-                                                                                            onKeyDown={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                            placeholder="Select date"
-                                                                                            readOnly={true}
-                                                                                            size={12}
-                                                                                            title=""
-                                                                                            value=""
-                                                                                          />
-                                                                                          <span
-                                                                                            className="ant-picker-suffix"
-                                                                                          >
-                                                                                            <ForwardRef(CalendarOutlined)>
-                                                                                              <AntdIcon
-                                                                                                icon={
-                                                                                                  Object {
-                                                                                                    "icon": Object {
-                                                                                                      "attrs": Object {
-                                                                                                        "focusable": "false",
-                                                                                                        "viewBox": "64 64 896 896",
-                                                                                                      },
-                                                                                                      "children": Array [
-                                                                                                        Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                          },
-                                                                                                          "tag": "path",
-                                                                                                        },
-                                                                                                      ],
-                                                                                                      "tag": "svg",
-                                                                                                    },
-                                                                                                    "name": "calendar",
-                                                                                                    "theme": "outlined",
-                                                                                                  }
-                                                                                                }
-                                                                                              >
-                                                                                                <span
-                                                                                                  aria-label="calendar"
-                                                                                                  className="anticon anticon-calendar"
-                                                                                                  role="img"
-                                                                                                >
-                                                                                                  <IconReact
-                                                                                                    icon={
-                                                                                                      Object {
-                                                                                                        "icon": Object {
-                                                                                                          "attrs": Object {
-                                                                                                            "focusable": "false",
-                                                                                                            "viewBox": "64 64 896 896",
-                                                                                                          },
-                                                                                                          "children": Array [
-                                                                                                            Object {
-                                                                                                              "attrs": Object {
-                                                                                                                "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                                              },
-                                                                                                              "tag": "path",
-                                                                                                            },
-                                                                                                          ],
-                                                                                                          "tag": "svg",
-                                                                                                        },
-                                                                                                        "name": "calendar",
-                                                                                                        "theme": "outlined",
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <svg
-                                                                                                      aria-hidden="true"
-                                                                                                      data-icon="calendar"
-                                                                                                      fill="currentColor"
-                                                                                                      focusable="false"
-                                                                                                      height="1em"
-                                                                                                      key="svg-calendar"
-                                                                                                      viewBox="64 64 896 896"
-                                                                                                      width="1em"
-                                                                                                    >
-                                                                                                      <path
-                                                                                                        d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                                                        key="svg-calendar-svg-0"
-                                                                                                      />
-                                                                                                    </svg>
-                                                                                                  </IconReact>
-                                                                                                </span>
-                                                                                              </AntdIcon>
-                                                                                            </ForwardRef(CalendarOutlined)>
-                                                                                          </span>
-                                                                                        </div>
-                                                                                      </div>
-                                                                                    </Trigger>
-                                                                                  </PickerTrigger>
-                                                                                </InnerPicker>
-                                                                              </Picker>
-                                                                            </LocaleReceiver>
-                                                                          </Picker>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Categories"
-                                                      name="categories"
-                                                    >
-                                                      <WrapperField
-                                                        label="Categories"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Categories",
-                                                          }
-                                                        }
-                                                        name="categories"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_categories"
-                                                          label="Categories"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Categories",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "categories",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="categories"
-                                                                label="Categories"
-                                                                name="categories"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="categories"
-                                                                      title="Categories"
-                                                                    >
-                                                                      Categories
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Categories"
-                                                                name={
-                                                                  Array [
-                                                                    "categories",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Selector
-                                                                            action="Categories"
-                                                                            createEntity="Category"
-                                                                            id="categories"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={Array []}
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No categories available. Type something to create new Category"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select categories"
-                                                                              searchValue=""
-                                                                              value={Array []}
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={Array []}
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No categories available. Type something to create new Category"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select categories"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={Array []}
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No categories available. Type something to create new Category"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select categories"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={Set {}}
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={Set {}}
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={Array []}
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                                <span
-                                                                                                  class="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select categories
-                                                                                                </span>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No categories available. Type something to create new Category"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select categories"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={Array []}
-                                                                                          values={Array []}
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={Array []}
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-placeholder"
-                                                                                                    >
-                                                                                                      Select categories
-                                                                                                    </span>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No categories available. Type something to create new Category"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select categories"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={Array []}
-                                                                                              values={Array []}
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={Array []}
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={0}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                              <span
-                                                                                                className="ant-select-selection-placeholder"
-                                                                                              >
-                                                                                                Select categories
-                                                                                              </span>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Tags"
-                                                      name="tags"
-                                                    >
-                                                      <WrapperField
-                                                        label="Tags"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Tags",
-                                                          }
-                                                        }
-                                                        name="tags"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_tags"
-                                                          label="Tags"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Tags",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "tags",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="tags"
-                                                                label="Tags"
-                                                                name="tags"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="tags"
-                                                                      title="Tags"
-                                                                    >
-                                                                      Tags
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Tags"
-                                                                name={
-                                                                  Array [
-                                                                    "tags",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Selector
-                                                                            action="Tags"
-                                                                            createEntity="Tag"
-                                                                            id="tags"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={Array []}
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={
-                                                                                <Empty
-                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                  image={<Simple />}
-                                                                                />
-                                                                              }
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select tags"
-                                                                              searchValue=""
-                                                                              value={Array []}
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={Array []}
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={
-                                                                                  <Empty
-                                                                                    description="No tags available. Type something to create new Tag"
-                                                                                    image={<Simple />}
-                                                                                  />
-                                                                                }
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select tags"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={Array []}
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={
-                                                                                    <Empty
-                                                                                      description="No tags available. Type something to create new Tag"
-                                                                                      image={<Simple />}
-                                                                                    />
-                                                                                  }
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select tags"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={Set {}}
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={Set {}}
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={Array []}
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                                <span
-                                                                                                  class="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select tags
-                                                                                                </span>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={
-                                                                                            <Empty
-                                                                                              description="No tags available. Type something to create new Tag"
-                                                                                              image={<Simple />}
-                                                                                            />
-                                                                                          }
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select tags"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={Array []}
-                                                                                          values={Array []}
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={Array []}
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-placeholder"
-                                                                                                    >
-                                                                                                      Select tags
-                                                                                                    </span>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={
-                                                                                                <Empty
-                                                                                                  description="No tags available. Type something to create new Tag"
-                                                                                                  image={<Simple />}
-                                                                                                />
-                                                                                              }
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select tags"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={Array []}
-                                                                                              values={Array []}
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={Array []}
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={0}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                              <span
-                                                                                                className="ant-select-selection-placeholder"
-                                                                                              >
-                                                                                                Select tags
-                                                                                              </span>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Authors"
-                                                      name="authors"
-                                                    >
-                                                      <WrapperField
-                                                        label="Authors"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Authors",
-                                                          }
-                                                        }
-                                                        name="authors"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_authors"
-                                                          label="Authors"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Authors",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "authors",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="authors"
-                                                                label="Authors"
-                                                                name="authors"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="authors"
-                                                                      title="Authors"
-                                                                    >
-                                                                      Authors
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Authors"
-                                                                name={
-                                                                  Array [
-                                                                    "authors",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Selector
-                                                                            action="Authors"
-                                                                            display="display_name"
-                                                                            id="authors"
-                                                                            mode="multiple"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ForwardRef(InternalSelect)
-                                                                              allowClear={true}
-                                                                              autoClearSearchValue={true}
-                                                                              bordered={true}
-                                                                              defaultValue={Array []}
-                                                                              filterOption={[Function]}
-                                                                              getPopupContainer={[Function]}
-                                                                              listHeight={128}
-                                                                              loading={false}
-                                                                              mode="multiple"
-                                                                              notFoundContent={null}
-                                                                              onChange={[Function]}
-                                                                              onPopupScroll={[Function]}
-                                                                              onSearch={[Function]}
-                                                                              placeholder="Select authors"
-                                                                              searchValue=""
-                                                                              value={Array []}
-                                                                            >
-                                                                              <Select
-                                                                                allowClear={true}
-                                                                                autoClearSearchValue={true}
-                                                                                className=""
-                                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                defaultValue={Array []}
-                                                                                dropdownClassName=""
-                                                                                filterOption={[Function]}
-                                                                                getPopupContainer={[Function]}
-                                                                                inputIcon={[Function]}
-                                                                                listHeight={128}
-                                                                                listItemHeight={24}
-                                                                                loading={false}
-                                                                                menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                mode="multiple"
-                                                                                notFoundContent={null}
-                                                                                onChange={[Function]}
-                                                                                onPopupScroll={[Function]}
-                                                                                onSearch={[Function]}
-                                                                                placeholder="Select authors"
-                                                                                prefixCls="ant-select"
-                                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                searchValue=""
-                                                                                transitionName="ant-slide-up"
-                                                                                value={Array []}
-                                                                              >
-                                                                                <ForwardRef(Select)
-                                                                                  allowClear={true}
-                                                                                  autoClearSearchValue={true}
-                                                                                  className=""
-                                                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                  defaultValue={Array []}
-                                                                                  dropdownClassName=""
-                                                                                  filterOption={[Function]}
-                                                                                  getPopupContainer={[Function]}
-                                                                                  inputIcon={[Function]}
-                                                                                  listHeight={128}
-                                                                                  listItemHeight={24}
-                                                                                  loading={false}
-                                                                                  menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                  mode="multiple"
-                                                                                  notFoundContent={null}
-                                                                                  onChange={[Function]}
-                                                                                  onPopupScroll={[Function]}
-                                                                                  onSearch={[Function]}
-                                                                                  placeholder="Select authors"
-                                                                                  prefixCls="ant-select"
-                                                                                  removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                  searchValue=""
-                                                                                  transitionName="ant-slide-up"
-                                                                                  value={Array []}
-                                                                                >
-                                                                                  <div
-                                                                                    className="ant-select ant-select-multiple ant-select-allow-clear ant-select-show-search"
-                                                                                    onBlur={[Function]}
-                                                                                    onFocus={[Function]}
-                                                                                    onKeyDown={[Function]}
-                                                                                    onKeyUp={[Function]}
-                                                                                    onMouseDown={[Function]}
-                                                                                  >
-                                                                                    <SelectTrigger
-                                                                                      containerWidth={null}
-                                                                                      dropdownClassName=""
-                                                                                      empty={true}
-                                                                                      getPopupContainer={[Function]}
-                                                                                      getTriggerDOMNode={[Function]}
-                                                                                      popupElement={
-                                                                                        <ForwardRef(OptionList)
-                                                                                          childrenAsData={true}
-                                                                                          defaultActiveFirstOption={true}
-                                                                                          flattenOptions={Array []}
-                                                                                          height={128}
-                                                                                          itemHeight={24}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onActiveValue={[Function]}
-                                                                                          onMouseEnter={[Function]}
-                                                                                          onScroll={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          options={Array []}
-                                                                                          prefixCls="ant-select"
-                                                                                          searchValue=""
-                                                                                          values={Set {}}
-                                                                                          virtual={true}
-                                                                                        />
-                                                                                      }
-                                                                                      prefixCls="ant-select"
-                                                                                      transitionName="ant-slide-up"
-                                                                                      visible={false}
-                                                                                    >
-                                                                                      <Trigger
-                                                                                        action={Array []}
-                                                                                        afterPopupVisibleChange={[Function]}
-                                                                                        autoDestroy={false}
-                                                                                        blurDelay={0.15}
-                                                                                        builtinPlacements={
-                                                                                          Object {
-                                                                                            "bottomLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tl",
-                                                                                                "bl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "bottomRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "tr",
-                                                                                                "br",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topLeft": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "bl",
-                                                                                                "tl",
-                                                                                              ],
-                                                                                            },
-                                                                                            "topRight": Object {
-                                                                                              "offset": Array [
-                                                                                                0,
-                                                                                                -4,
-                                                                                              ],
-                                                                                              "overflow": Object {
-                                                                                                "adjustX": 0,
-                                                                                                "adjustY": 1,
-                                                                                              },
-                                                                                              "points": Array [
-                                                                                                "br",
-                                                                                                "tr",
-                                                                                              ],
-                                                                                            },
-                                                                                          }
-                                                                                        }
-                                                                                        defaultPopupVisible={false}
-                                                                                        destroyPopupOnHide={false}
-                                                                                        focusDelay={0}
-                                                                                        getDocument={[Function]}
-                                                                                        getPopupClassNameFromAlign={[Function]}
-                                                                                        getPopupContainer={[Function]}
-                                                                                        getTriggerDOMNode={[Function]}
-                                                                                        hideAction={Array []}
-                                                                                        mask={false}
-                                                                                        maskClosable={true}
-                                                                                        mouseEnterDelay={0}
-                                                                                        mouseLeaveDelay={0.1}
-                                                                                        onPopupAlign={[Function]}
-                                                                                        onPopupVisibleChange={[Function]}
-                                                                                        popup={
-                                                                                          <div>
-                                                                                            <ForwardRef(OptionList)
-                                                                                              childrenAsData={true}
-                                                                                              defaultActiveFirstOption={true}
-                                                                                              flattenOptions={Array []}
-                                                                                              height={128}
-                                                                                              itemHeight={24}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onActiveValue={[Function]}
-                                                                                              onMouseEnter={[Function]}
-                                                                                              onScroll={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              options={Array []}
-                                                                                              prefixCls="ant-select"
-                                                                                              searchValue=""
-                                                                                              values={Set {}}
-                                                                                              virtual={true}
-                                                                                            />
-                                                                                          </div>
-                                                                                        }
-                                                                                        popupAlign={Object {}}
-                                                                                        popupClassName="ant-select-dropdown-empty"
-                                                                                        popupPlacement="bottomLeft"
-                                                                                        popupStyle={
-                                                                                          Object {
-                                                                                            "minWidth": null,
-                                                                                            "width": null,
-                                                                                          }
-                                                                                        }
-                                                                                        popupTransitionName="ant-slide-up"
-                                                                                        popupVisible={false}
-                                                                                        prefixCls="ant-select-dropdown"
-                                                                                        showAction={Array []}
-                                                                                      >
-                                                                                        <Selector
-                                                                                          accessibilityIndex={0}
-                                                                                          activeValue={null}
-                                                                                          allowClear={true}
-                                                                                          autoClearSearchValue={true}
-                                                                                          className=""
-                                                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                          defaultValue={Array []}
-                                                                                          domRef={
-                                                                                            Object {
-                                                                                              "current": <div
-                                                                                                class="ant-select-selector"
-                                                                                              >
-                                                                                                <div
-                                                                                                  class="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <div
-                                                                                                    class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                    style="opacity: 1;"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-search"
-                                                                                                      style="width: 0px;"
-                                                                                                    >
-                                                                                                      <input
-                                                                                                        aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                        aria-autocomplete="list"
-                                                                                                        aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                        aria-haspopup="listbox"
-                                                                                                        aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                        autocomplete="off"
-                                                                                                        class="ant-select-selection-search-input"
-                                                                                                        id="rc_select_TEST_OR_SSR"
-                                                                                                        readonly=""
-                                                                                                        role="combobox"
-                                                                                                        style="opacity: 0;"
-                                                                                                        type="search"
-                                                                                                        unselectable="on"
-                                                                                                        value=""
-                                                                                                      />
-                                                                                                      <span
-                                                                                                        aria-hidden="true"
-                                                                                                        class="ant-select-selection-search-mirror"
-                                                                                                      >
-                                                                                                        
-                                                                                                         
-                                                                                                      </span>
-                                                                                                    </div>
-                                                                                                  </div>
-                                                                                                </div>
-                                                                                                <span
-                                                                                                  class="ant-select-selection-placeholder"
-                                                                                                >
-                                                                                                  Select authors
-                                                                                                </span>
-                                                                                              </div>,
-                                                                                            }
-                                                                                          }
-                                                                                          dropdownClassName=""
-                                                                                          filterOption={[Function]}
-                                                                                          getPopupContainer={[Function]}
-                                                                                          inputElement={null}
-                                                                                          inputIcon={[Function]}
-                                                                                          key="trigger"
-                                                                                          listHeight={128}
-                                                                                          listItemHeight={24}
-                                                                                          loading={false}
-                                                                                          menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                          mode="multiple"
-                                                                                          multiple={true}
-                                                                                          notFoundContent={null}
-                                                                                          onChange={[Function]}
-                                                                                          onPopupScroll={[Function]}
-                                                                                          onSearch={[Function]}
-                                                                                          onSearchSubmit={[Function]}
-                                                                                          onSelect={[Function]}
-                                                                                          onToggleOpen={[Function]}
-                                                                                          placeholder="Select authors"
-                                                                                          prefixCls="ant-select"
-                                                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                          searchValue=""
-                                                                                          showSearch={true}
-                                                                                          tokenWithEnter={false}
-                                                                                          transitionName="ant-slide-up"
-                                                                                          value={Array []}
-                                                                                          values={Array []}
-                                                                                        >
-                                                                                          <div
-                                                                                            className="ant-select-selector"
-                                                                                            onClick={[Function]}
-                                                                                            onMouseDown={[Function]}
-                                                                                          >
-                                                                                            <SelectSelector
-                                                                                              accessibilityIndex={0}
-                                                                                              activeValue={null}
-                                                                                              allowClear={true}
-                                                                                              autoClearSearchValue={true}
-                                                                                              className=""
-                                                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                                              defaultValue={Array []}
-                                                                                              domRef={
-                                                                                                Object {
-                                                                                                  "current": <div
-                                                                                                    class="ant-select-selector"
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      class="ant-select-selection-overflow"
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                        style="opacity: 1;"
-                                                                                                      >
-                                                                                                        <div
-                                                                                                          class="ant-select-selection-search"
-                                                                                                          style="width: 0px;"
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                            autocomplete="off"
-                                                                                                            class="ant-select-selection-search-input"
-                                                                                                            id="rc_select_TEST_OR_SSR"
-                                                                                                            readonly=""
-                                                                                                            role="combobox"
-                                                                                                            style="opacity: 0;"
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                          <span
-                                                                                                            aria-hidden="true"
-                                                                                                            class="ant-select-selection-search-mirror"
-                                                                                                          >
-                                                                                                            
-                                                                                                             
-                                                                                                          </span>
-                                                                                                        </div>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                    <span
-                                                                                                      class="ant-select-selection-placeholder"
-                                                                                                    >
-                                                                                                      Select authors
-                                                                                                    </span>
-                                                                                                  </div>,
-                                                                                                }
-                                                                                              }
-                                                                                              dropdownClassName=""
-                                                                                              filterOption={[Function]}
-                                                                                              getPopupContainer={[Function]}
-                                                                                              inputElement={null}
-                                                                                              inputIcon={[Function]}
-                                                                                              inputRef={
-                                                                                                Object {
-                                                                                                  "current": <input
-                                                                                                    aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
-                                                                                                    aria-autocomplete="list"
-                                                                                                    aria-controls="rc_select_TEST_OR_SSR_list"
-                                                                                                    aria-haspopup="listbox"
-                                                                                                    aria-owns="rc_select_TEST_OR_SSR_list"
-                                                                                                    autocomplete="off"
-                                                                                                    class="ant-select-selection-search-input"
-                                                                                                    id="rc_select_TEST_OR_SSR"
-                                                                                                    readonly=""
-                                                                                                    role="combobox"
-                                                                                                    style="opacity: 0;"
-                                                                                                    type="search"
-                                                                                                    unselectable="on"
-                                                                                                    value=""
-                                                                                                  />,
-                                                                                                }
-                                                                                              }
-                                                                                              listHeight={128}
-                                                                                              listItemHeight={24}
-                                                                                              loading={false}
-                                                                                              menuItemSelectedIcon={<ForwardRef(CheckOutlined) />}
-                                                                                              mode="multiple"
-                                                                                              multiple={true}
-                                                                                              notFoundContent={null}
-                                                                                              onChange={[Function]}
-                                                                                              onInputChange={[Function]}
-                                                                                              onInputCompositionEnd={[Function]}
-                                                                                              onInputCompositionStart={[Function]}
-                                                                                              onInputKeyDown={[Function]}
-                                                                                              onInputMouseDown={[Function]}
-                                                                                              onInputPaste={[Function]}
-                                                                                              onPopupScroll={[Function]}
-                                                                                              onSearch={[Function]}
-                                                                                              onSearchSubmit={[Function]}
-                                                                                              onSelect={[Function]}
-                                                                                              onToggleOpen={[Function]}
-                                                                                              placeholder="Select authors"
-                                                                                              prefixCls="ant-select"
-                                                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                                              searchValue=""
-                                                                                              showSearch={true}
-                                                                                              tokenWithEnter={false}
-                                                                                              transitionName="ant-slide-up"
-                                                                                              value={Array []}
-                                                                                              values={Array []}
-                                                                                            >
-                                                                                              <Overflow
-                                                                                                data={Array []}
-                                                                                                itemKey="key"
-                                                                                                prefixCls="ant-select-selection-overflow"
-                                                                                                renderItem={[Function]}
-                                                                                                renderRest={[Function]}
-                                                                                                suffix={
-                                                                                                  <div
-                                                                                                    className="ant-select-selection-search"
-                                                                                                    onBlur={[Function]}
-                                                                                                    onFocus={[Function]}
-                                                                                                    style={
-                                                                                                      Object {
-                                                                                                        "width": 0,
-                                                                                                      }
-                                                                                                    }
-                                                                                                  >
-                                                                                                    <ForwardRef(Input)
-                                                                                                      accessibilityIndex={0}
-                                                                                                      attrs={Object {}}
-                                                                                                      editable={false}
-                                                                                                      inputElement={null}
-                                                                                                      onChange={[Function]}
-                                                                                                      onCompositionEnd={[Function]}
-                                                                                                      onCompositionStart={[Function]}
-                                                                                                      onKeyDown={[Function]}
-                                                                                                      onMouseDown={[Function]}
-                                                                                                      onPaste={[Function]}
-                                                                                                      prefixCls="ant-select"
-                                                                                                      value=""
-                                                                                                    />
-                                                                                                    <span
-                                                                                                      aria-hidden={true}
-                                                                                                      className="ant-select-selection-search-mirror"
-                                                                                                    >
-                                                                                                      
-                                                                                                       
-                                                                                                    </span>
-                                                                                                  </div>
-                                                                                                }
-                                                                                              >
-                                                                                                <div
-                                                                                                  className="ant-select-selection-overflow"
-                                                                                                >
-                                                                                                  <Item
-                                                                                                    className="ant-select-selection-overflow-item-suffix"
-                                                                                                    display={true}
-                                                                                                    invalidate={false}
-                                                                                                    order={0}
-                                                                                                    prefixCls="ant-select-selection-overflow-item"
-                                                                                                    registerSize={[Function]}
-                                                                                                    responsive={0}
-                                                                                                    style={Object {}}
-                                                                                                  >
-                                                                                                    <div
-                                                                                                      className="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
-                                                                                                      style={
-                                                                                                        Object {
-                                                                                                          "height": undefined,
-                                                                                                          "opacity": 1,
-                                                                                                          "order": undefined,
-                                                                                                          "overflowY": undefined,
-                                                                                                          "pointerEvents": undefined,
-                                                                                                          "position": undefined,
-                                                                                                        }
-                                                                                                      }
-                                                                                                    >
-                                                                                                      <div
-                                                                                                        className="ant-select-selection-search"
-                                                                                                        onBlur={[Function]}
-                                                                                                        onFocus={[Function]}
-                                                                                                        style={
-                                                                                                          Object {
-                                                                                                            "width": 0,
-                                                                                                          }
-                                                                                                        }
-                                                                                                      >
-                                                                                                        <Input
-                                                                                                          accessibilityIndex={0}
-                                                                                                          attrs={Object {}}
-                                                                                                          editable={false}
-                                                                                                          inputElement={null}
-                                                                                                          onChange={[Function]}
-                                                                                                          onCompositionEnd={[Function]}
-                                                                                                          onCompositionStart={[Function]}
-                                                                                                          onKeyDown={[Function]}
-                                                                                                          onMouseDown={[Function]}
-                                                                                                          onPaste={[Function]}
-                                                                                                          prefixCls="ant-select"
-                                                                                                          value=""
-                                                                                                        >
-                                                                                                          <input
-                                                                                                            aria-activedescendant="undefined_list_0"
-                                                                                                            aria-autocomplete="list"
-                                                                                                            aria-controls="undefined_list"
-                                                                                                            aria-haspopup="listbox"
-                                                                                                            aria-owns="undefined_list"
-                                                                                                            autoComplete="off"
-                                                                                                            className="ant-select-selection-search-input"
-                                                                                                            onChange={[Function]}
-                                                                                                            onCompositionEnd={[Function]}
-                                                                                                            onCompositionStart={[Function]}
-                                                                                                            onKeyDown={[Function]}
-                                                                                                            onMouseDown={[Function]}
-                                                                                                            onPaste={[Function]}
-                                                                                                            readOnly={true}
-                                                                                                            role="combobox"
-                                                                                                            style={
-                                                                                                              Object {
-                                                                                                                "opacity": 0,
-                                                                                                              }
-                                                                                                            }
-                                                                                                            type="search"
-                                                                                                            unselectable="on"
-                                                                                                            value=""
-                                                                                                          />
-                                                                                                        </Input>
-                                                                                                        <span
-                                                                                                          aria-hidden={true}
-                                                                                                          className="ant-select-selection-search-mirror"
-                                                                                                        >
-                                                                                                           
-                                                                                                        </span>
-                                                                                                      </div>
-                                                                                                    </div>
-                                                                                                  </Item>
-                                                                                                </div>
-                                                                                              </Overflow>
-                                                                                              <span
-                                                                                                className="ant-select-selection-placeholder"
-                                                                                              >
-                                                                                                Select authors
-                                                                                              </span>
-                                                                                            </SelectSelector>
-                                                                                          </div>
-                                                                                        </Selector>
-                                                                                      </Trigger>
-                                                                                    </SelectTrigger>
-                                                                                  </div>
-                                                                                </ForwardRef(Select)>
-                                                                              </Select>
-                                                                            </ForwardRef(InternalSelect)>
-                                                                          </Selector>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Data
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Code Injection
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            View Schemas
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem>
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={Object {}}
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "width": "100%",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Wave>
-                                                                        <button
-                                                                          className="ant-btn"
-                                                                          onClick={[Function]}
-                                                                          style={
-                                                                            Object {
-                                                                              "width": "100%",
-                                                                            }
-                                                                          }
-                                                                          type="button"
-                                                                        >
-                                                                          <LoadingIcon
-                                                                            existIcon={false}
-                                                                            loading={false}
-                                                                            prefixCls="ant-btn"
-                                                                          >
-                                                                            <CSSMotion
-                                                                              motionName="ant-btn-loading-icon-motion"
-                                                                              onAppearActive={[Function]}
-                                                                              onAppearStart={[Function]}
-                                                                              onEnterActive={[Function]}
-                                                                              onEnterStart={[Function]}
-                                                                              onLeaveActive={[Function]}
-                                                                              onLeaveStart={[Function]}
-                                                                              removeOnLeave={true}
-                                                                              visible={false}
-                                                                            >
-                                                                              <DomWrapper />
-                                                                            </CSSMotion>
-                                                                          </LoadingIcon>
-                                                                          <span
-                                                                            key=".0"
-                                                                          >
-                                                                            Add Meta Fields
-                                                                          </span>
-                                                                        </button>
-                                                                      </Wave>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <Modal
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Copy
-                                                          </ForwardRef(InternalButton)>,
-                                                          <a
-                                                            className="ant-btn ant-btn-secondary"
-                                                            href="https://search.google.com/test/rich-results"
-                                                            rel="noreferrer noopener"
-                                                            target="_blank"
-                                                          >
-                                                            Test in Google Rich Results Text
-                                                          </a>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      onOk={[Function]}
-                                                      title="View Schemas"
-                                                      visible={false}
-                                                      width={520}
-                                                    >
-                                                      <Dialog
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Copy
-                                                            </ForwardRef(InternalButton)>,
-                                                            <a
-                                                              className="ant-btn ant-btn-secondary"
-                                                              href="https://search.google.com/test/rich-results"
-                                                              rel="noreferrer noopener"
-                                                              target="_blank"
-                                                            >
-                                                              Test in Google Rich Results Text
-                                                            </a>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        onOk={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        title="View Schemas"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width={520}
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Post Meta data
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Post Meta data
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Post Meta data
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Title"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "title",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Title"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Title",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "title",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_title"
-                                                          label="Meta Title"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Title",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "title",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_title"
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_title"
-                                                                      title="Meta Title"
-                                                                    >
-                                                                      Meta Title
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Title"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "title",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_title"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_title"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_title"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_title"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Meta Description"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "description",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Meta Description"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Description",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "description",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_description"
-                                                          label="Meta Description"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Description",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "description",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_description"
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_description"
-                                                                      title="Meta Description"
-                                                                    >
-                                                                      Meta Description
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Meta Description"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "description",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <ForwardRef
-                                                                            id="meta_description"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <TextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                />
-                                                                              }
-                                                                              handleReset={[Function]}
-                                                                              id="meta_description"
-                                                                              inputType="text"
-                                                                              prefixCls="ant-input"
-                                                                              value=""
-                                                                            >
-                                                                              <TextArea
-                                                                                className=""
-                                                                                id="meta_description"
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                prefixCls="ant-input"
-                                                                                value=""
-                                                                              >
-                                                                                <ResizableTextArea
-                                                                                  className=""
-                                                                                  id="meta_description"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  prefixCls="ant-input"
-                                                                                  value=""
-                                                                                >
-                                                                                  <ResizeObserver
-                                                                                    disabled={true}
-                                                                                    onResize={[Function]}
-                                                                                  >
-                                                                                    <textarea
-                                                                                      className="ant-input"
-                                                                                      id="meta_description"
-                                                                                      onChange={[Function]}
-                                                                                      onCompositionEnd={[Function]}
-                                                                                      onCompositionStart={[Function]}
-                                                                                      onKeyDown={[Function]}
-                                                                                      style={Object {}}
-                                                                                      value=""
-                                                                                    />
-                                                                                  </ResizeObserver>
-                                                                                </ResizableTextArea>
-                                                                              </TextArea>
-                                                                            </ClearableLabeledInput>
-                                                                          </ForwardRef>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Canonical URL"
-                                                      name={
-                                                        Array [
-                                                          "meta",
-                                                          "canonical_URL",
-                                                        ]
-                                                      }
-                                                    >
-                                                      <WrapperField
-                                                        label="Canonical URL"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Canonical URL",
-                                                          }
-                                                        }
-                                                        name={
-                                                          Array [
-                                                            "meta",
-                                                            "canonical_URL",
-                                                          ]
-                                                        }
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_canonical_URL"
-                                                          label="Canonical URL"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Canonical URL",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta",
-                                                              "canonical_URL",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="meta_canonical_URL"
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_canonical_URL"
-                                                                      title="Canonical URL"
-                                                                    >
-                                                                      Canonical URL
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Canonical URL"
-                                                                name={
-                                                                  Array [
-                                                                    "meta",
-                                                                    "canonical_URL",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <Input
-                                                                            id="meta_canonical_URL"
-                                                                            onChange={[Function]}
-                                                                            type="text"
-                                                                          >
-                                                                            <ClearableLabeledInput
-                                                                              bordered={true}
-                                                                              element={
-                                                                                <input
-                                                                                  className="ant-input"
-                                                                                  id="meta_canonical_URL"
-                                                                                  onBlur={[Function]}
-                                                                                  onChange={[Function]}
-                                                                                  onFocus={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  type="text"
-                                                                                />
-                                                                              }
-                                                                              focused={false}
-                                                                              handleReset={[Function]}
-                                                                              id="meta_canonical_URL"
-                                                                              inputType="input"
-                                                                              onChange={[Function]}
-                                                                              prefixCls="ant-input"
-                                                                              triggerFocus={[Function]}
-                                                                              type="text"
-                                                                              value=""
-                                                                            >
-                                                                              <input
-                                                                                className="ant-input"
-                                                                                id="meta_canonical_URL"
-                                                                                onBlur={[Function]}
-                                                                                onChange={[Function]}
-                                                                                onFocus={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                type="text"
-                                                                                value=""
-                                                                              />
-                                                                            </ClearableLabeledInput>
-                                                                          </Input>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Code Injection
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={710}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Code Injection
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={710}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={710}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={710}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "710px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Code Injection
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Header Code"
-                                                      name="header_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Header Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Header Code",
-                                                          }
-                                                        }
-                                                        name="header_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_header_code"
-                                                          label="Header Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Header Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "header_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="header_code"
-                                                                label="Header Code"
-                                                                name="header_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="header_code"
-                                                                      title="Header Code"
-                                                                    >
-                                                                      Header Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Header Code"
-                                                                name={
-                                                                  Array [
-                                                                    "header_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="header_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      label="Footer Code"
-                                                      name="footer_code"
-                                                    >
-                                                      <WrapperField
-                                                        label="Footer Code"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Footer Code",
-                                                          }
-                                                        }
-                                                        name="footer_code"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_footer_code"
-                                                          label="Footer Code"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Footer Code",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "footer_code",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                htmlFor="footer_code"
-                                                                label="Footer Code"
-                                                                name="footer_code"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="footer_code"
-                                                                      title="Footer Code"
-                                                                    >
-                                                                      Footer Code
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                label="Footer Code"
-                                                                name={
-                                                                  Array [
-                                                                    "footer_code",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="footer_code"
-                                                                            language="html"
-                                                                            onChange={[Function]}
-                                                                            width={650}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="html"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={650}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                                <DrawerWrapper
-                                  bodyStyle={
-                                    Object {
-                                      "paddingBottom": 40,
-                                    }
-                                  }
-                                  closable={true}
-                                  getContainer={false}
-                                  headerStyle={
-                                    Object {
-                                      "fontWeight": "bold",
-                                    }
-                                  }
-                                  onClose={[Function]}
-                                  placement="right"
-                                  title={
-                                    <h4
-                                      style={
-                                        Object {
-                                          "fontWeight": "bold",
-                                        }
-                                      }
-                                    >
-                                      Meta Fields
-                                    </h4>
-                                  }
-                                  visible={false}
-                                  width={480}
-                                >
-                                  <Drawer
-                                    bodyStyle={
-                                      Object {
-                                        "paddingBottom": 40,
-                                      }
-                                    }
-                                    closable={true}
-                                    getContainer={false}
-                                    headerStyle={
-                                      Object {
-                                        "fontWeight": "bold",
-                                      }
-                                    }
-                                    onClose={[Function]}
-                                    placement="right"
-                                    prefixCls="ant-drawer"
-                                    title={
-                                      <h4
-                                        style={
-                                          Object {
-                                            "fontWeight": "bold",
-                                          }
-                                        }
-                                      >
-                                        Meta Fields
-                                      </h4>
-                                    }
-                                    visible={false}
-                                    width={480}
-                                  >
-                                    <DrawerWrapper
-                                      afterVisibleChange={[Function]}
-                                      className=""
-                                      defaultOpen={false}
-                                      duration=".3s"
-                                      ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                      forceRender={false}
-                                      getContainer={false}
-                                      handler={false}
-                                      keyboard={true}
-                                      level={null}
-                                      maskClosable={true}
-                                      maskStyle={Object {}}
-                                      onChange={[Function]}
-                                      onClose={[Function]}
-                                      open={false}
-                                      placement="right"
-                                      prefixCls="ant-drawer"
-                                      showMask={true}
-                                      style={
-                                        Object {
-                                          "transform": undefined,
-                                          "zIndex": undefined,
-                                        }
-                                      }
-                                      width={480}
-                                      wrapperClassName=""
-                                    >
-                                      <div
-                                        className=""
-                                      >
-                                        <DrawerChild
-                                          afterVisibleChange={[Function]}
-                                          className=""
-                                          duration=".3s"
-                                          ease="cubic-bezier(0.78, 0.14, 0.15, 0.86)"
-                                          getContainer={[Function]}
-                                          handler={false}
-                                          keyboard={true}
-                                          level={null}
-                                          maskClosable={true}
-                                          maskStyle={Object {}}
-                                          onChange={[Function]}
-                                          onClose={[Function]}
-                                          onHandleClick={[Function]}
-                                          open={false}
-                                          placement="right"
-                                          prefixCls="ant-drawer"
-                                          showMask={true}
-                                          style={
-                                            Object {
-                                              "transform": undefined,
-                                              "zIndex": undefined,
-                                            }
-                                          }
-                                          width={480}
-                                        >
-                                          <div
-                                            className="ant-drawer ant-drawer-right"
-                                            onTransitionEnd={[Function]}
-                                            style={
-                                              Object {
-                                                "transform": undefined,
-                                                "zIndex": undefined,
-                                              }
-                                            }
-                                            tabIndex={-1}
-                                          >
-                                            <div
-                                              className="ant-drawer-mask"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            />
-                                            <div
-                                              className="ant-drawer-content-wrapper"
-                                              style={
-                                                Object {
-                                                  "height": undefined,
-                                                  "msTransform": "translateX(100%)",
-                                                  "transform": "translateX(100%)",
-                                                  "width": "480px",
-                                                }
-                                              }
-                                            >
-                                              <div
-                                                className="ant-drawer-content"
-                                              >
-                                                <div
-                                                  className="ant-drawer-wrapper-body"
-                                                  onTransitionEnd={[Function]}
-                                                  style={Object {}}
-                                                >
-                                                  <div
-                                                    className="ant-drawer-header"
-                                                    style={
-                                                      Object {
-                                                        "fontWeight": "bold",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      className="ant-drawer-title"
-                                                    >
-                                                      <h4
-                                                        style={
-                                                          Object {
-                                                            "fontWeight": "bold",
-                                                          }
-                                                        }
-                                                      >
-                                                        Meta Fields
-                                                      </h4>
-                                                    </div>
-                                                    <button
-                                                      aria-label="Close"
-                                                      className="ant-drawer-close"
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "--scroll-bar": "0px",
-                                                        }
-                                                      }
-                                                      type="button"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)>
-                                                        <AntdIcon
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "close",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="close"
-                                                            className="anticon anticon-close"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "close",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="close"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-close"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
-                                                                  key="svg-close-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(CloseOutlined)>
-                                                    </button>
-                                                  </div>
-                                                  <div
-                                                    className="ant-drawer-body"
-                                                    style={
-                                                      Object {
-                                                        "paddingBottom": 40,
-                                                      }
-                                                    }
-                                                  >
-                                                    <FormItem
-                                                      style={
-                                                        Object {
-                                                          "marginLeft": "-20px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Row
-                                                        className="ant-form-item"
-                                                        key="row"
-                                                        style={
-                                                          Object {
-                                                            "marginLeft": "-20px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-row ant-form-item"
-                                                          style={
-                                                            Object {
-                                                              "marginLeft": "-20px",
-                                                            }
-                                                          }
-                                                        >
-                                                          <FormItemLabel
-                                                            prefixCls="ant-form"
-                                                            requiredMark={true}
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                          />
-                                                          <FormItemInput
-                                                            errors={Array []}
-                                                            onDomErrorVisibleChange={[Function]}
-                                                            prefixCls="ant-form"
-                                                            status=""
-                                                            style={
-                                                              Object {
-                                                                "marginLeft": "-20px",
-                                                              }
-                                                            }
-                                                            validateStatus=""
-                                                          >
-                                                            <Col
-                                                              className="ant-form-item-control"
-                                                            >
-                                                              <div
-                                                                className="ant-col ant-form-item-control"
-                                                                style={Object {}}
-                                                              >
-                                                                <div
-                                                                  className="ant-form-item-control-input"
-                                                                >
-                                                                  <div
-                                                                    className="ant-form-item-control-input-content"
-                                                                  >
-                                                                    <Button
-                                                                      onClick={[Function]}
-                                                                      type="text"
-                                                                    >
-                                                                      <button
-                                                                        className="ant-btn ant-btn-text"
-                                                                        onClick={[Function]}
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <ForwardRef(LeftOutlined)
-                                                                          key=".0"
-                                                                        >
-                                                                          <AntdIcon
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "left",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              aria-label="left"
-                                                                              className="anticon anticon-left"
-                                                                              role="img"
-                                                                            >
-                                                                              <IconReact
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "left",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <svg
-                                                                                  aria-hidden="true"
-                                                                                  data-icon="left"
-                                                                                  fill="currentColor"
-                                                                                  focusable="false"
-                                                                                  height="1em"
-                                                                                  key="svg-left"
-                                                                                  viewBox="64 64 896 896"
-                                                                                  width="1em"
-                                                                                >
-                                                                                  <path
-                                                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                                                    key="svg-left-svg-0"
-                                                                                  />
-                                                                                </svg>
-                                                                              </IconReact>
-                                                                            </span>
-                                                                          </AntdIcon>
-                                                                        </ForwardRef(LeftOutlined)>
-                                                                        <span
-                                                                          key=".1"
-                                                                        >
-                                                                          Back
-                                                                        </span>
-                                                                      </button>
-                                                                    </Button>
-                                                                  </div>
-                                                                </div>
-                                                                <ErrorList
-                                                                  errors={Array []}
-                                                                  onDomErrorVisibleChange={[Function]}
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionAppear={true}
-                                                                    motionDeadline={500}
-                                                                    motionName="ant-show-help"
-                                                                    onLeaveEnd={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </ErrorList>
-                                                              </div>
-                                                            </Col>
-                                                          </FormItemInput>
-                                                        </div>
-                                                      </Row>
-                                                    </FormItem>
-                                                    <FormItem
-                                                      extra="add JSON if you have to pass any extra data"
-                                                      label="Meta Fields"
-                                                      name="meta_fields"
-                                                    >
-                                                      <WrapperField
-                                                        extra="add JSON if you have to pass any extra data"
-                                                        label="Meta Fields"
-                                                        messageVariables={
-                                                          Object {
-                                                            "label": "Meta Fields",
-                                                          }
-                                                        }
-                                                        name="meta_fields"
-                                                        onReset={[Function]}
-                                                        trigger="onChange"
-                                                        validateTrigger="onChange"
-                                                      >
-                                                        <Field
-                                                          extra="add JSON if you have to pass any extra data"
-                                                          fieldContext={
-                                                            Object {
-                                                              "__INTERNAL__": Object {
-                                                                "itemRef": [Function],
-                                                                "name": undefined,
-                                                              },
-                                                              "getFieldError": [Function],
-                                                              "getFieldInstance": [Function],
-                                                              "getFieldValue": [Function],
-                                                              "getFieldsError": [Function],
-                                                              "getFieldsValue": [Function],
-                                                              "getInternalHooks": [Function],
-                                                              "isFieldTouched": [Function],
-                                                              "isFieldValidating": [Function],
-                                                              "isFieldsTouched": [Function],
-                                                              "isFieldsValidating": [Function],
-                                                              "resetFields": [Function],
-                                                              "scrollToField": [Function],
-                                                              "setFields": [Function],
-                                                              "setFieldsValue": [Function],
-                                                              "submit": [Function],
-                                                              "validateFields": [Function],
-                                                              "validateTrigger": "onChange",
-                                                            }
-                                                          }
-                                                          key="_meta_fields"
-                                                          label="Meta Fields"
-                                                          messageVariables={
-                                                            Object {
-                                                              "label": "Meta Fields",
-                                                            }
-                                                          }
-                                                          name={
-                                                            Array [
-                                                              "meta_fields",
-                                                            ]
-                                                          }
-                                                          onReset={[Function]}
-                                                          trigger="onChange"
-                                                          validateTrigger="onChange"
-                                                          valuePropName="value"
-                                                        >
-                                                          <Row
-                                                            className="ant-form-item"
-                                                            key="row"
-                                                          >
-                                                            <div
-                                                              className="ant-row ant-form-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <FormItemLabel
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                htmlFor="meta_fields"
-                                                                label="Meta Fields"
-                                                                name="meta_fields"
-                                                                prefixCls="ant-form"
-                                                                required={false}
-                                                                requiredMark={true}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-label"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-label"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <label
-                                                                      className=""
-                                                                      htmlFor="meta_fields"
-                                                                      title="Meta Fields"
-                                                                    >
-                                                                      Meta Fields
-                                                                    </label>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemLabel>
-                                                              <FormItemInput
-                                                                errors={Array []}
-                                                                extra="add JSON if you have to pass any extra data"
-                                                                label="Meta Fields"
-                                                                name={
-                                                                  Array [
-                                                                    "meta_fields",
-                                                                  ]
-                                                                }
-                                                                onDomErrorVisibleChange={[Function]}
-                                                                prefixCls="ant-form"
-                                                                status=""
-                                                                touched={false}
-                                                                validateStatus=""
-                                                                validating={false}
-                                                              >
-                                                                <Col
-                                                                  className="ant-form-item-control"
-                                                                >
-                                                                  <div
-                                                                    className="ant-col ant-form-item-control"
-                                                                    style={Object {}}
-                                                                  >
-                                                                    <div
-                                                                      className="ant-form-item-control-input"
-                                                                    >
-                                                                      <div
-                                                                        className="ant-form-item-control-input-content"
-                                                                      >
-                                                                        <Component
-                                                                          update={1}
-                                                                        >
-                                                                          <MONACOEditor
-                                                                            id="meta_fields"
-                                                                            language="json"
-                                                                            onChange={[Function]}
-                                                                          >
-                                                                            <MonacoEditor
-                                                                              height="240"
-                                                                              language="json"
-                                                                              onChange={[Function]}
-                                                                              options={
-                                                                                Object {
-                                                                                  "autoClosingBrackets": "auto",
-                                                                                  "autoClosingQuotes": "auto",
-                                                                                  "cursorBlinking": "smooth",
-                                                                                  "folding": true,
-                                                                                  "lineNumbersMinChars": 4,
-                                                                                  "minimap": Object {
-                                                                                    "enabled": false,
-                                                                                  },
-                                                                                  "scrollBeyondLastLine": false,
-                                                                                  "scrollbar": Object {
-                                                                                    "alwaysConsumeMouseWheel": false,
-                                                                                  },
-                                                                                  "theme": "vs-dark",
-                                                                                  "wordWrap": "on",
-                                                                                }
-                                                                              }
-                                                                              width={440}
-                                                                            >
-                                                                              <div />
-                                                                            </MonacoEditor>
-                                                                          </MONACOEditor>
-                                                                        </Component>
-                                                                      </div>
-                                                                    </div>
-                                                                    <ErrorList
-                                                                      errors={Array []}
-                                                                      onDomErrorVisibleChange={[Function]}
-                                                                    >
-                                                                      <CSSMotion
-                                                                        motionAppear={true}
-                                                                        motionDeadline={500}
-                                                                        motionName="ant-show-help"
-                                                                        onLeaveEnd={[Function]}
-                                                                        removeOnLeave={true}
-                                                                        visible={false}
-                                                                      >
-                                                                        <DomWrapper />
-                                                                      </CSSMotion>
-                                                                    </ErrorList>
-                                                                    <div
-                                                                      className="ant-form-item-extra"
-                                                                    >
-                                                                      add JSON if you have to pass any extra data
-                                                                    </div>
-                                                                  </div>
-                                                                </Col>
-                                                              </FormItemInput>
-                                                            </div>
-                                                          </Row>
-                                                        </Field>
-                                                      </WrapperField>
-                                                    </FormItem>
-                                                  </div>
-                                                </div>
-                                              </div>
-                                            </div>
-                                          </div>
-                                        </DrawerChild>
-                                      </div>
-                                    </DrawerWrapper>
-                                  </Drawer>
-                                </DrawerWrapper>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </div>
-                    </Item>
-                  </div>
-                </Space>
-              </form>
-            </ForwardRef(Form)>
-          </SizeContextProvider>
-        </ForwardRef(InternalForm)>
-      </PostForm>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/posts/createpost.tsx b/studio/src/pages/posts/createpost.tsx
new file mode 100644
index 000000000..a9a49151c
--- /dev/null
+++ b/studio/src/pages/posts/createpost.tsx
@@ -0,0 +1,107 @@
+import { useState, useEffect, useRef } from "react";
+import PostForm from "./components/PostForm";
+import { addPost } from "../../actions/posts";
+import FormatNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import Loader from "../../components/Loader";
+
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Format } from "./types";
+
+interface FormatState {
+  loading: boolean;
+  article: Format | null;
+}
+
+interface Space {
+  id: number;
+  name: string;
+  permissions: string[];
+}
+
+interface RootState {
+  spaces: Space[];
+}
+
+interface CreatePostProps {
+  formats: FormatState;
+}
+
+interface PostValues {
+  [key: string]: any;
+}
+
+function CreatePost({ formats }: CreatePostProps): React.ReactElement {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+  const [loadingTimeout, setLoadingTimeout] = useState(false);
+  const [cachedFormat, setCachedFormat] = useState<Format | null>(null);
+  const timeoutRef = useRef<number | null>(null);
+
+  useEffect(() => {
+    // Check localStorage for cached format
+    try {
+      const savedFormats = localStorage.getItem("cachedFormats");
+      if (savedFormats) {
+        const parsedFormats = JSON.parse(savedFormats);
+        if (parsedFormats.article) {
+          setCachedFormat(parsedFormats.article);
+        }
+      }
+    } catch (error) {
+      console.error("Error checking cached formats:", error);
+    }
+
+    // Set a timeout to prevent infinite loading
+    timeoutRef.current = window.setTimeout(() => {
+      setLoadingTimeout(true);
+    }, 5000); // 5 seconds timeout
+
+    return () => {
+      if (timeoutRef.current) {
+        window.clearTimeout(timeoutRef.current);
+      }
+    };
+  }, []);
+
+  const onCreate = (values: PostValues): void => {
+    // @ts-expect-error TODO: Fix this type error
+    dispatch(addPost(values)).then((post: { id: number } | undefined) => {
+      if (post && post.id) history(`/posts/${post.id}/edit`);
+    });
+  };
+
+  // Show loading state for a maximum of 5 seconds
+  if (formats.loading && !loadingTimeout && !cachedFormat) {
+    return (
+      <div className="flex flex-col h-full relative">
+        <Helmet title="Create Post" />
+        <div className="flex-1 flex items-center justify-center">
+          <Loader className="relative inset-auto" />
+        </div>
+      </div>
+    );
+  }
+
+  const formatToUse = formats.article || cachedFormat;
+
+  if (formatToUse) {
+    return (
+      <>
+        <Helmet title={"Create Post"} />
+        <PostForm onCreate={onCreate} format={formatToUse} />
+      </>
+    );
+  }
+
+  return (
+    <FormatNotFound
+      status="info"
+      title="Article format not found"
+      link="/formats"
+    />
+  );
+}
+
+export default CreatePost;
diff --git a/studio/src/pages/posts/hooks/usePagination.ts b/studio/src/pages/posts/hooks/usePagination.ts
new file mode 100644
index 000000000..2413b3785
--- /dev/null
+++ b/studio/src/pages/posts/hooks/usePagination.ts
@@ -0,0 +1,58 @@
+import { FilterParams } from "../types";
+
+export const usePagination = (
+  filters: FilterParams,
+  setFilters: (filters: FilterParams) => void,
+  total: number,
+  navigate: any,
+  pathname: string,
+  query: URLSearchParams
+) => {
+  const handlePageChange = (page: number) => {
+    const newFilters = { ...filters, page };
+    setFilters(newFilters);
+
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("page", page.toString());
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  const handlePageSizeChange = (size: number) => {
+    const newFilters = { ...filters, page: 1, limit: size };
+    setFilters(newFilters);
+
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("limit", size.toString());
+    newQuery.set("page", "1");
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  // Calculate total pages
+  const totalPages = Math.max(
+    1,
+    Math.ceil(total / Number(filters.limit || 10))
+  );
+
+  // Legacy pagination function (kept for compatibility with PostList)
+  function onPagination(page: number, limit: number) {
+    handlePageChange(page);
+    if (limit !== Number(filters.limit)) {
+      handlePageSizeChange(limit);
+    }
+  }
+
+  return {
+    handlePageChange,
+    handlePageSizeChange,
+    totalPages,
+    onPagination,
+  };
+};
diff --git a/studio/src/pages/posts/hooks/usePostData.ts b/studio/src/pages/posts/hooks/usePostData.ts
new file mode 100644
index 000000000..8502f6410
--- /dev/null
+++ b/studio/src/pages/posts/hooks/usePostData.ts
@@ -0,0 +1,45 @@
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import getUrlParams from "../../../utils/getUrlParams";
+import { RootState, FilterParams } from "../types";
+
+export const usePostData = (query: URLSearchParams) => {
+  return useSelector((state: RootState) => {
+    const params = getUrlParams(query, [
+      "page",
+      "limit",
+      "q",
+      "sort",
+      "tag",
+      "category",
+      "author",
+      "status",
+    ]) as FilterParams;
+
+    const node = state.posts.req.find((item) => {
+      return deepEqual(item.query, params);
+    });
+
+    if (node)
+      return {
+        posts: node.data.map((element) => {
+          const post = state.posts.details[element];
+          post.medium = state.media.details[post.featured_medium_id || 0];
+          return post;
+        }),
+        total: node.total,
+        loading: state.posts.loading,
+        tags: state.tags.details,
+        categories: state.categories.details,
+        authors: state.authors.details,
+      };
+    return {
+      posts: [],
+      total: 0,
+      loading: state.posts.loading,
+      tags: {},
+      categories: {},
+      authors: {},
+    };
+  });
+};
diff --git a/studio/src/pages/posts/hooks/usePostFilters.ts b/studio/src/pages/posts/hooks/usePostFilters.ts
new file mode 100644
index 000000000..0b5113fdf
--- /dev/null
+++ b/studio/src/pages/posts/hooks/usePostFilters.ts
@@ -0,0 +1,47 @@
+import { useState, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import Filters from "../../../utils/filters";
+import { FilterParams } from "../types";
+
+export const usePostFilters = (query: URLSearchParams) => {
+  const [searchText, setSearchText] = useState<string>(query.get("q") || "");
+  const [status, setStatus] = useState<string>(query.get("status") || "all");
+  const [filters, setFilters] = useState<FilterParams>({
+    page: Number(query.get("page")) || 1,
+    limit: Number(query.get("limit")) || 10,
+    q: query.get("q") || "",
+    status: query.get("status") || "all",
+    tag: query.getAll("tag") || [],
+    category: query.getAll("category") || [],
+    author: query.getAll("author") || [],
+    format: query.get("format") || "",
+    sortBy: query.get("sortBy") || "date",
+  });
+
+  // Create form
+  const form = useForm({
+    defaultValues: {
+      q: filters.q || "",
+      tag: filters.tag || [],
+      category: filters.category || [],
+      author: filters.author || [],
+    },
+  });
+
+  // Reset form when URL search params change
+  useEffect(() => {
+    if (form) {
+      form.reset(new Filters(filters));
+    }
+  }, [query.toString()]);
+
+  return {
+    filters,
+    setFilters,
+    searchText,
+    setSearchText,
+    status,
+    setStatus,
+    form,
+  };
+};
diff --git a/studio/src/pages/posts/index.js b/studio/src/pages/posts/index.js
deleted file mode 100644
index d3804aff6..000000000
--- a/studio/src/pages/posts/index.js
+++ /dev/null
@@ -1,360 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect } from 'react';
-import {
-  Space,
-  Button,
-  Form,
-  Col,
-  Row,
-  Input,
-  Select,
-  Tabs,
-  Typography,
-  Tooltip,
-  ConfigProvider,
-} from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import PostList from '../../components/List';
-import getUserPermission from '../../utils/getUserPermission';
-import { useSelector, useDispatch } from 'react-redux';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import deepEqual from 'deep-equal';
-import { getPosts } from '../../actions/posts';
-import Selector from '../../components/Selector';
-import Template from '../../components/Template';
-import getUrlParams from '../../utils/getUrlParams';
-import { UpOutlined, DownOutlined } from '@ant-design/icons';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-import Filters from '../../utils/filters';
-
-function Posts({ formats }) {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'posts', action: 'get', spaces });
-  const { search, pathname } = useLocation();
-  const query = new URLSearchParams(search);
-  const { Option } = Select;
-  const [form] = Form.useForm();
-  const dispatch = useDispatch();
-  const [expand, setExpand] = React.useState(false);
-  const [searchFieldExpand, setSearchFieldExpand] = React.useState(false);
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-  const [status, setStatus] = React.useState('all');
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const getFields = () => {
-    const children = [];
-    expand &&
-      children.push(
-        <Col span={isMobileScreen ? 24 : 8} key={5}>
-          <Form.Item name="tag" label="Tags">
-            <Selector mode="multiple" action="Tags" placeholder="Filter Tags" />
-          </Form.Item>
-        </Col>,
-        <Col span={isMobileScreen ? 24 : 8} key={6}>
-          <Form.Item name="category" label="Categories">
-            <Selector mode="multiple" action="Categories" placeholder="Filter Categories" />
-          </Form.Item>
-        </Col>,
-        <Col span={isMobileScreen ? 24 : 8} key={7}>
-          <Form.Item name="author" label="Authors">
-            <Selector
-              mode="multiple"
-              action="Authors"
-              placeholder="Filter Authors"
-              display="display_name"
-            />
-          </Form.Item>
-        </Col>,
-      );
-    return children;
-  };
-  const history = useNavigate();
-
-  const keys = ['format', 'page', 'limit', 'q', 'sort', 'tag', 'category', 'author', 'status'];
-  const params = getUrlParams(query, keys);
-
-  if (formats && !formats.loading && formats.article) {
-    params['format'] = [formats.article.id];
-  }
-
-  useEffect(() => {
-    if (form) {
-      form.setFieldsValue(new Filters(params));
-    }
-  }, [search, formats.loading]);
-
-  useEffect(() => {
-    fetchPosts();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [search, formats.loading]);
-
-  const fetchPosts = () => {
-    dispatch(getPosts(params));
-  };
-
-  const { posts, total, loading, tags, categories, authors } = useSelector((state) => {
-    const node = state.posts.req.find((item) => {
-      return deepEqual(item.query, params);
-    });
-
-    if (node)
-      return {
-        posts: node.data.map((element) => {
-          const post = state.posts.details[element];
-
-          post.medium = state.media.details[post.featured_medium_id];
-          return post;
-        }),
-        total: node.total,
-        loading: state.posts.loading,
-        tags: state.tags.details,
-        categories: state.categories.details,
-        authors: state.authors.details,
-      };
-    return {
-      posts: [],
-      total: 0,
-      loading: state.posts.loading,
-      tags: {},
-      categories: {},
-      authors: {},
-    };
-  });
-
-  const postStatusItems = [
-    {
-      key: 'all',
-      label: 'All',
-    },
-    {
-      key: 'publish',
-      label: 'Published',
-    },
-    {
-      key: 'future',
-      label: 'Future Publish',
-    },
-    {
-      key: 'ready',
-      label: 'Ready to Pubish',
-    },
-    {
-      key: 'draft',
-      label: 'Drafts',
-    },
-  ];
-
-  const onSave = (values) => {
-    let searchFilter = new URLSearchParams();
-    status !== 'all' && searchFilter.set('status', status);
-    Object.keys(values).forEach(function (key) {
-      if (values[key]) {
-        if (key === 'format' || key === 'tag' || key === 'author' || key === 'category') {
-          values[key].map((each) => {
-            return searchFilter.append(key, each);
-          });
-        } else {
-          if (values.status !== 'all') searchFilter.set(key, values[key]);
-        }
-      }
-    });
-    if (formats && !formats.loading && formats.article) {
-      searchFilter.set('format', formats.article.id);
-    }
-    history({
-      pathName: pathname,
-      search: '?' + searchFilter.toString(),
-    });
-  };
-
-  const onPagination = (page, limit) => {
-    query.set('limit', limit);
-    query.set('page', page);
-    history({
-      pathName: pathname,
-      search: '?' + query.toString(),
-    });
-  };
-
-  return formats.loading ? (
-    <Loader />
-  ) : !formats.loading && formats.article ? (
-    <Space direction="vertical">
-      <Helmet title={'Posts'} />
-      <Template format={formats.article} />
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 0,
-            },
-          },
-        }}
-      >
-        <Form
-          initialValues={params}
-          form={form}
-          name="filters"
-          onFinish={(values) => onSave(values)}
-          style={{ width: '100%' }}
-          className="ant-advanced-search-form"
-          onValuesChange={(changedValues, allValues) => {
-            if (!changedValues.q) {
-              onSave(allValues);
-            }
-          }}
-        >
-          <Row justify="space-between" gutter={16}>
-            <Col>
-              <Row gutter={16}>
-                <Col>
-                  <Typography.Title
-                    level={3}
-                    style={{ margin: 0, display: 'inline', color: '#1E1E1E' }}
-                  >
-                    Posts
-                  </Typography.Title>
-                </Col>
-                <Col>
-                  {searchFieldExpand ? (
-                    <Row>
-                      <Form.Item name="q">
-                        <Input placeholder="Search pages" />
-                      </Form.Item>
-                      <Form.Item>
-                        <Button htmlType="submit" icon={<SearchOutlined />}>
-                          Search
-                        </Button>
-                      </Form.Item>
-                    </Row>
-                  ) : (
-                    <Tooltip title="search">
-                      <Button
-                        shape="circle"
-                        // style={{ border: 'none' }}
-                        type="text"
-                        onFocus={() => {
-                          setSearchFieldExpand(true);
-                          setTimeout(() => {
-                            form.getFieldsValue().q === undefined && setSearchFieldExpand(false);
-                          }, 10000);
-                        }}
-                        icon={<SearchOutlined />}
-                      />
-                    </Tooltip>
-                  )}
-                </Col>
-              </Row>
-            </Col>
-            <Col span={isMobileScreen ? 24 : 8}>
-              <Row justify="end" gutter={16}>
-                <Col span={24}>
-                  <Row justify="end">
-                    <Link to="/posts/create">
-                      <Button
-                        disabled={!(actions.includes('admin') || actions.includes('create'))}
-                        type="primary"
-                        icon={<PlusOutlined />}
-                        style={{ marginBottom: 16 }}
-                      >
-                        Create
-                      </Button>
-                    </Link>
-                  </Row>
-                  <Row gutter={16} justify={isMobileScreen ? 'space-between' : 'end'}>
-                    <Col>
-                      <Form.Item label="Sort By" name="sort">
-                        <Select placeholder="Sort By" defaultValue="desc" style={{ width: '100%' }}>
-                          <Option value="desc" key={'desc'}>
-                            Latest
-                          </Option>
-                          <Option value="asc" key={'asc'}>
-                            Old
-                          </Option>
-                        </Select>
-                      </Form.Item>
-                    </Col>
-                    <Col>
-                      <Button
-                        type="secondary"
-                        style={{ background: '#F1F1F1' }}
-                        onClick={() => {
-                          setExpand(!expand);
-                        }}
-                      >
-                        {expand ? (
-                          <>
-                            Hide Filters <UpOutlined />
-                          </>
-                        ) : (
-                          <>
-                            More Filters <DownOutlined />
-                          </>
-                        )}
-                      </Button>
-                    </Col>
-                  </Row>
-                </Col>
-              </Row>
-            </Col>
-            <Col span={24}>
-              <Row justify="space-between" style={{ marginTop: 16 }} gutter={42}>
-                {getFields()}
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-      <Tabs
-        defaultActiveKey={query.get('status') || 'all'}
-        items={postStatusItems}
-        onChange={(key) => {
-          key === 'all' ? query.delete('status') : query.set('status', key);
-          setStatus(key);
-          history({
-            pathName: pathname,
-            search: '?' + query.toString(),
-          });
-        }}
-      />
-      <PostList
-        actions={actions}
-        format={formats.article}
-        data={{
-          posts: posts,
-          total: total,
-          loading: loading,
-          tags: tags,
-          categories: categories,
-          authors: authors,
-        }}
-        filters={params}
-        fetchPosts={fetchPosts}
-        onPagination={onPagination}
-        query={query.get('status')}
-      />
-    </Space>
-  ) : (
-    <FormatNotFound
-      status="info"
-      title="Article format not found"
-      link="/advanced/formats/create"
-    />
-  );
-}
-
-export default Posts;
diff --git a/studio/src/pages/posts/index.test.js b/studio/src/pages/posts/index.test.js
deleted file mode 100644
index 811f485d4..000000000
--- a/studio/src/pages/posts/index.test.js
+++ /dev/null
@@ -1,357 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Posts from './index';
-import FormatNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { shallow, mount } from 'enzyme';
-import { getPosts } from '../../actions/posts';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-}));
-
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-
-jest.mock('../../actions/posts', () => ({
-  getPosts: jest.fn(),
-  addPost: jest.fn(),
-}));
-const formats = {
-  article: { id: 1, name: 'article', slug: 'article' },
-  factcheck: { id: 2, name: 'factcheck', slug: 'fact-check' },
-  loading: false,
-};
-let state = {
-  posts: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  authors: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  tags: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  categories: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  media: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-  sidebar: {
-    collapsed: false,
-  },
-};
-describe('Posts List component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore(state);
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Posts permission={{ actions: ['create'] }} formats={formats} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      const state2 = { ...state };
-      state2.posts = {
-        req: [
-          {
-            data: [1],
-            query: {},
-            total: 1,
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            title: 'Post-1',
-            slug: 'post-1',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 1,
-          },
-        },
-        loading: false,
-      };
-      const store2 = mockStore(state2);
-      const tree = mount(
-        <Provider store={store2}>
-          <Router>
-            <Posts permission={{ actions: ['create'] }} formats={formats} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getPosts).toHaveBeenCalledWith({ format: [1], limit: 10, page: 1, sort: 'desc' });
-      expect(getPosts).toHaveBeenCalledWith({
-        page: 1,
-        format: [1],
-        status: 'template',
-      });
-    });
-    it('should display FormatNotFound if format not found', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Posts
-              permission={{ actions: ['create'] }}
-              formats={{
-                loading: false,
-              }}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree.find(FormatNotFound).length).toBe(1);
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle url search params', () => {
-      let wrapper;
-      window.history.pushState({}, '', '/posts?limit=20&page=1&sort=desc&category=1');
-      const state2 = { ...state };
-      state2.posts = {
-        req: [
-          {
-            data: [1],
-            query: {
-              page: 1,
-              limit: 20,
-              format: [1],
-              status: null,
-            },
-            total: 1,
-          },
-        ],
-        details: {
-          1: {
-            id: 1,
-            title: 'Post-1',
-            slug: 'post-1',
-            tag_line: 'tag_line',
-            medium_id: 1,
-            format_id: 1,
-            category_id: 1,
-          },
-        },
-        loading: false,
-      };
-      const store2 = mockStore(state2);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Router>
-              <Posts permission={{ actions: ['create'] }} formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(getPosts).toHaveBeenCalledWith({
-        page: 1,
-        format: [1],
-        status: 'template',
-      });
-      expect(getPosts).toHaveBeenCalledWith({
-        page: 1,
-        limit: 20,
-        sort: 'desc',
-        category: [1],
-        format: [1],
-      });
-    });
-    it('should submit filters', () => {
-      store = mockStore({
-        posts: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-                limit: 20,
-                q: 'desc',
-                category: [1],
-                format: [1],
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              title: 'Post-1',
-              slug: 'post-1',
-              tag_line: 'tag_line',
-              medium_id: 1,
-              format_id: 1,
-              categories: [1],
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        authors: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        tags: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        categories: {
-          req: [],
-          details: {
-            1: {
-              id: 1,
-              name: 'Category',
-            },
-          },
-          loading: false,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-        media: {
-          req: [],
-          details: {
-            id: 1,
-            name: 'uppy/english/2020/8/1600852886756_pnggrad16rgb.png',
-            slug: 'uppy-english-2020-8-1600852886756-pnggrad16rgb-png',
-            type: 'image/png',
-            title: 'png',
-            description: 'png',
-            caption: 'png',
-            alt_text: 'png',
-            file_size: 3974,
-            url: 'http://storage.googleapis.com/sample.png',
-          },
-          loading: false,
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Posts permission={{ actions: ['create'] }} formats={formats} />
-            </Router>
-          </Provider>,
-        );
-      });
-      act(() => {
-        const moreFilter = wrapper.find('Button').at(1);
-        expect(moreFilter.text()).toBe('More Filters ');
-        moreFilter.simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'Explainer' } });
-        wrapper
-          .find('FormItem')
-          .at(3)
-          .find('Select')
-          .props()
-          .onChange({ target: { value: 'asc' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Select')
-          .props()
-          .onChange({ target: { value: 'all' } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find('Selector')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [2] } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find('Selector')
-          .at(0)
-          .props()
-          .onChange({ target: { value: [] } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Search');
-        submitButtom.simulate('submit');
-      });
-      setTimeout(() => {
-        expect(getPosts).toHaveBeenCalledWith({
-          page: 1,
-          limit: 20,
-          sort: 'asc',
-          format: [1],
-          q: 'Explainer',
-          tag: [2],
-          category: [],
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/posts/index.tsx b/studio/src/pages/posts/index.tsx
new file mode 100644
index 000000000..aa5ccbfc0
--- /dev/null
+++ b/studio/src/pages/posts/index.tsx
@@ -0,0 +1,449 @@
+import { useEffect, useState, useRef } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { Helmet } from "react-helmet";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// UI Components
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { PlusCircle } from "lucide-react";
+
+// Local Components
+import PostList from "@/components/List";
+import FormatNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import Loader from "../../components/Loader";
+import Template from "../../components/Template";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+
+// Custom Components
+import SearchInput from "../../components/SearchInput";
+import SearchButton from "@/components/SearchButton";
+import FiltersPopover from "@/components/FiltersPopover";
+import StatusTabs from "@/components/StatusTabs";
+import PaginationFooter from "@/components/PaginationFooter";
+import SecuredButton from "@/components/SecuredButton";
+
+// Utils and actions
+import getUrlParams from "../../utils/getUrlParams";
+import { getPosts } from "../../actions/posts";
+import { usePagination } from "./hooks/usePagination";
+import { usePostFilters } from "./hooks/usePostFilters";
+import { usePostData } from "./hooks/usePostData";
+
+// Types
+import { Format, PostsProps, FilterParams } from "./types";
+
+function Posts({ formats }: PostsProps): React.ReactElement {
+  const dispatch = useAppDispatch();
+  const { search, pathname } = useLocation();
+  const navigate = useNavigate();
+  const query = new URLSearchParams(search);
+  const isMobile = useIsMobile();
+  const initialRenderRef = useRef(true);
+
+  // State
+  const [templatesOpen, setTemplatesOpen] = useState(false);
+  const [isSearchExpanded, setIsSearchExpanded] = useState(!!query.get("q"));
+  const [loadingTimeout, setLoadingTimeout] = useState(false);
+  const timeoutRef = useRef<number | null>(null);
+
+  // Cache state
+  const [cachedArticleFormat, setCachedArticleFormat] = useState<Format | null>(
+    null
+  );
+
+  // Check localStorage for cached format on initial render only
+  useEffect(() => {
+    if (initialRenderRef.current) {
+      try {
+        const savedFormats = localStorage.getItem("cachedFormats");
+        if (savedFormats) {
+          const parsedFormats = JSON.parse(savedFormats);
+          if (parsedFormats.article) {
+            setCachedArticleFormat(parsedFormats.article);
+          }
+        }
+      } catch (error) {
+        console.error("Error checking cached formats:", error);
+      }
+      initialRenderRef.current = false;
+    }
+  }, []);
+
+  // Custom hooks for post functionality
+  const {
+    filters,
+    setFilters,
+    searchText,
+    setSearchText,
+    status,
+    setStatus,
+    form,
+  } = usePostFilters(query);
+
+  const { posts, total, loading, tags, categories, authors } =
+    usePostData(query);
+
+  const { handlePageChange, handlePageSizeChange, totalPages, onPagination } =
+    usePagination(filters, setFilters, total, navigate, pathname, query);
+
+  const [sortBy, setSortBy] = useState<string>(query.get("sortBy") || "date");
+
+  // If we have search text, make sure search is expanded on mobile
+  useEffect(() => {
+    if (searchText && isMobile && !isSearchExpanded) {
+      setIsSearchExpanded(true);
+    }
+  }, [searchText, isMobile, isSearchExpanded]);
+
+  // Fetch posts when search changes
+  useEffect(() => {
+    fetchPosts();
+  }, [search]);
+
+  // Set a timeout to prevent infinite loading
+  useEffect(() => {
+    // Clear any existing timeout
+    if (timeoutRef.current) {
+      window.clearTimeout(timeoutRef.current);
+    }
+
+    // If formats are loading, set a timeout to continue rendering anyway
+    if (formats.loading) {
+      timeoutRef.current = window.setTimeout(() => {
+        setLoadingTimeout(true);
+      }, 5000); // 5 seconds timeout
+    } else {
+      setLoadingTimeout(false);
+    }
+
+    return () => {
+      if (timeoutRef.current) {
+        window.clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [formats.loading]);
+
+  const fetchPosts = () => {
+    const params = getUrlParams(query, [
+      "page",
+      "limit",
+      "q",
+      "sortBy",
+      "tag",
+      "category",
+      "author",
+      "status",
+    ]);
+
+    dispatch(getPosts(params));
+  };
+
+  // Handler functions
+  const handleSearchSubmit = () => {
+    const newQuery = new URLSearchParams(query.toString());
+
+    if (searchText.trim()) {
+      newQuery.set("q", searchText);
+    } else {
+      newQuery.delete("q");
+    }
+
+    // Reset page when searching
+    newQuery.set("page", "1");
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  const clearSearch = () => {
+    setSearchText("");
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.delete("q");
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+
+    // If on mobile, collapse the search input
+    if (isMobile) {
+      setIsSearchExpanded(false);
+    }
+  };
+
+  const toggleSearch = () => {
+    setIsSearchExpanded(!isSearchExpanded);
+  };
+
+  const handleStatusChange = (value: string) => {
+    const newQuery = new URLSearchParams(query.toString());
+
+    if (value === "all") {
+      newQuery.delete("status");
+    } else {
+      newQuery.set("status", value);
+    }
+
+    // Reset page when changing status
+    newQuery.set("page", "1");
+
+    setStatus(value);
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  // Handle sort by column change
+  const handleSortByChange = (column: string) => {
+    setSortBy(column);
+
+    const newQuery = new URLSearchParams(query.toString());
+    newQuery.set("sortBy", column);
+
+    navigate({
+      pathname,
+      search: "?" + newQuery.toString(),
+    });
+  };
+
+  const onSave = (values: FilterParams) => {
+    const searchFilter = new URLSearchParams();
+
+    // Preserve search text if present
+    if (searchText.trim()) {
+      searchFilter.set("q", searchText);
+    }
+
+    // Add status filter
+    if (status !== "all") searchFilter.set("status", status);
+
+    searchFilter.set("sortBy", sortBy);
+
+    Object.keys(values).forEach((key) => {
+      if (values[key]) {
+        if (
+          key === "format" ||
+          key === "tag" ||
+          key === "author" ||
+          key === "category"
+        ) {
+          (values[key] as string[]).forEach((each) => {
+            searchFilter.append(key, each);
+          });
+        } else {
+          if (values.status !== "all")
+            searchFilter.set(key, values[key] as string);
+        }
+      }
+    });
+
+    if (formats && !formats.loading && formats.article) {
+      searchFilter.set("format", formats.article.id.toString());
+    }
+
+    navigate({
+      pathname: pathname,
+      search: "?" + searchFilter.toString(),
+    });
+  };
+
+  // Handle navigation to create post page
+  const handleCreatePost = () => {
+    navigate("/posts/create");
+  };
+
+  // Determine if we have access to format data
+  const hasFormatData =
+    !formats.loading ||
+    formats.article ||
+    cachedArticleFormat ||
+    loadingTimeout;
+
+  // Loading state - show for a maximum of 5 seconds
+  if (formats.loading && !loadingTimeout && !cachedArticleFormat) {
+    return (
+      <div className="flex flex-col h-full relative">
+        <Helmet title="Posts" />
+        {isMobile && (
+          <MobileBreadcrumb currentPage="Posts" parentLabel="Core" />
+        )}
+        <div className="flex-1 flex items-center justify-center">
+          <Loader className="relative inset-auto" />
+        </div>
+      </div>
+    );
+  }
+
+  if (hasFormatData && !formats.article && !cachedArticleFormat) {
+    return (
+      <FormatNotFound
+        status="info"
+        title="Article format not found"
+        link="/settings/advanced/formats/create"
+      />
+    );
+  }
+
+  // Use either the current format or cached format
+  const formatToUse = formats.article || cachedArticleFormat;
+
+  // Create a fallback format if both are null to prevent type error
+  const safeFormat: Format = formatToUse || {
+    id: 0,
+    name: "Default Format",
+    slug: "default",
+  };
+
+  return (
+    <div className="flex flex-col h-full gap-6">
+      <Helmet title="Posts" />
+
+      {/* Templates Dialog */}
+      <Dialog open={templatesOpen} onOpenChange={setTemplatesOpen}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Templates</DialogTitle>
+          </DialogHeader>
+          {formatToUse && <Template format={formatToUse} />}
+        </DialogContent>
+      </Dialog>
+
+      {/* Header for Mobile */}
+      {isMobile ? (
+        <div className="space-y-4 flex justify-between items-center">
+          {/* Breadcrumb */}
+          <div className="flex flex-col">
+            <MobileBreadcrumb currentPage="Posts" parentLabel="Core" />
+            <h1 className="text-xl font-semibold">Posts</h1>
+          </div>
+          <div className="flex gap-2 items-center">
+            <div>
+              <SearchButton onClick={toggleSearch} />
+            </div>
+
+            <div className="flex items-center gap-2">
+              {/* Templates Button */}
+              <Button
+                variant="outline"
+                size="sm"
+                className="flex items-center bg-[#DCEFEB]"
+                onClick={() => setTemplatesOpen(true)}
+              >
+                <span>Templates</span>
+              </Button>
+
+              <SecuredButton
+                size="icon"
+                className="h-9 w-9"
+                onClick={handleCreatePost}
+              >
+                <PlusCircle className="h-4 w-4" />
+              </SecuredButton>
+            </div>
+          </div>
+        </div>
+      ) : (
+        /* Desktop Header */
+        <div className="flex justify-between items-center">
+          <div className="flex items-center gap-4 flex-1">
+            {/* Search Input - Always visible on desktop */}
+            <SearchInput
+              searchText={searchText}
+              setSearchText={setSearchText}
+              handleSearchSubmit={handleSearchSubmit}
+              clearSearch={clearSearch}
+            />
+          </div>
+          <div className="flex items-center gap-4 ">
+            {/* Templates Button */}
+            <Button
+              variant="outline"
+              className="flex items-center space-x-1 bg-[#DCEFEB]"
+              onClick={() => setTemplatesOpen(true)}
+            >
+              <span>Explore Templates</span>
+            </Button>
+
+            <SecuredButton
+              size="lg"
+              className="flex items-center gap-2 py-2"
+              onClick={handleCreatePost}
+            >
+              <PlusCircle className="h-4 w-4" />
+              <span>Create Post</span>
+            </SecuredButton>
+          </div>
+        </div>
+      )}
+      {/* Search input row - appears when expanded */}
+      {isSearchExpanded && isMobile && (
+        <div className="w-full">
+          <SearchInput
+            searchText={searchText}
+            setSearchText={setSearchText}
+            handleSearchSubmit={handleSearchSubmit}
+            clearSearch={clearSearch}
+            autoFocus={true}
+          />
+        </div>
+      )}
+      <div className="flex justify-between items-center">
+        <div className="flex-grow max-w-[70%]">
+          <StatusTabs
+            status={status}
+            handleStatusChange={handleStatusChange}
+            isMobile={isMobile}
+            form={form}
+            onSave={onSave}
+            children={null} // We moved the children outside the StatusTabs component
+          />
+        </div>
+        <div className="flex items-center">
+          {/* Keep only this instance of FiltersPopover, which will be shown in both mobile and desktop views */}
+          <FiltersPopover form={form} onSave={onSave} />
+        </div>
+      </div>
+      <PostList
+        format={safeFormat}
+        data={{
+          posts: posts as any,
+          total,
+          loading,
+          tags,
+          categories,
+          authors,
+        }}
+        filters={{
+          ...filters,
+          sortBy: sortBy,
+        }}
+        onPagination={onPagination}
+        fetchPosts={fetchPosts}
+        sortBy={sortBy}
+        onSortByChange={handleSortByChange}
+      />
+      {/* Footer with Pagination */}
+      <PaginationFooter
+        currentPage={Number(filters.page) || 1}
+        totalPages={totalPages}
+        totalItems={total}
+        pageSize={Number(filters.limit) || 10}
+        onPageChange={handlePageChange}
+        onPageSizeChange={handlePageSizeChange}
+      />
+    </div>
+  );
+}
+
+export default Posts;
diff --git a/studio/src/pages/posts/types.ts b/studio/src/pages/posts/types.ts
new file mode 100644
index 000000000..df50610ad
--- /dev/null
+++ b/studio/src/pages/posts/types.ts
@@ -0,0 +1,153 @@
+// types.ts
+export interface Format {
+  id: number;
+  name: string;
+  slug: string;
+  [key: string]: any;
+}
+
+export interface FormatState {
+  loading: boolean;
+  article?: Format;
+  [key: string]: any;
+}
+
+export interface Space {
+  [key: string]: any;
+}
+
+export interface Post {
+  updated_at?: string;
+  created_at?: string;
+  published_date: string | null;
+  tag_ids?: number[];
+  category_ids?: number[];
+  author_ids?: number[];
+  authors?: number[] | Array<{ id: number; display_name: string }>;
+  id: number;
+  title: string;
+  slug: string;
+  status: "publish" | "draft" | "ready" | "future";
+  categories?: number[];
+  tags?: number[];
+  claims?: number[];
+  related_urls: string[] | null;
+  [key: string]: any;
+}
+
+export interface Author {
+  id: number;
+  display_name: string;
+  [key: string]: any;
+}
+
+export interface Category {
+  id: number;
+  name: string;
+  [key: string]: any;
+}
+
+export interface Tag {
+  id: number;
+  name: string;
+  [key: string]: any;
+}
+
+export interface PostsState {
+  req: Array<{
+    query: {
+      [key: string]: any;
+    };
+    data: number[];
+    total: number;
+  }>;
+  details: {
+    [key: number]: Post;
+  };
+  loading: boolean;
+}
+
+export interface MediaState {
+  details: {
+    [key: number]: any;
+  };
+}
+
+export interface TagsState {
+  details: {
+    [key: number]: Tag;
+  };
+}
+
+export interface CategoriesState {
+  details: {
+    [key: number]: Category;
+  };
+}
+
+export interface AuthorsState {
+  details: {
+    [key: number]: Author;
+  };
+}
+
+export interface RootState {
+  spaces: Space[];
+  posts: PostsState;
+  media: MediaState;
+  tags: TagsState;
+  categories: CategoriesState;
+  authors: AuthorsState;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
+
+export interface FilterParams {
+  page?: number;
+  limit?: number;
+  q?: string;
+  sort?: string;
+  status?: string;
+  tag?: string[];
+  category?: string[];
+  author?: string[];
+  format?: string;
+  [key: string]: any;
+}
+
+export interface PostsProps {
+  formats: FormatState;
+}
+
+export interface SearchInputProps {
+  searchText: string;
+  setSearchText: (text: string) => void;
+  handleSearchSubmit: () => void;
+  clearSearch: () => void;
+  isCollapsable?: boolean;
+}
+
+export interface FiltersPopoverProps {
+  form: any;
+  onSave: (values: FilterParams) => void;
+}
+
+export interface PaginationFooterProps {
+  currentPage: number;
+  totalPages: number;
+  totalItems: number;
+  pageSize: number;
+  onPageChange: (page: number) => void;
+  onPageSizeChange: (size: number) => void;
+  selectedItems: number;
+}
+
+export interface PostData {
+  posts: Post[];
+  total: number;
+  loading: boolean;
+  tags: Record<number, Tag>;
+  categories: Record<number, Category>;
+  authors: Record<number, Author>;
+}
diff --git a/studio/src/pages/profile/__snapshots__/index.test.js.snap b/studio/src/pages/profile/__snapshots__/index.test.js.snap
deleted file mode 100644
index dd315151e..000000000
--- a/studio/src/pages/profile/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,8063 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Profiles index component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <Profile>
-    <div
-      className="content"
-    >
-      <HelmetWrapper
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Profile"
-      >
-        <SideEffect(NullComponent)
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Profile"
-        >
-          <NullComponent
-            defer={true}
-            encodeSpecialCharacters={true}
-            title="Profile"
-          />
-        </SideEffect(NullComponent)>
-      </HelmetWrapper>
-      <Card
-        title="Update Profile"
-      >
-        <div
-          className="ant-card ant-card-bordered"
-        >
-          <div
-            className="ant-card-head"
-            style={Object {}}
-          >
-            <div
-              className="ant-card-head-wrapper"
-            >
-              <div
-                className="ant-card-head-title"
-              >
-                Update Profile
-              </div>
-            </div>
-          </div>
-          <div
-            className="ant-card-body"
-            style={Object {}}
-          >
-            <ForwardRef(InternalForm)
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": "update_profile",
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "birth_date": null,
-                }
-              }
-              labelCol={
-                Object {
-                  "span": 7,
-                }
-              }
-              name="update_profile"
-              onFinish={[Function]}
-              onValuesChange={[Function]}
-              wrapperCol={
-                Object {
-                  "span": 16,
-                }
-              }
-            >
-              <SizeContextProvider>
-                <ForwardRef(Form)
-                  className="ant-form ant-form-horizontal"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "update_profile",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  id="update_profile"
-                  initialValues={
-                    Object {
-                      "birth_date": null,
-                    }
-                  }
-                  name="update_profile"
-                  onFinish={[Function]}
-                  onFinishFailed={[Function]}
-                  onValuesChange={[Function]}
-                >
-                  <form
-                    className="ant-form ant-form-horizontal"
-                    id="update_profile"
-                    onReset={[Function]}
-                    onSubmit={[Function]}
-                  >
-                    <div
-                      style={
-                        Object {
-                          "float": "right",
-                          "height": 600,
-                          "width": 600,
-                        }
-                      }
-                    >
-                      <FormItem
-                        name="featured_medium_id"
-                      >
-                        <WrapperField
-                          messageVariables={
-                            Object {
-                              "label": "featured_medium_id",
-                            }
-                          }
-                          name="featured_medium_id"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_featured_medium_id"
-                            messageVariables={
-                              Object {
-                                "label": "featured_medium_id",
-                              }
-                            }
-                            name={
-                              Array [
-                                "featured_medium_id",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_featured_medium_id"
-                                  name="featured_medium_id"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  name={
-                                    Array [
-                                      "featured_medium_id",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <MediaSelector
-                                              id="update_profile_featured_medium_id"
-                                              onChange={[Function]}
-                                              profile={true}
-                                            >
-                                              <Modal
-                                                closable={false}
-                                                confirmLoading={false}
-                                                footer={
-                                                  Array [
-                                                    <ForwardRef(InternalButton)
-                                                      onClick={[Function]}
-                                                    >
-                                                      Cancel
-                                                    </ForwardRef(InternalButton)>,
-                                                    <ForwardRef(InternalButton)
-                                                      onClick={[Function]}
-                                                      type="primary"
-                                                    >
-                                                      Ok
-                                                    </ForwardRef(InternalButton)>,
-                                                  ]
-                                                }
-                                                okType="primary"
-                                                onCancel={[Function]}
-                                                visible={false}
-                                                width="800px"
-                                              >
-                                                <Dialog
-                                                  closable={false}
-                                                  closeIcon={
-                                                    <span
-                                                      className="ant-modal-close-x"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)
-                                                        className="ant-modal-close-icon"
-                                                      />
-                                                    </span>
-                                                  }
-                                                  confirmLoading={false}
-                                                  focusTriggerAfterClose={true}
-                                                  footer={
-                                                    Array [
-                                                      <ForwardRef(InternalButton)
-                                                        onClick={[Function]}
-                                                      >
-                                                        Cancel
-                                                      </ForwardRef(InternalButton)>,
-                                                      <ForwardRef(InternalButton)
-                                                        onClick={[Function]}
-                                                        type="primary"
-                                                      >
-                                                        Ok
-                                                      </ForwardRef(InternalButton)>,
-                                                    ]
-                                                  }
-                                                  maskTransitionName="ant-fade"
-                                                  okType="primary"
-                                                  onCancel={[Function]}
-                                                  onClose={[Function]}
-                                                  prefixCls="ant-modal"
-                                                  transitionName="ant-zoom"
-                                                  visible={false}
-                                                  width="800px"
-                                                  wrapClassName=""
-                                                >
-                                                  <PortalWrapper
-                                                    visible={false}
-                                                  />
-                                                </Dialog>
-                                              </Modal>
-                                              <Space
-                                                direction="vertical"
-                                              >
-                                                <div
-                                                  className="ant-space ant-space-vertical"
-                                                  style={Object {}}
-                                                >
-                                                  <Item
-                                                    className="ant-space-item"
-                                                    direction="vertical"
-                                                    index={0}
-                                                    key="ant-space-item-0"
-                                                    marginDirection="marginRight"
-                                                    wrap={false}
-                                                  >
-                                                    <div
-                                                      className="ant-space-item"
-                                                      style={Object {}}
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "alignItems": "center",
-                                                            "display": "flex",
-                                                            "justifyContent": "center",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "position": "relative",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            onClick={[Function]}
-                                                            style={
-                                                              Object {
-                                                                "background": "transparent",
-                                                                "borderStyle": "dashed",
-                                                                "display": "block",
-                                                                "height": "auto",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn"
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "background": "transparent",
-                                                                    "borderStyle": "dashed",
-                                                                    "display": "block",
-                                                                    "height": "auto",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <LoadingIcon
-                                                                  existIcon={false}
-                                                                  loading={false}
-                                                                  prefixCls="ant-btn"
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionName="ant-btn-loading-icon-motion"
-                                                                    onAppearActive={[Function]}
-                                                                    onAppearStart={[Function]}
-                                                                    onEnterActive={[Function]}
-                                                                    onEnterStart={[Function]}
-                                                                    onLeaveActive={[Function]}
-                                                                    onLeaveStart={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </LoadingIcon>
-                                                                <PlaceholderImage
-                                                                  height="auto"
-                                                                  key=".0"
-                                                                  width="100%"
-                                                                >
-                                                                  <img
-                                                                    alt=""
-                                                                    height="auto"
-                                                                    src="placeholderImage.svg"
-                                                                    style={
-                                                                      Object {
-                                                                        "maxWidth": "240px",
-                                                                        "objectFit": "contain",
-                                                                        "padding": "1rem",
-                                                                      }
-                                                                    }
-                                                                    width="100%"
-                                                                  />
-                                                                </PlaceholderImage>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </div>
-                                                      </div>
-                                                    </div>
-                                                  </Item>
-                                                </div>
-                                              </Space>
-                                            </MediaSelector>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                    </div>
-                    <div
-                      style={
-                        Object {
-                          "float": "left",
-                          "width": 500,
-                        }
-                      }
-                    >
-                      <FormItem
-                        label="First Name"
-                        name="first_name"
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please input your first name!",
-                              "required": true,
-                            },
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="First Name"
-                          messageVariables={
-                            Object {
-                              "label": "First Name",
-                            }
-                          }
-                          name="first_name"
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input your first name!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_first_name"
-                            label="First Name"
-                            messageVariables={
-                              Object {
-                                "label": "First Name",
-                              }
-                            }
-                            name={
-                              Array [
-                                "first_name",
-                              ]
-                            }
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input your first name!",
-                                  "required": true,
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_first_name"
-                                  label="First Name"
-                                  name="first_name"
-                                  prefixCls="ant-form"
-                                  required={true}
-                                  requiredMark={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input your first name!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className="ant-form-item-required"
-                                        htmlFor="update_profile_first_name"
-                                        title="First Name"
-                                      >
-                                        First Name
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="First Name"
-                                  name={
-                                    Array [
-                                      "first_name",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input your first name!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <Input
-                                              id="update_profile_first_name"
-                                              onChange={[Function]}
-                                              placeholder="First Name"
-                                              type="text"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_first_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="First Name"
-                                                    type="text"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_first_name"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="First Name"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value=""
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_first_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="First Name"
-                                                  type="text"
-                                                  value=""
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Last Name"
-                        name="last_name"
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please input your last name!",
-                              "required": true,
-                            },
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Last Name"
-                          messageVariables={
-                            Object {
-                              "label": "Last Name",
-                            }
-                          }
-                          name="last_name"
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input your last name!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_last_name"
-                            label="Last Name"
-                            messageVariables={
-                              Object {
-                                "label": "Last Name",
-                              }
-                            }
-                            name={
-                              Array [
-                                "last_name",
-                              ]
-                            }
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input your last name!",
-                                  "required": true,
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_last_name"
-                                  label="Last Name"
-                                  name="last_name"
-                                  prefixCls="ant-form"
-                                  required={true}
-                                  requiredMark={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input your last name!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className="ant-form-item-required"
-                                        htmlFor="update_profile_last_name"
-                                        title="Last Name"
-                                      >
-                                        Last Name
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Last Name"
-                                  name={
-                                    Array [
-                                      "last_name",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input your last name!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <Input
-                                              id="update_profile_last_name"
-                                              onChange={[Function]}
-                                              placeholder="Last name"
-                                              type="text"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_last_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Last name"
-                                                    type="text"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_last_name"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Last name"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value=""
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_last_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Last name"
-                                                  type="text"
-                                                  value=""
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Display Name"
-                        name="display_name"
-                      >
-                        <WrapperField
-                          label="Display Name"
-                          messageVariables={
-                            Object {
-                              "label": "Display Name",
-                            }
-                          }
-                          name="display_name"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_display_name"
-                            label="Display Name"
-                            messageVariables={
-                              Object {
-                                "label": "Display Name",
-                              }
-                            }
-                            name={
-                              Array [
-                                "display_name",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_display_name"
-                                  label="Display Name"
-                                  name="display_name"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_display_name"
-                                        title="Display Name"
-                                      >
-                                        Display Name
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Display Name"
-                                  name={
-                                    Array [
-                                      "display_name",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <Input
-                                              id="update_profile_display_name"
-                                              onChange={[Function]}
-                                              placeholder="Display name"
-                                              type="text"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_display_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Display name"
-                                                    type="text"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_display_name"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Display name"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value=""
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_display_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Display name"
-                                                  type="text"
-                                                  value=""
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <SlugInput
-                        inputProps={
-                          Object {
-                            "placeholder": "slug",
-                          }
-                        }
-                      >
-                        <FormItem
-                          label="Slug"
-                          name="slug"
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the slug!",
-                                "required": true,
-                              },
-                              Object {
-                                "message": "Please enter valid slug!",
-                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                              },
-                            ]
-                          }
-                        >
-                          <WrapperField
-                            label="Slug"
-                            messageVariables={
-                              Object {
-                                "label": "Slug",
-                              }
-                            }
-                            name="slug"
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input the slug!",
-                                  "required": true,
-                                },
-                                Object {
-                                  "message": "Please enter valid slug!",
-                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                          >
-                            <Field
-                              fieldContext={
-                                Object {
-                                  "__INTERNAL__": Object {
-                                    "itemRef": [Function],
-                                    "name": "update_profile",
-                                  },
-                                  "getFieldError": [Function],
-                                  "getFieldInstance": [Function],
-                                  "getFieldValue": [Function],
-                                  "getFieldsError": [Function],
-                                  "getFieldsValue": [Function],
-                                  "getInternalHooks": [Function],
-                                  "isFieldTouched": [Function],
-                                  "isFieldValidating": [Function],
-                                  "isFieldsTouched": [Function],
-                                  "isFieldsValidating": [Function],
-                                  "resetFields": [Function],
-                                  "scrollToField": [Function],
-                                  "setFields": [Function],
-                                  "setFieldsValue": [Function],
-                                  "submit": [Function],
-                                  "validateFields": [Function],
-                                  "validateTrigger": "onChange",
-                                }
-                              }
-                              key="_slug"
-                              label="Slug"
-                              messageVariables={
-                                Object {
-                                  "label": "Slug",
-                                }
-                              }
-                              name={
-                                Array [
-                                  "slug",
-                                ]
-                              }
-                              onReset={[Function]}
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please input the slug!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "message": "Please enter valid slug!",
-                                    "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                  },
-                                ]
-                              }
-                              trigger="onChange"
-                              validateTrigger="onChange"
-                              valuePropName="value"
-                            >
-                              <Row
-                                className="ant-form-item"
-                                key="row"
-                              >
-                                <div
-                                  className="ant-row ant-form-item"
-                                  style={Object {}}
-                                >
-                                  <FormItemLabel
-                                    htmlFor="update_profile_slug"
-                                    label="Slug"
-                                    name="slug"
-                                    prefixCls="ant-form"
-                                    required={true}
-                                    requiredMark={true}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                      span={7}
-                                    >
-                                      <div
-                                        className="ant-col ant-col-7 ant-form-item-label"
-                                        style={Object {}}
-                                      >
-                                        <label
-                                          className="ant-form-item-required"
-                                          htmlFor="update_profile_slug"
-                                          title="Slug"
-                                        >
-                                          Slug
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    errors={Array []}
-                                    label="Slug"
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    status=""
-                                    touched={false}
-                                    validateStatus=""
-                                    validating={false}
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                      span={16}
-                                    >
-                                      <div
-                                        className="ant-col ant-col-16 ant-form-item-control"
-                                        style={Object {}}
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <Component
-                                              update={2}
-                                            >
-                                              <Input
-                                                id="update_profile_slug"
-                                                onChange={[Function]}
-                                                placeholder="slug"
-                                                type="text"
-                                              >
-                                                <ClearableLabeledInput
-                                                  bordered={true}
-                                                  element={
-                                                    <input
-                                                      className="ant-input"
-                                                      id="update_profile_slug"
-                                                      onBlur={[Function]}
-                                                      onChange={[Function]}
-                                                      onFocus={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      placeholder="slug"
-                                                      type="text"
-                                                    />
-                                                  }
-                                                  focused={false}
-                                                  handleReset={[Function]}
-                                                  id="update_profile_slug"
-                                                  inputType="input"
-                                                  onChange={[Function]}
-                                                  placeholder="slug"
-                                                  prefixCls="ant-input"
-                                                  triggerFocus={[Function]}
-                                                  type="text"
-                                                  value=""
-                                                >
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_slug"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="slug"
-                                                    type="text"
-                                                    value=""
-                                                  />
-                                                </ClearableLabeledInput>
-                                              </Input>
-                                            </Component>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </Field>
-                          </WrapperField>
-                        </FormItem>
-                      </SlugInput>
-                      <FormItem
-                        label="Birthdate"
-                        name="birth_date"
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please select time!",
-                              "required": true,
-                              "type": "object",
-                            },
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Birthdate"
-                          messageVariables={
-                            Object {
-                              "label": "Birthdate",
-                            }
-                          }
-                          name="birth_date"
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please select time!",
-                                "required": true,
-                                "type": "object",
-                              },
-                            ]
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_birth_date"
-                            label="Birthdate"
-                            messageVariables={
-                              Object {
-                                "label": "Birthdate",
-                              }
-                            }
-                            name={
-                              Array [
-                                "birth_date",
-                              ]
-                            }
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please select time!",
-                                  "required": true,
-                                  "type": "object",
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_birth_date"
-                                  label="Birthdate"
-                                  name="birth_date"
-                                  prefixCls="ant-form"
-                                  required={true}
-                                  requiredMark={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please select time!",
-                                        "required": true,
-                                        "type": "object",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className="ant-form-item-required"
-                                        htmlFor="update_profile_birth_date"
-                                        title="Birthdate"
-                                      >
-                                        Birthdate
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Birthdate"
-                                  name={
-                                    Array [
-                                      "birth_date",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please select time!",
-                                        "required": true,
-                                        "type": "object",
-                                      },
-                                    ]
-                                  }
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value={null}
-                                          >
-                                            <Picker
-                                              id="update_profile_birth_date"
-                                              onChange={[Function]}
-                                              value={null}
-                                            >
-                                              <LocaleReceiver
-                                                componentName="DatePicker"
-                                                defaultLocale={
-                                                  Object {
-                                                    "lang": Object {
-                                                      "backToToday": "Back to today",
-                                                      "clear": "Clear",
-                                                      "dateFormat": "M/D/YYYY",
-                                                      "dateSelect": "select date",
-                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                      "dayFormat": "D",
-                                                      "decadeSelect": "Choose a decade",
-                                                      "locale": "en_US",
-                                                      "month": "Month",
-                                                      "monthBeforeYear": true,
-                                                      "monthPlaceholder": "Select month",
-                                                      "monthSelect": "Choose a month",
-                                                      "nextCentury": "Next century",
-                                                      "nextDecade": "Next decade",
-                                                      "nextMonth": "Next month (PageDown)",
-                                                      "nextYear": "Next year (Control + right)",
-                                                      "now": "Now",
-                                                      "ok": "Ok",
-                                                      "placeholder": "Select date",
-                                                      "previousCentury": "Last century",
-                                                      "previousDecade": "Last decade",
-                                                      "previousMonth": "Previous month (PageUp)",
-                                                      "previousYear": "Last year (Control + left)",
-                                                      "quarterPlaceholder": "Select quarter",
-                                                      "rangeMonthPlaceholder": Array [
-                                                        "Start month",
-                                                        "End month",
-                                                      ],
-                                                      "rangePlaceholder": Array [
-                                                        "Start date",
-                                                        "End date",
-                                                      ],
-                                                      "rangeWeekPlaceholder": Array [
-                                                        "Start week",
-                                                        "End week",
-                                                      ],
-                                                      "rangeYearPlaceholder": Array [
-                                                        "Start year",
-                                                        "End year",
-                                                      ],
-                                                      "timeSelect": "select time",
-                                                      "today": "Today",
-                                                      "weekPlaceholder": "Select week",
-                                                      "weekSelect": "Choose a week",
-                                                      "year": "Year",
-                                                      "yearFormat": "YYYY",
-                                                      "yearPlaceholder": "Select year",
-                                                      "yearSelect": "Choose a year",
-                                                    },
-                                                    "timePickerLocale": Object {
-                                                      "placeholder": "Select time",
-                                                      "rangePlaceholder": Array [
-                                                        "Start time",
-                                                        "End time",
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                              >
-                                                <Picker
-                                                  allowClear={true}
-                                                  className=""
-                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                  components={
-                                                    Object {
-                                                      "button": [Function],
-                                                      "rangeItem": [Function],
-                                                    }
-                                                  }
-                                                  generateConfig={
-                                                    Object {
-                                                      "addDate": [Function],
-                                                      "addMonth": [Function],
-                                                      "addYear": [Function],
-                                                      "getDate": [Function],
-                                                      "getEndDate": [Function],
-                                                      "getFixedDate": [Function],
-                                                      "getHour": [Function],
-                                                      "getMinute": [Function],
-                                                      "getMonth": [Function],
-                                                      "getNow": [Function],
-                                                      "getSecond": [Function],
-                                                      "getWeekDay": [Function],
-                                                      "getYear": [Function],
-                                                      "isAfter": [Function],
-                                                      "isValidate": [Function],
-                                                      "locale": Object {
-                                                        "format": [Function],
-                                                        "getShortMonths": [Function],
-                                                        "getShortWeekDays": [Function],
-                                                        "getWeek": [Function],
-                                                        "getWeekFirstDate": [Function],
-                                                        "getWeekFirstDay": [Function],
-                                                        "parse": [Function],
-                                                      },
-                                                      "setDate": [Function],
-                                                      "setHour": [Function],
-                                                      "setMinute": [Function],
-                                                      "setMonth": [Function],
-                                                      "setSecond": [Function],
-                                                      "setYear": [Function],
-                                                    }
-                                                  }
-                                                  id="update_profile_birth_date"
-                                                  locale={
-                                                    Object {
-                                                      "backToToday": "Back to today",
-                                                      "clear": "Clear",
-                                                      "dateFormat": "M/D/YYYY",
-                                                      "dateSelect": "select date",
-                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                      "dayFormat": "D",
-                                                      "decadeSelect": "Choose a decade",
-                                                      "locale": "en_US",
-                                                      "month": "Month",
-                                                      "monthBeforeYear": true,
-                                                      "monthPlaceholder": "Select month",
-                                                      "monthSelect": "Choose a month",
-                                                      "nextCentury": "Next century",
-                                                      "nextDecade": "Next decade",
-                                                      "nextMonth": "Next month (PageDown)",
-                                                      "nextYear": "Next year (Control + right)",
-                                                      "now": "Now",
-                                                      "ok": "Ok",
-                                                      "placeholder": "Select date",
-                                                      "previousCentury": "Last century",
-                                                      "previousDecade": "Last decade",
-                                                      "previousMonth": "Previous month (PageUp)",
-                                                      "previousYear": "Last year (Control + left)",
-                                                      "quarterPlaceholder": "Select quarter",
-                                                      "rangeMonthPlaceholder": Array [
-                                                        "Start month",
-                                                        "End month",
-                                                      ],
-                                                      "rangePlaceholder": Array [
-                                                        "Start date",
-                                                        "End date",
-                                                      ],
-                                                      "rangeWeekPlaceholder": Array [
-                                                        "Start week",
-                                                        "End week",
-                                                      ],
-                                                      "rangeYearPlaceholder": Array [
-                                                        "Start year",
-                                                        "End year",
-                                                      ],
-                                                      "timeSelect": "select time",
-                                                      "today": "Today",
-                                                      "weekPlaceholder": "Select week",
-                                                      "weekSelect": "Choose a week",
-                                                      "year": "Year",
-                                                      "yearFormat": "YYYY",
-                                                      "yearPlaceholder": "Select year",
-                                                      "yearSelect": "Choose a year",
-                                                    }
-                                                  }
-                                                  nextIcon={
-                                                    <span
-                                                      className="ant-picker-next-icon"
-                                                    />
-                                                  }
-                                                  onChange={[Function]}
-                                                  placeholder="Select date"
-                                                  prefixCls="ant-picker"
-                                                  prevIcon={
-                                                    <span
-                                                      className="ant-picker-prev-icon"
-                                                    />
-                                                  }
-                                                  showToday={true}
-                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                  superNextIcon={
-                                                    <span
-                                                      className="ant-picker-super-next-icon"
-                                                    />
-                                                  }
-                                                  superPrevIcon={
-                                                    <span
-                                                      className="ant-picker-super-prev-icon"
-                                                    />
-                                                  }
-                                                  transitionName="ant-slide-up"
-                                                  value={null}
-                                                >
-                                                  <InnerPicker
-                                                    allowClear={true}
-                                                    className=""
-                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                    components={
-                                                      Object {
-                                                        "button": [Function],
-                                                        "rangeItem": [Function],
-                                                      }
-                                                    }
-                                                    generateConfig={
-                                                      Object {
-                                                        "addDate": [Function],
-                                                        "addMonth": [Function],
-                                                        "addYear": [Function],
-                                                        "getDate": [Function],
-                                                        "getEndDate": [Function],
-                                                        "getFixedDate": [Function],
-                                                        "getHour": [Function],
-                                                        "getMinute": [Function],
-                                                        "getMonth": [Function],
-                                                        "getNow": [Function],
-                                                        "getSecond": [Function],
-                                                        "getWeekDay": [Function],
-                                                        "getYear": [Function],
-                                                        "isAfter": [Function],
-                                                        "isValidate": [Function],
-                                                        "locale": Object {
-                                                          "format": [Function],
-                                                          "getShortMonths": [Function],
-                                                          "getShortWeekDays": [Function],
-                                                          "getWeek": [Function],
-                                                          "getWeekFirstDate": [Function],
-                                                          "getWeekFirstDay": [Function],
-                                                          "parse": [Function],
-                                                        },
-                                                        "setDate": [Function],
-                                                        "setHour": [Function],
-                                                        "setMinute": [Function],
-                                                        "setMonth": [Function],
-                                                        "setSecond": [Function],
-                                                        "setYear": [Function],
-                                                      }
-                                                    }
-                                                    id="update_profile_birth_date"
-                                                    locale={
-                                                      Object {
-                                                        "backToToday": "Back to today",
-                                                        "clear": "Clear",
-                                                        "dateFormat": "M/D/YYYY",
-                                                        "dateSelect": "select date",
-                                                        "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                        "dayFormat": "D",
-                                                        "decadeSelect": "Choose a decade",
-                                                        "locale": "en_US",
-                                                        "month": "Month",
-                                                        "monthBeforeYear": true,
-                                                        "monthPlaceholder": "Select month",
-                                                        "monthSelect": "Choose a month",
-                                                        "nextCentury": "Next century",
-                                                        "nextDecade": "Next decade",
-                                                        "nextMonth": "Next month (PageDown)",
-                                                        "nextYear": "Next year (Control + right)",
-                                                        "now": "Now",
-                                                        "ok": "Ok",
-                                                        "placeholder": "Select date",
-                                                        "previousCentury": "Last century",
-                                                        "previousDecade": "Last decade",
-                                                        "previousMonth": "Previous month (PageUp)",
-                                                        "previousYear": "Last year (Control + left)",
-                                                        "quarterPlaceholder": "Select quarter",
-                                                        "rangeMonthPlaceholder": Array [
-                                                          "Start month",
-                                                          "End month",
-                                                        ],
-                                                        "rangePlaceholder": Array [
-                                                          "Start date",
-                                                          "End date",
-                                                        ],
-                                                        "rangeWeekPlaceholder": Array [
-                                                          "Start week",
-                                                          "End week",
-                                                        ],
-                                                        "rangeYearPlaceholder": Array [
-                                                          "Start year",
-                                                          "End year",
-                                                        ],
-                                                        "timeSelect": "select time",
-                                                        "today": "Today",
-                                                        "weekPlaceholder": "Select week",
-                                                        "weekSelect": "Choose a week",
-                                                        "year": "Year",
-                                                        "yearFormat": "YYYY",
-                                                        "yearPlaceholder": "Select year",
-                                                        "yearSelect": "Choose a year",
-                                                      }
-                                                    }
-                                                    nextIcon={
-                                                      <span
-                                                        className="ant-picker-next-icon"
-                                                      />
-                                                    }
-                                                    onChange={[Function]}
-                                                    pickerRef={
-                                                      Object {
-                                                        "current": Object {
-                                                          "blur": [Function],
-                                                          "focus": [Function],
-                                                        },
-                                                      }
-                                                    }
-                                                    placeholder="Select date"
-                                                    prefixCls="ant-picker"
-                                                    prevIcon={
-                                                      <span
-                                                        className="ant-picker-prev-icon"
-                                                      />
-                                                    }
-                                                    showToday={true}
-                                                    suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                    superNextIcon={
-                                                      <span
-                                                        className="ant-picker-super-next-icon"
-                                                      />
-                                                    }
-                                                    superPrevIcon={
-                                                      <span
-                                                        className="ant-picker-super-prev-icon"
-                                                      />
-                                                    }
-                                                    transitionName="ant-slide-up"
-                                                    value={null}
-                                                  >
-                                                    <PickerTrigger
-                                                      popupElement={
-                                                        <div
-                                                          className="ant-picker-panel-container"
-                                                          onMouseDown={[Function]}
-                                                        >
-                                                          <PickerPanel
-                                                            allowClear={true}
-                                                            className="ant-picker-panel-focused"
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            components={
-                                                              Object {
-                                                                "button": [Function],
-                                                                "rangeItem": [Function],
-                                                              }
-                                                            }
-                                                            generateConfig={
-                                                              Object {
-                                                                "addDate": [Function],
-                                                                "addMonth": [Function],
-                                                                "addYear": [Function],
-                                                                "getDate": [Function],
-                                                                "getEndDate": [Function],
-                                                                "getFixedDate": [Function],
-                                                                "getHour": [Function],
-                                                                "getMinute": [Function],
-                                                                "getMonth": [Function],
-                                                                "getNow": [Function],
-                                                                "getSecond": [Function],
-                                                                "getWeekDay": [Function],
-                                                                "getYear": [Function],
-                                                                "isAfter": [Function],
-                                                                "isValidate": [Function],
-                                                                "locale": Object {
-                                                                  "format": [Function],
-                                                                  "getShortMonths": [Function],
-                                                                  "getShortWeekDays": [Function],
-                                                                  "getWeek": [Function],
-                                                                  "getWeekFirstDate": [Function],
-                                                                  "getWeekFirstDay": [Function],
-                                                                  "parse": [Function],
-                                                                },
-                                                                "setDate": [Function],
-                                                                "setHour": [Function],
-                                                                "setMinute": [Function],
-                                                                "setMonth": [Function],
-                                                                "setSecond": [Function],
-                                                                "setYear": [Function],
-                                                              }
-                                                            }
-                                                            id="update_profile_birth_date"
-                                                            locale={
-                                                              Object {
-                                                                "backToToday": "Back to today",
-                                                                "clear": "Clear",
-                                                                "dateFormat": "M/D/YYYY",
-                                                                "dateSelect": "select date",
-                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                "dayFormat": "D",
-                                                                "decadeSelect": "Choose a decade",
-                                                                "locale": "en_US",
-                                                                "month": "Month",
-                                                                "monthBeforeYear": true,
-                                                                "monthPlaceholder": "Select month",
-                                                                "monthSelect": "Choose a month",
-                                                                "nextCentury": "Next century",
-                                                                "nextDecade": "Next decade",
-                                                                "nextMonth": "Next month (PageDown)",
-                                                                "nextYear": "Next year (Control + right)",
-                                                                "now": "Now",
-                                                                "ok": "Ok",
-                                                                "placeholder": "Select date",
-                                                                "previousCentury": "Last century",
-                                                                "previousDecade": "Last decade",
-                                                                "previousMonth": "Previous month (PageUp)",
-                                                                "previousYear": "Last year (Control + left)",
-                                                                "quarterPlaceholder": "Select quarter",
-                                                                "rangeMonthPlaceholder": Array [
-                                                                  "Start month",
-                                                                  "End month",
-                                                                ],
-                                                                "rangePlaceholder": Array [
-                                                                  "Start date",
-                                                                  "End date",
-                                                                ],
-                                                                "rangeWeekPlaceholder": Array [
-                                                                  "Start week",
-                                                                  "End week",
-                                                                ],
-                                                                "rangeYearPlaceholder": Array [
-                                                                  "Start year",
-                                                                  "End year",
-                                                                ],
-                                                                "timeSelect": "select time",
-                                                                "today": "Today",
-                                                                "weekPlaceholder": "Select week",
-                                                                "weekSelect": "Choose a week",
-                                                                "year": "Year",
-                                                                "yearFormat": "YYYY",
-                                                                "yearPlaceholder": "Select year",
-                                                                "yearSelect": "Choose a year",
-                                                              }
-                                                            }
-                                                            nextIcon={
-                                                              <span
-                                                                className="ant-picker-next-icon"
-                                                              />
-                                                            }
-                                                            onChange={null}
-                                                            onPanelChange={[Function]}
-                                                            onSelect={[Function]}
-                                                            pickerRef={
-                                                              Object {
-                                                                "current": Object {
-                                                                  "blur": [Function],
-                                                                  "focus": [Function],
-                                                                },
-                                                              }
-                                                            }
-                                                            placeholder="Select date"
-                                                            prefixCls="ant-picker"
-                                                            prevIcon={
-                                                              <span
-                                                                className="ant-picker-prev-icon"
-                                                              />
-                                                            }
-                                                            showToday={true}
-                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                            superNextIcon={
-                                                              <span
-                                                                className="ant-picker-super-next-icon"
-                                                              />
-                                                            }
-                                                            superPrevIcon={
-                                                              <span
-                                                                className="ant-picker-super-prev-icon"
-                                                              />
-                                                            }
-                                                            tabIndex={-1}
-                                                            transitionName="ant-slide-up"
-                                                            value={null}
-                                                          />
-                                                        </div>
-                                                      }
-                                                      popupPlacement="bottomLeft"
-                                                      prefixCls="ant-picker"
-                                                      transitionName="ant-slide-up"
-                                                      visible={false}
-                                                    >
-                                                      <Trigger
-                                                        action={Array []}
-                                                        afterPopupVisibleChange={[Function]}
-                                                        autoDestroy={false}
-                                                        blurDelay={0.15}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottomLeft": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        defaultPopupVisible={false}
-                                                        destroyPopupOnHide={false}
-                                                        focusDelay={0}
-                                                        getDocument={[Function]}
-                                                        getPopupClassNameFromAlign={[Function]}
-                                                        hideAction={Array []}
-                                                        mask={false}
-                                                        maskClosable={true}
-                                                        mouseEnterDelay={0}
-                                                        mouseLeaveDelay={0.1}
-                                                        onPopupAlign={[Function]}
-                                                        onPopupVisibleChange={[Function]}
-                                                        popup={
-                                                          <div
-                                                            className="ant-picker-panel-container"
-                                                            onMouseDown={[Function]}
-                                                          >
-                                                            <PickerPanel
-                                                              allowClear={true}
-                                                              className="ant-picker-panel-focused"
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              components={
-                                                                Object {
-                                                                  "button": [Function],
-                                                                  "rangeItem": [Function],
-                                                                }
-                                                              }
-                                                              generateConfig={
-                                                                Object {
-                                                                  "addDate": [Function],
-                                                                  "addMonth": [Function],
-                                                                  "addYear": [Function],
-                                                                  "getDate": [Function],
-                                                                  "getEndDate": [Function],
-                                                                  "getFixedDate": [Function],
-                                                                  "getHour": [Function],
-                                                                  "getMinute": [Function],
-                                                                  "getMonth": [Function],
-                                                                  "getNow": [Function],
-                                                                  "getSecond": [Function],
-                                                                  "getWeekDay": [Function],
-                                                                  "getYear": [Function],
-                                                                  "isAfter": [Function],
-                                                                  "isValidate": [Function],
-                                                                  "locale": Object {
-                                                                    "format": [Function],
-                                                                    "getShortMonths": [Function],
-                                                                    "getShortWeekDays": [Function],
-                                                                    "getWeek": [Function],
-                                                                    "getWeekFirstDate": [Function],
-                                                                    "getWeekFirstDay": [Function],
-                                                                    "parse": [Function],
-                                                                  },
-                                                                  "setDate": [Function],
-                                                                  "setHour": [Function],
-                                                                  "setMinute": [Function],
-                                                                  "setMonth": [Function],
-                                                                  "setSecond": [Function],
-                                                                  "setYear": [Function],
-                                                                }
-                                                              }
-                                                              id="update_profile_birth_date"
-                                                              locale={
-                                                                Object {
-                                                                  "backToToday": "Back to today",
-                                                                  "clear": "Clear",
-                                                                  "dateFormat": "M/D/YYYY",
-                                                                  "dateSelect": "select date",
-                                                                  "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                  "dayFormat": "D",
-                                                                  "decadeSelect": "Choose a decade",
-                                                                  "locale": "en_US",
-                                                                  "month": "Month",
-                                                                  "monthBeforeYear": true,
-                                                                  "monthPlaceholder": "Select month",
-                                                                  "monthSelect": "Choose a month",
-                                                                  "nextCentury": "Next century",
-                                                                  "nextDecade": "Next decade",
-                                                                  "nextMonth": "Next month (PageDown)",
-                                                                  "nextYear": "Next year (Control + right)",
-                                                                  "now": "Now",
-                                                                  "ok": "Ok",
-                                                                  "placeholder": "Select date",
-                                                                  "previousCentury": "Last century",
-                                                                  "previousDecade": "Last decade",
-                                                                  "previousMonth": "Previous month (PageUp)",
-                                                                  "previousYear": "Last year (Control + left)",
-                                                                  "quarterPlaceholder": "Select quarter",
-                                                                  "rangeMonthPlaceholder": Array [
-                                                                    "Start month",
-                                                                    "End month",
-                                                                  ],
-                                                                  "rangePlaceholder": Array [
-                                                                    "Start date",
-                                                                    "End date",
-                                                                  ],
-                                                                  "rangeWeekPlaceholder": Array [
-                                                                    "Start week",
-                                                                    "End week",
-                                                                  ],
-                                                                  "rangeYearPlaceholder": Array [
-                                                                    "Start year",
-                                                                    "End year",
-                                                                  ],
-                                                                  "timeSelect": "select time",
-                                                                  "today": "Today",
-                                                                  "weekPlaceholder": "Select week",
-                                                                  "weekSelect": "Choose a week",
-                                                                  "year": "Year",
-                                                                  "yearFormat": "YYYY",
-                                                                  "yearPlaceholder": "Select year",
-                                                                  "yearSelect": "Choose a year",
-                                                                }
-                                                              }
-                                                              nextIcon={
-                                                                <span
-                                                                  className="ant-picker-next-icon"
-                                                                />
-                                                              }
-                                                              onChange={null}
-                                                              onPanelChange={[Function]}
-                                                              onSelect={[Function]}
-                                                              pickerRef={
-                                                                Object {
-                                                                  "current": Object {
-                                                                    "blur": [Function],
-                                                                    "focus": [Function],
-                                                                  },
-                                                                }
-                                                              }
-                                                              placeholder="Select date"
-                                                              prefixCls="ant-picker"
-                                                              prevIcon={
-                                                                <span
-                                                                  className="ant-picker-prev-icon"
-                                                                />
-                                                              }
-                                                              showToday={true}
-                                                              suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                              superNextIcon={
-                                                                <span
-                                                                  className="ant-picker-super-next-icon"
-                                                                />
-                                                              }
-                                                              superPrevIcon={
-                                                                <span
-                                                                  className="ant-picker-super-prev-icon"
-                                                                />
-                                                              }
-                                                              tabIndex={-1}
-                                                              transitionName="ant-slide-up"
-                                                              value={null}
-                                                            />
-                                                          </div>
-                                                        }
-                                                        popupAlign={Object {}}
-                                                        popupClassName=""
-                                                        popupPlacement="bottomLeft"
-                                                        popupStyle={Object {}}
-                                                        popupTransitionName="ant-slide-up"
-                                                        popupVisible={false}
-                                                        prefixCls="ant-picker-dropdown"
-                                                        showAction={Array []}
-                                                      >
-                                                        <div
-                                                          className="ant-picker"
-                                                          key="trigger"
-                                                          onMouseUp={[Function]}
-                                                        >
-                                                          <div
-                                                            className="ant-picker-input"
-                                                          >
-                                                            <input
-                                                              autoComplete="off"
-                                                              id="update_profile_birth_date"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              placeholder="Select date"
-                                                              readOnly={true}
-                                                              size={12}
-                                                              title=""
-                                                              value=""
-                                                            />
-                                                            <span
-                                                              className="ant-picker-suffix"
-                                                            >
-                                                              <ForwardRef(CalendarOutlined)>
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "calendar",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="calendar"
-                                                                    className="anticon anticon-calendar"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "calendar",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="calendar"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-calendar"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                          key="svg-calendar-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(CalendarOutlined)>
-                                                            </span>
-                                                          </div>
-                                                        </div>
-                                                      </Trigger>
-                                                    </PickerTrigger>
-                                                  </InnerPicker>
-                                                </Picker>
-                                              </LocaleReceiver>
-                                            </Picker>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Gender"
-                        name="gender"
-                      >
-                        <WrapperField
-                          label="Gender"
-                          messageVariables={
-                            Object {
-                              "label": "Gender",
-                            }
-                          }
-                          name="gender"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_gender"
-                            label="Gender"
-                            messageVariables={
-                              Object {
-                                "label": "Gender",
-                              }
-                            }
-                            name={
-                              Array [
-                                "gender",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_gender"
-                                  label="Gender"
-                                  name="gender"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_gender"
-                                        title="Gender"
-                                      >
-                                        Gender
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Gender"
-                                  name={
-                                    Array [
-                                      "gender",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <ForwardRef
-                                              id="update_profile_gender"
-                                              onChange={[Function]}
-                                            >
-                                              <div
-                                                className="ant-radio-group ant-radio-group-outline"
-                                                id="update_profile_gender"
-                                              >
-                                                <ForwardRef(RadioButton)
-                                                  value="male"
-                                                >
-                                                  <Radio
-                                                    checked={false}
-                                                    prefixCls="ant-radio-button"
-                                                    type="radio"
-                                                    value="male"
-                                                  >
-                                                    <label
-                                                      className="ant-radio-button-wrapper"
-                                                    >
-                                                      <Checkbox
-                                                        checked={false}
-                                                        className=""
-                                                        defaultChecked={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        prefixCls="ant-radio-button"
-                                                        style={Object {}}
-                                                        type="radio"
-                                                        value="male"
-                                                      >
-                                                        <span
-                                                          className="ant-radio-button"
-                                                          style={Object {}}
-                                                        >
-                                                          <input
-                                                            checked={false}
-                                                            className="ant-radio-button-input"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onKeyPress={[Function]}
-                                                            onKeyUp={[Function]}
-                                                            type="radio"
-                                                            value="male"
-                                                          />
-                                                          <span
-                                                            className="ant-radio-button-inner"
-                                                          />
-                                                        </span>
-                                                      </Checkbox>
-                                                      <span>
-                                                        Male
-                                                      </span>
-                                                    </label>
-                                                  </Radio>
-                                                </ForwardRef(RadioButton)>
-                                                <ForwardRef(RadioButton)
-                                                  value="female"
-                                                >
-                                                  <Radio
-                                                    checked={false}
-                                                    prefixCls="ant-radio-button"
-                                                    type="radio"
-                                                    value="female"
-                                                  >
-                                                    <label
-                                                      className="ant-radio-button-wrapper"
-                                                    >
-                                                      <Checkbox
-                                                        checked={false}
-                                                        className=""
-                                                        defaultChecked={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        prefixCls="ant-radio-button"
-                                                        style={Object {}}
-                                                        type="radio"
-                                                        value="female"
-                                                      >
-                                                        <span
-                                                          className="ant-radio-button"
-                                                          style={Object {}}
-                                                        >
-                                                          <input
-                                                            checked={false}
-                                                            className="ant-radio-button-input"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onKeyPress={[Function]}
-                                                            onKeyUp={[Function]}
-                                                            type="radio"
-                                                            value="female"
-                                                          />
-                                                          <span
-                                                            className="ant-radio-button-inner"
-                                                          />
-                                                        </span>
-                                                      </Checkbox>
-                                                      <span>
-                                                        Female
-                                                      </span>
-                                                    </label>
-                                                  </Radio>
-                                                </ForwardRef(RadioButton)>
-                                                <ForwardRef(RadioButton)
-                                                  value="other"
-                                                >
-                                                  <Radio
-                                                    checked={false}
-                                                    prefixCls="ant-radio-button"
-                                                    type="radio"
-                                                    value="other"
-                                                  >
-                                                    <label
-                                                      className="ant-radio-button-wrapper"
-                                                    >
-                                                      <Checkbox
-                                                        checked={false}
-                                                        className=""
-                                                        defaultChecked={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        prefixCls="ant-radio-button"
-                                                        style={Object {}}
-                                                        type="radio"
-                                                        value="other"
-                                                      >
-                                                        <span
-                                                          className="ant-radio-button"
-                                                          style={Object {}}
-                                                        >
-                                                          <input
-                                                            checked={false}
-                                                            className="ant-radio-button-input"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onKeyPress={[Function]}
-                                                            onKeyUp={[Function]}
-                                                            type="radio"
-                                                            value="other"
-                                                          />
-                                                          <span
-                                                            className="ant-radio-button-inner"
-                                                          />
-                                                        </span>
-                                                      </Checkbox>
-                                                      <span>
-                                                        Other
-                                                      </span>
-                                                    </label>
-                                                  </Radio>
-                                                </ForwardRef(RadioButton)>
-                                              </div>
-                                            </ForwardRef>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Facebook Url"
-                        name={
-                          Array [
-                            "social_media_urls",
-                            "facebook",
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Facebook Url"
-                          messageVariables={
-                            Object {
-                              "label": "Facebook Url",
-                            }
-                          }
-                          name={
-                            Array [
-                              "social_media_urls",
-                              "facebook",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_social_media_urls_facebook"
-                            label="Facebook Url"
-                            messageVariables={
-                              Object {
-                                "label": "Facebook Url",
-                              }
-                            }
-                            name={
-                              Array [
-                                "social_media_urls",
-                                "facebook",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_social_media_urls_facebook"
-                                  label="Facebook Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "facebook",
-                                    ]
-                                  }
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_social_media_urls_facebook"
-                                        title="Facebook Url"
-                                      >
-                                        Facebook Url
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Facebook Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "facebook",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <Input
-                                              id="update_profile_social_media_urls_facebook"
-                                              onChange={[Function]}
-                                              placeholder="Facebook url"
-                                              type="text"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_social_media_urls_facebook"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Facebook url"
-                                                    type="text"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_social_media_urls_facebook"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Facebook url"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value=""
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_social_media_urls_facebook"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Facebook url"
-                                                  type="text"
-                                                  value=""
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Twitter Url"
-                        name={
-                          Array [
-                            "social_media_urls",
-                            "twitter",
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Twitter Url"
-                          messageVariables={
-                            Object {
-                              "label": "Twitter Url",
-                            }
-                          }
-                          name={
-                            Array [
-                              "social_media_urls",
-                              "twitter",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_social_media_urls_twitter"
-                            label="Twitter Url"
-                            messageVariables={
-                              Object {
-                                "label": "Twitter Url",
-                              }
-                            }
-                            name={
-                              Array [
-                                "social_media_urls",
-                                "twitter",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_social_media_urls_twitter"
-                                  label="Twitter Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "twitter",
-                                    ]
-                                  }
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_social_media_urls_twitter"
-                                        title="Twitter Url"
-                                      >
-                                        Twitter Url
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Twitter Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "twitter",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <Input
-                                              id="update_profile_social_media_urls_twitter"
-                                              onChange={[Function]}
-                                              placeholder="Twitter url"
-                                              type="text"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_social_media_urls_twitter"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Twitter url"
-                                                    type="text"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_social_media_urls_twitter"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Twitter url"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value=""
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_social_media_urls_twitter"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Twitter url"
-                                                  type="text"
-                                                  value=""
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="LinkedIn Url"
-                        name={
-                          Array [
-                            "social_media_urls",
-                            "linkedin",
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="LinkedIn Url"
-                          messageVariables={
-                            Object {
-                              "label": "LinkedIn Url",
-                            }
-                          }
-                          name={
-                            Array [
-                              "social_media_urls",
-                              "linkedin",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_social_media_urls_linkedin"
-                            label="LinkedIn Url"
-                            messageVariables={
-                              Object {
-                                "label": "LinkedIn Url",
-                              }
-                            }
-                            name={
-                              Array [
-                                "social_media_urls",
-                                "linkedin",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_social_media_urls_linkedin"
-                                  label="LinkedIn Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "linkedin",
-                                    ]
-                                  }
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_social_media_urls_linkedin"
-                                        title="LinkedIn Url"
-                                      >
-                                        LinkedIn Url
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="LinkedIn Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "linkedin",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <Input
-                                              id="update_profile_social_media_urls_linkedin"
-                                              onChange={[Function]}
-                                              placeholder="LinkedIn url"
-                                              type="text"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_social_media_urls_linkedin"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="LinkedIn url"
-                                                    type="text"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_social_media_urls_linkedin"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="LinkedIn url"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value=""
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_social_media_urls_linkedin"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="LinkedIn url"
-                                                  type="text"
-                                                  value=""
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Instagram Url"
-                        name={
-                          Array [
-                            "social_media_urls",
-                            "instagram",
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Instagram Url"
-                          messageVariables={
-                            Object {
-                              "label": "Instagram Url",
-                            }
-                          }
-                          name={
-                            Array [
-                              "social_media_urls",
-                              "instagram",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_social_media_urls_instagram"
-                            label="Instagram Url"
-                            messageVariables={
-                              Object {
-                                "label": "Instagram Url",
-                              }
-                            }
-                            name={
-                              Array [
-                                "social_media_urls",
-                                "instagram",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_social_media_urls_instagram"
-                                  label="Instagram Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "instagram",
-                                    ]
-                                  }
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_social_media_urls_instagram"
-                                        title="Instagram Url"
-                                      >
-                                        Instagram Url
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Instagram Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "instagram",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <Input
-                                              id="update_profile_social_media_urls_instagram"
-                                              onChange={[Function]}
-                                              placeholder="Instagram url"
-                                              type="text"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_social_media_urls_instagram"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Instagram url"
-                                                    type="text"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_social_media_urls_instagram"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Instagram url"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value=""
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_social_media_urls_instagram"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Instagram url"
-                                                  type="text"
-                                                  value=""
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Description"
-                        name="description"
-                      >
-                        <WrapperField
-                          label="Description"
-                          messageVariables={
-                            Object {
-                              "label": "Description",
-                            }
-                          }
-                          name="description"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_description"
-                            label="Description"
-                            messageVariables={
-                              Object {
-                                "label": "Description",
-                              }
-                            }
-                            name={
-                              Array [
-                                "description",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_description"
-                                  label="Description"
-                                  name="description"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_description"
-                                        title="Description"
-                                      >
-                                        Description
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Description"
-                                  name={
-                                    Array [
-                                      "description",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <ForwardRef
-                                              autoSize={
-                                                Object {
-                                                  "maxRows": 6,
-                                                  "minRows": 2,
-                                                }
-                                              }
-                                              id="update_profile_description"
-                                              onChange={[Function]}
-                                              placeholder="Description"
-                                            >
-                                              <ClearableLabeledInput
-                                                autoSize={
-                                                  Object {
-                                                    "maxRows": 6,
-                                                    "minRows": 2,
-                                                  }
-                                                }
-                                                bordered={true}
-                                                element={
-                                                  <TextArea
-                                                    autoSize={
-                                                      Object {
-                                                        "maxRows": 6,
-                                                        "minRows": 2,
-                                                      }
-                                                    }
-                                                    className=""
-                                                    id="update_profile_description"
-                                                    onChange={[Function]}
-                                                    onCompositionEnd={[Function]}
-                                                    onCompositionStart={[Function]}
-                                                    placeholder="Description"
-                                                    prefixCls="ant-input"
-                                                  />
-                                                }
-                                                handleReset={[Function]}
-                                                id="update_profile_description"
-                                                inputType="text"
-                                                placeholder="Description"
-                                                prefixCls="ant-input"
-                                                value=""
-                                              >
-                                                <TextArea
-                                                  autoSize={
-                                                    Object {
-                                                      "maxRows": 6,
-                                                      "minRows": 2,
-                                                    }
-                                                  }
-                                                  className=""
-                                                  id="update_profile_description"
-                                                  onChange={[Function]}
-                                                  onCompositionEnd={[Function]}
-                                                  onCompositionStart={[Function]}
-                                                  placeholder="Description"
-                                                  prefixCls="ant-input"
-                                                  value=""
-                                                >
-                                                  <ResizableTextArea
-                                                    autoSize={
-                                                      Object {
-                                                        "maxRows": 6,
-                                                        "minRows": 2,
-                                                      }
-                                                    }
-                                                    className=""
-                                                    id="update_profile_description"
-                                                    onChange={[Function]}
-                                                    onCompositionEnd={[Function]}
-                                                    onCompositionStart={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Description"
-                                                    prefixCls="ant-input"
-                                                    value=""
-                                                  >
-                                                    <ResizeObserver
-                                                      disabled={false}
-                                                      onResize={[Function]}
-                                                    >
-                                                      <textarea
-                                                        className="ant-input"
-                                                        id="update_profile_description"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        placeholder="Description"
-                                                        style={
-                                                          Object {
-                                                            "height": -24,
-                                                            "maxHeight": -24,
-                                                            "minHeight": -8,
-                                                            "overflowX": "hidden",
-                                                            "overflowY": "hidden",
-                                                            "resize": "none",
-                                                          }
-                                                        }
-                                                        value=""
-                                                      />
-                                                    </ResizeObserver>
-                                                  </ResizableTextArea>
-                                                </TextArea>
-                                              </ClearableLabeledInput>
-                                            </ForwardRef>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        wrapperCol={
-                          Object {
-                            "offset": 3,
-                            "span": 17,
-                          }
-                        }
-                      >
-                        <Row
-                          className="ant-form-item"
-                          key="row"
-                        >
-                          <div
-                            className="ant-row ant-form-item"
-                            style={Object {}}
-                          >
-                            <FormItemLabel
-                              prefixCls="ant-form"
-                              requiredMark={true}
-                              wrapperCol={
-                                Object {
-                                  "offset": 3,
-                                  "span": 17,
-                                }
-                              }
-                            />
-                            <FormItemInput
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                              prefixCls="ant-form"
-                              status=""
-                              validateStatus=""
-                              wrapperCol={
-                                Object {
-                                  "offset": 3,
-                                  "span": 17,
-                                }
-                              }
-                            >
-                              <Col
-                                className="ant-form-item-control"
-                                offset={3}
-                                span={17}
-                              >
-                                <div
-                                  className="ant-col ant-col-17 ant-col-offset-3 ant-form-item-control"
-                                  style={Object {}}
-                                >
-                                  <div
-                                    className="ant-form-item-control-input"
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input-content"
-                                    >
-                                      <Button
-                                        block={true}
-                                        disabled={true}
-                                        form="update_profile"
-                                        htmlType="submit"
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary ant-btn-block"
-                                            disabled={true}
-                                            form="update_profile"
-                                            onClick={[Function]}
-                                            type="submit"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Update
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </div>
-                                  <ErrorList
-                                    errors={Array []}
-                                    onDomErrorVisibleChange={[Function]}
-                                  >
-                                    <CSSMotion
-                                      motionAppear={true}
-                                      motionDeadline={500}
-                                      motionName="ant-show-help"
-                                      onLeaveEnd={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </ErrorList>
-                                </div>
-                              </Col>
-                            </FormItemInput>
-                          </div>
-                        </Row>
-                      </FormItem>
-                    </div>
-                  </form>
-                </ForwardRef(Form)>
-              </SizeContextProvider>
-            </ForwardRef(InternalForm)>
-          </div>
-        </div>
-      </Card>
-    </div>
-  </Profile>
-</Provider>
-`;
-
-exports[`Profiles index component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <Profile>
-    <div
-      className="content"
-    >
-      <HelmetWrapper
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Profile"
-      >
-        <SideEffect(NullComponent)
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Profile"
-        >
-          <NullComponent
-            defer={true}
-            encodeSpecialCharacters={true}
-            title="Profile"
-          />
-        </SideEffect(NullComponent)>
-      </HelmetWrapper>
-      <Card
-        loading={false}
-        title="Update Profile"
-      >
-        <div
-          className="ant-card ant-card-bordered"
-        >
-          <div
-            className="ant-card-head"
-            style={Object {}}
-          >
-            <div
-              className="ant-card-head-wrapper"
-            >
-              <div
-                className="ant-card-head-title"
-              >
-                Update Profile
-              </div>
-            </div>
-          </div>
-          <div
-            className="ant-card-body"
-            style={Object {}}
-          >
-            <ForwardRef(InternalForm)
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": "update_profile",
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              initialValues={
-                Object {
-                  "birth_date": "2020-12-11T18:30:00.000Z",
-                  "description": "Description",
-                  "display_name": "abc",
-                  "email": "abc@gmail.com",
-                  "first_name": "abc",
-                  "id": "1",
-                  "last_name": "xyz",
-                  "slug": "abc",
-                  "social_media_urls": Object {
-                    "facebook": "facebook/abc",
-                    "instagram": "instagram/abc",
-                    "linkedin": "linkedin/abc",
-                    "twitter": "twitter/abc",
-                  },
-                }
-              }
-              labelCol={
-                Object {
-                  "span": 7,
-                }
-              }
-              name="update_profile"
-              onFinish={[Function]}
-              onValuesChange={[Function]}
-              wrapperCol={
-                Object {
-                  "span": 16,
-                }
-              }
-            >
-              <SizeContextProvider>
-                <ForwardRef(Form)
-                  className="ant-form ant-form-horizontal"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "update_profile",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  id="update_profile"
-                  initialValues={
-                    Object {
-                      "birth_date": "2020-12-11T18:30:00.000Z",
-                      "description": "Description",
-                      "display_name": "abc",
-                      "email": "abc@gmail.com",
-                      "first_name": "abc",
-                      "id": "1",
-                      "last_name": "xyz",
-                      "slug": "abc",
-                      "social_media_urls": Object {
-                        "facebook": "facebook/abc",
-                        "instagram": "instagram/abc",
-                        "linkedin": "linkedin/abc",
-                        "twitter": "twitter/abc",
-                      },
-                    }
-                  }
-                  name="update_profile"
-                  onFinish={[Function]}
-                  onFinishFailed={[Function]}
-                  onValuesChange={[Function]}
-                >
-                  <form
-                    className="ant-form ant-form-horizontal"
-                    id="update_profile"
-                    onReset={[Function]}
-                    onSubmit={[Function]}
-                  >
-                    <div
-                      style={
-                        Object {
-                          "float": "right",
-                          "height": 600,
-                          "width": 600,
-                        }
-                      }
-                    >
-                      <FormItem
-                        name="featured_medium_id"
-                      >
-                        <WrapperField
-                          messageVariables={
-                            Object {
-                              "label": "featured_medium_id",
-                            }
-                          }
-                          name="featured_medium_id"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_featured_medium_id"
-                            messageVariables={
-                              Object {
-                                "label": "featured_medium_id",
-                              }
-                            }
-                            name={
-                              Array [
-                                "featured_medium_id",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_featured_medium_id"
-                                  name="featured_medium_id"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  name={
-                                    Array [
-                                      "featured_medium_id",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <MediaSelector
-                                              id="update_profile_featured_medium_id"
-                                              onChange={[Function]}
-                                              profile={true}
-                                            >
-                                              <Modal
-                                                closable={false}
-                                                confirmLoading={false}
-                                                footer={
-                                                  Array [
-                                                    <ForwardRef(InternalButton)
-                                                      onClick={[Function]}
-                                                    >
-                                                      Cancel
-                                                    </ForwardRef(InternalButton)>,
-                                                    <ForwardRef(InternalButton)
-                                                      onClick={[Function]}
-                                                      type="primary"
-                                                    >
-                                                      Ok
-                                                    </ForwardRef(InternalButton)>,
-                                                  ]
-                                                }
-                                                okType="primary"
-                                                onCancel={[Function]}
-                                                visible={false}
-                                                width="800px"
-                                              >
-                                                <Dialog
-                                                  closable={false}
-                                                  closeIcon={
-                                                    <span
-                                                      className="ant-modal-close-x"
-                                                    >
-                                                      <ForwardRef(CloseOutlined)
-                                                        className="ant-modal-close-icon"
-                                                      />
-                                                    </span>
-                                                  }
-                                                  confirmLoading={false}
-                                                  focusTriggerAfterClose={true}
-                                                  footer={
-                                                    Array [
-                                                      <ForwardRef(InternalButton)
-                                                        onClick={[Function]}
-                                                      >
-                                                        Cancel
-                                                      </ForwardRef(InternalButton)>,
-                                                      <ForwardRef(InternalButton)
-                                                        onClick={[Function]}
-                                                        type="primary"
-                                                      >
-                                                        Ok
-                                                      </ForwardRef(InternalButton)>,
-                                                    ]
-                                                  }
-                                                  maskTransitionName="ant-fade"
-                                                  okType="primary"
-                                                  onCancel={[Function]}
-                                                  onClose={[Function]}
-                                                  prefixCls="ant-modal"
-                                                  transitionName="ant-zoom"
-                                                  visible={false}
-                                                  width="800px"
-                                                  wrapClassName=""
-                                                >
-                                                  <PortalWrapper
-                                                    visible={false}
-                                                  />
-                                                </Dialog>
-                                              </Modal>
-                                              <Space
-                                                direction="vertical"
-                                              >
-                                                <div
-                                                  className="ant-space ant-space-vertical"
-                                                  style={Object {}}
-                                                >
-                                                  <Item
-                                                    className="ant-space-item"
-                                                    direction="vertical"
-                                                    index={0}
-                                                    key="ant-space-item-0"
-                                                    marginDirection="marginRight"
-                                                    wrap={false}
-                                                  >
-                                                    <div
-                                                      className="ant-space-item"
-                                                      style={Object {}}
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "alignItems": "center",
-                                                            "display": "flex",
-                                                            "justifyContent": "center",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "position": "relative",
-                                                            }
-                                                          }
-                                                        >
-                                                          <Button
-                                                            onClick={[Function]}
-                                                            style={
-                                                              Object {
-                                                                "background": "transparent",
-                                                                "borderStyle": "dashed",
-                                                                "display": "block",
-                                                                "height": "auto",
-                                                              }
-                                                            }
-                                                          >
-                                                            <Wave>
-                                                              <button
-                                                                className="ant-btn"
-                                                                onClick={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "background": "transparent",
-                                                                    "borderStyle": "dashed",
-                                                                    "display": "block",
-                                                                    "height": "auto",
-                                                                  }
-                                                                }
-                                                                type="button"
-                                                              >
-                                                                <LoadingIcon
-                                                                  existIcon={false}
-                                                                  loading={false}
-                                                                  prefixCls="ant-btn"
-                                                                >
-                                                                  <CSSMotion
-                                                                    motionName="ant-btn-loading-icon-motion"
-                                                                    onAppearActive={[Function]}
-                                                                    onAppearStart={[Function]}
-                                                                    onEnterActive={[Function]}
-                                                                    onEnterStart={[Function]}
-                                                                    onLeaveActive={[Function]}
-                                                                    onLeaveStart={[Function]}
-                                                                    removeOnLeave={true}
-                                                                    visible={false}
-                                                                  >
-                                                                    <DomWrapper />
-                                                                  </CSSMotion>
-                                                                </LoadingIcon>
-                                                                <PlaceholderImage
-                                                                  height="auto"
-                                                                  key=".0"
-                                                                  width="100%"
-                                                                >
-                                                                  <img
-                                                                    alt=""
-                                                                    height="auto"
-                                                                    src="placeholderImage.svg"
-                                                                    style={
-                                                                      Object {
-                                                                        "maxWidth": "240px",
-                                                                        "objectFit": "contain",
-                                                                        "padding": "1rem",
-                                                                      }
-                                                                    }
-                                                                    width="100%"
-                                                                  />
-                                                                </PlaceholderImage>
-                                                              </button>
-                                                            </Wave>
-                                                          </Button>
-                                                        </div>
-                                                      </div>
-                                                    </div>
-                                                  </Item>
-                                                </div>
-                                              </Space>
-                                            </MediaSelector>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                    </div>
-                    <div
-                      style={
-                        Object {
-                          "float": "left",
-                          "width": 500,
-                        }
-                      }
-                    >
-                      <FormItem
-                        label="First Name"
-                        name="first_name"
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please input your first name!",
-                              "required": true,
-                            },
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="First Name"
-                          messageVariables={
-                            Object {
-                              "label": "First Name",
-                            }
-                          }
-                          name="first_name"
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input your first name!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_first_name"
-                            label="First Name"
-                            messageVariables={
-                              Object {
-                                "label": "First Name",
-                              }
-                            }
-                            name={
-                              Array [
-                                "first_name",
-                              ]
-                            }
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input your first name!",
-                                  "required": true,
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_first_name"
-                                  label="First Name"
-                                  name="first_name"
-                                  prefixCls="ant-form"
-                                  required={true}
-                                  requiredMark={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input your first name!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className="ant-form-item-required"
-                                        htmlFor="update_profile_first_name"
-                                        title="First Name"
-                                      >
-                                        First Name
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="First Name"
-                                  name={
-                                    Array [
-                                      "first_name",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input your first name!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value="abc"
-                                          >
-                                            <Input
-                                              id="update_profile_first_name"
-                                              onChange={[Function]}
-                                              placeholder="First Name"
-                                              type="text"
-                                              value="abc"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_first_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="First Name"
-                                                    type="text"
-                                                    value="abc"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_first_name"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="First Name"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value="abc"
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_first_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="First Name"
-                                                  type="text"
-                                                  value="abc"
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Last Name"
-                        name="last_name"
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please input your last name!",
-                              "required": true,
-                            },
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Last Name"
-                          messageVariables={
-                            Object {
-                              "label": "Last Name",
-                            }
-                          }
-                          name="last_name"
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input your last name!",
-                                "required": true,
-                              },
-                            ]
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_last_name"
-                            label="Last Name"
-                            messageVariables={
-                              Object {
-                                "label": "Last Name",
-                              }
-                            }
-                            name={
-                              Array [
-                                "last_name",
-                              ]
-                            }
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input your last name!",
-                                  "required": true,
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_last_name"
-                                  label="Last Name"
-                                  name="last_name"
-                                  prefixCls="ant-form"
-                                  required={true}
-                                  requiredMark={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input your last name!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className="ant-form-item-required"
-                                        htmlFor="update_profile_last_name"
-                                        title="Last Name"
-                                      >
-                                        Last Name
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Last Name"
-                                  name={
-                                    Array [
-                                      "last_name",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input your last name!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value="xyz"
-                                          >
-                                            <Input
-                                              id="update_profile_last_name"
-                                              onChange={[Function]}
-                                              placeholder="Last name"
-                                              type="text"
-                                              value="xyz"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_last_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Last name"
-                                                    type="text"
-                                                    value="xyz"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_last_name"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Last name"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value="xyz"
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_last_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Last name"
-                                                  type="text"
-                                                  value="xyz"
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Display Name"
-                        name="display_name"
-                      >
-                        <WrapperField
-                          label="Display Name"
-                          messageVariables={
-                            Object {
-                              "label": "Display Name",
-                            }
-                          }
-                          name="display_name"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_display_name"
-                            label="Display Name"
-                            messageVariables={
-                              Object {
-                                "label": "Display Name",
-                              }
-                            }
-                            name={
-                              Array [
-                                "display_name",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_display_name"
-                                  label="Display Name"
-                                  name="display_name"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_display_name"
-                                        title="Display Name"
-                                      >
-                                        Display Name
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Display Name"
-                                  name={
-                                    Array [
-                                      "display_name",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value="abc"
-                                          >
-                                            <Input
-                                              id="update_profile_display_name"
-                                              onChange={[Function]}
-                                              placeholder="Display name"
-                                              type="text"
-                                              value="abc"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_display_name"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Display name"
-                                                    type="text"
-                                                    value="abc"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_display_name"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Display name"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value="abc"
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_display_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Display name"
-                                                  type="text"
-                                                  value="abc"
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <SlugInput
-                        inputProps={
-                          Object {
-                            "placeholder": "slug",
-                          }
-                        }
-                      >
-                        <FormItem
-                          label="Slug"
-                          name="slug"
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the slug!",
-                                "required": true,
-                              },
-                              Object {
-                                "message": "Please enter valid slug!",
-                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                              },
-                            ]
-                          }
-                        >
-                          <WrapperField
-                            label="Slug"
-                            messageVariables={
-                              Object {
-                                "label": "Slug",
-                              }
-                            }
-                            name="slug"
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input the slug!",
-                                  "required": true,
-                                },
-                                Object {
-                                  "message": "Please enter valid slug!",
-                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                          >
-                            <Field
-                              fieldContext={
-                                Object {
-                                  "__INTERNAL__": Object {
-                                    "itemRef": [Function],
-                                    "name": "update_profile",
-                                  },
-                                  "getFieldError": [Function],
-                                  "getFieldInstance": [Function],
-                                  "getFieldValue": [Function],
-                                  "getFieldsError": [Function],
-                                  "getFieldsValue": [Function],
-                                  "getInternalHooks": [Function],
-                                  "isFieldTouched": [Function],
-                                  "isFieldValidating": [Function],
-                                  "isFieldsTouched": [Function],
-                                  "isFieldsValidating": [Function],
-                                  "resetFields": [Function],
-                                  "scrollToField": [Function],
-                                  "setFields": [Function],
-                                  "setFieldsValue": [Function],
-                                  "submit": [Function],
-                                  "validateFields": [Function],
-                                  "validateTrigger": "onChange",
-                                }
-                              }
-                              key="_slug"
-                              label="Slug"
-                              messageVariables={
-                                Object {
-                                  "label": "Slug",
-                                }
-                              }
-                              name={
-                                Array [
-                                  "slug",
-                                ]
-                              }
-                              onReset={[Function]}
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please input the slug!",
-                                    "required": true,
-                                  },
-                                  Object {
-                                    "message": "Please enter valid slug!",
-                                    "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                  },
-                                ]
-                              }
-                              trigger="onChange"
-                              validateTrigger="onChange"
-                              valuePropName="value"
-                            >
-                              <Row
-                                className="ant-form-item"
-                                key="row"
-                              >
-                                <div
-                                  className="ant-row ant-form-item"
-                                  style={Object {}}
-                                >
-                                  <FormItemLabel
-                                    htmlFor="update_profile_slug"
-                                    label="Slug"
-                                    name="slug"
-                                    prefixCls="ant-form"
-                                    required={true}
-                                    requiredMark={true}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                      span={7}
-                                    >
-                                      <div
-                                        className="ant-col ant-col-7 ant-form-item-label"
-                                        style={Object {}}
-                                      >
-                                        <label
-                                          className="ant-form-item-required"
-                                          htmlFor="update_profile_slug"
-                                          title="Slug"
-                                        >
-                                          Slug
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    errors={Array []}
-                                    label="Slug"
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    status=""
-                                    touched={false}
-                                    validateStatus=""
-                                    validating={false}
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                      span={16}
-                                    >
-                                      <div
-                                        className="ant-col ant-col-16 ant-form-item-control"
-                                        style={Object {}}
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <Component
-                                              update={2}
-                                              value="abc"
-                                            >
-                                              <Input
-                                                id="update_profile_slug"
-                                                onChange={[Function]}
-                                                placeholder="slug"
-                                                type="text"
-                                                value="abc"
-                                              >
-                                                <ClearableLabeledInput
-                                                  bordered={true}
-                                                  element={
-                                                    <input
-                                                      className="ant-input"
-                                                      id="update_profile_slug"
-                                                      onBlur={[Function]}
-                                                      onChange={[Function]}
-                                                      onFocus={[Function]}
-                                                      onKeyDown={[Function]}
-                                                      placeholder="slug"
-                                                      type="text"
-                                                      value="abc"
-                                                    />
-                                                  }
-                                                  focused={false}
-                                                  handleReset={[Function]}
-                                                  id="update_profile_slug"
-                                                  inputType="input"
-                                                  onChange={[Function]}
-                                                  placeholder="slug"
-                                                  prefixCls="ant-input"
-                                                  triggerFocus={[Function]}
-                                                  type="text"
-                                                  value="abc"
-                                                >
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_slug"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="slug"
-                                                    type="text"
-                                                    value="abc"
-                                                  />
-                                                </ClearableLabeledInput>
-                                              </Input>
-                                            </Component>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </Field>
-                          </WrapperField>
-                        </FormItem>
-                      </SlugInput>
-                      <FormItem
-                        label="Birthdate"
-                        name="birth_date"
-                        rules={
-                          Array [
-                            Object {
-                              "message": "Please select time!",
-                              "required": true,
-                              "type": "object",
-                            },
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Birthdate"
-                          messageVariables={
-                            Object {
-                              "label": "Birthdate",
-                            }
-                          }
-                          name="birth_date"
-                          onReset={[Function]}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please select time!",
-                                "required": true,
-                                "type": "object",
-                              },
-                            ]
-                          }
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_birth_date"
-                            label="Birthdate"
-                            messageVariables={
-                              Object {
-                                "label": "Birthdate",
-                              }
-                            }
-                            name={
-                              Array [
-                                "birth_date",
-                              ]
-                            }
-                            onReset={[Function]}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please select time!",
-                                  "required": true,
-                                  "type": "object",
-                                },
-                              ]
-                            }
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_birth_date"
-                                  label="Birthdate"
-                                  name="birth_date"
-                                  prefixCls="ant-form"
-                                  required={true}
-                                  requiredMark={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please select time!",
-                                        "required": true,
-                                        "type": "object",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className="ant-form-item-required"
-                                        htmlFor="update_profile_birth_date"
-                                        title="Birthdate"
-                                      >
-                                        Birthdate
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Birthdate"
-                                  name={
-                                    Array [
-                                      "birth_date",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please select time!",
-                                        "required": true,
-                                        "type": "object",
-                                      },
-                                    ]
-                                  }
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value={"2020-12-11T18:30:00.000Z"}
-                                          >
-                                            <Picker
-                                              id="update_profile_birth_date"
-                                              onChange={[Function]}
-                                              value={"2020-12-11T18:30:00.000Z"}
-                                            >
-                                              <LocaleReceiver
-                                                componentName="DatePicker"
-                                                defaultLocale={
-                                                  Object {
-                                                    "lang": Object {
-                                                      "backToToday": "Back to today",
-                                                      "clear": "Clear",
-                                                      "dateFormat": "M/D/YYYY",
-                                                      "dateSelect": "select date",
-                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                      "dayFormat": "D",
-                                                      "decadeSelect": "Choose a decade",
-                                                      "locale": "en_US",
-                                                      "month": "Month",
-                                                      "monthBeforeYear": true,
-                                                      "monthPlaceholder": "Select month",
-                                                      "monthSelect": "Choose a month",
-                                                      "nextCentury": "Next century",
-                                                      "nextDecade": "Next decade",
-                                                      "nextMonth": "Next month (PageDown)",
-                                                      "nextYear": "Next year (Control + right)",
-                                                      "now": "Now",
-                                                      "ok": "Ok",
-                                                      "placeholder": "Select date",
-                                                      "previousCentury": "Last century",
-                                                      "previousDecade": "Last decade",
-                                                      "previousMonth": "Previous month (PageUp)",
-                                                      "previousYear": "Last year (Control + left)",
-                                                      "quarterPlaceholder": "Select quarter",
-                                                      "rangeMonthPlaceholder": Array [
-                                                        "Start month",
-                                                        "End month",
-                                                      ],
-                                                      "rangePlaceholder": Array [
-                                                        "Start date",
-                                                        "End date",
-                                                      ],
-                                                      "rangeWeekPlaceholder": Array [
-                                                        "Start week",
-                                                        "End week",
-                                                      ],
-                                                      "rangeYearPlaceholder": Array [
-                                                        "Start year",
-                                                        "End year",
-                                                      ],
-                                                      "timeSelect": "select time",
-                                                      "today": "Today",
-                                                      "weekPlaceholder": "Select week",
-                                                      "weekSelect": "Choose a week",
-                                                      "year": "Year",
-                                                      "yearFormat": "YYYY",
-                                                      "yearPlaceholder": "Select year",
-                                                      "yearSelect": "Choose a year",
-                                                    },
-                                                    "timePickerLocale": Object {
-                                                      "placeholder": "Select time",
-                                                      "rangePlaceholder": Array [
-                                                        "Start time",
-                                                        "End time",
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                              >
-                                                <Picker
-                                                  allowClear={true}
-                                                  className=""
-                                                  clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                  components={
-                                                    Object {
-                                                      "button": [Function],
-                                                      "rangeItem": [Function],
-                                                    }
-                                                  }
-                                                  generateConfig={
-                                                    Object {
-                                                      "addDate": [Function],
-                                                      "addMonth": [Function],
-                                                      "addYear": [Function],
-                                                      "getDate": [Function],
-                                                      "getEndDate": [Function],
-                                                      "getFixedDate": [Function],
-                                                      "getHour": [Function],
-                                                      "getMinute": [Function],
-                                                      "getMonth": [Function],
-                                                      "getNow": [Function],
-                                                      "getSecond": [Function],
-                                                      "getWeekDay": [Function],
-                                                      "getYear": [Function],
-                                                      "isAfter": [Function],
-                                                      "isValidate": [Function],
-                                                      "locale": Object {
-                                                        "format": [Function],
-                                                        "getShortMonths": [Function],
-                                                        "getShortWeekDays": [Function],
-                                                        "getWeek": [Function],
-                                                        "getWeekFirstDate": [Function],
-                                                        "getWeekFirstDay": [Function],
-                                                        "parse": [Function],
-                                                      },
-                                                      "setDate": [Function],
-                                                      "setHour": [Function],
-                                                      "setMinute": [Function],
-                                                      "setMonth": [Function],
-                                                      "setSecond": [Function],
-                                                      "setYear": [Function],
-                                                    }
-                                                  }
-                                                  id="update_profile_birth_date"
-                                                  locale={
-                                                    Object {
-                                                      "backToToday": "Back to today",
-                                                      "clear": "Clear",
-                                                      "dateFormat": "M/D/YYYY",
-                                                      "dateSelect": "select date",
-                                                      "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                      "dayFormat": "D",
-                                                      "decadeSelect": "Choose a decade",
-                                                      "locale": "en_US",
-                                                      "month": "Month",
-                                                      "monthBeforeYear": true,
-                                                      "monthPlaceholder": "Select month",
-                                                      "monthSelect": "Choose a month",
-                                                      "nextCentury": "Next century",
-                                                      "nextDecade": "Next decade",
-                                                      "nextMonth": "Next month (PageDown)",
-                                                      "nextYear": "Next year (Control + right)",
-                                                      "now": "Now",
-                                                      "ok": "Ok",
-                                                      "placeholder": "Select date",
-                                                      "previousCentury": "Last century",
-                                                      "previousDecade": "Last decade",
-                                                      "previousMonth": "Previous month (PageUp)",
-                                                      "previousYear": "Last year (Control + left)",
-                                                      "quarterPlaceholder": "Select quarter",
-                                                      "rangeMonthPlaceholder": Array [
-                                                        "Start month",
-                                                        "End month",
-                                                      ],
-                                                      "rangePlaceholder": Array [
-                                                        "Start date",
-                                                        "End date",
-                                                      ],
-                                                      "rangeWeekPlaceholder": Array [
-                                                        "Start week",
-                                                        "End week",
-                                                      ],
-                                                      "rangeYearPlaceholder": Array [
-                                                        "Start year",
-                                                        "End year",
-                                                      ],
-                                                      "timeSelect": "select time",
-                                                      "today": "Today",
-                                                      "weekPlaceholder": "Select week",
-                                                      "weekSelect": "Choose a week",
-                                                      "year": "Year",
-                                                      "yearFormat": "YYYY",
-                                                      "yearPlaceholder": "Select year",
-                                                      "yearSelect": "Choose a year",
-                                                    }
-                                                  }
-                                                  nextIcon={
-                                                    <span
-                                                      className="ant-picker-next-icon"
-                                                    />
-                                                  }
-                                                  onChange={[Function]}
-                                                  placeholder="Select date"
-                                                  prefixCls="ant-picker"
-                                                  prevIcon={
-                                                    <span
-                                                      className="ant-picker-prev-icon"
-                                                    />
-                                                  }
-                                                  showToday={true}
-                                                  suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                  superNextIcon={
-                                                    <span
-                                                      className="ant-picker-super-next-icon"
-                                                    />
-                                                  }
-                                                  superPrevIcon={
-                                                    <span
-                                                      className="ant-picker-super-prev-icon"
-                                                    />
-                                                  }
-                                                  transitionName="ant-slide-up"
-                                                  value={"2020-12-11T18:30:00.000Z"}
-                                                >
-                                                  <InnerPicker
-                                                    allowClear={true}
-                                                    className=""
-                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                    components={
-                                                      Object {
-                                                        "button": [Function],
-                                                        "rangeItem": [Function],
-                                                      }
-                                                    }
-                                                    generateConfig={
-                                                      Object {
-                                                        "addDate": [Function],
-                                                        "addMonth": [Function],
-                                                        "addYear": [Function],
-                                                        "getDate": [Function],
-                                                        "getEndDate": [Function],
-                                                        "getFixedDate": [Function],
-                                                        "getHour": [Function],
-                                                        "getMinute": [Function],
-                                                        "getMonth": [Function],
-                                                        "getNow": [Function],
-                                                        "getSecond": [Function],
-                                                        "getWeekDay": [Function],
-                                                        "getYear": [Function],
-                                                        "isAfter": [Function],
-                                                        "isValidate": [Function],
-                                                        "locale": Object {
-                                                          "format": [Function],
-                                                          "getShortMonths": [Function],
-                                                          "getShortWeekDays": [Function],
-                                                          "getWeek": [Function],
-                                                          "getWeekFirstDate": [Function],
-                                                          "getWeekFirstDay": [Function],
-                                                          "parse": [Function],
-                                                        },
-                                                        "setDate": [Function],
-                                                        "setHour": [Function],
-                                                        "setMinute": [Function],
-                                                        "setMonth": [Function],
-                                                        "setSecond": [Function],
-                                                        "setYear": [Function],
-                                                      }
-                                                    }
-                                                    id="update_profile_birth_date"
-                                                    locale={
-                                                      Object {
-                                                        "backToToday": "Back to today",
-                                                        "clear": "Clear",
-                                                        "dateFormat": "M/D/YYYY",
-                                                        "dateSelect": "select date",
-                                                        "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                        "dayFormat": "D",
-                                                        "decadeSelect": "Choose a decade",
-                                                        "locale": "en_US",
-                                                        "month": "Month",
-                                                        "monthBeforeYear": true,
-                                                        "monthPlaceholder": "Select month",
-                                                        "monthSelect": "Choose a month",
-                                                        "nextCentury": "Next century",
-                                                        "nextDecade": "Next decade",
-                                                        "nextMonth": "Next month (PageDown)",
-                                                        "nextYear": "Next year (Control + right)",
-                                                        "now": "Now",
-                                                        "ok": "Ok",
-                                                        "placeholder": "Select date",
-                                                        "previousCentury": "Last century",
-                                                        "previousDecade": "Last decade",
-                                                        "previousMonth": "Previous month (PageUp)",
-                                                        "previousYear": "Last year (Control + left)",
-                                                        "quarterPlaceholder": "Select quarter",
-                                                        "rangeMonthPlaceholder": Array [
-                                                          "Start month",
-                                                          "End month",
-                                                        ],
-                                                        "rangePlaceholder": Array [
-                                                          "Start date",
-                                                          "End date",
-                                                        ],
-                                                        "rangeWeekPlaceholder": Array [
-                                                          "Start week",
-                                                          "End week",
-                                                        ],
-                                                        "rangeYearPlaceholder": Array [
-                                                          "Start year",
-                                                          "End year",
-                                                        ],
-                                                        "timeSelect": "select time",
-                                                        "today": "Today",
-                                                        "weekPlaceholder": "Select week",
-                                                        "weekSelect": "Choose a week",
-                                                        "year": "Year",
-                                                        "yearFormat": "YYYY",
-                                                        "yearPlaceholder": "Select year",
-                                                        "yearSelect": "Choose a year",
-                                                      }
-                                                    }
-                                                    nextIcon={
-                                                      <span
-                                                        className="ant-picker-next-icon"
-                                                      />
-                                                    }
-                                                    onChange={[Function]}
-                                                    pickerRef={
-                                                      Object {
-                                                        "current": Object {
-                                                          "blur": [Function],
-                                                          "focus": [Function],
-                                                        },
-                                                      }
-                                                    }
-                                                    placeholder="Select date"
-                                                    prefixCls="ant-picker"
-                                                    prevIcon={
-                                                      <span
-                                                        className="ant-picker-prev-icon"
-                                                      />
-                                                    }
-                                                    showToday={true}
-                                                    suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                    superNextIcon={
-                                                      <span
-                                                        className="ant-picker-super-next-icon"
-                                                      />
-                                                    }
-                                                    superPrevIcon={
-                                                      <span
-                                                        className="ant-picker-super-prev-icon"
-                                                      />
-                                                    }
-                                                    transitionName="ant-slide-up"
-                                                    value={"2020-12-11T18:30:00.000Z"}
-                                                  >
-                                                    <PickerTrigger
-                                                      popupElement={
-                                                        <div
-                                                          className="ant-picker-panel-container"
-                                                          onMouseDown={[Function]}
-                                                        >
-                                                          <PickerPanel
-                                                            allowClear={true}
-                                                            className="ant-picker-panel-focused"
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            components={
-                                                              Object {
-                                                                "button": [Function],
-                                                                "rangeItem": [Function],
-                                                              }
-                                                            }
-                                                            generateConfig={
-                                                              Object {
-                                                                "addDate": [Function],
-                                                                "addMonth": [Function],
-                                                                "addYear": [Function],
-                                                                "getDate": [Function],
-                                                                "getEndDate": [Function],
-                                                                "getFixedDate": [Function],
-                                                                "getHour": [Function],
-                                                                "getMinute": [Function],
-                                                                "getMonth": [Function],
-                                                                "getNow": [Function],
-                                                                "getSecond": [Function],
-                                                                "getWeekDay": [Function],
-                                                                "getYear": [Function],
-                                                                "isAfter": [Function],
-                                                                "isValidate": [Function],
-                                                                "locale": Object {
-                                                                  "format": [Function],
-                                                                  "getShortMonths": [Function],
-                                                                  "getShortWeekDays": [Function],
-                                                                  "getWeek": [Function],
-                                                                  "getWeekFirstDate": [Function],
-                                                                  "getWeekFirstDay": [Function],
-                                                                  "parse": [Function],
-                                                                },
-                                                                "setDate": [Function],
-                                                                "setHour": [Function],
-                                                                "setMinute": [Function],
-                                                                "setMonth": [Function],
-                                                                "setSecond": [Function],
-                                                                "setYear": [Function],
-                                                              }
-                                                            }
-                                                            id="update_profile_birth_date"
-                                                            locale={
-                                                              Object {
-                                                                "backToToday": "Back to today",
-                                                                "clear": "Clear",
-                                                                "dateFormat": "M/D/YYYY",
-                                                                "dateSelect": "select date",
-                                                                "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                "dayFormat": "D",
-                                                                "decadeSelect": "Choose a decade",
-                                                                "locale": "en_US",
-                                                                "month": "Month",
-                                                                "monthBeforeYear": true,
-                                                                "monthPlaceholder": "Select month",
-                                                                "monthSelect": "Choose a month",
-                                                                "nextCentury": "Next century",
-                                                                "nextDecade": "Next decade",
-                                                                "nextMonth": "Next month (PageDown)",
-                                                                "nextYear": "Next year (Control + right)",
-                                                                "now": "Now",
-                                                                "ok": "Ok",
-                                                                "placeholder": "Select date",
-                                                                "previousCentury": "Last century",
-                                                                "previousDecade": "Last decade",
-                                                                "previousMonth": "Previous month (PageUp)",
-                                                                "previousYear": "Last year (Control + left)",
-                                                                "quarterPlaceholder": "Select quarter",
-                                                                "rangeMonthPlaceholder": Array [
-                                                                  "Start month",
-                                                                  "End month",
-                                                                ],
-                                                                "rangePlaceholder": Array [
-                                                                  "Start date",
-                                                                  "End date",
-                                                                ],
-                                                                "rangeWeekPlaceholder": Array [
-                                                                  "Start week",
-                                                                  "End week",
-                                                                ],
-                                                                "rangeYearPlaceholder": Array [
-                                                                  "Start year",
-                                                                  "End year",
-                                                                ],
-                                                                "timeSelect": "select time",
-                                                                "today": "Today",
-                                                                "weekPlaceholder": "Select week",
-                                                                "weekSelect": "Choose a week",
-                                                                "year": "Year",
-                                                                "yearFormat": "YYYY",
-                                                                "yearPlaceholder": "Select year",
-                                                                "yearSelect": "Choose a year",
-                                                              }
-                                                            }
-                                                            nextIcon={
-                                                              <span
-                                                                className="ant-picker-next-icon"
-                                                              />
-                                                            }
-                                                            onChange={null}
-                                                            onPanelChange={[Function]}
-                                                            onSelect={[Function]}
-                                                            pickerRef={
-                                                              Object {
-                                                                "current": Object {
-                                                                  "blur": [Function],
-                                                                  "focus": [Function],
-                                                                },
-                                                              }
-                                                            }
-                                                            placeholder="Select date"
-                                                            prefixCls="ant-picker"
-                                                            prevIcon={
-                                                              <span
-                                                                className="ant-picker-prev-icon"
-                                                              />
-                                                            }
-                                                            showToday={true}
-                                                            suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                            superNextIcon={
-                                                              <span
-                                                                className="ant-picker-super-next-icon"
-                                                              />
-                                                            }
-                                                            superPrevIcon={
-                                                              <span
-                                                                className="ant-picker-super-prev-icon"
-                                                              />
-                                                            }
-                                                            tabIndex={-1}
-                                                            transitionName="ant-slide-up"
-                                                            value={"2020-12-11T18:30:00.000Z"}
-                                                          />
-                                                        </div>
-                                                      }
-                                                      popupPlacement="bottomLeft"
-                                                      prefixCls="ant-picker"
-                                                      transitionName="ant-slide-up"
-                                                      visible={false}
-                                                    >
-                                                      <Trigger
-                                                        action={Array []}
-                                                        afterPopupVisibleChange={[Function]}
-                                                        autoDestroy={false}
-                                                        blurDelay={0.15}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottomLeft": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 0,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        defaultPopupVisible={false}
-                                                        destroyPopupOnHide={false}
-                                                        focusDelay={0}
-                                                        getDocument={[Function]}
-                                                        getPopupClassNameFromAlign={[Function]}
-                                                        hideAction={Array []}
-                                                        mask={false}
-                                                        maskClosable={true}
-                                                        mouseEnterDelay={0}
-                                                        mouseLeaveDelay={0.1}
-                                                        onPopupAlign={[Function]}
-                                                        onPopupVisibleChange={[Function]}
-                                                        popup={
-                                                          <div
-                                                            className="ant-picker-panel-container"
-                                                            onMouseDown={[Function]}
-                                                          >
-                                                            <PickerPanel
-                                                              allowClear={true}
-                                                              className="ant-picker-panel-focused"
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              components={
-                                                                Object {
-                                                                  "button": [Function],
-                                                                  "rangeItem": [Function],
-                                                                }
-                                                              }
-                                                              generateConfig={
-                                                                Object {
-                                                                  "addDate": [Function],
-                                                                  "addMonth": [Function],
-                                                                  "addYear": [Function],
-                                                                  "getDate": [Function],
-                                                                  "getEndDate": [Function],
-                                                                  "getFixedDate": [Function],
-                                                                  "getHour": [Function],
-                                                                  "getMinute": [Function],
-                                                                  "getMonth": [Function],
-                                                                  "getNow": [Function],
-                                                                  "getSecond": [Function],
-                                                                  "getWeekDay": [Function],
-                                                                  "getYear": [Function],
-                                                                  "isAfter": [Function],
-                                                                  "isValidate": [Function],
-                                                                  "locale": Object {
-                                                                    "format": [Function],
-                                                                    "getShortMonths": [Function],
-                                                                    "getShortWeekDays": [Function],
-                                                                    "getWeek": [Function],
-                                                                    "getWeekFirstDate": [Function],
-                                                                    "getWeekFirstDay": [Function],
-                                                                    "parse": [Function],
-                                                                  },
-                                                                  "setDate": [Function],
-                                                                  "setHour": [Function],
-                                                                  "setMinute": [Function],
-                                                                  "setMonth": [Function],
-                                                                  "setSecond": [Function],
-                                                                  "setYear": [Function],
-                                                                }
-                                                              }
-                                                              id="update_profile_birth_date"
-                                                              locale={
-                                                                Object {
-                                                                  "backToToday": "Back to today",
-                                                                  "clear": "Clear",
-                                                                  "dateFormat": "M/D/YYYY",
-                                                                  "dateSelect": "select date",
-                                                                  "dateTimeFormat": "M/D/YYYY HH:mm:ss",
-                                                                  "dayFormat": "D",
-                                                                  "decadeSelect": "Choose a decade",
-                                                                  "locale": "en_US",
-                                                                  "month": "Month",
-                                                                  "monthBeforeYear": true,
-                                                                  "monthPlaceholder": "Select month",
-                                                                  "monthSelect": "Choose a month",
-                                                                  "nextCentury": "Next century",
-                                                                  "nextDecade": "Next decade",
-                                                                  "nextMonth": "Next month (PageDown)",
-                                                                  "nextYear": "Next year (Control + right)",
-                                                                  "now": "Now",
-                                                                  "ok": "Ok",
-                                                                  "placeholder": "Select date",
-                                                                  "previousCentury": "Last century",
-                                                                  "previousDecade": "Last decade",
-                                                                  "previousMonth": "Previous month (PageUp)",
-                                                                  "previousYear": "Last year (Control + left)",
-                                                                  "quarterPlaceholder": "Select quarter",
-                                                                  "rangeMonthPlaceholder": Array [
-                                                                    "Start month",
-                                                                    "End month",
-                                                                  ],
-                                                                  "rangePlaceholder": Array [
-                                                                    "Start date",
-                                                                    "End date",
-                                                                  ],
-                                                                  "rangeWeekPlaceholder": Array [
-                                                                    "Start week",
-                                                                    "End week",
-                                                                  ],
-                                                                  "rangeYearPlaceholder": Array [
-                                                                    "Start year",
-                                                                    "End year",
-                                                                  ],
-                                                                  "timeSelect": "select time",
-                                                                  "today": "Today",
-                                                                  "weekPlaceholder": "Select week",
-                                                                  "weekSelect": "Choose a week",
-                                                                  "year": "Year",
-                                                                  "yearFormat": "YYYY",
-                                                                  "yearPlaceholder": "Select year",
-                                                                  "yearSelect": "Choose a year",
-                                                                }
-                                                              }
-                                                              nextIcon={
-                                                                <span
-                                                                  className="ant-picker-next-icon"
-                                                                />
-                                                              }
-                                                              onChange={null}
-                                                              onPanelChange={[Function]}
-                                                              onSelect={[Function]}
-                                                              pickerRef={
-                                                                Object {
-                                                                  "current": Object {
-                                                                    "blur": [Function],
-                                                                    "focus": [Function],
-                                                                  },
-                                                                }
-                                                              }
-                                                              placeholder="Select date"
-                                                              prefixCls="ant-picker"
-                                                              prevIcon={
-                                                                <span
-                                                                  className="ant-picker-prev-icon"
-                                                                />
-                                                              }
-                                                              showToday={true}
-                                                              suffixIcon={<ForwardRef(CalendarOutlined) />}
-                                                              superNextIcon={
-                                                                <span
-                                                                  className="ant-picker-super-next-icon"
-                                                                />
-                                                              }
-                                                              superPrevIcon={
-                                                                <span
-                                                                  className="ant-picker-super-prev-icon"
-                                                                />
-                                                              }
-                                                              tabIndex={-1}
-                                                              transitionName="ant-slide-up"
-                                                              value={"2020-12-11T18:30:00.000Z"}
-                                                            />
-                                                          </div>
-                                                        }
-                                                        popupAlign={Object {}}
-                                                        popupClassName=""
-                                                        popupPlacement="bottomLeft"
-                                                        popupStyle={Object {}}
-                                                        popupTransitionName="ant-slide-up"
-                                                        popupVisible={false}
-                                                        prefixCls="ant-picker-dropdown"
-                                                        showAction={Array []}
-                                                      >
-                                                        <div
-                                                          className="ant-picker"
-                                                          key="trigger"
-                                                          onMouseUp={[Function]}
-                                                        >
-                                                          <div
-                                                            className="ant-picker-input"
-                                                          >
-                                                            <input
-                                                              autoComplete="off"
-                                                              id="update_profile_birth_date"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              placeholder="Select date"
-                                                              readOnly={true}
-                                                              size={12}
-                                                              title="2020-12-12"
-                                                              value="2020-12-12"
-                                                            />
-                                                            <span
-                                                              className="ant-picker-suffix"
-                                                            >
-                                                              <ForwardRef(CalendarOutlined)>
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "calendar",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="calendar"
-                                                                    className="anticon anticon-calendar"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "calendar",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="calendar"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-calendar"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
-                                                                          key="svg-calendar-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(CalendarOutlined)>
-                                                            </span>
-                                                            <span
-                                                              className="ant-picker-clear"
-                                                              onMouseDown={[Function]}
-                                                              onMouseUp={[Function]}
-                                                              role="button"
-                                                            >
-                                                              <ForwardRef(CloseCircleFilled)>
-                                                                <AntdIcon
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "close-circle",
-                                                                      "theme": "filled",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="close-circle"
-                                                                    className="anticon anticon-close-circle"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "close-circle",
-                                                                          "theme": "filled",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="close-circle"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-close-circle"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                          key="svg-close-circle-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(CloseCircleFilled)>
-                                                            </span>
-                                                          </div>
-                                                        </div>
-                                                      </Trigger>
-                                                    </PickerTrigger>
-                                                  </InnerPicker>
-                                                </Picker>
-                                              </LocaleReceiver>
-                                            </Picker>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Gender"
-                        name="gender"
-                      >
-                        <WrapperField
-                          label="Gender"
-                          messageVariables={
-                            Object {
-                              "label": "Gender",
-                            }
-                          }
-                          name="gender"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_gender"
-                            label="Gender"
-                            messageVariables={
-                              Object {
-                                "label": "Gender",
-                              }
-                            }
-                            name={
-                              Array [
-                                "gender",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_gender"
-                                  label="Gender"
-                                  name="gender"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_gender"
-                                        title="Gender"
-                                      >
-                                        Gender
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Gender"
-                                  name={
-                                    Array [
-                                      "gender",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                          >
-                                            <ForwardRef
-                                              id="update_profile_gender"
-                                              onChange={[Function]}
-                                            >
-                                              <div
-                                                className="ant-radio-group ant-radio-group-outline"
-                                                id="update_profile_gender"
-                                              >
-                                                <ForwardRef(RadioButton)
-                                                  value="male"
-                                                >
-                                                  <Radio
-                                                    checked={false}
-                                                    prefixCls="ant-radio-button"
-                                                    type="radio"
-                                                    value="male"
-                                                  >
-                                                    <label
-                                                      className="ant-radio-button-wrapper"
-                                                    >
-                                                      <Checkbox
-                                                        checked={false}
-                                                        className=""
-                                                        defaultChecked={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        prefixCls="ant-radio-button"
-                                                        style={Object {}}
-                                                        type="radio"
-                                                        value="male"
-                                                      >
-                                                        <span
-                                                          className="ant-radio-button"
-                                                          style={Object {}}
-                                                        >
-                                                          <input
-                                                            checked={false}
-                                                            className="ant-radio-button-input"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onKeyPress={[Function]}
-                                                            onKeyUp={[Function]}
-                                                            type="radio"
-                                                            value="male"
-                                                          />
-                                                          <span
-                                                            className="ant-radio-button-inner"
-                                                          />
-                                                        </span>
-                                                      </Checkbox>
-                                                      <span>
-                                                        Male
-                                                      </span>
-                                                    </label>
-                                                  </Radio>
-                                                </ForwardRef(RadioButton)>
-                                                <ForwardRef(RadioButton)
-                                                  value="female"
-                                                >
-                                                  <Radio
-                                                    checked={false}
-                                                    prefixCls="ant-radio-button"
-                                                    type="radio"
-                                                    value="female"
-                                                  >
-                                                    <label
-                                                      className="ant-radio-button-wrapper"
-                                                    >
-                                                      <Checkbox
-                                                        checked={false}
-                                                        className=""
-                                                        defaultChecked={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        prefixCls="ant-radio-button"
-                                                        style={Object {}}
-                                                        type="radio"
-                                                        value="female"
-                                                      >
-                                                        <span
-                                                          className="ant-radio-button"
-                                                          style={Object {}}
-                                                        >
-                                                          <input
-                                                            checked={false}
-                                                            className="ant-radio-button-input"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onKeyPress={[Function]}
-                                                            onKeyUp={[Function]}
-                                                            type="radio"
-                                                            value="female"
-                                                          />
-                                                          <span
-                                                            className="ant-radio-button-inner"
-                                                          />
-                                                        </span>
-                                                      </Checkbox>
-                                                      <span>
-                                                        Female
-                                                      </span>
-                                                    </label>
-                                                  </Radio>
-                                                </ForwardRef(RadioButton)>
-                                                <ForwardRef(RadioButton)
-                                                  value="other"
-                                                >
-                                                  <Radio
-                                                    checked={false}
-                                                    prefixCls="ant-radio-button"
-                                                    type="radio"
-                                                    value="other"
-                                                  >
-                                                    <label
-                                                      className="ant-radio-button-wrapper"
-                                                    >
-                                                      <Checkbox
-                                                        checked={false}
-                                                        className=""
-                                                        defaultChecked={false}
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        prefixCls="ant-radio-button"
-                                                        style={Object {}}
-                                                        type="radio"
-                                                        value="other"
-                                                      >
-                                                        <span
-                                                          className="ant-radio-button"
-                                                          style={Object {}}
-                                                        >
-                                                          <input
-                                                            checked={false}
-                                                            className="ant-radio-button-input"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            onKeyPress={[Function]}
-                                                            onKeyUp={[Function]}
-                                                            type="radio"
-                                                            value="other"
-                                                          />
-                                                          <span
-                                                            className="ant-radio-button-inner"
-                                                          />
-                                                        </span>
-                                                      </Checkbox>
-                                                      <span>
-                                                        Other
-                                                      </span>
-                                                    </label>
-                                                  </Radio>
-                                                </ForwardRef(RadioButton)>
-                                              </div>
-                                            </ForwardRef>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Facebook Url"
-                        name={
-                          Array [
-                            "social_media_urls",
-                            "facebook",
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Facebook Url"
-                          messageVariables={
-                            Object {
-                              "label": "Facebook Url",
-                            }
-                          }
-                          name={
-                            Array [
-                              "social_media_urls",
-                              "facebook",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_social_media_urls_facebook"
-                            label="Facebook Url"
-                            messageVariables={
-                              Object {
-                                "label": "Facebook Url",
-                              }
-                            }
-                            name={
-                              Array [
-                                "social_media_urls",
-                                "facebook",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_social_media_urls_facebook"
-                                  label="Facebook Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "facebook",
-                                    ]
-                                  }
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_social_media_urls_facebook"
-                                        title="Facebook Url"
-                                      >
-                                        Facebook Url
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Facebook Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "facebook",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value="facebook/abc"
-                                          >
-                                            <Input
-                                              id="update_profile_social_media_urls_facebook"
-                                              onChange={[Function]}
-                                              placeholder="Facebook url"
-                                              type="text"
-                                              value="facebook/abc"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_social_media_urls_facebook"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Facebook url"
-                                                    type="text"
-                                                    value="facebook/abc"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_social_media_urls_facebook"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Facebook url"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value="facebook/abc"
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_social_media_urls_facebook"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Facebook url"
-                                                  type="text"
-                                                  value="facebook/abc"
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Twitter Url"
-                        name={
-                          Array [
-                            "social_media_urls",
-                            "twitter",
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Twitter Url"
-                          messageVariables={
-                            Object {
-                              "label": "Twitter Url",
-                            }
-                          }
-                          name={
-                            Array [
-                              "social_media_urls",
-                              "twitter",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_social_media_urls_twitter"
-                            label="Twitter Url"
-                            messageVariables={
-                              Object {
-                                "label": "Twitter Url",
-                              }
-                            }
-                            name={
-                              Array [
-                                "social_media_urls",
-                                "twitter",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_social_media_urls_twitter"
-                                  label="Twitter Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "twitter",
-                                    ]
-                                  }
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_social_media_urls_twitter"
-                                        title="Twitter Url"
-                                      >
-                                        Twitter Url
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Twitter Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "twitter",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value="twitter/abc"
-                                          >
-                                            <Input
-                                              id="update_profile_social_media_urls_twitter"
-                                              onChange={[Function]}
-                                              placeholder="Twitter url"
-                                              type="text"
-                                              value="twitter/abc"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_social_media_urls_twitter"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Twitter url"
-                                                    type="text"
-                                                    value="twitter/abc"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_social_media_urls_twitter"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Twitter url"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value="twitter/abc"
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_social_media_urls_twitter"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Twitter url"
-                                                  type="text"
-                                                  value="twitter/abc"
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="LinkedIn Url"
-                        name={
-                          Array [
-                            "social_media_urls",
-                            "linkedin",
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="LinkedIn Url"
-                          messageVariables={
-                            Object {
-                              "label": "LinkedIn Url",
-                            }
-                          }
-                          name={
-                            Array [
-                              "social_media_urls",
-                              "linkedin",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_social_media_urls_linkedin"
-                            label="LinkedIn Url"
-                            messageVariables={
-                              Object {
-                                "label": "LinkedIn Url",
-                              }
-                            }
-                            name={
-                              Array [
-                                "social_media_urls",
-                                "linkedin",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_social_media_urls_linkedin"
-                                  label="LinkedIn Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "linkedin",
-                                    ]
-                                  }
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_social_media_urls_linkedin"
-                                        title="LinkedIn Url"
-                                      >
-                                        LinkedIn Url
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="LinkedIn Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "linkedin",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value="linkedin/abc"
-                                          >
-                                            <Input
-                                              id="update_profile_social_media_urls_linkedin"
-                                              onChange={[Function]}
-                                              placeholder="LinkedIn url"
-                                              type="text"
-                                              value="linkedin/abc"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_social_media_urls_linkedin"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="LinkedIn url"
-                                                    type="text"
-                                                    value="linkedin/abc"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_social_media_urls_linkedin"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="LinkedIn url"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value="linkedin/abc"
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_social_media_urls_linkedin"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="LinkedIn url"
-                                                  type="text"
-                                                  value="linkedin/abc"
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Instagram Url"
-                        name={
-                          Array [
-                            "social_media_urls",
-                            "instagram",
-                          ]
-                        }
-                      >
-                        <WrapperField
-                          label="Instagram Url"
-                          messageVariables={
-                            Object {
-                              "label": "Instagram Url",
-                            }
-                          }
-                          name={
-                            Array [
-                              "social_media_urls",
-                              "instagram",
-                            ]
-                          }
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_social_media_urls_instagram"
-                            label="Instagram Url"
-                            messageVariables={
-                              Object {
-                                "label": "Instagram Url",
-                              }
-                            }
-                            name={
-                              Array [
-                                "social_media_urls",
-                                "instagram",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_social_media_urls_instagram"
-                                  label="Instagram Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "instagram",
-                                    ]
-                                  }
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_social_media_urls_instagram"
-                                        title="Instagram Url"
-                                      >
-                                        Instagram Url
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Instagram Url"
-                                  name={
-                                    Array [
-                                      "social_media_urls",
-                                      "instagram",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value="instagram/abc"
-                                          >
-                                            <Input
-                                              id="update_profile_social_media_urls_instagram"
-                                              onChange={[Function]}
-                                              placeholder="Instagram url"
-                                              type="text"
-                                              value="instagram/abc"
-                                            >
-                                              <ClearableLabeledInput
-                                                bordered={true}
-                                                element={
-                                                  <input
-                                                    className="ant-input"
-                                                    id="update_profile_social_media_urls_instagram"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Instagram url"
-                                                    type="text"
-                                                    value="instagram/abc"
-                                                  />
-                                                }
-                                                focused={false}
-                                                handleReset={[Function]}
-                                                id="update_profile_social_media_urls_instagram"
-                                                inputType="input"
-                                                onChange={[Function]}
-                                                placeholder="Instagram url"
-                                                prefixCls="ant-input"
-                                                triggerFocus={[Function]}
-                                                type="text"
-                                                value="instagram/abc"
-                                              >
-                                                <input
-                                                  className="ant-input"
-                                                  id="update_profile_social_media_urls_instagram"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Instagram url"
-                                                  type="text"
-                                                  value="instagram/abc"
-                                                />
-                                              </ClearableLabeledInput>
-                                            </Input>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        label="Description"
-                        name="description"
-                      >
-                        <WrapperField
-                          label="Description"
-                          messageVariables={
-                            Object {
-                              "label": "Description",
-                            }
-                          }
-                          name="description"
-                          onReset={[Function]}
-                          trigger="onChange"
-                          validateTrigger="onChange"
-                        >
-                          <Field
-                            fieldContext={
-                              Object {
-                                "__INTERNAL__": Object {
-                                  "itemRef": [Function],
-                                  "name": "update_profile",
-                                },
-                                "getFieldError": [Function],
-                                "getFieldInstance": [Function],
-                                "getFieldValue": [Function],
-                                "getFieldsError": [Function],
-                                "getFieldsValue": [Function],
-                                "getInternalHooks": [Function],
-                                "isFieldTouched": [Function],
-                                "isFieldValidating": [Function],
-                                "isFieldsTouched": [Function],
-                                "isFieldsValidating": [Function],
-                                "resetFields": [Function],
-                                "scrollToField": [Function],
-                                "setFields": [Function],
-                                "setFieldsValue": [Function],
-                                "submit": [Function],
-                                "validateFields": [Function],
-                                "validateTrigger": "onChange",
-                              }
-                            }
-                            key="_description"
-                            label="Description"
-                            messageVariables={
-                              Object {
-                                "label": "Description",
-                              }
-                            }
-                            name={
-                              Array [
-                                "description",
-                              ]
-                            }
-                            onReset={[Function]}
-                            trigger="onChange"
-                            validateTrigger="onChange"
-                            valuePropName="value"
-                          >
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  htmlFor="update_profile_description"
-                                  label="Description"
-                                  name="description"
-                                  prefixCls="ant-form"
-                                  required={false}
-                                  requiredMark={true}
-                                >
-                                  <Col
-                                    className="ant-form-item-label"
-                                    span={7}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-7 ant-form-item-label"
-                                      style={Object {}}
-                                    >
-                                      <label
-                                        className=""
-                                        htmlFor="update_profile_description"
-                                        title="Description"
-                                      >
-                                        Description
-                                      </label>
-                                    </div>
-                                  </Col>
-                                </FormItemLabel>
-                                <FormItemInput
-                                  errors={Array []}
-                                  label="Description"
-                                  name={
-                                    Array [
-                                      "description",
-                                    ]
-                                  }
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  touched={false}
-                                  validateStatus=""
-                                  validating={false}
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                    span={16}
-                                  >
-                                    <div
-                                      className="ant-col ant-col-16 ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Component
-                                            update={2}
-                                            value="Description"
-                                          >
-                                            <ForwardRef
-                                              autoSize={
-                                                Object {
-                                                  "maxRows": 6,
-                                                  "minRows": 2,
-                                                }
-                                              }
-                                              id="update_profile_description"
-                                              onChange={[Function]}
-                                              placeholder="Description"
-                                              value="Description"
-                                            >
-                                              <ClearableLabeledInput
-                                                autoSize={
-                                                  Object {
-                                                    "maxRows": 6,
-                                                    "minRows": 2,
-                                                  }
-                                                }
-                                                bordered={true}
-                                                element={
-                                                  <TextArea
-                                                    autoSize={
-                                                      Object {
-                                                        "maxRows": 6,
-                                                        "minRows": 2,
-                                                      }
-                                                    }
-                                                    className=""
-                                                    id="update_profile_description"
-                                                    onChange={[Function]}
-                                                    onCompositionEnd={[Function]}
-                                                    onCompositionStart={[Function]}
-                                                    placeholder="Description"
-                                                    prefixCls="ant-input"
-                                                    value="Description"
-                                                  />
-                                                }
-                                                handleReset={[Function]}
-                                                id="update_profile_description"
-                                                inputType="text"
-                                                placeholder="Description"
-                                                prefixCls="ant-input"
-                                                value="Description"
-                                              >
-                                                <TextArea
-                                                  autoSize={
-                                                    Object {
-                                                      "maxRows": 6,
-                                                      "minRows": 2,
-                                                    }
-                                                  }
-                                                  className=""
-                                                  id="update_profile_description"
-                                                  onChange={[Function]}
-                                                  onCompositionEnd={[Function]}
-                                                  onCompositionStart={[Function]}
-                                                  placeholder="Description"
-                                                  prefixCls="ant-input"
-                                                  value="Description"
-                                                >
-                                                  <ResizableTextArea
-                                                    autoSize={
-                                                      Object {
-                                                        "maxRows": 6,
-                                                        "minRows": 2,
-                                                      }
-                                                    }
-                                                    className=""
-                                                    id="update_profile_description"
-                                                    onChange={[Function]}
-                                                    onCompositionEnd={[Function]}
-                                                    onCompositionStart={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    placeholder="Description"
-                                                    prefixCls="ant-input"
-                                                    value="Description"
-                                                  >
-                                                    <ResizeObserver
-                                                      disabled={false}
-                                                      onResize={[Function]}
-                                                    >
-                                                      <textarea
-                                                        className="ant-input"
-                                                        id="update_profile_description"
-                                                        onChange={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        placeholder="Description"
-                                                        style={
-                                                          Object {
-                                                            "height": -24,
-                                                            "maxHeight": -24,
-                                                            "minHeight": -8,
-                                                            "overflowX": "hidden",
-                                                            "overflowY": "hidden",
-                                                            "resize": "none",
-                                                          }
-                                                        }
-                                                        value="Description"
-                                                      />
-                                                    </ResizeObserver>
-                                                  </ResizableTextArea>
-                                                </TextArea>
-                                              </ClearableLabeledInput>
-                                            </ForwardRef>
-                                          </Component>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </Field>
-                        </WrapperField>
-                      </FormItem>
-                      <FormItem
-                        wrapperCol={
-                          Object {
-                            "offset": 3,
-                            "span": 17,
-                          }
-                        }
-                      >
-                        <Row
-                          className="ant-form-item"
-                          key="row"
-                        >
-                          <div
-                            className="ant-row ant-form-item"
-                            style={Object {}}
-                          >
-                            <FormItemLabel
-                              prefixCls="ant-form"
-                              requiredMark={true}
-                              wrapperCol={
-                                Object {
-                                  "offset": 3,
-                                  "span": 17,
-                                }
-                              }
-                            />
-                            <FormItemInput
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                              prefixCls="ant-form"
-                              status=""
-                              validateStatus=""
-                              wrapperCol={
-                                Object {
-                                  "offset": 3,
-                                  "span": 17,
-                                }
-                              }
-                            >
-                              <Col
-                                className="ant-form-item-control"
-                                offset={3}
-                                span={17}
-                              >
-                                <div
-                                  className="ant-col ant-col-17 ant-col-offset-3 ant-form-item-control"
-                                  style={Object {}}
-                                >
-                                  <div
-                                    className="ant-form-item-control-input"
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input-content"
-                                    >
-                                      <Button
-                                        block={true}
-                                        disabled={true}
-                                        form="update_profile"
-                                        htmlType="submit"
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary ant-btn-block"
-                                            disabled={true}
-                                            form="update_profile"
-                                            onClick={[Function]}
-                                            type="submit"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Update
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </div>
-                                  <ErrorList
-                                    errors={Array []}
-                                    onDomErrorVisibleChange={[Function]}
-                                  >
-                                    <CSSMotion
-                                      motionAppear={true}
-                                      motionDeadline={500}
-                                      motionName="ant-show-help"
-                                      onLeaveEnd={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </ErrorList>
-                                </div>
-                              </Col>
-                            </FormItemInput>
-                          </div>
-                        </Row>
-                      </FormItem>
-                    </div>
-                  </form>
-                </ForwardRef(Form)>
-              </SizeContextProvider>
-            </ForwardRef(InternalForm)>
-          </div>
-        </div>
-      </Card>
-    </div>
-  </Profile>
-</Provider>
-`;
diff --git a/studio/src/pages/profile/index.js b/studio/src/pages/profile/index.js
deleted file mode 100644
index 8ad26f558..000000000
--- a/studio/src/pages/profile/index.js
+++ /dev/null
@@ -1,164 +0,0 @@
-import React, { useState } from 'react';
-import { Card, Form, Input, Button, DatePicker, Radio, Row, Col, message } from 'antd';
-import dayjs from 'dayjs';
-import MediaSelector from '../../components/MediaSelector';
-import { maker } from '../../utils/sluger';
-import { useSelector } from 'react-redux';
-import { SlugInput } from '../../components/FormItems';
-import { Helmet } from 'react-helmet';
-
-function Profile() {
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = useState(false);
-
-  const { profile, loading } = useSelector((state) => ({
-    profile: state.profile.details || null,
-    loading: state.profile.loading,
-  }));
-
-  const updateZitadelProfile = async (values) => {
-    try {
-      const userId = localStorage.getItem('userId');
-      const apiUrl = `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/human/${userId}`;
-
-      const zitadelData = {
-        profile: {
-          givenName: values.first_name,
-          familyName: values.last_name,
-          displayName: values.display_name,
-          gender: values.gender.toUpperCase(),
-        },
-        metadata: {
-          birth_date: values.birth_date ? dayjs(values.birth_date).format('YYYY-MM-DD') : null,
-          social_media_urls: values.social_media_urls,
-          description: values.description,
-          featured_medium_id: values.featured_medium_id,
-          slug: values.slug,
-        },
-      };
-
-      const response = await fetch(apiUrl, {
-        method: 'PUT',
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json',
-          Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-        },
-        body: JSON.stringify(zitadelData),
-      });
-
-      if (!response.ok) {
-        const errorData = await response.json();
-        const errorMessage = errorData.message
-          ? errorData.message.split('(')[0].trim()
-          : 'Failed to update profile';
-        throw new Error(errorMessage);
-      }
-
-      message.success('Profile updated successfully');
-    } catch (error) {
-      console.error('Error updating profile:', error);
-      message.error(error.message || 'Failed to update profile. Please try again.');
-    }
-  };
-
-  const onFinish = (values) => {
-    updateZitadelProfile(values);
-  };
-
-  const onNameChange = (string) => {
-    form.setFieldsValue({
-      slug: maker(string),
-    });
-  };
-
-  return (
-    <div className="content">
-      <Helmet title={'Profile'} />
-      <Card title="Update Profile" loading={loading}>
-        <Form
-          form={form}
-          name="update_profile"
-          style={{ padding: '34px 25px', background: '#F9FAFB' }}
-          onFinish={onFinish}
-          initialValues={{
-            ...profile,
-            birth_date: profile && profile.birth_date ? dayjs(profile.birth_date) : null,
-          }}
-          onValuesChange={() => setValueChange(true)}
-        >
-          <Row justify={'end'}>
-            <Button disabled={!valueChange} form="update_profile" type="primary" htmlType="submit">
-              Update
-            </Button>
-          </Row>
-          <Row gutter={56}>
-            <Col md={6} xs={24}>
-              <Form.Item name="featured_medium_id">
-                <MediaSelector profile={true} />
-              </Form.Item>
-            </Col>
-            <Col md={10} xs={24}>
-              <Form.Item
-                label="First Name"
-                name="first_name"
-                rules={[{ required: false, message: 'Please input your first name!' }]}
-              >
-                <Input placeholder="First Name" />
-              </Form.Item>
-
-              <Form.Item
-                label="Last Name"
-                name="last_name"
-                rules={[{ required: false, message: 'Please input your last name!' }]}
-              >
-                <Input placeholder="Last name" />
-              </Form.Item>
-
-              <Form.Item
-                name="display_name"
-                label="Display Name"
-                rules={[{ required: true, message: 'Please input your display name' }]}
-              >
-                <Input placeholder="Display name" onChange={(e) => onNameChange(e.target.value)} />
-              </Form.Item>
-
-              <SlugInput inputProps={{ placeholder: 'slug' }} />
-              <Form.Item
-                label="Birthdate"
-                name="birth_date"
-                rules={[{ type: 'object', required: false, message: 'Please select time!' }]}
-              >
-                <DatePicker />
-              </Form.Item>
-              <Form.Item label="Gender" name="gender">
-                <Radio.Group>
-                  <Radio.Button value="GENDER_MALE">Male</Radio.Button>
-                  <Radio.Button value="GENDER_FEMALE">Female</Radio.Button>
-                  <Radio.Button value="GENDER_DIVERSE">Other</Radio.Button>
-                </Radio.Group>
-              </Form.Item>
-              <Form.Item label="Facebook Url" name={['social_media_urls', 'facebook']}>
-                <Input placeholder="Facebook url" />
-              </Form.Item>
-              <Form.Item label="Twitter Url" name={['social_media_urls', 'twitter']}>
-                <Input placeholder="Twitter url" />
-              </Form.Item>
-              <Form.Item label="LinkedIn Url" name={['social_media_urls', 'linkedin']}>
-                <Input placeholder="LinkedIn url" />
-              </Form.Item>
-              <Form.Item label="Instagram Url" name={['social_media_urls', 'instagram']}>
-                <Input placeholder="Instagram url" />
-              </Form.Item>
-              <Form.Item label="Description" name="description">
-                <Input.TextArea placeholder="Description" autoSize={{ minRows: 2, maxRows: 6 }} />
-              </Form.Item>
-            </Col>
-          </Row>
-        </Form>
-      </Card>
-    </div>
-  );
-}
-
-export default Profile;
diff --git a/studio/src/pages/profile/index.test.js b/studio/src/pages/profile/index.test.js
deleted file mode 100644
index 16d9e5f5d..000000000
--- a/studio/src/pages/profile/index.test.js
+++ /dev/null
@@ -1,233 +0,0 @@
-import React from 'react';
-import { DatePicker, Radio } from 'antd';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { shallow, mount } from 'enzyme';
-import moment from 'moment';
-
-import '../../matchMedia.mock';
-import Profile from './index';
-import { getUserProfile, updateProfile } from '../../actions/profile';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-global.fetch = jest.fn();
-
-let m = moment('12 Dec 2020 00:00:00 IST', 'DD MMM YYYY HH:mm:ss');
-const birthDate = m.format();
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('../../actions/profile', () => ({
-  getUserProfile: jest.fn(),
-  updateProfile: jest.fn(),
-}));
-
-describe('Profiles index component', () => {
-  let store;
-  const mockedDispatch = jest.fn();
-  mockedDispatch.mockReturnValue(Promise.resolve());
-  useDispatch.mockReturnValue(mockedDispatch);
-  store = mockStore({});
-  store.dispatch = jest.fn(() => ({}));
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      store = mockStore({
-        profile: {},
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <Profile />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      store = mockStore({
-        profile: {
-          details: {
-            id: '1',
-            first_name: 'abc',
-            last_name: 'xyz',
-            display_name: 'abc',
-            slug: 'abc',
-            email: 'abc@gmail.com',
-            birth_date: birthDate,
-            social_media_urls: {
-              facebook: 'facebook/abc',
-              twitter: 'twitter/abc',
-              linkedin: 'linkedin/abc',
-              instagram: 'instagram/abc',
-            },
-            description: 'Description',
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <Profile />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getUserProfile).toHaveBeenCalled();
-    });
-  });
-  describe('component testing', () => {
-    store = mockStore({
-      profile: {
-        details: {
-          id: '1',
-          first_name: 'abc',
-          last_name: 'xyz',
-          display_name: 'abc',
-          slug: 'abc',
-          email: 'abc@gmail.com',
-          birth_date: birthDate,
-          social_media_urls: {
-            facebook: 'facebook/abc',
-            twitter: 'twitter/abc',
-            linkedin: 'linkedin/abc',
-            instagram: 'instagram/abc',
-          },
-          description: 'Description',
-        },
-        loading: false,
-      },
-      media: {
-        req: [],
-        details: {},
-        loading: false,
-      },
-    });
-    let wrapper;
-    beforeEach(() => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Profile />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should submit form with data', (done) => {
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'firstname' } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'lastname' } });
-        wrapper
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: 'new Display Name' } });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find(DatePicker)
-          .at(0)
-          .props()
-          .onChange({
-            target: { value: moment('10 Oct 2020 00:00:00 IST') },
-          });
-        wrapper
-          .find('FormItem')
-          .at(6)
-          .find(Radio.Group)
-          .at(0)
-          .props()
-          .onChange({ target: { value: 'male' } });
-
-        const updateButtom = wrapper.find('Button').at(1);
-        expect(updateButtom.text()).toBe('Update');
-        updateButtom.simulate('submit');
-      });
-
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(getUserProfile).toHaveBeenCalled();
-        expect(updateProfile).toHaveBeenCalledTimes(1);
-        expect(wrapper.find('FormItem').at(12).find('Button').props().disabled).toBe(false);
-        expect(updateProfile).toHaveBeenCalledWith({
-          first_name: 'firstname',
-          last_name: 'lastname',
-          display_name: 'new Display Name',
-          slug: 'new-display-name',
-          birth_date: moment('10 Oct 2020 00:00:00 IST').format('YYYY-MM-DDTHH:mm:ssZ'),
-          social_media_urls: {
-            facebook: 'facebook/abc',
-            twitter: 'twitter/abc',
-            linkedin: 'linkedin/abc',
-            instagram: 'instagram/abc',
-          },
-          description: 'Description',
-          featured_medium_id: undefined,
-          gender: 'male',
-        });
-        done();
-      });
-    });
-    it('should disable update button unless any change', () => {
-      const store2 = mockStore({
-        profile: {
-          details: {
-            id: '1',
-            first_name: 'abc',
-            last_name: 'xyz',
-            display_name: 'abc',
-            slug: 'abc',
-            email: 'abc@gmail.com',
-            social_media_urls: {
-              facebook: 'facebook/abc',
-              twitter: 'twitter/abc',
-              linkedin: 'linkedin/abc',
-              instagram: 'instagram/abc',
-            },
-            description: 'Description',
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store2}>
-            <Profile />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('FormItem').at(12).find('Button').props().disabled).toBe(true);
-    });
-  });
-});
diff --git a/studio/src/pages/ratings/CreateRating.js b/studio/src/pages/ratings/CreateRating.js
deleted file mode 100644
index 542c1f5de..000000000
--- a/studio/src/pages/ratings/CreateRating.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import RatingCreateForm from './components/RatingForm';
-import { useDispatch } from 'react-redux';
-import { createRating } from '../../actions/ratings';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateRating() {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(createRating(values)).then(() => history('/ratings'));
-  };
-  return (
-    <>
-      <Helmet title={'Create Rating'} />
-      <RatingCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-
-export default CreateRating;
diff --git a/studio/src/pages/ratings/CreateRating.test.js b/studio/src/pages/ratings/CreateRating.test.js
deleted file mode 100644
index f88a26b14..000000000
--- a/studio/src/pages/ratings/CreateRating.test.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreateRating from './CreateRating';
-import * as actions from '../../actions/ratings';
-import RatingForm from './components/RatingForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/ratings', () => ({
-  getRatings: jest.fn(),
-  createRating: jest.fn(),
-}));
-
-describe('Ratings create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    ratings: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [],
-      details: { 1: { site_address: '' } },
-      loading: true,
-      selected: 1,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot component', () => {
-    window.HTMLCanvasElement.prototype.getContext = () => {
-      return;
-      // return whatever getContext has to return
-    };
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CreateRating />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createRating', (done) => {
-      actions.createRating.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreateRating />
-          </Provider>,
-        );
-      });
-      wrapper.find(RatingForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.createRating).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/ratings');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/ratings/CreateRating.tsx b/studio/src/pages/ratings/CreateRating.tsx
new file mode 100644
index 000000000..306cc5aba
--- /dev/null
+++ b/studio/src/pages/ratings/CreateRating.tsx
@@ -0,0 +1,33 @@
+import React from "react";
+import RatingCreateForm from "./components/RatingForm";
+import { createRating } from "../../actions/ratings";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Rating } from "./types";
+
+const CreateRating: React.FC = () => {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onCreate = (values: Rating) => {
+    dispatch(createRating(values))
+      .then(() => {
+        // Navigate only after successful creation
+        history("/ratings");
+      })
+      .catch((error) => {
+        // Error is already handled in the action creator
+        console.error("Creation failed:", error);
+      });
+  };
+
+  return (
+    <>
+      <Helmet title="Create Rating" />
+      <RatingCreateForm onCreate={onCreate} />
+    </>
+  );
+};
+
+export default CreateRating;
diff --git a/studio/src/pages/ratings/EditRating.js b/studio/src/pages/ratings/EditRating.js
deleted file mode 100644
index 6cd250c1c..000000000
--- a/studio/src/pages/ratings/EditRating.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import RatingEditForm from './components/RatingForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updateRating, getRating } from '../../actions/ratings';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditRating() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-
-  const { rating, loading } = useSelector((state) => {
-    return {
-      rating: state.ratings.details[id] ? state.ratings.details[id] : null,
-      loading: state.ratings.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getRating(id));
-  }, [dispatch, id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!rating) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updateRating({ ...rating, ...values })).then(() => history(`/ratings/${id}/edit`));
-  };
-
-  return (
-    <>
-      <Helmet title={`${rating?.name} - Edit Rating`} />
-      <RatingEditForm data={rating} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditRating;
diff --git a/studio/src/pages/ratings/EditRating.test.js b/studio/src/pages/ratings/EditRating.test.js
deleted file mode 100644
index da51858d2..000000000
--- a/studio/src/pages/ratings/EditRating.test.js
+++ /dev/null
@@ -1,281 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import renderer, { act as rendererAct } from 'react-test-renderer';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditRating from './EditRating';
-import * as actions from '../../actions/ratings';
-import RatingEditForm from './components/RatingForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/ratings', () => ({
-  getRating: jest.fn(),
-  updateRating: jest.fn(),
-  addRating: jest.fn(),
-}));
-
-describe('Ratings Edit component', () => {
-  let store;
-  let mockedDispatch;
-
-  describe('snapshot testing', () => {
-    window.HTMLCanvasElement.prototype.getContext = () => {
-      return;
-      // return whatever getContext has to return
-    };
-    beforeEach(() => {
-      store = mockStore({
-        ratings: {
-          req: [],
-          details: {
-            '1': {
-              id: 1,
-              name: 'True',
-              slug: 'true',
-              description: {
-                time: 1613559903378,
-                blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-                version: '2.19.0',
-              },
-              numeric_value: 5,
-            },
-            '2': {
-              id: 2,
-              name: 'False',
-              slug: 'false',
-              description: {
-                time: 1613559903398,
-                blocks: [{ type: 'paragraph', data: { text: 'Description2' } }],
-                version: '2.19.0',
-              },
-              numeric_value: 5,
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [],
-          details: { 1: { site_address: '' } },
-          loading: true,
-          selected: 1,
-        },
-      });
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <EditRating />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      store = mockStore({
-        ratings: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditRating />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      store = mockStore({
-        ratings: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditRating />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        ratings: {
-          req: [],
-          details: {
-            1: {
-              id: 1,
-              name: 'True',
-              slug: 'true',
-              description: {
-                time: 1613559903378,
-                blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-                version: '2.19.0',
-              },
-              numeric_value: 5,
-            },
-            2: {
-              id: 2,
-              name: 'False',
-              slug: 'false',
-              description: {
-                time: 1613559903398,
-                blocks: [{ type: 'paragraph', data: { text: 'Description2' } }],
-                version: '2.19.0',
-              },
-              numeric_value: 5,
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [],
-          details: { 1: { site_address: '' } },
-          loading: true,
-          selected: 1,
-        },
-      });
-      store.dispatch = jest.fn(() => ({}));
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getRating.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditRating />
-          </Provider>,
-        );
-      });
-      expect(actions.getRating).toHaveBeenCalledWith('1');
-    });
-    it('should display RecordNotFound when rating not found', () => {
-      store = mockStore({
-        ratings: {
-          req: [
-            {
-              data: [2],
-              query: {
-                page: 1,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            2: {
-              id: 2,
-              name: 'False',
-              slug: 'false',
-              description: {
-                time: 1613559903398,
-                blocks: [{ type: 'paragraph', data: { text: 'Description2' } }],
-                version: '2.19.0',
-              },
-              numeric_value: 5,
-            },
-          },
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      actions.getRating.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditRating />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(actions.getRating).toHaveBeenCalledWith('1');
-    });
-    it('should call updateRating', (done) => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      useDispatch.mockReturnValueOnce(() => Promise.resolve({}));
-      actions.updateRating.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditRating />
-          </Provider>,
-        );
-      });
-      wrapper.find(RatingEditForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.updateRating).toHaveBeenCalledWith({
-          id: 1,
-          name: 'True',
-          slug: 'true',
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          numeric_value: 5,
-          test: 'test',
-        });
-        expect(push).toHaveBeenCalledWith('/ratings/1/edit');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/ratings/EditRating.tsx b/studio/src/pages/ratings/EditRating.tsx
new file mode 100644
index 000000000..cb8b5e96a
--- /dev/null
+++ b/studio/src/pages/ratings/EditRating.tsx
@@ -0,0 +1,66 @@
+import React, { useEffect } from "react";
+import RatingEditForm from "./components/RatingForm";
+import { useSelector } from "react-redux";
+import { Skeleton } from "@/components/ui/skeleton";
+import { updateRating, getRating } from "../../actions/ratings";
+import { useParams } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { RootState, RatingFormValues } from "./types";
+
+function EditRating(): React.ReactElement {
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+
+  const dispatch = useAppDispatch();
+
+  const { rating, loading } = useSelector((state: RootState) => {
+    return {
+      rating:
+        id && state.ratings.details[id] ? state.ratings.details[id] : null,
+      loading: state.ratings.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      dispatch(getRating(id));
+    }
+  }, [dispatch, id]);
+
+  if (loading) return <Skeleton className="h-48 w-full" />;
+
+  if (!rating) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: RatingFormValues): void => {
+    const updatedRating = {
+      ...rating,
+      ...values,
+      id: rating.id,
+      description: rating.description,
+    };
+
+    dispatch(updateRating(updatedRating))
+      .then(() => {
+        // Navigate only after successful update
+        history(`/ratings/${id}/edit`);
+      })
+      .catch((error) => {
+        // Error is already handled in the action creator
+        console.error("Update failed:", error);
+      });
+  };
+
+  return (
+    <>
+      <Helmet title={`${rating?.name} - Edit Rating`} />
+      <RatingEditForm data={rating} onCreate={onUpdate} />
+    </>
+  );
+}
+
+export default EditRating;
diff --git a/studio/src/pages/ratings/__snapshots__/CreateRating.test.js.snap b/studio/src/pages/ratings/__snapshots__/CreateRating.test.js.snap
deleted file mode 100644
index 79158b5ea..000000000
--- a/studio/src/pages/ratings/__snapshots__/CreateRating.test.js.snap
+++ /dev/null
@@ -1,2903 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ratings create component snapshot component should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateRating>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Rating"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Rating"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Rating"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <RatingForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "creat-rating",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        layout="vertical"
-        name="creat-rating"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "creat-rating",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="creat-rating"
-            initialValues={Object {}}
-            name="creat-rating"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="creat-rating"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <Row
-                justify="center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-row-center"
-                  style={
-                    Object {
-                      "margin": "0 auto",
-                      "maxWidth": "1200px",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="end"
-                      >
-                        <div
-                          className="ant-row ant-row-end"
-                          style={
-                            Object {
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <FormItem>
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  prefixCls="ant-form"
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  validateStatus=""
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Space>
-                                            <div
-                                              className="ant-space ant-space-horizontal ant-space-align-center"
-                                              style={Object {}}
-                                            >
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={0}
-                                                key="ant-space-item-0"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={
-                                                    Object {
-                                                      "marginRight": 8,
-                                                    }
-                                                  }
-                                                >
-                                                  <Button
-                                                    htmlType="button"
-                                                    onClick={[Function]}
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn"
-                                                        onClick={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Reset
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={1}
-                                                key="ant-space-item-1"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={Object {}}
-                                                >
-                                                  <Button
-                                                    disabled={true}
-                                                    htmlType="submit"
-                                                    type="primary"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-primary"
-                                                        disabled={true}
-                                                        onClick={[Function]}
-                                                        type="submit"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Submit
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                            </div>
-                                          </Space>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </FormItem>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-row-space-around"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginBottom": "1rem",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                              "padding": "1.25rem",
-                            }
-                          }
-                        >
-                          <Col
-                            span={12}
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <TitleInput
-                                label="Rating Name"
-                                name="name"
-                                onChange={[Function]}
-                              >
-                                <FormItem
-                                  label="Rating Name"
-                                  name="name"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Rating Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Rating Name",
-                                      }
-                                    }
-                                    name="name"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-rating",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_name"
-                                      label="Rating Name"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Rating Name",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please enter name!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Name must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-rating_name"
-                                            label="Rating Name"
-                                            name="name"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="creat-rating_name"
-                                                  title="Rating Name"
-                                                >
-                                                  Rating Name
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Rating Name"
-                                            name={
-                                              Array [
-                                                "name",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="creat-rating_name"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="creat-rating_name"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="creat-rating_name"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </TitleInput>
-                              <SlugInput>
-                                <FormItem
-                                  label="Slug"
-                                  name="slug"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name="slug"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-rating",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_slug"
-                                      label="Slug"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Slug",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "slug",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the slug!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Please enter valid slug!",
-                                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-rating_slug"
-                                            label="Slug"
-                                            name="slug"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="creat-rating_slug"
-                                                  title="Slug"
-                                                >
-                                                  Slug
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Slug"
-                                            name={
-                                              Array [
-                                                "slug",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="creat-rating_slug"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="creat-rating_slug"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="creat-rating_slug"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </SlugInput>
-                              <FormItem
-                                label="Numeric value"
-                                name="numeric_value"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the numeric value!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Numeric value"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Numeric value",
-                                    }
-                                  }
-                                  name="numeric_value"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the numeric value!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_numeric_value"
-                                    label="Numeric value"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Numeric value",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "numeric_value",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter the numeric value!",
-                                          "required": true,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_numeric_value"
-                                          label="Numeric value"
-                                          name="numeric_value"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter the numeric value!",
-                                                "required": true,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-rating_numeric_value"
-                                                title="Numeric value"
-                                              >
-                                                Numeric value
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Numeric value"
-                                          name={
-                                            Array [
-                                              "numeric_value",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter the numeric value!",
-                                                "required": true,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <ForwardRef
-                                                      id="creat-rating_numeric_value"
-                                                      min={1}
-                                                      onChange={[Function]}
-                                                    >
-                                                      <InputNumber
-                                                        className=""
-                                                        downHandler={
-                                                          <ForwardRef(DownOutlined)
-                                                            className="ant-input-number-handler-down-inner"
-                                                          />
-                                                        }
-                                                        id="creat-rating_numeric_value"
-                                                        min={1}
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input-number"
-                                                        upHandler={
-                                                          <ForwardRef(UpOutlined)
-                                                            className="ant-input-number-handler-up-inner"
-                                                          />
-                                                        }
-                                                      >
-                                                        <div
-                                                          className="ant-input-number"
-                                                          onBlur={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          onKeyUp={[Function]}
-                                                        >
-                                                          <StepHandler
-                                                            downDisabled={false}
-                                                            downNode={
-                                                              <ForwardRef(DownOutlined)
-                                                                className="ant-input-number-handler-down-inner"
-                                                              />
-                                                            }
-                                                            onStep={[Function]}
-                                                            prefixCls="ant-input-number"
-                                                            upDisabled={false}
-                                                            upNode={
-                                                              <ForwardRef(UpOutlined)
-                                                                className="ant-input-number-handler-up-inner"
-                                                              />
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-input-number-handler-wrap"
-                                                            >
-                                                              <span
-                                                                aria-disabled={false}
-                                                                aria-label="Increase Value"
-                                                                className="ant-input-number-handler ant-input-number-handler-up"
-                                                                onMouseDown={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                onMouseUp={[Function]}
-                                                                role="button"
-                                                                unselectable="on"
-                                                              >
-                                                                <ForwardRef(UpOutlined)
-                                                                  className="ant-input-number-handler-up-inner"
-                                                                >
-                                                                  <AntdIcon
-                                                                    className="ant-input-number-handler-up-inner"
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "up",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="up"
-                                                                      className="anticon anticon-up ant-input-number-handler-up-inner"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "up",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="up"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-up"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                                            key="svg-up-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(UpOutlined)>
-                                                              </span>
-                                                              <span
-                                                                aria-disabled={false}
-                                                                aria-label="Decrease Value"
-                                                                className="ant-input-number-handler ant-input-number-handler-down"
-                                                                onMouseDown={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                onMouseUp={[Function]}
-                                                                role="button"
-                                                                unselectable="on"
-                                                              >
-                                                                <ForwardRef(DownOutlined)
-                                                                  className="ant-input-number-handler-down-inner"
-                                                                >
-                                                                  <AntdIcon
-                                                                    className="ant-input-number-handler-down-inner"
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "down",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="down"
-                                                                      className="anticon anticon-down ant-input-number-handler-down-inner"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "down",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="down"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-down"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                            key="svg-down-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DownOutlined)>
-                                                              </span>
-                                                            </div>
-                                                          </StepHandler>
-                                                          <div
-                                                            className="ant-input-number-input-wrap"
-                                                          >
-                                                            <input
-                                                              aria-valuemin={1}
-                                                              aria-valuenow={null}
-                                                              autoComplete="off"
-                                                              className="ant-input-number-input"
-                                                              id="creat-rating_numeric_value"
-                                                              onChange={[Function]}
-                                                              role="spinbutton"
-                                                              step={1}
-                                                              value=""
-                                                            />
-                                                          </div>
-                                                        </div>
-                                                      </InputNumber>
-                                                    </ForwardRef>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                label="Background Colour"
-                                name="background_colour"
-                              >
-                                <WrapperField
-                                  label="Background Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Background Colour",
-                                    }
-                                  }
-                                  name="background_colour"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_background_colour"
-                                    label="Background Colour"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Background Colour",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "background_colour",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_background_colour"
-                                          label="Background Colour"
-                                          name="background_colour"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_background_colour"
-                                                title="Background Colour"
-                                              >
-                                                Background Colour
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Background Colour"
-                                          name={
-                                            Array [
-                                              "background_colour",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <div
-                                                      id="creat-rating_background_colour"
-                                                      onChange={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "position": "relative",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "borderRadius": "1px",
-                                                            "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                            "cursor": "pointer",
-                                                            "display": "inline-block",
-                                                            "padding": "5px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "null",
-                                                              "borderRadius": "2px",
-                                                              "height": "24px",
-                                                              "width": "100px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </div>
-                                                    </div>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                label="Text Colour"
-                                name="text_colour"
-                              >
-                                <WrapperField
-                                  label="Text Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Text Colour",
-                                    }
-                                  }
-                                  name="text_colour"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_text_colour"
-                                    label="Text Colour"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Text Colour",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "text_colour",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_text_colour"
-                                          label="Text Colour"
-                                          name="text_colour"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_text_colour"
-                                                title="Text Colour"
-                                              >
-                                                Text Colour
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Text Colour"
-                                          name={
-                                            Array [
-                                              "text_colour",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <div
-                                                      id="creat-rating_text_colour"
-                                                      onChange={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "position": "relative",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "borderRadius": "1px",
-                                                            "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                            "cursor": "pointer",
-                                                            "display": "inline-block",
-                                                            "padding": "5px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "null",
-                                                              "borderRadius": "2px",
-                                                              "height": "24px",
-                                                              "width": "100px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </div>
-                                                    </div>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                className="preview-container"
-                                gutter={16}
-                                label="Preview"
-                                style={
-                                  Object {
-                                    "marginBottom": "1rem",
-                                  }
-                                }
-                              >
-                                <Row
-                                  className="ant-form-item preview-container"
-                                  gutter={16}
-                                  key="row"
-                                  style={
-                                    Object {
-                                      "marginBottom": "1rem",
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-row ant-form-item preview-container"
-                                    style={
-                                      Object {
-                                        "marginBottom": "1rem",
-                                        "marginLeft": -8,
-                                        "marginRight": -8,
-                                      }
-                                    }
-                                  >
-                                    <FormItemLabel
-                                      className="preview-container"
-                                      gutter={16}
-                                      label="Preview"
-                                      prefixCls="ant-form"
-                                      requiredMark={true}
-                                      style={
-                                        Object {
-                                          "marginBottom": "1rem",
-                                        }
-                                      }
-                                    >
-                                      <Col
-                                        className="ant-form-item-label"
-                                      >
-                                        <div
-                                          className="ant-col ant-form-item-label"
-                                          style={
-                                            Object {
-                                              "paddingLeft": 8,
-                                              "paddingRight": 8,
-                                            }
-                                          }
-                                        >
-                                          <label
-                                            className=""
-                                            title="Preview"
-                                          >
-                                            Preview
-                                          </label>
-                                        </div>
-                                      </Col>
-                                    </FormItemLabel>
-                                    <FormItemInput
-                                      className="preview-container"
-                                      errors={Array []}
-                                      gutter={16}
-                                      label="Preview"
-                                      onDomErrorVisibleChange={[Function]}
-                                      prefixCls="ant-form"
-                                      status=""
-                                      style={
-                                        Object {
-                                          "marginBottom": "1rem",
-                                        }
-                                      }
-                                      validateStatus=""
-                                    >
-                                      <Col
-                                        className="ant-form-item-control"
-                                      >
-                                        <div
-                                          className="ant-col ant-form-item-control"
-                                          style={
-                                            Object {
-                                              "paddingLeft": 8,
-                                              "paddingRight": 8,
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input"
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input-content"
-                                            >
-                                              <div
-                                                className="preview"
-                                                style={
-                                                  Object {
-                                                    "background": undefined,
-                                                    "border": "1px dotted black",
-                                                    "color": undefined,
-                                                    "fontSize": "0.75rem",
-                                                    "padding": "0.5rem 1rem",
-                                                    "textAlign": "center",
-                                                    "width": "110px",
-                                                  }
-                                                }
-                                              >
-                                                Sample Text
-                                              </div>
-                                            </div>
-                                          </div>
-                                          <ErrorList
-                                            errors={Array []}
-                                            onDomErrorVisibleChange={[Function]}
-                                          >
-                                            <CSSMotion
-                                              motionAppear={true}
-                                              motionDeadline={500}
-                                              motionName="ant-show-help"
-                                              onLeaveEnd={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </ErrorList>
-                                        </div>
-                                      </Col>
-                                    </FormItemInput>
-                                  </div>
-                                </Row>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Featured Image"
-                                name="medium_id"
-                              >
-                                <WrapperField
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name="medium_id"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_medium_id"
-                                    label="Featured Image"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured Image",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "medium_id",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_medium_id"
-                                          label="Featured Image"
-                                          name="medium_id"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_medium_id"
-                                                title="Featured Image"
-                                              >
-                                                Featured Image
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured Image"
-                                          name={
-                                            Array [
-                                              "medium_id",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <MediaSelector
-                                                      containerStyles={
-                                                        Object {
-                                                          "justifyContent": "start",
-                                                        }
-                                                      }
-                                                      id="creat-rating_medium_id"
-                                                      maxWidth="350px"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Modal
-                                                        closable={false}
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        visible={false}
-                                                        width="800px"
-                                                      >
-                                                        <Dialog
-                                                          closable={false}
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Cancel
-                                                              </ForwardRef(InternalButton)>,
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                                type="primary"
-                                                              >
-                                                                Ok
-                                                              </ForwardRef(InternalButton)>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width="800px"
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                      <Space
-                                                        direction="vertical"
-                                                      >
-                                                        <div
-                                                          className="ant-space ant-space-vertical"
-                                                          style={Object {}}
-                                                        >
-                                                          <Item
-                                                            className="ant-space-item"
-                                                            direction="vertical"
-                                                            index={0}
-                                                            key="ant-space-item-0"
-                                                            marginDirection="marginRight"
-                                                            wrap={false}
-                                                          >
-                                                            <div
-                                                              className="ant-space-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "start",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "position": "relative",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Button
-                                                                    onClick={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "background": "transparent",
-                                                                        "borderStyle": "dashed",
-                                                                        "display": "block",
-                                                                        "height": "auto",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Wave>
-                                                                      <button
-                                                                        className="ant-btn"
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "background": "transparent",
-                                                                            "borderStyle": "dashed",
-                                                                            "display": "block",
-                                                                            "height": "auto",
-                                                                          }
-                                                                        }
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <PlaceholderImage
-                                                                          height="auto"
-                                                                          key=".0"
-                                                                          maxWidth="350px"
-                                                                          width="100%"
-                                                                        >
-                                                                          <img
-                                                                            alt=""
-                                                                            height="auto"
-                                                                            src="placeholderImage.svg"
-                                                                            style={
-                                                                              Object {
-                                                                                "maxWidth": "350px",
-                                                                                "objectFit": "contain",
-                                                                                "padding": "1rem",
-                                                                              }
-                                                                            }
-                                                                            width="100%"
-                                                                          />
-                                                                        </PlaceholderImage>
-                                                                      </button>
-                                                                    </Wave>
-                                                                  </Button>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </Item>
-                                                        </div>
-                                                      </Space>
-                                                    </MediaSelector>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={12}
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "marginLeft": "20px",
-                                  "marginRight": "auto",
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <DescriptionInput
-                                inputProps={
-                                  Object {
-                                    "basic": true,
-                                    "placeholder": "Enter Description...",
-                                    "style": Object {
-                                      "background": "#fff",
-                                      "padding": "0.5rem 0.75rem",
-                                      "width": "600px",
-                                    },
-                                  }
-                                }
-                                type="editor"
-                              >
-                                <FormItem
-                                  label="Description"
-                                  name="description"
-                                >
-                                  <WrapperField
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name="description"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-rating",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_description"
-                                      label="Description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Description",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "description",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-rating_description"
-                                            label="Description"
-                                            name="description"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="creat-rating_description"
-                                                  title="Description"
-                                                >
-                                                  Description
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Description"
-                                            name={
-                                              Array [
-                                                "description",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Editor
-                                                        basic={true}
-                                                        id="creat-rating_description"
-                                                        onChange={[Function]}
-                                                        placeholder="Enter Description..."
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "#fff",
-                                                              "padding": "0.5rem 0.75rem",
-                                                              "width": "600px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </Editor>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </DescriptionInput>
-                            </div>
-                          </Col>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <MetaForm>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Data"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Data"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Data
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Code Injection"
-                                    isActive={false}
-                                    key="1"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Code Injection"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="1"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Code Injection
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Fields"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Fields"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Fields
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                          </MetaForm>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </RatingForm>
-  </CreateRating>
-</Provider>
-`;
diff --git a/studio/src/pages/ratings/__snapshots__/EditRating.test.js.snap b/studio/src/pages/ratings/__snapshots__/EditRating.test.js.snap
deleted file mode 100644
index cfad4b2d3..000000000
--- a/studio/src/pages/ratings/__snapshots__/EditRating.test.js.snap
+++ /dev/null
@@ -1,3416 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ratings Edit component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditRating>
-    <RecordNotFound>
-      <Result
-        extra={null}
-        status="404"
-        title="Sorry, could not find what you are looking for."
-      >
-        <div
-          className="ant-result ant-result-404"
-        >
-          <div
-            className="ant-result-icon ant-result-image"
-          >
-            <NoFound>
-              <svg
-                height="294"
-                width="252"
-              >
-                <defs>
-                  <path
-                    d="M0 .387h251.772v251.772H0z"
-                  />
-                </defs>
-                <g
-                  fill="none"
-                  fillRule="evenodd"
-                >
-                  <g
-                    transform="translate(0 .012)"
-                  >
-                    <mask
-                      fill="#fff"
-                    />
-                    <path
-                      d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                      fill="#E4EBF7"
-                      mask="url(#b)"
-                    />
-                  </g>
-                  <path
-                    d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                    fill="#1890FF"
-                  />
-                  <path
-                    d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                    fill="#FFB594"
-                  />
-                  <path
-                    d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                    fill="#7BB2F9"
-                  />
-                  <path
-                    d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                  <path
-                    d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                    fill="#520038"
-                  />
-                  <path
-                    d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                    fill="#552950"
-                  />
-                  <path
-                    d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M110.846 74.481s1.79-.716 2.506.537"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.287 72.93s1.83 1.113 4.137.954"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M119.306 107.329s.452 4.366-2.127 32.062"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#5BA02E"
-                  />
-                  <path
-                    d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#92C110"
-                  />
-                  <path
-                    d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                </g>
-              </svg>
-            </NoFound>
-          </div>
-          <div
-            className="ant-result-title"
-          >
-            Sorry, could not find what you are looking for.
-          </div>
-        </div>
-      </Result>
-    </RecordNotFound>
-  </EditRating>
-</Provider>
-`;
-
-exports[`Ratings Edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditRating>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditRating>
-</Provider>
-`;
-
-exports[`Ratings Edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditRating>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="True - Edit Rating"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="True - Edit Rating"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="True - Edit Rating"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <RatingForm
-      data={
-        Object {
-          "description": Object {
-            "blocks": Array [
-              Object {
-                "data": Object {
-                  "text": "Description",
-                },
-                "type": "paragraph",
-              },
-            ],
-            "time": 1613559903378,
-            "version": "2.19.0",
-          },
-          "id": 1,
-          "name": "True",
-          "numeric_value": 5,
-          "slug": "true",
-        }
-      }
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "creat-rating",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={
-          Object {
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "text": "Description",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1613559903378,
-              "version": "2.19.0",
-            },
-            "id": 1,
-            "name": "True",
-            "numeric_value": 5,
-            "slug": "true",
-          }
-        }
-        layout="vertical"
-        name="creat-rating"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "creat-rating",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="creat-rating"
-            initialValues={
-              Object {
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "Description",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1613559903378,
-                  "version": "2.19.0",
-                },
-                "id": 1,
-                "name": "True",
-                "numeric_value": 5,
-                "slug": "true",
-              }
-            }
-            name="creat-rating"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="creat-rating"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <Row
-                justify="center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-row-center"
-                  style={
-                    Object {
-                      "margin": "0 auto",
-                      "maxWidth": "1200px",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="end"
-                      >
-                        <div
-                          className="ant-row ant-row-end"
-                          style={
-                            Object {
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <FormItem>
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  prefixCls="ant-form"
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  validateStatus=""
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Space>
-                                            <div
-                                              className="ant-space ant-space-horizontal ant-space-align-center"
-                                              style={Object {}}
-                                            >
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={0}
-                                                key="ant-space-item-0"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={
-                                                    Object {
-                                                      "marginRight": 8,
-                                                    }
-                                                  }
-                                                >
-                                                  <Button
-                                                    htmlType="button"
-                                                    onClick={[Function]}
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn"
-                                                        onClick={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Reset
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={1}
-                                                key="ant-space-item-1"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={Object {}}
-                                                >
-                                                  <Button
-                                                    disabled={true}
-                                                    htmlType="submit"
-                                                    type="primary"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-primary"
-                                                        disabled={true}
-                                                        onClick={[Function]}
-                                                        type="submit"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Update
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                            </div>
-                                          </Space>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </FormItem>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-row-space-around"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginBottom": "1rem",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                              "padding": "1.25rem",
-                            }
-                          }
-                        >
-                          <Col
-                            span={12}
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <TitleInput
-                                label="Rating Name"
-                                name="name"
-                                onChange={[Function]}
-                              >
-                                <FormItem
-                                  label="Rating Name"
-                                  name="name"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Rating Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Rating Name",
-                                      }
-                                    }
-                                    name="name"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-rating",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_name"
-                                      label="Rating Name"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Rating Name",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please enter name!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Name must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-rating_name"
-                                            label="Rating Name"
-                                            name="name"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="creat-rating_name"
-                                                  title="Rating Name"
-                                                >
-                                                  Rating Name
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Rating Name"
-                                            name={
-                                              Array [
-                                                "name",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="True"
-                                                    >
-                                                      <Input
-                                                        id="creat-rating_name"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                        value="True"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="creat-rating_name"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                              value="True"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="creat-rating_name"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value="True"
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="True"
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </TitleInput>
-                              <SlugInput>
-                                <FormItem
-                                  label="Slug"
-                                  name="slug"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name="slug"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-rating",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_slug"
-                                      label="Slug"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Slug",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "slug",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the slug!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Please enter valid slug!",
-                                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-rating_slug"
-                                            label="Slug"
-                                            name="slug"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="creat-rating_slug"
-                                                  title="Slug"
-                                                >
-                                                  Slug
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Slug"
-                                            name={
-                                              Array [
-                                                "slug",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="true"
-                                                    >
-                                                      <Input
-                                                        id="creat-rating_slug"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                        value="true"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="creat-rating_slug"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                              value="true"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="creat-rating_slug"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value="true"
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="true"
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </SlugInput>
-                              <FormItem
-                                label="Numeric value"
-                                name="numeric_value"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the numeric value!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Numeric value"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Numeric value",
-                                    }
-                                  }
-                                  name="numeric_value"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the numeric value!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_numeric_value"
-                                    label="Numeric value"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Numeric value",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "numeric_value",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter the numeric value!",
-                                          "required": true,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_numeric_value"
-                                          label="Numeric value"
-                                          name="numeric_value"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter the numeric value!",
-                                                "required": true,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-rating_numeric_value"
-                                                title="Numeric value"
-                                              >
-                                                Numeric value
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Numeric value"
-                                          name={
-                                            Array [
-                                              "numeric_value",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter the numeric value!",
-                                                "required": true,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                    value={5}
-                                                  >
-                                                    <ForwardRef
-                                                      id="creat-rating_numeric_value"
-                                                      min={1}
-                                                      onChange={[Function]}
-                                                      value={5}
-                                                    >
-                                                      <InputNumber
-                                                        className=""
-                                                        downHandler={
-                                                          <ForwardRef(DownOutlined)
-                                                            className="ant-input-number-handler-down-inner"
-                                                          />
-                                                        }
-                                                        id="creat-rating_numeric_value"
-                                                        min={1}
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input-number"
-                                                        upHandler={
-                                                          <ForwardRef(UpOutlined)
-                                                            className="ant-input-number-handler-up-inner"
-                                                          />
-                                                        }
-                                                        value={5}
-                                                      >
-                                                        <div
-                                                          className="ant-input-number"
-                                                          onBlur={[Function]}
-                                                          onCompositionEnd={[Function]}
-                                                          onCompositionStart={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          onKeyUp={[Function]}
-                                                        >
-                                                          <StepHandler
-                                                            downDisabled={false}
-                                                            downNode={
-                                                              <ForwardRef(DownOutlined)
-                                                                className="ant-input-number-handler-down-inner"
-                                                              />
-                                                            }
-                                                            onStep={[Function]}
-                                                            prefixCls="ant-input-number"
-                                                            upDisabled={false}
-                                                            upNode={
-                                                              <ForwardRef(UpOutlined)
-                                                                className="ant-input-number-handler-up-inner"
-                                                              />
-                                                            }
-                                                          >
-                                                            <div
-                                                              className="ant-input-number-handler-wrap"
-                                                            >
-                                                              <span
-                                                                aria-disabled={false}
-                                                                aria-label="Increase Value"
-                                                                className="ant-input-number-handler ant-input-number-handler-up"
-                                                                onMouseDown={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                onMouseUp={[Function]}
-                                                                role="button"
-                                                                unselectable="on"
-                                                              >
-                                                                <ForwardRef(UpOutlined)
-                                                                  className="ant-input-number-handler-up-inner"
-                                                                >
-                                                                  <AntdIcon
-                                                                    className="ant-input-number-handler-up-inner"
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "up",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="up"
-                                                                      className="anticon anticon-up ant-input-number-handler-up-inner"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "up",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="up"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-up"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                                            key="svg-up-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(UpOutlined)>
-                                                              </span>
-                                                              <span
-                                                                aria-disabled={false}
-                                                                aria-label="Decrease Value"
-                                                                className="ant-input-number-handler ant-input-number-handler-down"
-                                                                onMouseDown={[Function]}
-                                                                onMouseLeave={[Function]}
-                                                                onMouseUp={[Function]}
-                                                                role="button"
-                                                                unselectable="on"
-                                                              >
-                                                                <ForwardRef(DownOutlined)
-                                                                  className="ant-input-number-handler-down-inner"
-                                                                >
-                                                                  <AntdIcon
-                                                                    className="ant-input-number-handler-down-inner"
-                                                                    icon={
-                                                                      Object {
-                                                                        "icon": Object {
-                                                                          "attrs": Object {
-                                                                            "focusable": "false",
-                                                                            "viewBox": "64 64 896 896",
-                                                                          },
-                                                                          "children": Array [
-                                                                            Object {
-                                                                              "attrs": Object {
-                                                                                "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                              },
-                                                                              "tag": "path",
-                                                                            },
-                                                                          ],
-                                                                          "tag": "svg",
-                                                                        },
-                                                                        "name": "down",
-                                                                        "theme": "outlined",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-label="down"
-                                                                      className="anticon anticon-down ant-input-number-handler-down-inner"
-                                                                      role="img"
-                                                                    >
-                                                                      <IconReact
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "down",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <svg
-                                                                          aria-hidden="true"
-                                                                          data-icon="down"
-                                                                          fill="currentColor"
-                                                                          focusable="false"
-                                                                          height="1em"
-                                                                          key="svg-down"
-                                                                          viewBox="64 64 896 896"
-                                                                          width="1em"
-                                                                        >
-                                                                          <path
-                                                                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                            key="svg-down-svg-0"
-                                                                          />
-                                                                        </svg>
-                                                                      </IconReact>
-                                                                    </span>
-                                                                  </AntdIcon>
-                                                                </ForwardRef(DownOutlined)>
-                                                              </span>
-                                                            </div>
-                                                          </StepHandler>
-                                                          <div
-                                                            className="ant-input-number-input-wrap"
-                                                          >
-                                                            <input
-                                                              aria-valuemin={1}
-                                                              aria-valuenow="5"
-                                                              autoComplete="off"
-                                                              className="ant-input-number-input"
-                                                              id="creat-rating_numeric_value"
-                                                              onChange={[Function]}
-                                                              role="spinbutton"
-                                                              step={1}
-                                                              value="5"
-                                                            />
-                                                          </div>
-                                                        </div>
-                                                      </InputNumber>
-                                                    </ForwardRef>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                label="Background Colour"
-                                name="background_colour"
-                              >
-                                <WrapperField
-                                  label="Background Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Background Colour",
-                                    }
-                                  }
-                                  name="background_colour"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_background_colour"
-                                    label="Background Colour"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Background Colour",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "background_colour",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_background_colour"
-                                          label="Background Colour"
-                                          name="background_colour"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_background_colour"
-                                                title="Background Colour"
-                                              >
-                                                Background Colour
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Background Colour"
-                                          name={
-                                            Array [
-                                              "background_colour",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                  >
-                                                    <div
-                                                      id="creat-rating_background_colour"
-                                                      onChange={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "position": "relative",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "borderRadius": "1px",
-                                                            "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                            "cursor": "pointer",
-                                                            "display": "inline-block",
-                                                            "padding": "5px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "null",
-                                                              "borderRadius": "2px",
-                                                              "height": "24px",
-                                                              "width": "100px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </div>
-                                                    </div>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                label="Text Colour"
-                                name="text_colour"
-                              >
-                                <WrapperField
-                                  label="Text Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Text Colour",
-                                    }
-                                  }
-                                  name="text_colour"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_text_colour"
-                                    label="Text Colour"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Text Colour",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "text_colour",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_text_colour"
-                                          label="Text Colour"
-                                          name="text_colour"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_text_colour"
-                                                title="Text Colour"
-                                              >
-                                                Text Colour
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Text Colour"
-                                          name={
-                                            Array [
-                                              "text_colour",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                  >
-                                                    <div
-                                                      id="creat-rating_text_colour"
-                                                      onChange={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "position": "relative",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "borderRadius": "1px",
-                                                            "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                            "cursor": "pointer",
-                                                            "display": "inline-block",
-                                                            "padding": "5px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "null",
-                                                              "borderRadius": "2px",
-                                                              "height": "24px",
-                                                              "width": "100px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </div>
-                                                    </div>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                className="preview-container"
-                                gutter={16}
-                                label="Preview"
-                                style={
-                                  Object {
-                                    "marginBottom": "1rem",
-                                  }
-                                }
-                              >
-                                <Row
-                                  className="ant-form-item preview-container"
-                                  gutter={16}
-                                  key="row"
-                                  style={
-                                    Object {
-                                      "marginBottom": "1rem",
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-row ant-form-item preview-container"
-                                    style={
-                                      Object {
-                                        "marginBottom": "1rem",
-                                        "marginLeft": -8,
-                                        "marginRight": -8,
-                                      }
-                                    }
-                                  >
-                                    <FormItemLabel
-                                      className="preview-container"
-                                      gutter={16}
-                                      label="Preview"
-                                      prefixCls="ant-form"
-                                      requiredMark={true}
-                                      style={
-                                        Object {
-                                          "marginBottom": "1rem",
-                                        }
-                                      }
-                                    >
-                                      <Col
-                                        className="ant-form-item-label"
-                                      >
-                                        <div
-                                          className="ant-col ant-form-item-label"
-                                          style={
-                                            Object {
-                                              "paddingLeft": 8,
-                                              "paddingRight": 8,
-                                            }
-                                          }
-                                        >
-                                          <label
-                                            className=""
-                                            title="Preview"
-                                          >
-                                            Preview
-                                          </label>
-                                        </div>
-                                      </Col>
-                                    </FormItemLabel>
-                                    <FormItemInput
-                                      className="preview-container"
-                                      errors={Array []}
-                                      gutter={16}
-                                      label="Preview"
-                                      onDomErrorVisibleChange={[Function]}
-                                      prefixCls="ant-form"
-                                      status=""
-                                      style={
-                                        Object {
-                                          "marginBottom": "1rem",
-                                        }
-                                      }
-                                      validateStatus=""
-                                    >
-                                      <Col
-                                        className="ant-form-item-control"
-                                      >
-                                        <div
-                                          className="ant-col ant-form-item-control"
-                                          style={
-                                            Object {
-                                              "paddingLeft": 8,
-                                              "paddingRight": 8,
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input"
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input-content"
-                                            >
-                                              <div
-                                                className="preview"
-                                                style={
-                                                  Object {
-                                                    "background": undefined,
-                                                    "border": "1px dotted black",
-                                                    "color": undefined,
-                                                    "fontSize": "0.75rem",
-                                                    "padding": "0.5rem 1rem",
-                                                    "textAlign": "center",
-                                                    "width": "110px",
-                                                  }
-                                                }
-                                              >
-                                                Sample Text
-                                              </div>
-                                            </div>
-                                          </div>
-                                          <ErrorList
-                                            errors={Array []}
-                                            onDomErrorVisibleChange={[Function]}
-                                          >
-                                            <CSSMotion
-                                              motionAppear={true}
-                                              motionDeadline={500}
-                                              motionName="ant-show-help"
-                                              onLeaveEnd={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </ErrorList>
-                                        </div>
-                                      </Col>
-                                    </FormItemInput>
-                                  </div>
-                                </Row>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Featured Image"
-                                name="medium_id"
-                              >
-                                <WrapperField
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name="medium_id"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_medium_id"
-                                    label="Featured Image"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured Image",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "medium_id",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_medium_id"
-                                          label="Featured Image"
-                                          name="medium_id"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_medium_id"
-                                                title="Featured Image"
-                                              >
-                                                Featured Image
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured Image"
-                                          name={
-                                            Array [
-                                              "medium_id",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                  >
-                                                    <MediaSelector
-                                                      containerStyles={
-                                                        Object {
-                                                          "justifyContent": "start",
-                                                        }
-                                                      }
-                                                      id="creat-rating_medium_id"
-                                                      maxWidth="350px"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Modal
-                                                        closable={false}
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        visible={false}
-                                                        width="800px"
-                                                      >
-                                                        <Dialog
-                                                          closable={false}
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Cancel
-                                                              </ForwardRef(InternalButton)>,
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                                type="primary"
-                                                              >
-                                                                Ok
-                                                              </ForwardRef(InternalButton)>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width="800px"
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                      <Space
-                                                        direction="vertical"
-                                                      >
-                                                        <div
-                                                          className="ant-space ant-space-vertical"
-                                                          style={Object {}}
-                                                        >
-                                                          <Item
-                                                            className="ant-space-item"
-                                                            direction="vertical"
-                                                            index={0}
-                                                            key="ant-space-item-0"
-                                                            marginDirection="marginRight"
-                                                            wrap={false}
-                                                          >
-                                                            <div
-                                                              className="ant-space-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "start",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "position": "relative",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Button
-                                                                    onClick={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "background": "transparent",
-                                                                        "borderStyle": "dashed",
-                                                                        "display": "block",
-                                                                        "height": "auto",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Wave>
-                                                                      <button
-                                                                        className="ant-btn"
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "background": "transparent",
-                                                                            "borderStyle": "dashed",
-                                                                            "display": "block",
-                                                                            "height": "auto",
-                                                                          }
-                                                                        }
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <PlaceholderImage
-                                                                          height="auto"
-                                                                          key=".0"
-                                                                          maxWidth="350px"
-                                                                          width="100%"
-                                                                        >
-                                                                          <img
-                                                                            alt=""
-                                                                            height="auto"
-                                                                            src="placeholderImage.svg"
-                                                                            style={
-                                                                              Object {
-                                                                                "maxWidth": "350px",
-                                                                                "objectFit": "contain",
-                                                                                "padding": "1rem",
-                                                                              }
-                                                                            }
-                                                                            width="100%"
-                                                                          />
-                                                                        </PlaceholderImage>
-                                                                      </button>
-                                                                    </Wave>
-                                                                  </Button>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </Item>
-                                                        </div>
-                                                      </Space>
-                                                    </MediaSelector>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={12}
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "marginLeft": "20px",
-                                  "marginRight": "auto",
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <DescriptionInput
-                                inputProps={
-                                  Object {
-                                    "basic": true,
-                                    "placeholder": "Enter Description...",
-                                    "style": Object {
-                                      "background": "#fff",
-                                      "padding": "0.5rem 0.75rem",
-                                      "width": "600px",
-                                    },
-                                  }
-                                }
-                                type="editor"
-                              >
-                                <FormItem
-                                  label="Description"
-                                  name="description"
-                                >
-                                  <WrapperField
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name="description"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "creat-rating",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_description"
-                                      label="Description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Description",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "description",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="creat-rating_description"
-                                            label="Description"
-                                            name="description"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="creat-rating_description"
-                                                  title="Description"
-                                                >
-                                                  Description
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Description"
-                                            name={
-                                              Array [
-                                                "description",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value={
-                                                        Object {
-                                                          "blocks": Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "text": "Description",
-                                                              },
-                                                              "type": "paragraph",
-                                                            },
-                                                          ],
-                                                          "time": 1613559903378,
-                                                          "version": "2.19.0",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Editor
-                                                        basic={true}
-                                                        id="creat-rating_description"
-                                                        onChange={[Function]}
-                                                        placeholder="Enter Description..."
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                        value={
-                                                          Object {
-                                                            "blocks": Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "text": "Description",
-                                                                },
-                                                                "type": "paragraph",
-                                                              },
-                                                            ],
-                                                            "time": 1613559903378,
-                                                            "version": "2.19.0",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "#fff",
-                                                              "padding": "0.5rem 0.75rem",
-                                                              "width": "600px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </Editor>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </DescriptionInput>
-                            </div>
-                          </Col>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <MetaForm>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Data"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Data"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Data
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Code Injection"
-                                    isActive={false}
-                                    key="1"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Code Injection"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="1"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Code Injection
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Fields"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Fields"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Fields
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                          </MetaForm>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </RatingForm>
-  </EditRating>
-</Provider>
-`;
diff --git a/studio/src/pages/ratings/__snapshots__/index.test.js.snap b/studio/src/pages/ratings/__snapshots__/index.test.js.snap
deleted file mode 100644
index e8cc52c8f..000000000
--- a/studio/src/pages/ratings/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,4375 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ratings List component should render loader component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/undefined/undefined/undefined/undefined/undefined/undefined/undefined/undefined/",
-            "search": "?page=1",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Ratings
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Loader>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-                "height": "100vh",
-                "justifyContent": "center",
-                "padding": "2rem",
-                "position": "absolute",
-                "width": "100%",
-              }
-            }
-          >
-            <Spin
-              size="large"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin ant-spin-lg ant-spin-spinning"
-              >
-                <span
-                  className="ant-spin-dot ant-spin-dot-spin"
-                >
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                </span>
-              </div>
-            </Spin>
-          </div>
-        </Loader>
-      </Ratings>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Ratings List component should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Ratings
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Ratings"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Ratings"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Ratings"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={Object {}}
-                  >
-                    <Link
-                      key="1"
-                      to="/ratings/create"
-                    >
-                      <LinkAnchor
-                        href="/ratings/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/ratings/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            disabled={false}
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                disabled={false}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Rating
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <RatingList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "loading": false,
-                      "ratings": Array [],
-                      "total": 0,
-                    }
-                  }
-                  fetchRatings={[Function]}
-                  filters={
-                    Object {
-                      "limit": 20,
-                      "page": 1,
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "dataIndex": "slug",
-                          "key": "slug",
-                          "title": "Slug",
-                        },
-                        Object {
-                          "dataIndex": "numeric_value",
-                          "key": "numeric_value",
-                          "title": "Rating Value",
-                        },
-                        Object {
-                          "dataIndex": "preview",
-                          "render": [Function],
-                          "title": "Preview",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={Array []}
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 0,
-                      }
-                    }
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered ant-table-empty"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                  },
-                                  Object {
-                                    "dataIndex": "slug",
-                                    "key": "slug",
-                                    "title": "Slug",
-                                  },
-                                  Object {
-                                    "dataIndex": "numeric_value",
-                                    "key": "numeric_value",
-                                    "title": "Rating Value",
-                                  },
-                                  Object {
-                                    "dataIndex": "preview",
-                                    "render": [Function],
-                                    "title": "Preview",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={Array []}
-                              dataSource={Array []}
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col />
-                                          <col />
-                                          <col />
-                                          <col />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Slug
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Rating Value
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Preview
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-placeholder"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                              colspan="5"
-                                            >
-                                              <div
-                                                class="ant-empty ant-empty-normal"
-                                              >
-                                                <div
-                                                  class="ant-empty-image"
-                                                >
-                                                  <svg
-                                                    class="ant-empty-img-simple"
-                                                    height="41"
-                                                    viewBox="0 0 64 41"
-                                                    width="64"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <g
-                                                      fill="none"
-                                                      fill-rule="evenodd"
-                                                      transform="translate(0 1)"
-                                                    >
-                                                      <ellipse
-                                                        class="ant-empty-img-simple-ellipse"
-                                                        cx="32"
-                                                        cy="33"
-                                                        rx="32"
-                                                        ry="7"
-                                                      />
-                                                      <g
-                                                        class="ant-empty-img-simple-g"
-                                                        fill-rule="nonzero"
-                                                      >
-                                                        <path
-                                                          d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                        />
-                                                        <path
-                                                          class="ant-empty-img-simple-path"
-                                                          d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                        />
-                                                      </g>
-                                                    </g>
-                                                  </svg>
-                                                </div>
-                                                <div
-                                                  class="ant-empty-description"
-                                                >
-                                                  No Data
-                                                </div>
-                                              </div>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={false}
-                              pagination={
-                                Object {
-                                  "current": 1,
-                                  "onChange": [Function],
-                                  "pageSize": 20,
-                                  "pageSizeOptions": Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ],
-                                  "showTotal": [Function],
-                                  "total": 0,
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered ant-table-empty",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "dataIndex": "slug",
-                                          "key": "slug",
-                                          "title": "Slug",
-                                        },
-                                        Object {
-                                          "dataIndex": "numeric_value",
-                                          "key": "numeric_value",
-                                          "title": "Rating Value",
-                                        },
-                                        Object {
-                                          "dataIndex": "preview",
-                                          "render": [Function],
-                                          "title": "Preview",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [],
-                                      "dataSource": Array [],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col />
-                                                <col />
-                                                <col />
-                                                <col />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Slug
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Rating Value
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Preview
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-placeholder"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                    colspan="5"
-                                                  >
-                                                    <div
-                                                      class="ant-empty ant-empty-normal"
-                                                    >
-                                                      <div
-                                                        class="ant-empty-image"
-                                                      >
-                                                        <svg
-                                                          class="ant-empty-img-simple"
-                                                          height="41"
-                                                          viewBox="0 0 64 41"
-                                                          width="64"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <g
-                                                            fill="none"
-                                                            fill-rule="evenodd"
-                                                            transform="translate(0 1)"
-                                                          >
-                                                            <ellipse
-                                                              class="ant-empty-img-simple-ellipse"
-                                                              cx="32"
-                                                              cy="33"
-                                                              rx="32"
-                                                              ry="7"
-                                                            />
-                                                            <g
-                                                              class="ant-empty-img-simple-g"
-                                                              fill-rule="nonzero"
-                                                            >
-                                                              <path
-                                                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                              />
-                                                              <path
-                                                                class="ant-empty-img-simple-path"
-                                                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                              />
-                                                            </g>
-                                                          </g>
-                                                        </svg>
-                                                      </div>
-                                                      <div
-                                                        class="ant-empty-description"
-                                                      >
-                                                        No Data
-                                                      </div>
-                                                    </div>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": false,
-                                      "mergedExpandedKeys": Set {},
-                                      "pagination": Object {
-                                        "current": 1,
-                                        "onChange": [Function],
-                                        "pageSize": 20,
-                                        "pageSizeOptions": Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ],
-                                        "showTotal": [Function],
-                                        "total": 0,
-                                      },
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "fixed": undefined,
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "numeric_value",
-                                                "fixed": undefined,
-                                                "key": "numeric_value",
-                                                "title": "Rating Value",
-                                              },
-                                              Object {
-                                                "dataIndex": "preview",
-                                                "fixed": undefined,
-                                                "render": [Function],
-                                                "title": "Preview",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="2"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="3"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="4"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={5}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "numeric_value",
-                                                "key": "numeric_value",
-                                                "title": "Rating Value",
-                                              },
-                                              Object {
-                                                "dataIndex": "preview",
-                                                "render": [Function],
-                                                "title": "Preview",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "fixed": undefined,
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "numeric_value",
-                                                "fixed": undefined,
-                                                "key": "numeric_value",
-                                                "title": "Rating Value",
-                                              },
-                                              Object {
-                                                "dataIndex": "preview",
-                                                "fixed": undefined,
-                                                "render": [Function],
-                                                "title": "Preview",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Slug",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "dataIndex": "slug",
-                                                      "key": "slug",
-                                                      "title": "Slug",
-                                                    },
-                                                    "key": "slug",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Rating Value",
-                                                    "className": "",
-                                                    "colEnd": 2,
-                                                    "colSpan": 1,
-                                                    "colStart": 2,
-                                                    "column": Object {
-                                                      "dataIndex": "numeric_value",
-                                                      "key": "numeric_value",
-                                                      "title": "Rating Value",
-                                                    },
-                                                    "key": "numeric_value",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Preview",
-                                                    "className": "",
-                                                    "colEnd": 3,
-                                                    "colSpan": 1,
-                                                    "colStart": 3,
-                                                    "column": Object {
-                                                      "dataIndex": "preview",
-                                                      "render": [Function],
-                                                      "title": "Preview",
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 4,
-                                                    "colSpan": 1,
-                                                    "colStart": 4,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "fixed": undefined,
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "numeric_value",
-                                                    "fixed": undefined,
-                                                    "key": "numeric_value",
-                                                    "title": "Rating Value",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "preview",
-                                                    "fixed": undefined,
-                                                    "render": [Function],
-                                                    "title": "Preview",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "slug",
-                                                      "key": "slug",
-                                                      "title": "Slug",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="slug"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Slug
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={2}
-                                                  colSpan={1}
-                                                  colStart={2}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "numeric_value",
-                                                      "key": "numeric_value",
-                                                      "title": "Rating Value",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="numeric_value"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Rating Value
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={3}
-                                                  colSpan={1}
-                                                  colStart={3}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "preview",
-                                                      "render": [Function],
-                                                      "title": "Preview",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="preview"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Preview
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={4}
-                                                  colSpan={1}
-                                                  colStart={4}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={Array []}
-                                          emptyNode={
-                                            <Context.Consumer>
-                                              [Function]
-                                            </Context.Consumer>
-                                          }
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <ExpandedRow
-                                              cellComponent="td"
-                                              className="ant-table-placeholder"
-                                              colSpan={5}
-                                              component="tr"
-                                              componentWidth={0}
-                                              expanded={true}
-                                              fixColumn={false}
-                                              horizonScroll={false}
-                                              prefixCls="ant-table"
-                                            >
-                                              <tr
-                                                className="ant-table-placeholder"
-                                                style={
-                                                  Object {
-                                                    "display": null,
-                                                  }
-                                                }
-                                              >
-                                                <Cell
-                                                  colSpan={5}
-                                                  component="td"
-                                                  prefixCls="ant-table"
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={5}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Empty
-                                                      image={<Simple />}
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Empty"
-                                                      >
-                                                        <div
-                                                          className="ant-empty ant-empty-normal"
-                                                        >
-                                                          <div
-                                                            className="ant-empty-image"
-                                                          >
-                                                            <Simple>
-                                                              <svg
-                                                                className="ant-empty-img-simple"
-                                                                height="41"
-                                                                viewBox="0 0 64 41"
-                                                                width="64"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <g
-                                                                  fill="none"
-                                                                  fillRule="evenodd"
-                                                                  transform="translate(0 1)"
-                                                                >
-                                                                  <ellipse
-                                                                    className="ant-empty-img-simple-ellipse"
-                                                                    cx="32"
-                                                                    cy="33"
-                                                                    rx="32"
-                                                                    ry="7"
-                                                                  />
-                                                                  <g
-                                                                    className="ant-empty-img-simple-g"
-                                                                    fillRule="nonzero"
-                                                                  >
-                                                                    <path
-                                                                      d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                    />
-                                                                    <path
-                                                                      className="ant-empty-img-simple-path"
-                                                                      d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                    />
-                                                                  </g>
-                                                                </g>
-                                                              </svg>
-                                                            </Simple>
-                                                          </div>
-                                                          <div
-                                                            className="ant-empty-description"
-                                                          >
-                                                            No Data
-                                                          </div>
-                                                        </div>
-                                                      </LocaleReceiver>
-                                                    </Empty>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </ExpandedRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </RatingList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Ratings>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Ratings List component should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/undefined/undefined/",
-            "search": "?page=1",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Ratings
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Ratings"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Ratings"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Ratings"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={Object {}}
-                  >
-                    <Link
-                      key="1"
-                      to="/ratings/create"
-                    >
-                      <LinkAnchor
-                        href="/ratings/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/ratings/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            disabled={false}
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                disabled={false}
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Rating
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <RatingList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "loading": false,
-                      "ratings": Array [
-                        Object {
-                          "created_at": "2022-05-05T06:31:22.492Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": Object {
-                            "blocks": Array [
-                              Object {
-                                "data": Object {
-                                  "text": "verygood",
-                                },
-                                "id": "84XfO28Gol",
-                                "type": "paragraph",
-                              },
-                            ],
-                            "time": 1651732083960,
-                            "version": "2.22.1",
-                          },
-                          "footer_code": "",
-                          "header_code": "",
-                          "html_description": "<p>verygood</p>",
-                          "id": 7,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "verygood",
-                          "numeric_value": 35,
-                          "slug": "verygoo",
-                          "space_id": 2,
-                          "updated_at": "2022-05-05T06:57:13.091323Z",
-                          "updated_by_id": 34,
-                        },
-                      ],
-                      "total": 1,
-                    }
-                  }
-                  fetchRatings={[Function]}
-                  filters={
-                    Object {
-                      "limit": 20,
-                      "page": 1,
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "dataIndex": "slug",
-                          "key": "slug",
-                          "title": "Slug",
-                        },
-                        Object {
-                          "dataIndex": "numeric_value",
-                          "key": "numeric_value",
-                          "title": "Rating Value",
-                        },
-                        Object {
-                          "dataIndex": "preview",
-                          "render": [Function],
-                          "title": "Preview",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "created_at": "2022-05-05T06:31:22.492Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": Object {
-                            "blocks": Array [
-                              Object {
-                                "data": Object {
-                                  "text": "verygood",
-                                },
-                                "id": "84XfO28Gol",
-                                "type": "paragraph",
-                              },
-                            ],
-                            "time": 1651732083960,
-                            "version": "2.22.1",
-                          },
-                          "footer_code": "",
-                          "header_code": "",
-                          "html_description": "<p>verygood</p>",
-                          "id": 7,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "verygood",
-                          "numeric_value": 35,
-                          "slug": "verygoo",
-                          "space_id": 2,
-                          "updated_at": "2022-05-05T06:57:13.091323Z",
-                          "updated_by_id": 34,
-                        },
-                      ]
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 1,
-                      }
-                    }
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                  },
-                                  Object {
-                                    "dataIndex": "slug",
-                                    "key": "slug",
-                                    "title": "Slug",
-                                  },
-                                  Object {
-                                    "dataIndex": "numeric_value",
-                                    "key": "numeric_value",
-                                    "title": "Rating Value",
-                                  },
-                                  Object {
-                                    "dataIndex": "preview",
-                                    "render": [Function],
-                                    "title": "Preview",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={
-                                Array [
-                                  Object {
-                                    "created_at": "2022-05-05T06:31:22.492Z",
-                                    "created_by_id": 34,
-                                    "deleted_at": null,
-                                    "description": Object {
-                                      "blocks": Array [
-                                        Object {
-                                          "data": Object {
-                                            "text": "verygood",
-                                          },
-                                          "id": "84XfO28Gol",
-                                          "type": "paragraph",
-                                        },
-                                      ],
-                                      "time": 1651732083960,
-                                      "version": "2.22.1",
-                                    },
-                                    "footer_code": "",
-                                    "header_code": "",
-                                    "html_description": "<p>verygood</p>",
-                                    "id": 7,
-                                    "medium_id": null,
-                                    "meta": null,
-                                    "meta_fields": null,
-                                    "name": "verygood",
-                                    "numeric_value": 35,
-                                    "slug": "verygoo",
-                                    "space_id": 2,
-                                    "updated_at": "2022-05-05T06:57:13.091323Z",
-                                    "updated_by_id": 34,
-                                  },
-                                ]
-                              }
-                              dataSource={
-                                Array [
-                                  Object {
-                                    "created_at": "2022-05-05T06:31:22.492Z",
-                                    "created_by_id": 34,
-                                    "deleted_at": null,
-                                    "description": Object {
-                                      "blocks": Array [
-                                        Object {
-                                          "data": Object {
-                                            "text": "verygood",
-                                          },
-                                          "id": "84XfO28Gol",
-                                          "type": "paragraph",
-                                        },
-                                      ],
-                                      "time": 1651732083960,
-                                      "version": "2.22.1",
-                                    },
-                                    "footer_code": "",
-                                    "header_code": "",
-                                    "html_description": "<p>verygood</p>",
-                                    "id": 7,
-                                    "medium_id": null,
-                                    "meta": null,
-                                    "meta_fields": null,
-                                    "name": "verygood",
-                                    "numeric_value": 35,
-                                    "slug": "verygoo",
-                                    "space_id": 2,
-                                    "updated_at": "2022-05-05T06:57:13.091323Z",
-                                    "updated_by_id": 34,
-                                  },
-                                ]
-                              }
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col />
-                                          <col />
-                                          <col />
-                                          <col />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Slug
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Rating Value
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Preview
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-row ant-table-row-level-0"
-                                            data-row-key="7"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <a
-                                                href="/ratings/7/edit"
-                                                style="margin-right: 8px;"
-                                              >
-                                                verygood
-                                              </a>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              verygoo
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              35
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <div
-                                                style="width: 100px; border: 1px solid black; padding: 0.5rem; text-align: center;"
-                                              >
-                                                verygood
-                                              </div>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              <span
-                                                class="ant-popover-disabled-compatible-wrapper"
-                                                style="display: inline-block; cursor: not-allowed;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                  disabled=""
-                                                  style="pointer-events: none;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="delete"
-                                                    class="anticon anticon-delete"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="delete"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </span>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={false}
-                              pagination={
-                                Object {
-                                  "current": 1,
-                                  "onChange": [Function],
-                                  "pageSize": 20,
-                                  "pageSizeOptions": Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ],
-                                  "showTotal": [Function],
-                                  "total": 1,
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "dataIndex": "slug",
-                                          "key": "slug",
-                                          "title": "Slug",
-                                        },
-                                        Object {
-                                          "dataIndex": "numeric_value",
-                                          "key": "numeric_value",
-                                          "title": "Rating Value",
-                                        },
-                                        Object {
-                                          "dataIndex": "preview",
-                                          "render": [Function],
-                                          "title": "Preview",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [
-                                        Object {
-                                          "created_at": "2022-05-05T06:31:22.492Z",
-                                          "created_by_id": 34,
-                                          "deleted_at": null,
-                                          "description": Object {
-                                            "blocks": Array [
-                                              Object {
-                                                "data": Object {
-                                                  "text": "verygood",
-                                                },
-                                                "id": "84XfO28Gol",
-                                                "type": "paragraph",
-                                              },
-                                            ],
-                                            "time": 1651732083960,
-                                            "version": "2.22.1",
-                                          },
-                                          "footer_code": "",
-                                          "header_code": "",
-                                          "html_description": "<p>verygood</p>",
-                                          "id": 7,
-                                          "medium_id": null,
-                                          "meta": null,
-                                          "meta_fields": null,
-                                          "name": "verygood",
-                                          "numeric_value": 35,
-                                          "slug": "verygoo",
-                                          "space_id": 2,
-                                          "updated_at": "2022-05-05T06:57:13.091323Z",
-                                          "updated_by_id": 34,
-                                        },
-                                      ],
-                                      "dataSource": Array [
-                                        Object {
-                                          "created_at": "2022-05-05T06:31:22.492Z",
-                                          "created_by_id": 34,
-                                          "deleted_at": null,
-                                          "description": Object {
-                                            "blocks": Array [
-                                              Object {
-                                                "data": Object {
-                                                  "text": "verygood",
-                                                },
-                                                "id": "84XfO28Gol",
-                                                "type": "paragraph",
-                                              },
-                                            ],
-                                            "time": 1651732083960,
-                                            "version": "2.22.1",
-                                          },
-                                          "footer_code": "",
-                                          "header_code": "",
-                                          "html_description": "<p>verygood</p>",
-                                          "id": 7,
-                                          "medium_id": null,
-                                          "meta": null,
-                                          "meta_fields": null,
-                                          "name": "verygood",
-                                          "numeric_value": 35,
-                                          "slug": "verygoo",
-                                          "space_id": 2,
-                                          "updated_at": "2022-05-05T06:57:13.091323Z",
-                                          "updated_by_id": 34,
-                                        },
-                                      ],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col />
-                                                <col />
-                                                <col />
-                                                <col />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Slug
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Rating Value
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Preview
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-row ant-table-row-level-0"
-                                                  data-row-key="7"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <a
-                                                      href="/ratings/7/edit"
-                                                      style="margin-right: 8px;"
-                                                    >
-                                                      verygood
-                                                    </a>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    verygoo
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    35
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <div
-                                                      style="width: 100px; border: 1px solid black; padding: 0.5rem; text-align: center;"
-                                                    >
-                                                      verygood
-                                                    </div>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    <span
-                                                      class="ant-popover-disabled-compatible-wrapper"
-                                                      style="display: inline-block; cursor: not-allowed;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled=""
-                                                        style="pointer-events: none;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="delete"
-                                                          class="anticon anticon-delete"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="delete"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </span>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": false,
-                                      "mergedExpandedKeys": Set {},
-                                      "pagination": Object {
-                                        "current": 1,
-                                        "onChange": [Function],
-                                        "pageSize": 20,
-                                        "pageSizeOptions": Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ],
-                                        "showTotal": [Function],
-                                        "total": 1,
-                                      },
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "fixed": undefined,
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "numeric_value",
-                                                "fixed": undefined,
-                                                "key": "numeric_value",
-                                                "title": "Rating Value",
-                                              },
-                                              Object {
-                                                "dataIndex": "preview",
-                                                "fixed": undefined,
-                                                "render": [Function],
-                                                "title": "Preview",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="2"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="3"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="4"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={5}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "numeric_value",
-                                                "key": "numeric_value",
-                                                "title": "Rating Value",
-                                              },
-                                              Object {
-                                                "dataIndex": "preview",
-                                                "render": [Function],
-                                                "title": "Preview",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                              },
-                                              Object {
-                                                "dataIndex": "slug",
-                                                "fixed": undefined,
-                                                "key": "slug",
-                                                "title": "Slug",
-                                              },
-                                              Object {
-                                                "dataIndex": "numeric_value",
-                                                "fixed": undefined,
-                                                "key": "numeric_value",
-                                                "title": "Rating Value",
-                                              },
-                                              Object {
-                                                "dataIndex": "preview",
-                                                "fixed": undefined,
-                                                "render": [Function],
-                                                "title": "Preview",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Slug",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "dataIndex": "slug",
-                                                      "key": "slug",
-                                                      "title": "Slug",
-                                                    },
-                                                    "key": "slug",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Rating Value",
-                                                    "className": "",
-                                                    "colEnd": 2,
-                                                    "colSpan": 1,
-                                                    "colStart": 2,
-                                                    "column": Object {
-                                                      "dataIndex": "numeric_value",
-                                                      "key": "numeric_value",
-                                                      "title": "Rating Value",
-                                                    },
-                                                    "key": "numeric_value",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Preview",
-                                                    "className": "",
-                                                    "colEnd": 3,
-                                                    "colSpan": 1,
-                                                    "colStart": 3,
-                                                    "column": Object {
-                                                      "dataIndex": "preview",
-                                                      "render": [Function],
-                                                      "title": "Preview",
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 4,
-                                                    "colSpan": 1,
-                                                    "colStart": 4,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "slug",
-                                                    "fixed": undefined,
-                                                    "key": "slug",
-                                                    "title": "Slug",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "numeric_value",
-                                                    "fixed": undefined,
-                                                    "key": "numeric_value",
-                                                    "title": "Rating Value",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "preview",
-                                                    "fixed": undefined,
-                                                    "render": [Function],
-                                                    "title": "Preview",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "slug",
-                                                      "key": "slug",
-                                                      "title": "Slug",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="slug"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Slug
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={2}
-                                                  colSpan={1}
-                                                  colStart={2}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "numeric_value",
-                                                      "key": "numeric_value",
-                                                      "title": "Rating Value",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="numeric_value"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Rating Value
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={3}
-                                                  colSpan={1}
-                                                  colStart={3}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "preview",
-                                                      "render": [Function],
-                                                      "title": "Preview",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="preview"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Preview
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={4}
-                                                  colSpan={1}
-                                                  colStart={4}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={
-                                            Array [
-                                              Object {
-                                                "created_at": "2022-05-05T06:31:22.492Z",
-                                                "created_by_id": 34,
-                                                "deleted_at": null,
-                                                "description": Object {
-                                                  "blocks": Array [
-                                                    Object {
-                                                      "data": Object {
-                                                        "text": "verygood",
-                                                      },
-                                                      "id": "84XfO28Gol",
-                                                      "type": "paragraph",
-                                                    },
-                                                  ],
-                                                  "time": 1651732083960,
-                                                  "version": "2.22.1",
-                                                },
-                                                "footer_code": "",
-                                                "header_code": "",
-                                                "html_description": "<p>verygood</p>",
-                                                "id": 7,
-                                                "medium_id": null,
-                                                "meta": null,
-                                                "meta_fields": null,
-                                                "name": "verygood",
-                                                "numeric_value": 35,
-                                                "slug": "verygoo",
-                                                "space_id": 2,
-                                                "updated_at": "2022-05-05T06:57:13.091323Z",
-                                                "updated_by_id": 34,
-                                              },
-                                            ]
-                                          }
-                                          emptyNode={null}
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <BodyRow
-                                              cellComponent="td"
-                                              childrenColumnName="children"
-                                              expandedKeys={Set {}}
-                                              getRowKey={[Function]}
-                                              index={0}
-                                              key="7"
-                                              record={
-                                                Object {
-                                                  "created_at": "2022-05-05T06:31:22.492Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": Object {
-                                                    "blocks": Array [
-                                                      Object {
-                                                        "data": Object {
-                                                          "text": "verygood",
-                                                        },
-                                                        "id": "84XfO28Gol",
-                                                        "type": "paragraph",
-                                                      },
-                                                    ],
-                                                    "time": 1651732083960,
-                                                    "version": "2.22.1",
-                                                  },
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "html_description": "<p>verygood</p>",
-                                                  "id": 7,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "verygood",
-                                                  "numeric_value": 35,
-                                                  "slug": "verygoo",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-05-05T06:57:13.091323Z",
-                                                  "updated_by_id": 34,
-                                                }
-                                              }
-                                              recordKey={7}
-                                              rowComponent="tr"
-                                              rowKey={7}
-                                            >
-                                              <tr
-                                                className="ant-table-row ant-table-row-level-0"
-                                                data-row-key={7}
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              >
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="name"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-05-05T06:31:22.492Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "verygood",
-                                                            },
-                                                            "id": "84XfO28Gol",
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1651732083960,
-                                                        "version": "2.22.1",
-                                                      },
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "html_description": "<p>verygood</p>",
-                                                      "id": 7,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "verygood",
-                                                      "numeric_value": 35,
-                                                      "slug": "verygoo",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-05-05T06:57:13.091323Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                      to="/ratings/7/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/ratings/7/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/ratings/7/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "marginRight": 8,
-                                                            }
-                                                          }
-                                                        >
-                                                          verygood
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="slug"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="slug"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-05-05T06:31:22.492Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "verygood",
-                                                            },
-                                                            "id": "84XfO28Gol",
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1651732083960,
-                                                        "version": "2.22.1",
-                                                      },
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "html_description": "<p>verygood</p>",
-                                                      "id": 7,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "verygood",
-                                                      "numeric_value": 35,
-                                                      "slug": "verygoo",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-05-05T06:57:13.091323Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    verygoo
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="numeric_value"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="numeric_value"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-05-05T06:31:22.492Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "verygood",
-                                                            },
-                                                            "id": "84XfO28Gol",
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1651732083960,
-                                                        "version": "2.22.1",
-                                                      },
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "html_description": "<p>verygood</p>",
-                                                      "id": 7,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "verygood",
-                                                      "numeric_value": 35,
-                                                      "slug": "verygoo",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-05-05T06:57:13.091323Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    35
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="preview"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="preview"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-05-05T06:31:22.492Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "verygood",
-                                                            },
-                                                            "id": "84XfO28Gol",
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1651732083960,
-                                                        "version": "2.22.1",
-                                                      },
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "html_description": "<p>verygood</p>",
-                                                      "id": 7,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "verygood",
-                                                      "numeric_value": 35,
-                                                      "slug": "verygoo",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-05-05T06:57:13.091323Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                          "border": "1px solid black",
-                                                          "color": undefined,
-                                                          "padding": "0.5rem",
-                                                          "textAlign": "center",
-                                                          "width": "100px",
-                                                        }
-                                                      }
-                                                    >
-                                                      verygood
-                                                    </div>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  component="td"
-                                                  dataIndex="operation"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  index={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "created_at": "2022-05-05T06:31:22.492Z",
-                                                      "created_by_id": 34,
-                                                      "deleted_at": null,
-                                                      "description": Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "verygood",
-                                                            },
-                                                            "id": "84XfO28Gol",
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1651732083960,
-                                                        "version": "2.22.1",
-                                                      },
-                                                      "footer_code": "",
-                                                      "header_code": "",
-                                                      "html_description": "<p>verygood</p>",
-                                                      "id": 7,
-                                                      "medium_id": null,
-                                                      "meta": null,
-                                                      "meta_fields": null,
-                                                      "name": "verygood",
-                                                      "numeric_value": 35,
-                                                      "slug": "verygoo",
-                                                      "space_id": 2,
-                                                      "updated_at": "2022-05-05T06:57:13.091323Z",
-                                                      "updated_by_id": 34,
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    <ForwardRef
-                                                      disabled={true}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={true}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={true}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={true}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <span
-                                                              className="ant-popover-disabled-compatible-wrapper"
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "cursor": "not-allowed",
-                                                                  "display": "inline-block",
-                                                                  "width": null,
-                                                                }
-                                                              }
-                                                            >
-                                                              <Button
-                                                                className={null}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(DeleteOutlined) />}
-                                                                onKeyDown={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "pointerEvents": "none",
-                                                                  }
-                                                                }
-                                                                type="danger"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                    disabled={true}
-                                                                    onClick={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "pointerEvents": "none",
-                                                                      }
-                                                                    }
-                                                                    type="button"
-                                                                  >
-                                                                    <ForwardRef(DeleteOutlined)>
-                                                                      <AntdIcon
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          aria-label="delete"
-                                                                          className="anticon anticon-delete"
-                                                                          role="img"
-                                                                        >
-                                                                          <IconReact
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "delete",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <svg
-                                                                              aria-hidden="true"
-                                                                              data-icon="delete"
-                                                                              fill="currentColor"
-                                                                              focusable="false"
-                                                                              height="1em"
-                                                                              key="svg-delete"
-                                                                              viewBox="64 64 896 896"
-                                                                              width="1em"
-                                                                            >
-                                                                              <path
-                                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                key="svg-delete-svg-0"
-                                                                              />
-                                                                            </svg>
-                                                                          </IconReact>
-                                                                        </span>
-                                                                      </AntdIcon>
-                                                                    </ForwardRef(DeleteOutlined)>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </span>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </BodyRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                            <Pagination
-                              className="ant-table-pagination ant-table-pagination-right"
-                              current={1}
-                              onChange={[Function]}
-                              pageSize={20}
-                              pageSizeOptions={
-                                Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ]
-                              }
-                              showTotal={[Function]}
-                              total={1}
-                            >
-                              <LocaleReceiver
-                                componentName="Pagination"
-                                defaultLocale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                              >
-                                <Pagination
-                                  className="ant-table-pagination ant-table-pagination-right"
-                                  current={1}
-                                  defaultCurrent={1}
-                                  defaultPageSize={10}
-                                  hideOnSinglePage={false}
-                                  itemRender={[Function]}
-                                  jumpNextIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleRightOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  jumpPrevIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleLeftOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  locale={
-                                    Object {
-                                      "items_per_page": "/ page",
-                                      "jump_to": "Go to",
-                                      "jump_to_confirm": "confirm",
-                                      "next_3": "Next 3 Pages",
-                                      "next_5": "Next 5 Pages",
-                                      "next_page": "Next Page",
-                                      "page": "",
-                                      "prev_3": "Previous 3 Pages",
-                                      "prev_5": "Previous 5 Pages",
-                                      "prev_page": "Previous Page",
-                                    }
-                                  }
-                                  nextIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined) />
-                                    </button>
-                                  }
-                                  onChange={[Function]}
-                                  onShowSizeChange={[Function]}
-                                  pageSize={20}
-                                  pageSizeOptions={
-                                    Array [
-                                      "10",
-                                      "15",
-                                      "20",
-                                    ]
-                                  }
-                                  prefixCls="ant-pagination"
-                                  prevIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined) />
-                                    </button>
-                                  }
-                                  selectComponentClass={
-                                    Object {
-                                      "$$typeof": Symbol(react.forward_ref),
-                                      "OptGroup": [Function],
-                                      "Option": [Function],
-                                      "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                      "render": [Function],
-                                    }
-                                  }
-                                  selectPrefixCls="ant-select"
-                                  showLessItems={false}
-                                  showPrevNextJumpers={true}
-                                  showQuickJumper={false}
-                                  showTitle={true}
-                                  showTotal={[Function]}
-                                  style={Object {}}
-                                  total={1}
-                                  totalBoundaryShowSizeChanger={50}
-                                >
-                                  <ul
-                                    className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                    style={Object {}}
-                                    unselectable="unselectable"
-                                  >
-                                    <li
-                                      className="ant-pagination-total-text"
-                                    >
-                                      1-1 of 1 results
-                                    </li>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-prev ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Previous Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(LeftOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "left",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="left"
-                                              className="anticon anticon-left"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "left",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="left"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-left"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                    key="svg-left-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(LeftOutlined)>
-                                      </button>
-                                    </li>
-                                    <Pager
-                                      active={true}
-                                      itemRender={[Function]}
-                                      key="1"
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      page={1}
-                                      rootPrefixCls="ant-pagination"
-                                      showTitle={true}
-                                    >
-                                      <li
-                                        className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        tabIndex="0"
-                                        title={1}
-                                      >
-                                        <a
-                                          rel="nofollow"
-                                        >
-                                          1
-                                        </a>
-                                      </li>
-                                    </Pager>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-next ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Next Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(RightOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "right",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="right"
-                                              className="anticon anticon-right"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "right",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="right"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-right"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                    key="svg-right-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(RightOutlined)>
-                                      </button>
-                                    </li>
-                                    <Options
-                                      changeSize={null}
-                                      current={1}
-                                      goButton={false}
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      pageSize={20}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      quickGo={null}
-                                      rootPrefixCls="ant-pagination"
-                                      selectComponentClass={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "OptGroup": [Function],
-                                          "Option": [Function],
-                                          "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                          "render": [Function],
-                                        }
-                                      }
-                                      selectPrefixCls="ant-select"
-                                    />
-                                  </ul>
-                                </Pagination>
-                              </LocaleReceiver>
-                            </Pagination>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </RatingList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Ratings>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/ratings/components/RatingForm.js b/studio/src/pages/ratings/components/RatingForm.js
deleted file mode 100644
index 6abcba829..000000000
--- a/studio/src/pages/ratings/components/RatingForm.js
+++ /dev/null
@@ -1,286 +0,0 @@
-import React, { useState } from 'react';
-import { Button, Form, Space, Row, Col, ConfigProvider, InputNumber, Collapse } from 'antd';
-import { maker } from '../../../utils/sluger';
-import MediaSelector from '../../../components/MediaSelector';
-import { SketchPicker } from 'react-color';
-import getJsonValue from '../../../utils/getJsonValue';
-import { DescriptionInput, MetaForm, SlugInput, TitleInput } from '../../../components/FormItems';
-
-const RatingForm = ({ onCreate, data = {} }) => {
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [form] = Form.useForm();
-  const [backgroundColour, setBackgroundColour] = useState(
-    data.background_colour ? data.background_colour : null,
-  );
-  const [textColour, setTextColour] = useState(data.text_colour ? data.text_colour : null);
-  const [valueChange, setValueChange] = React.useState(false);
-  const [displayBgColorPicker, setDisplayBgColorPicker] = useState(false);
-  const [displayTextColorPicker, setDisplayTextColorPicker] = useState(false);
-
-  const handleBgClick = () => {
-    setDisplayBgColorPicker((prev) => !prev);
-    setValueChange(true);
-  };
-  const handleTextClick = () => {
-    setDisplayTextColorPicker((prev) => !prev);
-    setValueChange(true);
-  };
-
-  const handleBgClose = () => {
-    setDisplayBgColorPicker(false);
-  };
-  const handleTextClose = () => {
-    setDisplayTextColorPicker(false);
-  };
-
-  const onReset = () => {
-    form.resetFields();
-    setBackgroundColour(data.background_colour ? data.background_colour : null);
-    setTextColour(data.text_colour ? data.text_colour : null);
-  };
-
-  const onTitleChange = (string) => {
-    form.setFieldsValue({
-      slug: maker(string),
-    });
-  };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Form
-        form={form}
-        style={{ padding: '0 1rem' }}
-        initialValues={{ ...data }}
-        name="creat-rating"
-        layout="vertical"
-        className="edit-form"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          values.text_colour = textColour;
-          values.background_colour = backgroundColour;
-          onCreate(values);
-          onReset();
-        }}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row
-          justify="center"
-          gutter={[0, 16]}
-          style={{ maxWidth: '1200px', width: '100%', margin: '0 auto' }}
-        >
-          <Col span={24}>
-            <Row justify="end" gutter={40}>
-              <Form.Item>
-                <Space>
-                  <Button disabled={!valueChange} type="primary" htmlType="submit">
-                    {data && data.id ? 'Update' : 'Save'}
-                  </Button>
-                </Space>
-              </Form.Item>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <Collapse
-                expandIconPosition="right"
-                expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-                style={{ width: '100%', background: '#f0f2f5', border: 0 }}
-              >
-                <Collapse.Panel header="Basic" key="1">
-                  <Row
-                    style={{ background: '#F9FAFB', marginBottom: '1rem' }}
-                    gutter={{ xs: 16, md: 70 }}
-                  >
-                    <Col xs={24} md={10}>
-                      <TitleInput
-                        name="name"
-                        label="Rating Name"
-                        onChange={(e) => onTitleChange(e.target.value)}
-                      />
-                      <SlugInput />
-                      <Form.Item
-                        name="numeric_value"
-                        label="Numeric value"
-                        rules={[
-                          {
-                            required: true,
-                            message: 'Please enter the numeric value!',
-                          },
-                        ]}
-                      >
-                        <InputNumber min={1} style={{ width: '100%' }} />
-                      </Form.Item>
-                      {/* <Form.Item label="Featured" name="is_featured" valuePropName="checked">
-                <Switch />
-              </Form.Item> */}
-                      <Form.Item name="background_colour" label="Background Colour">
-                        <div style={{ position: 'relative' }}>
-                          <div
-                            style={{
-                              padding: '5px',
-                              background: '#fff',
-                              borderRadius: '1px',
-                              boxShadow: '0 0 0 1px rgba(0,0,0,.1)',
-                              display: 'inline-block',
-                              cursor: 'pointer',
-                            }}
-                            onClick={() => handleBgClick()}
-                          >
-                            <div
-                              style={{
-                                width: '100px',
-                                height: '24px',
-                                borderRadius: '2px',
-                                background: `${backgroundColour && backgroundColour.hex}`,
-                              }}
-                            />
-                          </div>
-                          {displayBgColorPicker ? (
-                            <div
-                              style={{ position: 'absolute', zIndex: '2', top: 0, left: '120px' }}
-                            >
-                              <div
-                                style={{
-                                  position: 'fixed',
-                                  top: '0px',
-                                  right: '0px',
-                                  bottom: '0px',
-                                  left: '0px',
-                                }}
-                                onClick={() => handleBgClose()}
-                              />
-                              <SketchPicker
-                                color={backgroundColour !== null && backgroundColour.hex}
-                                onChange={(e) => setBackgroundColour(e)}
-                                disableAlpha
-                              />
-                            </div>
-                          ) : null}
-                        </div>
-                      </Form.Item>
-                      <Form.Item name="text_colour" label="Text Colour">
-                        <div style={{ position: 'relative' }}>
-                          <div
-                            style={{
-                              padding: '5px',
-                              background: '#fff',
-                              borderRadius: '1px',
-                              boxShadow: '0 0 0 1px rgba(0,0,0,.1)',
-                              display: 'inline-block',
-                              cursor: 'pointer',
-                            }}
-                            onClick={() => handleTextClick()}
-                          >
-                            <div
-                              style={{
-                                width: '100px',
-                                height: '24px',
-                                borderRadius: '2px',
-                                background: `${textColour && textColour.hex}`,
-                              }}
-                            />
-                          </div>
-                          {displayTextColorPicker ? (
-                            <div
-                              style={{ position: 'absolute', zIndex: '2', top: 0, left: '120px' }}
-                            >
-                              <div
-                                style={{
-                                  position: 'fixed',
-                                  top: '0px',
-                                  right: '0px',
-                                  bottom: '0px',
-                                  left: '0px',
-                                }}
-                                onClick={() => handleTextClose()}
-                              />
-                              <SketchPicker
-                                color={textColour !== null && textColour.hex}
-                                onChange={(e) => setTextColour(e)}
-                                disableAlpha
-                              />
-                            </div>
-                          ) : null}
-                        </div>
-                      </Form.Item>
-
-                      <Form.Item
-                        className="preview-container"
-                        label="Preview"
-                        gutter={16}
-                        style={{ marginBottom: '1rem' }}
-                      >
-                        <div
-                          className="preview"
-                          style={{
-                            textAlign: 'center',
-                            color: textColour?.hex,
-                            background: backgroundColour?.hex,
-                            width: '110px',
-                            padding: '0.5rem 1rem',
-                            fontSize: '0.75rem',
-                            border: '1px dotted black',
-                          }}
-                        >
-                          Sample Text
-                        </div>
-                      </Form.Item>
-                      <DescriptionInput
-                        type="editor"
-                        inputProps={{
-                          style: {
-                            minHeight: '92px',
-                            background: '#F9FAFB',
-                            padding: '0.25rem 0.5rem',
-                            borderRadius: '0.25rem',
-                            border: '1px solid rgba(0, 0, 0, 0.15)',
-                          },
-                          placeholder: 'Enter Description...',
-                          basic: true,
-                        }}
-                        rows={5}
-                        initialValue={data.description_html}
-                      />
-                    </Col>
-                    <Col xs={24} md={6}>
-                      <Form.Item label="Featured Image" name="medium_id">
-                        <MediaSelector
-                          maxWidth={'238px'}
-                          containerStyles={{ justifyContent: 'start' }}
-                        />
-                      </Form.Item>
-                    </Col>
-                  </Row>
-                </Collapse.Panel>
-              </Collapse>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <MetaForm style={{ marginBottom: 16, background: '#f0f2f5', border: 0 }} />
-            </Row>
-          </Col>
-        </Row>
-      </Form>
-    </ConfigProvider>
-  );
-};
-
-export default RatingForm;
diff --git a/studio/src/pages/ratings/components/RatingForm.test.js b/studio/src/pages/ratings/components/RatingForm.test.js
deleted file mode 100644
index 2519cb938..000000000
--- a/studio/src/pages/ratings/components/RatingForm.test.js
+++ /dev/null
@@ -1,377 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-import { SketchPicker } from 'react-color';
-import { Collapse } from 'antd';
-
-import '../../../matchMedia.mock';
-import RatingForm from './RatingForm';
-jest.mock('@editorjs/editorjs');
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-const data = {
-  name: 'name',
-  slug: 'slug',
-  numeric_value: 3,
-  medium_id: 1,
-  background_colour: {
-    hex: '#f9f9fa',
-    hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-    hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-    oldHue: 240,
-    rgb: { r: 249, g: 249, b: 250, a: 1 },
-    source: 'hsv',
-  },
-  description: {
-    time: 1613559903378,
-    blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-    version: '2.19.0',
-  },
-};
-
-describe('Ratings Create Form component', () => {
-  store = mockStore({
-    ratings: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn());
-  useSelector.mockImplementation((state) => ({ details: [], total: 0, loading: false }));
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      window.HTMLCanvasElement.prototype.getContext = () => {
-        return;
-        // return whatever getContext has to return
-      };
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <RatingForm />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <RatingForm data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <RatingForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <RatingForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <RatingForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      const data2 = { ...data };
-      data2.id = 1;
-      data2.background_colour = null;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <RatingForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'name',
-          slug: 'slug',
-          numeric_value: 3,
-          medium_id: 1,
-          background_colour: null,
-          text_colour: null,
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with new name', (done) => {
-      const data2 = { ...data };
-      data2.id = 1;
-      data2.text_colour = {
-        hex: '#f9f9fa',
-        hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-        hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-        oldHue: 240,
-        rgb: { r: 249, g: 249, b: 250, a: 1 },
-        source: 'hsv',
-      };
-      data2.meta_fields = {
-        sample: 'testing',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <RatingForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const input = wrapper.find('input').at(0);
-        input.simulate('change', { target: { value: 'new name' } });
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          slug: 'new-name',
-          numeric_value: 3,
-          medium_id: 1,
-          background_colour: {
-            hex: '#f9f9fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 249, g: 249, b: 250, a: 1 },
-            source: 'hsv',
-          },
-          text_colour: {
-            hex: '#f9f9fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 249, g: 249, b: 250, a: 1 },
-            source: 'hsv',
-          },
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      const data2 = { ...data };
-      data2.text_colour = {
-        hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-        hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-        oldHue: 240,
-        rgb: { r: 249, g: 249, b: 250, a: 1 },
-        source: 'hsv',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <RatingForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const btn = wrapper.find('Button').at(5);
-        expect(btn.text()).toBe('Expand');
-        btn.simulate('click');
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      wrapper.find('FormItem').at(4).find('div').at(6).simulate('click');
-      wrapper.find('FormItem').at(5).find('div').at(6).simulate('click');
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new-slug' } });
-        wrapper
-          .find('FormItem')
-          .at(8)
-          .find('Editor')
-          .props()
-          .onChange({
-            target: {
-              value: {
-                time: 1613559903378,
-                blocks: [{ type: 'paragraph', data: { text: 'New Description' } }],
-                version: '2.19.0',
-              },
-            },
-          });
-        wrapper
-          .find('FormItem')
-          .at(3)
-          .find('InputNumber')
-          .props()
-          .onChange({ target: { value: 4 } });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find(SketchPicker)
-          .at(0)
-          .props()
-          .onChange({
-            hex: '#f0f0fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          });
-        wrapper
-          .find('FormItem')
-          .at(5)
-          .find(SketchPicker)
-          .at(0)
-          .props()
-          .onChange({
-            hex: '#f0f1fa',
-            hsl: { h: 245, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 245, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          });
-        wrapper
-          .find('FormItem')
-          .at(11)
-          .find('MonacoEditor')
-          .props()
-          .onChange({
-            target: { value: '{"sample":"testing"}' },
-          });
-        wrapper.find('FormItem').at(4).find('div').at(9).simulate('click');
-        wrapper.find('FormItem').at(5).find('div').at(9).simulate('click');
-
-        const submitButtom = wrapper.find('Button').at(1);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          slug: 'new-slug',
-          numeric_value: 4,
-          medium_id: 1,
-          background_colour: {
-            hex: '#f0f0fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          },
-          text_colour: {
-            hex: '#f0f1fa',
-            hsl: { h: 245, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 245, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          },
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'New Description' } }],
-            version: '2.19.0',
-          },
-          meta_fields: {
-            sample: 'testing',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should handle collapse open and close', () => {
-      act(() => {
-        wrapper.find(Collapse).at(0).find('Button').at(0).simulate('click');
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find(Collapse).at(0).find('Button').at(0).text()).toBe('Close');
-      expect(wrapper.find(Collapse).at(1).find('Button').at(0).text()).toBe('Close');
-    });
-  });
-});
diff --git a/studio/src/pages/ratings/components/RatingForm.tsx b/studio/src/pages/ratings/components/RatingForm.tsx
new file mode 100644
index 000000000..831889d33
--- /dev/null
+++ b/studio/src/pages/ratings/components/RatingForm.tsx
@@ -0,0 +1,456 @@
+import React, { useState } from "react";
+import { useForm } from "react-hook-form";
+import { SketchPicker } from "react-color";
+import { maker } from "../../../utils/sluger";
+import getJsonValue from "../../../utils/getJsonValue";
+import { useNavigate } from "react-router-dom";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import {
+  MetaForm,
+  SlugInput,
+  TitleInput,
+  DescriptionInput,
+} from "../../../components/FormItems";
+import { Rating, RatingFormProps, ColorResult } from "../types";
+import MediaSelector from "../../../components/MediaSelector";
+import { useIsMobile } from "@/hooks/use-mobile";
+
+const RatingForm: React.FC<RatingFormProps> = ({ onCreate, data = {} }) => {
+  const navigate = useNavigate();
+  const isMobile = useIsMobile();
+  const [backgroundColour, setBackgroundColour] = useState<ColorResult | null>(
+    data.background_colour || null
+  );
+  const [textColour, setTextColour] = useState<ColorResult | null>(
+    data.text_colour || null
+  );
+  const [displayBgColorPicker, setDisplayBgColorPicker] = useState(false);
+  const [displayTextColorPicker, setDisplayTextColorPicker] = useState(false);
+  const [previewText, setPreviewText] = useState(data.name || "Sample");
+  const [valueChange, setValueChange] = useState(false);
+
+  // Handle meta_fields conversion
+  const initialData = { ...data };
+  if (initialData.meta_fields && typeof initialData.meta_fields !== "string") {
+    initialData.meta_fields = JSON.stringify(initialData.meta_fields);
+  }
+
+  const form = useForm<Rating>({
+    defaultValues: {
+      name: initialData.name || "",
+      slug: initialData.slug || "",
+      numeric_value: initialData.numeric_value,
+      medium_id: initialData.medium_id,
+      description_html: initialData.description_html || "",
+      ...initialData,
+      meta_fields: initialData.meta_fields as string,
+    },
+    mode: "onChange",
+  });
+
+  const handleBgClick = () => {
+    setDisplayBgColorPicker((prev) => !prev);
+    setValueChange(true);
+  };
+
+  const handleTextClick = () => {
+    setDisplayTextColorPicker((prev) => !prev);
+    setValueChange(true);
+  };
+
+  const handleBgClose = () => setDisplayBgColorPicker(false);
+  const handleTextClose = () => setDisplayTextColorPicker(false);
+
+  const onTitleChange = (value: string) => {
+    form.setValue("name", value);
+    form.setValue("slug", maker(value));
+    setPreviewText(value || "Sample");
+    setValueChange(true);
+  };
+
+  const onReset = () => {
+    form.reset();
+    setBackgroundColour(data.background_colour || null);
+    setTextColour(data.text_colour || null);
+    setValueChange(false);
+  };
+
+  const onSubmit = (values: Rating) => {
+    const processedValues: Rating = {
+      ...values,
+      meta_fields: values.meta_fields
+        ? getJsonValue(values.meta_fields as string)
+        : undefined,
+      text_colour: textColour ? { hex: textColour.hex } : undefined,
+      background_colour: backgroundColour
+        ? { hex: backgroundColour.hex }
+        : undefined,
+    };
+    onCreate(processedValues);
+    onReset();
+  };
+
+  const handleCancel = () => {
+    navigate(-1);
+  };
+
+  return (
+    <div className={isMobile ? "" : "px-60 max-w-6xl mx-auto"}>
+      {/* Mobile header */}
+      {isMobile && (
+        <div className="mb-4">
+          <h1 className="text-xl font-semibold">
+            {data && data.id ? "Edit Rating" : "Create Rating"}
+          </h1>
+          <div className="mt-2">
+            <p className="text-gray-600 text-[13px]">
+              Set up a rating to help organize by utilizing the advanced options
+              provided below.
+            </p>
+          </div>
+        </div>
+      )}
+
+      {/* Desktop header */}
+      {!isMobile && (
+        <div className="mb-6 px-4">
+          <h1 className="text-xl font-semibold text-gray-900">
+            {data && data.id ? "Edit Rating" : "Create Rating"}
+          </h1>
+          <div className="mt-2">
+            <p className="text-gray-600 text-[13px]">
+              Set up a rating to help organize by utilizing the advanced options
+              provided below.
+            </p>
+          </div>
+        </div>
+      )}
+
+      <div className="border-t border-gray-200 mb-4"></div>
+
+      <Form {...form}>
+        <form
+          onSubmit={(e) => {
+            e.preventDefault();
+            setValueChange(true);
+            setTimeout(() => {
+              form.handleSubmit(onSubmit)(e);
+            }, 0);
+          }}
+          className="w-full mx-auto"
+          onChange={() => setValueChange(true)}
+        >
+          <div className="w-full mb-6">
+            <Accordion
+              type="multiple"
+              defaultValue={["general"]}
+              className="w-full"
+            >
+              <AccordionItem
+                value="general"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">General</span>
+                    <div
+                      className="text-center w-28 text-sm rounded-lg"
+                      style={{
+                        color: textColour?.hex,
+                        background: backgroundColour?.hex,
+                        border: "1px solid #9CA3AF",
+                      }}
+                    >
+                      {previewText}
+                    </div>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="py-3 bg-white px-4">
+                    <div className="space-y-4">
+                      <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                        <FormField
+                          control={form.control}
+                          name="name"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-base">Title</FormLabel>
+                              <TitleInput
+                                {...field}
+                                placeholder="Rating name"
+                                onChange={(e) => {
+                                  field.onChange(e);
+                                  onTitleChange(e.target.value);
+                                }}
+                              />
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="numeric_value"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-base">
+                                Numeric Value
+                              </FormLabel>
+                              <FormControl>
+                                <Input
+                                  type="number"
+                                  min={1}
+                                  value={
+                                    field.value === undefined ||
+                                    field.value === null
+                                      ? ""
+                                      : field.value
+                                  }
+                                  onChange={(e) => {
+                                    const value =
+                                      e.target.value === ""
+                                        ? undefined
+                                        : Number(e.target.value);
+                                    field.onChange(value);
+                                    setValueChange(true);
+                                  }}
+                                  onBlur={field.onBlur}
+                                />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+                      </div>
+
+                      <div className="mb-4 sm:mb-6">
+                        <SlugInput form={form} />
+                      </div>
+
+                      <FormField
+                        control={form.control}
+                        name="description_html"
+                        render={({ field }) => (
+                          <div className="mb-4 sm:mb-6">
+                            <FormLabel className="text-base block mb-2">
+                              Description
+                            </FormLabel>
+                            <DescriptionInput
+                              initialValue={field.value}
+                              onChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                              noLabel={true}
+                              rows={5}
+                              inputProps={{
+                                placeholder: "Enter Description...",
+                                style: {
+                                  minHeight: "92px",
+                                  borderRadius: "0.25rem",
+                                  border: "1px solid rgba(0, 0, 0, 0.15)",
+                                },
+                              }}
+                            />
+                          </div>
+                        )}
+                      />
+
+                      <div className="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
+                        <FormField
+                          control={form.control}
+                          name="background_colour"
+                          render={() => (
+                            <FormItem>
+                              <FormLabel className="text-base">
+                                Background color
+                              </FormLabel>
+                              <div className="relative w-full">
+                                <div
+                                  className="border border-input rounded-md h-9 w-full flex items-center px-3 bg-white shadow-xs cursor-pointer"
+                                  onClick={handleBgClick}
+                                >
+                                  <div className="flex w-full items-center">
+                                    {backgroundColour?.hex ? (
+                                      <div className="flex items-center gap-2 w-full">
+                                        <div
+                                          className="w-5 h-5 rounded-sm"
+                                          style={{
+                                            background: `${backgroundColour?.hex}`,
+                                          }}
+                                        />
+                                        <span className="text-sm">
+                                          {backgroundColour.hex}
+                                        </span>
+                                      </div>
+                                    ) : (
+                                      <span className="text-muted-foreground text-sm">
+                                        Select a color
+                                      </span>
+                                    )}
+                                  </div>
+                                </div>
+                                {displayBgColorPicker ? (
+                                  <div
+                                    className={`absolute z-10 ${
+                                      isMobile ? "right-0" : "top-10 left-0"
+                                    }`}
+                                  >
+                                    <div
+                                      className="fixed inset-0"
+                                      onClick={handleBgClose}
+                                    />
+                                    <SketchPicker
+                                      color={backgroundColour?.hex}
+                                      onChange={setBackgroundColour}
+                                      disableAlpha
+                                    />
+                                  </div>
+                                ) : null}
+                              </div>
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="text_colour"
+                          render={() => (
+                            <FormItem>
+                              <FormLabel className="text-base">
+                                Text color
+                              </FormLabel>
+                              <div className="relative w-full">
+                                <div
+                                  className="border border-input rounded-md h-9 w-full flex items-center px-3 bg-white shadow-xs cursor-pointer"
+                                  onClick={handleTextClick}
+                                >
+                                  <div className="flex w-full items-center">
+                                    {textColour?.hex ? (
+                                      <div className="flex items-center gap-2 w-full">
+                                        <div
+                                          className="w-5 h-5 rounded-sm"
+                                          style={{
+                                            background: `${textColour?.hex}`,
+                                          }}
+                                        />
+                                        <span className="text-sm">
+                                          {textColour.hex}
+                                        </span>
+                                      </div>
+                                    ) : (
+                                      <span className="text-muted-foreground text-sm">
+                                        Select a color
+                                      </span>
+                                    )}
+                                  </div>
+                                </div>
+                                {displayTextColorPicker ? (
+                                  <div
+                                    className={`absolute z-10 ${
+                                      isMobile ? "right-0" : "top-10 left-0"
+                                    }`}
+                                  >
+                                    <div
+                                      className="fixed inset-0"
+                                      onClick={handleTextClose}
+                                    />
+                                    <SketchPicker
+                                      color={textColour?.hex}
+                                      onChange={setTextColour}
+                                      disableAlpha
+                                    />
+                                  </div>
+                                ) : null}
+                              </div>
+                            </FormItem>
+                          )}
+                        />
+                      </div>
+
+                      {/* Featured Image */}
+                      <FormField
+                        control={form.control}
+                        name="medium_id"
+                        render={({ field }) => (
+                          <FormItem className="mt-6">
+                            <FormLabel className="text-base mb-2">
+                              Cover image
+                            </FormLabel>
+                            <div className="flex justify-center items-start mt-4">
+                              <MediaSelector
+                                value={field.value}
+                                onChange={(value) => {
+                                  field.onChange(value);
+                                  setValueChange(true);
+                                }}
+                                containerStyles={{
+                                  justifyContent: "center",
+                                  width: isMobile ? "84%" : "100%",
+                                  height: isMobile ? "160px" : "220px",
+                                }}
+                              />
+                            </div>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+          </div>
+
+          <div className="w-full mb-2">
+            <MetaForm form={form} />
+          </div>
+
+          <div
+            className={`flex ${
+              isMobile ? "justify-between" : "justify-start"
+            } mb-8 mt-8`}
+          >
+            <div
+              className={isMobile ? "w-full flex justify-between" : "space-x-4"}
+            >
+              <Button
+                variant="outline"
+                onClick={handleCancel}
+                className={isMobile ? "w-[48%]" : "px-6"}
+              >
+                Cancel
+              </Button>
+              <Button
+                type="submit"
+                disabled={!valueChange}
+                className={isMobile ? "w-[48%]" : "px-6"}
+              >
+                {data && data.id
+                  ? "Update"
+                  : isMobile
+                  ? "Create"
+                  : "Create rating"}
+              </Button>
+            </div>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+};
+
+export default RatingForm;
diff --git a/studio/src/pages/ratings/components/RatingList.js b/studio/src/pages/ratings/components/RatingList.js
deleted file mode 100644
index 7f05f92e5..000000000
--- a/studio/src/pages/ratings/components/RatingList.js
+++ /dev/null
@@ -1,200 +0,0 @@
-import React from 'react';
-import { ConfigProvider, Button, Table, Modal, Typography } from 'antd';
-
-import { useDispatch } from 'react-redux';
-import { deleteRating } from '../../../actions/ratings';
-import { Link } from 'react-router-dom';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function RatingList({ actions, data, filters, setFilters, fetchRatings }) {
-  const history = useNavigation();
-  const dispatch = useDispatch();
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemId, setDeleteItemId] = React.useState(null);
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/ratings/${record.id}/edit`}
-          >
-            <Typography.Text style={{ color: '#101828' }} strong>
-              {record.name}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Rating Value',
-      dataIndex: 'numeric_value',
-      key: 'numeric_value',
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      width: 200,
-      render: (_, record) => {
-        return (
-          <Typography.Text style={{ color: '#101828' }} strong>
-            {record.numeric_value}
-          </Typography.Text>
-        );
-      },
-    },
-    {
-      title: 'Preview',
-      dataIndex: 'preview',
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      width: 200,
-      render: (_, record) => (
-        <div
-          style={{
-            color: record.text_colour?.hex,
-            backgroundColor: record.background_colour?.hex,
-            width: '100px',
-            border: '1px solid black',
-            padding: '0.5rem',
-            textAlign: 'center',
-          }}
-        >
-          {record.name}
-        </div>
-      ),
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      align: 'center',
-      width: 150,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '150px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            {' '}
-            <Button
-              size="large"
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemId(record.id);
-              }}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Table
-        onRow={(record, rowIndex) => {
-          return {
-            onClick: (event) => {
-              history(`/ratings/${record.id}/edit`);
-            },
-            onMouseEnter: (event) => {
-              document.body.style.cursor = 'pointer';
-            },
-            onMouseLeave: (event) => {
-              document.body.style.cursor = 'default';
-            },
-          };
-        }}
-        columns={columns}
-        dataSource={data.ratings}
-        loading={data.loading}
-        rowKey={'id'}
-        scroll={{
-          x: '1000',
-        }}
-        pagination={{
-          showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-          total: data.total,
-          current: filters.page,
-          pageSize: filters.limit,
-          onChange: (pageNumber, pageSize) => setFilters({ page: pageNumber, limit: pageSize }),
-          pageSizeOptions: ['10', '15', '20'],
-        }}
-      />
-      <Modal
-        open={modalOpen}
-        closable={false}
-        centered
-        width={311}
-        className="delete-modal-container"
-        cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-        style={{
-          borderRadius: '18px',
-        }}
-        onOk={(e) => {
-          e.stopPropagation();
-          dispatch(deleteRating(deleteItemId)).then(() => fetchRatings());
-          setModalOpen(false);
-          setDeleteItemId(null);
-        }}
-        onCancel={(e) => {
-          e.stopPropagation();
-          setModalOpen(false);
-          setDeleteItemId(null);
-        }}
-      >
-        <Typography.Text strong>Are you sure you want to delete this rating?</Typography.Text>
-      </Modal>
-    </ConfigProvider>
-  );
-}
-
-export default RatingList;
diff --git a/studio/src/pages/ratings/components/RatingList.test.js b/studio/src/pages/ratings/components/RatingList.test.js
deleted file mode 100644
index 7763c4cf2..000000000
--- a/studio/src/pages/ratings/components/RatingList.test.js
+++ /dev/null
@@ -1,275 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { shallow, mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { Popconfirm, Button, Table } from 'antd';
-
-import '../../../matchMedia.mock';
-import RatingList from './RatingList';
-import { getRatings, deleteRating } from '../../../actions/ratings';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-let mockedDispatch, store;
-let query = {
-  page: 1,
-  limit: 20,
-};
-let dataSource = {
-  ratings: [
-    {
-      id: 2,
-      created_at: '2020-10-01T06:25:37.717922Z',
-      updated_at: '2020-10-01T06:25:37.717922Z',
-      deleted_at: null,
-      name: 'True',
-      slug: 'true',
-      description: '',
-      numeric_value: 5,
-      medium_id: 0,
-      space_id: 1,
-      background_colour: { hex: '#108040' },
-    },
-    {
-      id: 1,
-      created_at: '2020-10-01T06:25:47.227933Z',
-      updated_at: '2020-10-01T06:25:47.227933Z',
-      deleted_at: null,
-      name: 'False',
-      slug: 'false',
-      description: '',
-      numeric_value: 1,
-      medium_id: 0,
-      space_id: 1,
-    },
-  ],
-  total: 2,
-  loading: false,
-};
-let state = {
-  ratings: {
-    req: [
-      {
-        data: [2, 1],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2020-10-01T06:25:37.717922Z',
-        updated_at: '2020-10-01T06:25:37.717922Z',
-        deleted_at: null,
-        name: 'True',
-        slug: 'true',
-        description: '',
-        numeric_value: 5,
-        medium_id: 0,
-        space_id: 1,
-        background_colour: { hex: '#108040' },
-      },
-      '2': {
-        id: 2,
-        created_at: '2020-10-01T06:25:47.227933Z',
-        updated_at: '2020-10-01T06:25:47.227933Z',
-        deleted_at: null,
-        name: 'False',
-        slug: 'false',
-        description: '',
-        numeric_value: 1,
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/ratings', () => ({
-  getRatings: jest.fn(),
-  deleteRating: jest.fn(),
-}));
-const setFilters = jest.fn();
-const fetchRatings = jest.fn();
-describe('Ratings List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <RatingList
-              fetchRatings={fetchRatings}
-              data={dataSource}
-              setFilters={setFilters}
-              filters={query}
-              actions={['update', 'delete']}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.ratings.loading = true;
-      store = mockStore(state);
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <RatingList
-              fetchRatings={fetchRatings}
-              data={dataSource}
-              setFilters={setFilters}
-              filters={query}
-              actions={['update', 'delete']}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with ratings', () => {
-      state.ratings.loading = false;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <RatingList
-              fetchRatings={fetchRatings}
-              data={dataSource}
-              filters={query}
-              setFilters={setFilters}
-              actions={['update', 'delete']}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <RatingList
-                fetchRatings={fetchRatings}
-                data={dataSource}
-                setFilters={setFilters}
-                filters={query}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(2);
-      setTimeout(() => expect(table.props().pagination.current).toEqual(2));
-    });
-    it('should delete rating', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <RatingList
-                fetchRatings={fetchRatings}
-                data={dataSource}
-                filters={query}
-                setFilters={setFilters}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-
-      expect(deleteRating).toHaveBeenCalled();
-      expect(deleteRating).toHaveBeenCalledWith(2);
-    });
-    it('should edit rating', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <RatingList
-                fetchRatings={fetchRatings}
-                data={dataSource}
-                filters={query}
-                setFilters={setFilters}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('True');
-      expect(link.prop('to')).toEqual('/ratings/2/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        ratings: {
-          req: [],
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <RatingList
-                fetchRatings={fetchRatings}
-                data={{ ratings: [], loading: false, total: 0 }}
-                filters={query}
-                setFilters={setFilters}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/ratings/components/RatingList.tsx b/studio/src/pages/ratings/components/RatingList.tsx
new file mode 100644
index 000000000..fd139338f
--- /dev/null
+++ b/studio/src/pages/ratings/components/RatingList.tsx
@@ -0,0 +1,248 @@
+import React, { useState, useCallback } from "react";
+import { Trash2, Pencil, Ellipsis } from "lucide-react";
+import { deleteRating } from "../../../actions/ratings";
+import useNavigation from "../../../utils/useNavigation";
+import { Button } from "@/components/ui/button";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import EmptyState from "@/components/EmptyState";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Rating, RatingListProps } from "../types";
+
+const RatingList: React.FC<RatingListProps> = ({
+  data,
+  fetchRatings,
+  isMobile = false,
+}) => {
+  const navigate = useNavigation();
+  const dispatch = useAppDispatch();
+  const [modalOpen, setModalOpen] = useState<boolean>(false);
+  const [ratingToDelete, setRatingToDelete] = useState<Rating | null>(null);
+
+  // Memoize handlers to prevent unnecessary re-renders
+  const handleRowClick = useCallback(
+    (id: string) => {
+      navigate(`/ratings/${id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleEditClick = useCallback(
+    (e: React.MouseEvent, id: string) => {
+      e.stopPropagation();
+      navigate(`/ratings/${id}/edit`);
+    },
+    [navigate]
+  );
+
+  const handleDeleteClick = useCallback(
+    (e: React.MouseEvent, rating: Rating) => {
+      e.stopPropagation();
+      setModalOpen(true);
+      setRatingToDelete(rating);
+    },
+    []
+  );
+
+  const handleDeleteConfirm = useCallback(
+    async (e: React.MouseEvent) => {
+      e.stopPropagation();
+
+      if (ratingToDelete && ratingToDelete.id) {
+        try {
+          await dispatch(deleteRating(ratingToDelete.id));
+          // Only fetch after the delete is complete
+          setTimeout(() => fetchRatings(), 100);
+        } catch (error) {
+          console.error("Error deleting rating:", error);
+        } finally {
+          setModalOpen(false);
+          setRatingToDelete(null);
+        }
+      }
+    },
+    [ratingToDelete, dispatch, fetchRatings]
+  );
+
+  const handleDeleteCancel = useCallback((e: React.MouseEvent) => {
+    e.stopPropagation();
+    setModalOpen(false);
+    setRatingToDelete(null);
+  }, []);
+
+  // Check if there are any ratings to display
+  const hasRatingsData = data.ratings && data.ratings.length > 0;
+
+  return (
+    <div className="pb-4 overflow-auto">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-[40%] text-[13px]">Title</TableHead>
+                <TableHead className="w-[25%] text-[13px]">Preview</TableHead>
+                <TableHead className="w-[25%] text-[13px]">Value</TableHead>
+                <TableHead className="w-[10%] text-center text-[13px]">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-8 w-28 rounded-xl" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-16" />
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasRatingsData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-[40%] text-[13px]">Title</TableHead>
+                <TableHead className="w-[25%] text-[13px]">Preview</TableHead>
+                <TableHead className="w-[25%] text-[13px]">Value</TableHead>
+                <TableHead className="w-[10%] text-center text-[13px]">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.ratings.map((rating) => (
+                <TableRow
+                  key={rating.id}
+                  onClick={() => handleRowClick(rating.id)}
+                  className="cursor-pointer"
+                >
+                  <TableCell>
+                    <h3 className="text-[#101828]">{rating.name}</h3>
+                  </TableCell>
+                  <TableCell>
+                    <div
+                      className={`text-center text-sm rounded-xl ${
+                        isMobile ? "w-auto text-xs" : "w-28"
+                      }`}
+                      style={{
+                        color: rating.text_colour?.hex,
+                        backgroundColor: rating.background_colour?.hex,
+                        padding: isMobile ? "0.15rem" : "0.25rem",
+                      }}
+                    >
+                      {rating.name}
+                    </div>
+                  </TableCell>
+                  <TableCell>
+                    <h3 className="text-[#101828]">{rating.numeric_value}</h3>
+                  </TableCell>
+
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => handleEditClick(e, rating.id)}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => handleDeleteClick(e, rating)}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="ratings"
+          title="No ratings found"
+          description="Your ratings list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      <Dialog open={modalOpen} onOpenChange={setModalOpen}>
+        <DialogContent
+          className="max-w-sm p-4"
+          onPointerDownOutside={(e) => e.preventDefault()}
+        >
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Rating</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this rating?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button size="sm" variant="outline" onClick={handleDeleteCancel}>
+              Cancel
+            </Button>
+            <Button
+              size="sm"
+              variant="destructive"
+              onClick={handleDeleteConfirm}
+            >
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+};
+
+export default RatingList;
diff --git a/studio/src/pages/ratings/components/__snapshots__/RatingForm.test.js.snap b/studio/src/pages/ratings/components/__snapshots__/RatingForm.test.js.snap
deleted file mode 100644
index e2ccf2547..000000000
--- a/studio/src/pages/ratings/components/__snapshots__/RatingForm.test.js.snap
+++ /dev/null
@@ -1,9176 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ratings Create Form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <RatingForm
-    data={
-      Object {
-        "background_colour": Object {
-          "hex": "#f9f9fa",
-          "hsl": Object {
-            "a": 1,
-            "h": 240,
-            "l": 0.9792376,
-            "s": 0.0945170115208253,
-          },
-          "hsv": Object {
-            "a": 1,
-            "h": 240,
-            "s": 0.003999999999999949,
-            "v": 0.9812000000000001,
-          },
-          "oldHue": 240,
-          "rgb": Object {
-            "a": 1,
-            "b": 250,
-            "g": 249,
-            "r": 249,
-          },
-          "source": "hsv",
-        },
-        "description": Object {
-          "blocks": Array [
-            Object {
-              "data": Object {
-                "text": "Description",
-              },
-              "type": "paragraph",
-            },
-          ],
-          "time": 1613559903378,
-          "version": "2.19.0",
-        },
-        "medium_id": 1,
-        "name": "name",
-        "numeric_value": 3,
-        "slug": "slug",
-      }
-    }
-    onCreate={[MockFunction]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "creat-rating",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "background_colour": Object {
-            "hex": "#f9f9fa",
-            "hsl": Object {
-              "a": 1,
-              "h": 240,
-              "l": 0.9792376,
-              "s": 0.0945170115208253,
-            },
-            "hsv": Object {
-              "a": 1,
-              "h": 240,
-              "s": 0.003999999999999949,
-              "v": 0.9812000000000001,
-            },
-            "oldHue": 240,
-            "rgb": Object {
-              "a": 1,
-              "b": 250,
-              "g": 249,
-              "r": 249,
-            },
-            "source": "hsv",
-          },
-          "description": Object {
-            "blocks": Array [
-              Object {
-                "data": Object {
-                  "text": "Description",
-                },
-                "type": "paragraph",
-              },
-            ],
-            "time": 1613559903378,
-            "version": "2.19.0",
-          },
-          "medium_id": 1,
-          "name": "name",
-          "numeric_value": 3,
-          "slug": "slug",
-        }
-      }
-      layout="vertical"
-      name="creat-rating"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "creat-rating",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="creat-rating"
-          initialValues={
-            Object {
-              "background_colour": Object {
-                "hex": "#f9f9fa",
-                "hsl": Object {
-                  "a": 1,
-                  "h": 240,
-                  "l": 0.9792376,
-                  "s": 0.0945170115208253,
-                },
-                "hsv": Object {
-                  "a": 1,
-                  "h": 240,
-                  "s": 0.003999999999999949,
-                  "v": 0.9812000000000001,
-                },
-                "oldHue": 240,
-                "rgb": Object {
-                  "a": 1,
-                  "b": 250,
-                  "g": 249,
-                  "r": 249,
-                },
-                "source": "hsv",
-              },
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "text": "Description",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1613559903378,
-                "version": "2.19.0",
-              },
-              "medium_id": 1,
-              "name": "name",
-              "numeric_value": 3,
-              "slug": "slug",
-            }
-          }
-          name="creat-rating"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="creat-rating"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Rating Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Rating Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Rating Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Rating Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Rating Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Rating Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_name"
-                                          label="Rating Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-rating_name"
-                                                title="Rating Name"
-                                              >
-                                                Rating Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Rating Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value="name"
-                                                  >
-                                                    <Input
-                                                      id="creat-rating_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="name"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="name"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-rating_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="name"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-rating_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="name"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-rating_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value="slug"
-                                                  >
-                                                    <Input
-                                                      id="creat-rating_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="slug"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="slug"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-rating_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="slug"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-rating_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="slug"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Numeric value"
-                              name="numeric_value"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter the numeric value!",
-                                    "required": true,
-                                  },
-                                ]
-                              }
-                            >
-                              <WrapperField
-                                label="Numeric value"
-                                messageVariables={
-                                  Object {
-                                    "label": "Numeric value",
-                                  }
-                                }
-                                name="numeric_value"
-                                onReset={[Function]}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the numeric value!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_numeric_value"
-                                  label="Numeric value"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Numeric value",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "numeric_value",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the numeric value!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_numeric_value"
-                                        label="Numeric value"
-                                        name="numeric_value"
-                                        prefixCls="ant-form"
-                                        required={true}
-                                        requiredMark={true}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the numeric value!",
-                                              "required": true,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className="ant-form-item-required"
-                                              htmlFor="creat-rating_numeric_value"
-                                              title="Numeric value"
-                                            >
-                                              Numeric value
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Numeric value"
-                                        name={
-                                          Array [
-                                            "numeric_value",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the numeric value!",
-                                              "required": true,
-                                            },
-                                          ]
-                                        }
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value={3}
-                                                >
-                                                  <ForwardRef
-                                                    id="creat-rating_numeric_value"
-                                                    min={1}
-                                                    onChange={[Function]}
-                                                    value={3}
-                                                  >
-                                                    <InputNumber
-                                                      className=""
-                                                      downHandler={
-                                                        <ForwardRef(DownOutlined)
-                                                          className="ant-input-number-handler-down-inner"
-                                                        />
-                                                      }
-                                                      id="creat-rating_numeric_value"
-                                                      min={1}
-                                                      onChange={[Function]}
-                                                      prefixCls="ant-input-number"
-                                                      upHandler={
-                                                        <ForwardRef(UpOutlined)
-                                                          className="ant-input-number-handler-up-inner"
-                                                        />
-                                                      }
-                                                      value={3}
-                                                    >
-                                                      <div
-                                                        className="ant-input-number"
-                                                        onBlur={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyUp={[Function]}
-                                                      >
-                                                        <StepHandler
-                                                          downDisabled={false}
-                                                          downNode={
-                                                            <ForwardRef(DownOutlined)
-                                                              className="ant-input-number-handler-down-inner"
-                                                            />
-                                                          }
-                                                          onStep={[Function]}
-                                                          prefixCls="ant-input-number"
-                                                          upDisabled={false}
-                                                          upNode={
-                                                            <ForwardRef(UpOutlined)
-                                                              className="ant-input-number-handler-up-inner"
-                                                            />
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="ant-input-number-handler-wrap"
-                                                          >
-                                                            <span
-                                                              aria-disabled={false}
-                                                              aria-label="Increase Value"
-                                                              className="ant-input-number-handler ant-input-number-handler-up"
-                                                              onMouseDown={[Function]}
-                                                              onMouseLeave={[Function]}
-                                                              onMouseUp={[Function]}
-                                                              role="button"
-                                                              unselectable="on"
-                                                            >
-                                                              <ForwardRef(UpOutlined)
-                                                                className="ant-input-number-handler-up-inner"
-                                                              >
-                                                                <AntdIcon
-                                                                  className="ant-input-number-handler-up-inner"
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "up",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="up"
-                                                                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "up",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="up"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-up"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                                          key="svg-up-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(UpOutlined)>
-                                                            </span>
-                                                            <span
-                                                              aria-disabled={false}
-                                                              aria-label="Decrease Value"
-                                                              className="ant-input-number-handler ant-input-number-handler-down"
-                                                              onMouseDown={[Function]}
-                                                              onMouseLeave={[Function]}
-                                                              onMouseUp={[Function]}
-                                                              role="button"
-                                                              unselectable="on"
-                                                            >
-                                                              <ForwardRef(DownOutlined)
-                                                                className="ant-input-number-handler-down-inner"
-                                                              >
-                                                                <AntdIcon
-                                                                  className="ant-input-number-handler-down-inner"
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "down",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="down"
-                                                                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="down"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-down"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                          key="svg-down-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(DownOutlined)>
-                                                            </span>
-                                                          </div>
-                                                        </StepHandler>
-                                                        <div
-                                                          className="ant-input-number-input-wrap"
-                                                        >
-                                                          <input
-                                                            aria-valuemin={1}
-                                                            aria-valuenow="3"
-                                                            autoComplete="off"
-                                                            className="ant-input-number-input"
-                                                            id="creat-rating_numeric_value"
-                                                            onChange={[Function]}
-                                                            role="spinbutton"
-                                                            step={1}
-                                                            value="3"
-                                                          />
-                                                        </div>
-                                                      </div>
-                                                    </InputNumber>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Background Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Background Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Background Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Background Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Background Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_background_colour"
-                                        label="Background Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_background_colour"
-                                              title="Background Colour"
-                                            >
-                                              Background Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Background Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value={
-                                                    Object {
-                                                      "hex": "#f9f9fa",
-                                                      "hsl": Object {
-                                                        "a": 1,
-                                                        "h": 240,
-                                                        "l": 0.9792376,
-                                                        "s": 0.0945170115208253,
-                                                      },
-                                                      "hsv": Object {
-                                                        "a": 1,
-                                                        "h": 240,
-                                                        "s": 0.003999999999999949,
-                                                        "v": 0.9812000000000001,
-                                                      },
-                                                      "oldHue": 240,
-                                                      "rgb": Object {
-                                                        "a": 1,
-                                                        "b": 250,
-                                                        "g": 249,
-                                                        "r": 249,
-                                                      },
-                                                      "source": "hsv",
-                                                    }
-                                                  }
-                                                >
-                                                  <div
-                                                    id="creat-rating_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                    value={
-                                                      Object {
-                                                        "hex": "#f9f9fa",
-                                                        "hsl": Object {
-                                                          "a": 1,
-                                                          "h": 240,
-                                                          "l": 0.9792376,
-                                                          "s": 0.0945170115208253,
-                                                        },
-                                                        "hsv": Object {
-                                                          "a": 1,
-                                                          "h": 240,
-                                                          "s": 0.003999999999999949,
-                                                          "v": 0.9812000000000001,
-                                                        },
-                                                        "oldHue": 240,
-                                                        "rgb": Object {
-                                                          "a": 1,
-                                                          "b": 250,
-                                                          "g": 249,
-                                                          "r": 249,
-                                                        },
-                                                        "source": "hsv",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#f9f9fa",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Text Colour"
-                              name="text_colour"
-                            >
-                              <WrapperField
-                                label="Text Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Text Colour",
-                                  }
-                                }
-                                name="text_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_text_colour"
-                                  label="Text Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Text Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "text_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_text_colour"
-                                        label="Text Colour"
-                                        name="text_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_text_colour"
-                                              title="Text Colour"
-                                            >
-                                              Text Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Text Colour"
-                                        name={
-                                          Array [
-                                            "text_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="creat-rating_text_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              className="preview-container"
-                              gutter={16}
-                              label="Preview"
-                              style={
-                                Object {
-                                  "marginBottom": "1rem",
-                                }
-                              }
-                            >
-                              <Row
-                                className="ant-form-item preview-container"
-                                gutter={16}
-                                key="row"
-                                style={
-                                  Object {
-                                    "marginBottom": "1rem",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-row ant-form-item preview-container"
-                                  style={
-                                    Object {
-                                      "marginBottom": "1rem",
-                                      "marginLeft": -8,
-                                      "marginRight": -8,
-                                    }
-                                  }
-                                >
-                                  <FormItemLabel
-                                    className="preview-container"
-                                    gutter={16}
-                                    label="Preview"
-                                    prefixCls="ant-form"
-                                    requiredMark={true}
-                                    style={
-                                      Object {
-                                        "marginBottom": "1rem",
-                                      }
-                                    }
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-label"
-                                        style={
-                                          Object {
-                                            "paddingLeft": 8,
-                                            "paddingRight": 8,
-                                          }
-                                        }
-                                      >
-                                        <label
-                                          className=""
-                                          title="Preview"
-                                        >
-                                          Preview
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    className="preview-container"
-                                    errors={Array []}
-                                    gutter={16}
-                                    label="Preview"
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    status=""
-                                    style={
-                                      Object {
-                                        "marginBottom": "1rem",
-                                      }
-                                    }
-                                    validateStatus=""
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-control"
-                                        style={
-                                          Object {
-                                            "paddingLeft": 8,
-                                            "paddingRight": 8,
-                                          }
-                                        }
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <div
-                                              className="preview"
-                                              style={
-                                                Object {
-                                                  "background": "#f9f9fa",
-                                                  "border": "1px dotted black",
-                                                  "color": undefined,
-                                                  "fontSize": "0.75rem",
-                                                  "padding": "0.5rem 1rem",
-                                                  "textAlign": "center",
-                                                  "width": "110px",
-                                                }
-                                              }
-                                            >
-                                              Sample Text
-                                            </div>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="creat-rating_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                    value={1}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                              type="editor"
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value={
-                                                      Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "Description",
-                                                            },
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1613559903378,
-                                                        "version": "2.19.0",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="creat-rating_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                      value={
-                                                        Object {
-                                                          "blocks": Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "text": "Description",
-                                                              },
-                                                              "type": "paragraph",
-                                                            },
-                                                          ],
-                                                          "time": 1613559903378,
-                                                          "version": "2.19.0",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </RatingForm>
-</Provider>
-`;
-
-exports[`Ratings Create Form component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <RatingForm
-    data={Array []}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "creat-rating",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="creat-rating"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "creat-rating",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="creat-rating"
-          initialValues={Object {}}
-          name="creat-rating"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="creat-rating"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Rating Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Rating Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Rating Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Rating Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Rating Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Rating Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_name"
-                                          label="Rating Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-rating_name"
-                                                title="Rating Name"
-                                              >
-                                                Rating Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Rating Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="creat-rating_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-rating_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-rating_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-rating_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="creat-rating_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-rating_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-rating_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Numeric value"
-                              name="numeric_value"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter the numeric value!",
-                                    "required": true,
-                                  },
-                                ]
-                              }
-                            >
-                              <WrapperField
-                                label="Numeric value"
-                                messageVariables={
-                                  Object {
-                                    "label": "Numeric value",
-                                  }
-                                }
-                                name="numeric_value"
-                                onReset={[Function]}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the numeric value!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_numeric_value"
-                                  label="Numeric value"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Numeric value",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "numeric_value",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the numeric value!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_numeric_value"
-                                        label="Numeric value"
-                                        name="numeric_value"
-                                        prefixCls="ant-form"
-                                        required={true}
-                                        requiredMark={true}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the numeric value!",
-                                              "required": true,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className="ant-form-item-required"
-                                              htmlFor="creat-rating_numeric_value"
-                                              title="Numeric value"
-                                            >
-                                              Numeric value
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Numeric value"
-                                        name={
-                                          Array [
-                                            "numeric_value",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the numeric value!",
-                                              "required": true,
-                                            },
-                                          ]
-                                        }
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <ForwardRef
-                                                    id="creat-rating_numeric_value"
-                                                    min={1}
-                                                    onChange={[Function]}
-                                                  >
-                                                    <InputNumber
-                                                      className=""
-                                                      downHandler={
-                                                        <ForwardRef(DownOutlined)
-                                                          className="ant-input-number-handler-down-inner"
-                                                        />
-                                                      }
-                                                      id="creat-rating_numeric_value"
-                                                      min={1}
-                                                      onChange={[Function]}
-                                                      prefixCls="ant-input-number"
-                                                      upHandler={
-                                                        <ForwardRef(UpOutlined)
-                                                          className="ant-input-number-handler-up-inner"
-                                                        />
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-input-number"
-                                                        onBlur={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyUp={[Function]}
-                                                      >
-                                                        <StepHandler
-                                                          downDisabled={false}
-                                                          downNode={
-                                                            <ForwardRef(DownOutlined)
-                                                              className="ant-input-number-handler-down-inner"
-                                                            />
-                                                          }
-                                                          onStep={[Function]}
-                                                          prefixCls="ant-input-number"
-                                                          upDisabled={false}
-                                                          upNode={
-                                                            <ForwardRef(UpOutlined)
-                                                              className="ant-input-number-handler-up-inner"
-                                                            />
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="ant-input-number-handler-wrap"
-                                                          >
-                                                            <span
-                                                              aria-disabled={false}
-                                                              aria-label="Increase Value"
-                                                              className="ant-input-number-handler ant-input-number-handler-up"
-                                                              onMouseDown={[Function]}
-                                                              onMouseLeave={[Function]}
-                                                              onMouseUp={[Function]}
-                                                              role="button"
-                                                              unselectable="on"
-                                                            >
-                                                              <ForwardRef(UpOutlined)
-                                                                className="ant-input-number-handler-up-inner"
-                                                              >
-                                                                <AntdIcon
-                                                                  className="ant-input-number-handler-up-inner"
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "up",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="up"
-                                                                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "up",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="up"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-up"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                                          key="svg-up-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(UpOutlined)>
-                                                            </span>
-                                                            <span
-                                                              aria-disabled={false}
-                                                              aria-label="Decrease Value"
-                                                              className="ant-input-number-handler ant-input-number-handler-down"
-                                                              onMouseDown={[Function]}
-                                                              onMouseLeave={[Function]}
-                                                              onMouseUp={[Function]}
-                                                              role="button"
-                                                              unselectable="on"
-                                                            >
-                                                              <ForwardRef(DownOutlined)
-                                                                className="ant-input-number-handler-down-inner"
-                                                              >
-                                                                <AntdIcon
-                                                                  className="ant-input-number-handler-down-inner"
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "down",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="down"
-                                                                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="down"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-down"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                          key="svg-down-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(DownOutlined)>
-                                                            </span>
-                                                          </div>
-                                                        </StepHandler>
-                                                        <div
-                                                          className="ant-input-number-input-wrap"
-                                                        >
-                                                          <input
-                                                            aria-valuemin={1}
-                                                            aria-valuenow={null}
-                                                            autoComplete="off"
-                                                            className="ant-input-number-input"
-                                                            id="creat-rating_numeric_value"
-                                                            onChange={[Function]}
-                                                            role="spinbutton"
-                                                            step={1}
-                                                            value=""
-                                                          />
-                                                        </div>
-                                                      </div>
-                                                    </InputNumber>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Background Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Background Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Background Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Background Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Background Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_background_colour"
-                                        label="Background Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_background_colour"
-                                              title="Background Colour"
-                                            >
-                                              Background Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Background Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="creat-rating_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Text Colour"
-                              name="text_colour"
-                            >
-                              <WrapperField
-                                label="Text Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Text Colour",
-                                  }
-                                }
-                                name="text_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_text_colour"
-                                  label="Text Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Text Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "text_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_text_colour"
-                                        label="Text Colour"
-                                        name="text_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_text_colour"
-                                              title="Text Colour"
-                                            >
-                                              Text Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Text Colour"
-                                        name={
-                                          Array [
-                                            "text_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="creat-rating_text_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              className="preview-container"
-                              gutter={16}
-                              label="Preview"
-                              style={
-                                Object {
-                                  "marginBottom": "1rem",
-                                }
-                              }
-                            >
-                              <Row
-                                className="ant-form-item preview-container"
-                                gutter={16}
-                                key="row"
-                                style={
-                                  Object {
-                                    "marginBottom": "1rem",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-row ant-form-item preview-container"
-                                  style={
-                                    Object {
-                                      "marginBottom": "1rem",
-                                      "marginLeft": -8,
-                                      "marginRight": -8,
-                                    }
-                                  }
-                                >
-                                  <FormItemLabel
-                                    className="preview-container"
-                                    gutter={16}
-                                    label="Preview"
-                                    prefixCls="ant-form"
-                                    requiredMark={true}
-                                    style={
-                                      Object {
-                                        "marginBottom": "1rem",
-                                      }
-                                    }
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-label"
-                                        style={
-                                          Object {
-                                            "paddingLeft": 8,
-                                            "paddingRight": 8,
-                                          }
-                                        }
-                                      >
-                                        <label
-                                          className=""
-                                          title="Preview"
-                                        >
-                                          Preview
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    className="preview-container"
-                                    errors={Array []}
-                                    gutter={16}
-                                    label="Preview"
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    status=""
-                                    style={
-                                      Object {
-                                        "marginBottom": "1rem",
-                                      }
-                                    }
-                                    validateStatus=""
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-control"
-                                        style={
-                                          Object {
-                                            "paddingLeft": 8,
-                                            "paddingRight": 8,
-                                          }
-                                        }
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <div
-                                              className="preview"
-                                              style={
-                                                Object {
-                                                  "background": undefined,
-                                                  "border": "1px dotted black",
-                                                  "color": undefined,
-                                                  "fontSize": "0.75rem",
-                                                  "padding": "0.5rem 1rem",
-                                                  "textAlign": "center",
-                                                  "width": "110px",
-                                                }
-                                              }
-                                            >
-                                              Sample Text
-                                            </div>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="creat-rating_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                              type="editor"
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="creat-rating_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </RatingForm>
-</Provider>
-`;
-
-exports[`Ratings Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <RatingForm>
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "creat-rating",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="creat-rating"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "creat-rating",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="creat-rating"
-          initialValues={Object {}}
-          name="creat-rating"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="creat-rating"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Rating Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Rating Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Rating Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Rating Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Rating Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Rating Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_name"
-                                          label="Rating Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-rating_name"
-                                                title="Rating Name"
-                                              >
-                                                Rating Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Rating Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="creat-rating_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-rating_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-rating_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="creat-rating_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="creat-rating_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="creat-rating_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="creat-rating_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="creat-rating_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Numeric value"
-                              name="numeric_value"
-                              rules={
-                                Array [
-                                  Object {
-                                    "message": "Please enter the numeric value!",
-                                    "required": true,
-                                  },
-                                ]
-                              }
-                            >
-                              <WrapperField
-                                label="Numeric value"
-                                messageVariables={
-                                  Object {
-                                    "label": "Numeric value",
-                                  }
-                                }
-                                name="numeric_value"
-                                onReset={[Function]}
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter the numeric value!",
-                                      "required": true,
-                                    },
-                                  ]
-                                }
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_numeric_value"
-                                  label="Numeric value"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Numeric value",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "numeric_value",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter the numeric value!",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_numeric_value"
-                                        label="Numeric value"
-                                        name="numeric_value"
-                                        prefixCls="ant-form"
-                                        required={true}
-                                        requiredMark={true}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the numeric value!",
-                                              "required": true,
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className="ant-form-item-required"
-                                              htmlFor="creat-rating_numeric_value"
-                                              title="Numeric value"
-                                            >
-                                              Numeric value
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Numeric value"
-                                        name={
-                                          Array [
-                                            "numeric_value",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Please enter the numeric value!",
-                                              "required": true,
-                                            },
-                                          ]
-                                        }
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <ForwardRef
-                                                    id="creat-rating_numeric_value"
-                                                    min={1}
-                                                    onChange={[Function]}
-                                                  >
-                                                    <InputNumber
-                                                      className=""
-                                                      downHandler={
-                                                        <ForwardRef(DownOutlined)
-                                                          className="ant-input-number-handler-down-inner"
-                                                        />
-                                                      }
-                                                      id="creat-rating_numeric_value"
-                                                      min={1}
-                                                      onChange={[Function]}
-                                                      prefixCls="ant-input-number"
-                                                      upHandler={
-                                                        <ForwardRef(UpOutlined)
-                                                          className="ant-input-number-handler-up-inner"
-                                                        />
-                                                      }
-                                                    >
-                                                      <div
-                                                        className="ant-input-number"
-                                                        onBlur={[Function]}
-                                                        onCompositionEnd={[Function]}
-                                                        onCompositionStart={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyUp={[Function]}
-                                                      >
-                                                        <StepHandler
-                                                          downDisabled={false}
-                                                          downNode={
-                                                            <ForwardRef(DownOutlined)
-                                                              className="ant-input-number-handler-down-inner"
-                                                            />
-                                                          }
-                                                          onStep={[Function]}
-                                                          prefixCls="ant-input-number"
-                                                          upDisabled={false}
-                                                          upNode={
-                                                            <ForwardRef(UpOutlined)
-                                                              className="ant-input-number-handler-up-inner"
-                                                            />
-                                                          }
-                                                        >
-                                                          <div
-                                                            className="ant-input-number-handler-wrap"
-                                                          >
-                                                            <span
-                                                              aria-disabled={false}
-                                                              aria-label="Increase Value"
-                                                              className="ant-input-number-handler ant-input-number-handler-up"
-                                                              onMouseDown={[Function]}
-                                                              onMouseLeave={[Function]}
-                                                              onMouseUp={[Function]}
-                                                              role="button"
-                                                              unselectable="on"
-                                                            >
-                                                              <ForwardRef(UpOutlined)
-                                                                className="ant-input-number-handler-up-inner"
-                                                              >
-                                                                <AntdIcon
-                                                                  className="ant-input-number-handler-up-inner"
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "up",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="up"
-                                                                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "up",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="up"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-up"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                                                                          key="svg-up-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(UpOutlined)>
-                                                            </span>
-                                                            <span
-                                                              aria-disabled={false}
-                                                              aria-label="Decrease Value"
-                                                              className="ant-input-number-handler ant-input-number-handler-down"
-                                                              onMouseDown={[Function]}
-                                                              onMouseLeave={[Function]}
-                                                              onMouseUp={[Function]}
-                                                              role="button"
-                                                              unselectable="on"
-                                                            >
-                                                              <ForwardRef(DownOutlined)
-                                                                className="ant-input-number-handler-down-inner"
-                                                              >
-                                                                <AntdIcon
-                                                                  className="ant-input-number-handler-down-inner"
-                                                                  icon={
-                                                                    Object {
-                                                                      "icon": Object {
-                                                                        "attrs": Object {
-                                                                          "focusable": "false",
-                                                                          "viewBox": "64 64 896 896",
-                                                                        },
-                                                                        "children": Array [
-                                                                          Object {
-                                                                            "attrs": Object {
-                                                                              "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                            },
-                                                                            "tag": "path",
-                                                                          },
-                                                                        ],
-                                                                        "tag": "svg",
-                                                                      },
-                                                                      "name": "down",
-                                                                      "theme": "outlined",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <span
-                                                                    aria-label="down"
-                                                                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                                                                    role="img"
-                                                                  >
-                                                                    <IconReact
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <svg
-                                                                        aria-hidden="true"
-                                                                        data-icon="down"
-                                                                        fill="currentColor"
-                                                                        focusable="false"
-                                                                        height="1em"
-                                                                        key="svg-down"
-                                                                        viewBox="64 64 896 896"
-                                                                        width="1em"
-                                                                      >
-                                                                        <path
-                                                                          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                          key="svg-down-svg-0"
-                                                                        />
-                                                                      </svg>
-                                                                    </IconReact>
-                                                                  </span>
-                                                                </AntdIcon>
-                                                              </ForwardRef(DownOutlined)>
-                                                            </span>
-                                                          </div>
-                                                        </StepHandler>
-                                                        <div
-                                                          className="ant-input-number-input-wrap"
-                                                        >
-                                                          <input
-                                                            aria-valuemin={1}
-                                                            aria-valuenow={null}
-                                                            autoComplete="off"
-                                                            className="ant-input-number-input"
-                                                            id="creat-rating_numeric_value"
-                                                            onChange={[Function]}
-                                                            role="spinbutton"
-                                                            step={1}
-                                                            value=""
-                                                          />
-                                                        </div>
-                                                      </div>
-                                                    </InputNumber>
-                                                  </ForwardRef>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Background Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Background Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Background Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Background Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Background Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_background_colour"
-                                        label="Background Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_background_colour"
-                                              title="Background Colour"
-                                            >
-                                              Background Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Background Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="creat-rating_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Text Colour"
-                              name="text_colour"
-                            >
-                              <WrapperField
-                                label="Text Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Text Colour",
-                                  }
-                                }
-                                name="text_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_text_colour"
-                                  label="Text Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Text Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "text_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_text_colour"
-                                        label="Text Colour"
-                                        name="text_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_text_colour"
-                                              title="Text Colour"
-                                            >
-                                              Text Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Text Colour"
-                                        name={
-                                          Array [
-                                            "text_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="creat-rating_text_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              className="preview-container"
-                              gutter={16}
-                              label="Preview"
-                              style={
-                                Object {
-                                  "marginBottom": "1rem",
-                                }
-                              }
-                            >
-                              <Row
-                                className="ant-form-item preview-container"
-                                gutter={16}
-                                key="row"
-                                style={
-                                  Object {
-                                    "marginBottom": "1rem",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-row ant-form-item preview-container"
-                                  style={
-                                    Object {
-                                      "marginBottom": "1rem",
-                                      "marginLeft": -8,
-                                      "marginRight": -8,
-                                    }
-                                  }
-                                >
-                                  <FormItemLabel
-                                    className="preview-container"
-                                    gutter={16}
-                                    label="Preview"
-                                    prefixCls="ant-form"
-                                    requiredMark={true}
-                                    style={
-                                      Object {
-                                        "marginBottom": "1rem",
-                                      }
-                                    }
-                                  >
-                                    <Col
-                                      className="ant-form-item-label"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-label"
-                                        style={
-                                          Object {
-                                            "paddingLeft": 8,
-                                            "paddingRight": 8,
-                                          }
-                                        }
-                                      >
-                                        <label
-                                          className=""
-                                          title="Preview"
-                                        >
-                                          Preview
-                                        </label>
-                                      </div>
-                                    </Col>
-                                  </FormItemLabel>
-                                  <FormItemInput
-                                    className="preview-container"
-                                    errors={Array []}
-                                    gutter={16}
-                                    label="Preview"
-                                    onDomErrorVisibleChange={[Function]}
-                                    prefixCls="ant-form"
-                                    status=""
-                                    style={
-                                      Object {
-                                        "marginBottom": "1rem",
-                                      }
-                                    }
-                                    validateStatus=""
-                                  >
-                                    <Col
-                                      className="ant-form-item-control"
-                                    >
-                                      <div
-                                        className="ant-col ant-form-item-control"
-                                        style={
-                                          Object {
-                                            "paddingLeft": 8,
-                                            "paddingRight": 8,
-                                          }
-                                        }
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input"
-                                        >
-                                          <div
-                                            className="ant-form-item-control-input-content"
-                                          >
-                                            <div
-                                              className="preview"
-                                              style={
-                                                Object {
-                                                  "background": undefined,
-                                                  "border": "1px dotted black",
-                                                  "color": undefined,
-                                                  "fontSize": "0.75rem",
-                                                  "padding": "0.5rem 1rem",
-                                                  "textAlign": "center",
-                                                  "width": "110px",
-                                                }
-                                              }
-                                            >
-                                              Sample Text
-                                            </div>
-                                          </div>
-                                        </div>
-                                        <ErrorList
-                                          errors={Array []}
-                                          onDomErrorVisibleChange={[Function]}
-                                        >
-                                          <CSSMotion
-                                            motionAppear={true}
-                                            motionDeadline={500}
-                                            motionName="ant-show-help"
-                                            onLeaveEnd={[Function]}
-                                            removeOnLeave={true}
-                                            visible={false}
-                                          >
-                                            <DomWrapper />
-                                          </CSSMotion>
-                                        </ErrorList>
-                                      </div>
-                                    </Col>
-                                  </FormItemInput>
-                                </div>
-                              </Row>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "creat-rating",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="creat-rating_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="creat-rating_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="creat-rating_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <img
-                                                                        key=".0"
-                                                                        width="100%"
-                                                                      />
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "bottom": 0,
-                                                                      "left": 0,
-                                                                      "maxWidth": "52px",
-                                                                      "position": "absolute",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "bottom": 0,
-                                                                          "left": 0,
-                                                                          "maxWidth": "52px",
-                                                                          "position": "absolute",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <ForwardRef(DeleteOutlined)
-                                                                        key=".0"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="delete"
-                                                                            className="anticon anticon-delete"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "delete",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="delete"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-delete"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                  key="svg-delete-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DeleteOutlined)>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                              type="editor"
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "creat-rating",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="creat-rating_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="creat-rating_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="creat-rating_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </RatingForm>
-</Provider>
-`;
diff --git a/studio/src/pages/ratings/components/__snapshots__/RatingList.test.js.snap b/studio/src/pages/ratings/components/__snapshots__/RatingList.test.js.snap
deleted file mode 100644
index 68ccb295d..000000000
--- a/studio/src/pages/ratings/components/__snapshots__/RatingList.test.js.snap
+++ /dev/null
@@ -1,3929 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ratings List component snapshot testing should match component when loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <RatingList
-      actions={
-        Array [
-          "update",
-          "delete",
-        ]
-      }
-      data={
-        Object {
-          "loading": false,
-          "ratings": Array [
-            Object {
-              "background_colour": Object {
-                "hex": "#108040",
-              },
-              "created_at": "2020-10-01T06:25:37.717922Z",
-              "deleted_at": null,
-              "description": "",
-              "id": 2,
-              "medium_id": 0,
-              "name": "True",
-              "numeric_value": 5,
-              "slug": "true",
-              "space_id": 1,
-              "updated_at": "2020-10-01T06:25:37.717922Z",
-            },
-            Object {
-              "created_at": "2020-10-01T06:25:47.227933Z",
-              "deleted_at": null,
-              "description": "",
-              "id": 1,
-              "medium_id": 0,
-              "name": "False",
-              "numeric_value": 1,
-              "slug": "false",
-              "space_id": 1,
-              "updated_at": "2020-10-01T06:25:47.227933Z",
-            },
-          ],
-          "total": 2,
-        }
-      }
-      fetchRatings={[MockFunction]}
-      filters={
-        Object {
-          "limit": 20,
-          "page": 1,
-        }
-      }
-      setFilters={[MockFunction]}
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
-
-exports[`Ratings List component snapshot testing should match component with ratings 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <RatingList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "loading": false,
-            "ratings": Array [
-              Object {
-                "background_colour": Object {
-                  "hex": "#108040",
-                },
-                "created_at": "2020-10-01T06:25:37.717922Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "medium_id": 0,
-                "name": "True",
-                "numeric_value": 5,
-                "slug": "true",
-                "space_id": 1,
-                "updated_at": "2020-10-01T06:25:37.717922Z",
-              },
-              Object {
-                "created_at": "2020-10-01T06:25:47.227933Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "medium_id": 0,
-                "name": "False",
-                "numeric_value": 1,
-                "slug": "false",
-                "space_id": 1,
-                "updated_at": "2020-10-01T06:25:47.227933Z",
-              },
-            ],
-            "total": 2,
-          }
-        }
-        fetchRatings={[MockFunction]}
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-              },
-              Object {
-                "dataIndex": "slug",
-                "key": "slug",
-                "title": "Slug",
-              },
-              Object {
-                "dataIndex": "numeric_value",
-                "key": "numeric_value",
-                "title": "Rating Value",
-              },
-              Object {
-                "dataIndex": "preview",
-                "render": [Function],
-                "title": "Preview",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "background_colour": Object {
-                  "hex": "#108040",
-                },
-                "created_at": "2020-10-01T06:25:37.717922Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 2,
-                "medium_id": 0,
-                "name": "True",
-                "numeric_value": 5,
-                "slug": "true",
-                "space_id": 1,
-                "updated_at": "2020-10-01T06:25:37.717922Z",
-              },
-              Object {
-                "created_at": "2020-10-01T06:25:47.227933Z",
-                "deleted_at": null,
-                "description": "",
-                "id": 1,
-                "medium_id": 0,
-                "name": "False",
-                "numeric_value": 1,
-                "slug": "false",
-                "space_id": 1,
-                "updated_at": "2020-10-01T06:25:47.227933Z",
-              },
-            ]
-          }
-          loading={false}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={false}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  className="ant-spin-container"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                        },
-                        Object {
-                          "dataIndex": "slug",
-                          "key": "slug",
-                          "title": "Slug",
-                        },
-                        Object {
-                          "dataIndex": "numeric_value",
-                          "key": "numeric_value",
-                          "title": "Rating Value",
-                        },
-                        Object {
-                          "dataIndex": "preview",
-                          "render": [Function],
-                          "title": "Preview",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "background_colour": Object {
-                            "hex": "#108040",
-                          },
-                          "created_at": "2020-10-01T06:25:37.717922Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "medium_id": 0,
-                          "name": "True",
-                          "numeric_value": 5,
-                          "slug": "true",
-                          "space_id": 1,
-                          "updated_at": "2020-10-01T06:25:37.717922Z",
-                        },
-                        Object {
-                          "created_at": "2020-10-01T06:25:47.227933Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "medium_id": 0,
-                          "name": "False",
-                          "numeric_value": 1,
-                          "slug": "false",
-                          "space_id": 1,
-                          "updated_at": "2020-10-01T06:25:47.227933Z",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "background_colour": Object {
-                            "hex": "#108040",
-                          },
-                          "created_at": "2020-10-01T06:25:37.717922Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 2,
-                          "medium_id": 0,
-                          "name": "True",
-                          "numeric_value": 5,
-                          "slug": "true",
-                          "space_id": 1,
-                          "updated_at": "2020-10-01T06:25:37.717922Z",
-                        },
-                        Object {
-                          "created_at": "2020-10-01T06:25:47.227933Z",
-                          "deleted_at": null,
-                          "description": "",
-                          "id": 1,
-                          "medium_id": 0,
-                          "name": "False",
-                          "numeric_value": 1,
-                          "slug": "false",
-                          "space_id": 1,
-                          "updated_at": "2020-10-01T06:25:47.227933Z",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: auto;"
-                            >
-                              <colgroup>
-                                <col />
-                                <col />
-                                <col />
-                                <col />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Slug
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Rating Value
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Preview
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/ratings/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      True
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    true
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    5
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <div
-                                      style="background-color: rgb(16, 128, 64); width: 100px; border: 1px solid black; padding: 0.5rem; text-align: center;"
-                                    >
-                                      True
-                                    </div>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/ratings/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      False
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    false
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    1
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <div
-                                      style="width: 100px; border: 1px solid black; padding: 0.5rem; text-align: center;"
-                                    >
-                                      False
-                                    </div>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                              },
-                              Object {
-                                "dataIndex": "slug",
-                                "key": "slug",
-                                "title": "Slug",
-                              },
-                              Object {
-                                "dataIndex": "numeric_value",
-                                "key": "numeric_value",
-                                "title": "Rating Value",
-                              },
-                              Object {
-                                "dataIndex": "preview",
-                                "render": [Function],
-                                "title": "Preview",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "background_colour": Object {
-                                  "hex": "#108040",
-                                },
-                                "created_at": "2020-10-01T06:25:37.717922Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 2,
-                                "medium_id": 0,
-                                "name": "True",
-                                "numeric_value": 5,
-                                "slug": "true",
-                                "space_id": 1,
-                                "updated_at": "2020-10-01T06:25:37.717922Z",
-                              },
-                              Object {
-                                "created_at": "2020-10-01T06:25:47.227933Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 1,
-                                "medium_id": 0,
-                                "name": "False",
-                                "numeric_value": 1,
-                                "slug": "false",
-                                "space_id": 1,
-                                "updated_at": "2020-10-01T06:25:47.227933Z",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "background_colour": Object {
-                                  "hex": "#108040",
-                                },
-                                "created_at": "2020-10-01T06:25:37.717922Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 2,
-                                "medium_id": 0,
-                                "name": "True",
-                                "numeric_value": 5,
-                                "slug": "true",
-                                "space_id": 1,
-                                "updated_at": "2020-10-01T06:25:37.717922Z",
-                              },
-                              Object {
-                                "created_at": "2020-10-01T06:25:47.227933Z",
-                                "deleted_at": null,
-                                "description": "",
-                                "id": 1,
-                                "medium_id": 0,
-                                "name": "False",
-                                "numeric_value": 1,
-                                "slug": "false",
-                                "space_id": 1,
-                                "updated_at": "2020-10-01T06:25:47.227933Z",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: auto;"
-                                  >
-                                    <colgroup>
-                                      <col />
-                                      <col />
-                                      <col />
-                                      <col />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Slug
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Rating Value
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Preview
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/ratings/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            True
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          true
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          5
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <div
-                                            style="background-color: rgb(16, 128, 64); width: 100px; border: 1px solid black; padding: 0.5rem; text-align: center;"
-                                          >
-                                            True
-                                          </div>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/ratings/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            False
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          false
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          1
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <div
-                                            style="width: 100px; border: 1px solid black; padding: 0.5rem; text-align: center;"
-                                          >
-                                            False
-                                          </div>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": false,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "auto",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "fixed": undefined,
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "numeric_value",
-                                      "fixed": undefined,
-                                      "key": "numeric_value",
-                                      "title": "Rating Value",
-                                    },
-                                    Object {
-                                      "dataIndex": "preview",
-                                      "fixed": undefined,
-                                      "render": [Function],
-                                      "title": "Preview",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="2"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="3"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="4"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={5}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "numeric_value",
-                                      "key": "numeric_value",
-                                      "title": "Rating Value",
-                                    },
-                                    Object {
-                                      "dataIndex": "preview",
-                                      "render": [Function],
-                                      "title": "Preview",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                    },
-                                    Object {
-                                      "dataIndex": "slug",
-                                      "fixed": undefined,
-                                      "key": "slug",
-                                      "title": "Slug",
-                                    },
-                                    Object {
-                                      "dataIndex": "numeric_value",
-                                      "fixed": undefined,
-                                      "key": "numeric_value",
-                                      "title": "Rating Value",
-                                    },
-                                    Object {
-                                      "dataIndex": "preview",
-                                      "fixed": undefined,
-                                      "render": [Function],
-                                      "title": "Preview",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Slug",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          "key": "slug",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Rating Value",
-                                          "className": "",
-                                          "colEnd": 2,
-                                          "colSpan": 1,
-                                          "colStart": 2,
-                                          "column": Object {
-                                            "dataIndex": "numeric_value",
-                                            "key": "numeric_value",
-                                            "title": "Rating Value",
-                                          },
-                                          "key": "numeric_value",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Preview",
-                                          "className": "",
-                                          "colEnd": 3,
-                                          "colSpan": 1,
-                                          "colStart": 3,
-                                          "column": Object {
-                                            "dataIndex": "preview",
-                                            "render": [Function],
-                                            "title": "Preview",
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 4,
-                                          "colSpan": 1,
-                                          "colStart": 4,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                        },
-                                        Object {
-                                          "dataIndex": "slug",
-                                          "fixed": undefined,
-                                          "key": "slug",
-                                          "title": "Slug",
-                                        },
-                                        Object {
-                                          "dataIndex": "numeric_value",
-                                          "fixed": undefined,
-                                          "key": "numeric_value",
-                                          "title": "Rating Value",
-                                        },
-                                        Object {
-                                          "dataIndex": "preview",
-                                          "fixed": undefined,
-                                          "render": [Function],
-                                          "title": "Preview",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Slug
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={2}
-                                        colSpan={1}
-                                        colStart={2}
-                                        column={
-                                          Object {
-                                            "dataIndex": "numeric_value",
-                                            "key": "numeric_value",
-                                            "title": "Rating Value",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="numeric_value"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Rating Value
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={3}
-                                        colSpan={1}
-                                        colStart={3}
-                                        column={
-                                          Object {
-                                            "dataIndex": "preview",
-                                            "render": [Function],
-                                            "title": "Preview",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="preview"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Preview
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={4}
-                                        colSpan={1}
-                                        colStart={4}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "background_colour": Object {
-                                        "hex": "#108040",
-                                      },
-                                      "created_at": "2020-10-01T06:25:37.717922Z",
-                                      "deleted_at": null,
-                                      "description": "",
-                                      "id": 2,
-                                      "medium_id": 0,
-                                      "name": "True",
-                                      "numeric_value": 5,
-                                      "slug": "true",
-                                      "space_id": 1,
-                                      "updated_at": "2020-10-01T06:25:37.717922Z",
-                                    },
-                                    Object {
-                                      "created_at": "2020-10-01T06:25:47.227933Z",
-                                      "deleted_at": null,
-                                      "description": "",
-                                      "id": 1,
-                                      "medium_id": 0,
-                                      "name": "False",
-                                      "numeric_value": 1,
-                                      "slug": "false",
-                                      "space_id": 1,
-                                      "updated_at": "2020-10-01T06:25:47.227933Z",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "background_colour": Object {
-                                          "hex": "#108040",
-                                        },
-                                        "created_at": "2020-10-01T06:25:37.717922Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 2,
-                                        "medium_id": 0,
-                                        "name": "True",
-                                        "numeric_value": 5,
-                                        "slug": "true",
-                                        "space_id": 1,
-                                        "updated_at": "2020-10-01T06:25:37.717922Z",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "background_colour": Object {
-                                              "hex": "#108040",
-                                            },
-                                            "created_at": "2020-10-01T06:25:37.717922Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "medium_id": 0,
-                                            "name": "True",
-                                            "numeric_value": 5,
-                                            "slug": "true",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:37.717922Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/ratings/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/ratings/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/ratings/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                True
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="slug"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "background_colour": Object {
-                                              "hex": "#108040",
-                                            },
-                                            "created_at": "2020-10-01T06:25:37.717922Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "medium_id": 0,
-                                            "name": "True",
-                                            "numeric_value": 5,
-                                            "slug": "true",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:37.717922Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          true
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="numeric_value"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="numeric_value"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "background_colour": Object {
-                                              "hex": "#108040",
-                                            },
-                                            "created_at": "2020-10-01T06:25:37.717922Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "medium_id": 0,
-                                            "name": "True",
-                                            "numeric_value": 5,
-                                            "slug": "true",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:37.717922Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          5
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="preview"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="preview"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "background_colour": Object {
-                                              "hex": "#108040",
-                                            },
-                                            "created_at": "2020-10-01T06:25:37.717922Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "medium_id": 0,
-                                            "name": "True",
-                                            "numeric_value": 5,
-                                            "slug": "true",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:37.717922Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <div
-                                            style={
-                                              Object {
-                                                "backgroundColor": "#108040",
-                                                "border": "1px solid black",
-                                                "color": undefined,
-                                                "padding": "0.5rem",
-                                                "textAlign": "center",
-                                                "width": "100px",
-                                              }
-                                            }
-                                          >
-                                            True
-                                          </div>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "background_colour": Object {
-                                              "hex": "#108040",
-                                            },
-                                            "created_at": "2020-10-01T06:25:37.717922Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 2,
-                                            "medium_id": 0,
-                                            "name": "True",
-                                            "numeric_value": 5,
-                                            "slug": "true",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:37.717922Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-10-01T06:25:47.227933Z",
-                                        "deleted_at": null,
-                                        "description": "",
-                                        "id": 1,
-                                        "medium_id": 0,
-                                        "name": "False",
-                                        "numeric_value": 1,
-                                        "slug": "false",
-                                        "space_id": 1,
-                                        "updated_at": "2020-10-01T06:25:47.227933Z",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-10-01T06:25:47.227933Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "medium_id": 0,
-                                            "name": "False",
-                                            "numeric_value": 1,
-                                            "slug": "false",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:47.227933Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/ratings/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/ratings/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/ratings/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                False
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="slug"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="slug"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-10-01T06:25:47.227933Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "medium_id": 0,
-                                            "name": "False",
-                                            "numeric_value": 1,
-                                            "slug": "false",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:47.227933Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          false
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="numeric_value"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="numeric_value"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-10-01T06:25:47.227933Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "medium_id": 0,
-                                            "name": "False",
-                                            "numeric_value": 1,
-                                            "slug": "false",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:47.227933Z",
-                                          }
-                                        }
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          1
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="preview"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="preview"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-10-01T06:25:47.227933Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "medium_id": 0,
-                                            "name": "False",
-                                            "numeric_value": 1,
-                                            "slug": "false",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:47.227933Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <div
-                                            style={
-                                              Object {
-                                                "backgroundColor": undefined,
-                                                "border": "1px solid black",
-                                                "color": undefined,
-                                                "padding": "0.5rem",
-                                                "textAlign": "center",
-                                                "width": "100px",
-                                              }
-                                            }
-                                          >
-                                            False
-                                          </div>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-10-01T06:25:47.227933Z",
-                                            "deleted_at": null,
-                                            "description": "",
-                                            "id": 1,
-                                            "medium_id": 0,
-                                            "name": "False",
-                                            "numeric_value": 1,
-                                            "slug": "false",
-                                            "space_id": 1,
-                                            "updated_at": "2020-10-01T06:25:47.227933Z",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </RatingList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Ratings List component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <RatingList
-      actions={
-        Array [
-          "update",
-          "delete",
-        ]
-      }
-      data={
-        Object {
-          "loading": false,
-          "ratings": Array [
-            Object {
-              "background_colour": Object {
-                "hex": "#108040",
-              },
-              "created_at": "2020-10-01T06:25:37.717922Z",
-              "deleted_at": null,
-              "description": "",
-              "id": 2,
-              "medium_id": 0,
-              "name": "True",
-              "numeric_value": 5,
-              "slug": "true",
-              "space_id": 1,
-              "updated_at": "2020-10-01T06:25:37.717922Z",
-            },
-            Object {
-              "created_at": "2020-10-01T06:25:47.227933Z",
-              "deleted_at": null,
-              "description": "",
-              "id": 1,
-              "medium_id": 0,
-              "name": "False",
-              "numeric_value": 1,
-              "slug": "false",
-              "space_id": 1,
-              "updated_at": "2020-10-01T06:25:47.227933Z",
-            },
-          ],
-          "total": 2,
-        }
-      }
-      fetchRatings={[MockFunction]}
-      filters={
-        Object {
-          "limit": 20,
-          "page": 1,
-        }
-      }
-      setFilters={[MockFunction]}
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
diff --git a/studio/src/pages/ratings/hooks/useRatingsData.tsx b/studio/src/pages/ratings/hooks/useRatingsData.tsx
new file mode 100644
index 000000000..ce14d7153
--- /dev/null
+++ b/studio/src/pages/ratings/hooks/useRatingsData.tsx
@@ -0,0 +1,52 @@
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import { Rating, RatingFilters, RootState } from "../types";
+import deepEqual from "deep-equal";
+
+export const useRatingsData = (
+  filters: RatingFilters,
+  searchText: string,
+  sortOrder: "asc" | "desc" = "asc"
+) => {
+  // Get data from Redux
+  const { ratings, total, loading } = useSelector((state: RootState) => {
+    const node = state.ratings.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node)
+      return {
+        ratings: node.data.map((element) => state.ratings.details[element]),
+        total: node.total,
+        loading: state.ratings.loading,
+      };
+    return { ratings: [], total: 0, loading: state.ratings.loading };
+  });
+
+  // Filter and sort ratings based on search text and sort order
+  const filteredRatings = useMemo(() => {
+    let filtered = ratings as Rating[];
+
+    // Apply search filter
+    if (searchText.trim()) {
+      filtered = ratings.filter((rating) =>
+        rating.name?.toLowerCase().includes(searchText.toLowerCase())
+      );
+    }
+
+    // Apply sorting
+    return [...filtered].sort((a, b) => {
+      if (sortOrder === "asc") {
+        return a.name?.localeCompare(b.name || "") || 0;
+      } else {
+        return b.name?.localeCompare(a.name || "") || 0;
+      }
+    });
+  }, [ratings, searchText, sortOrder]);
+
+  return {
+    ratings: filteredRatings,
+    total,
+    loading,
+  };
+};
diff --git a/studio/src/pages/ratings/hooks/useRatingsPagination.tsx b/studio/src/pages/ratings/hooks/useRatingsPagination.tsx
new file mode 100644
index 000000000..ec2c081fb
--- /dev/null
+++ b/studio/src/pages/ratings/hooks/useRatingsPagination.tsx
@@ -0,0 +1,39 @@
+import { useCallback, useMemo } from "react";
+import { RatingFilters } from "../types";
+
+export const useRatingsPagination = (
+  filters: RatingFilters,
+  setFilters: (
+    filters: RatingFilters | ((prev: RatingFilters) => RatingFilters)
+  ) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const pageSize = filters.limit || 10;
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(total / pageSize)),
+    [total, pageSize]
+  );
+
+  // Pagination handlers
+  const handlePageChange = useCallback(
+    (page: number) => {
+      setFilters((prev: RatingFilters) => ({ ...prev, page }));
+    },
+    [setFilters]
+  );
+
+  const handlePageSizeChange = useCallback(
+    (size: number) => {
+      setFilters({ page: 1, limit: size });
+    },
+    [setFilters]
+  );
+
+  return {
+    pageSize,
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+  };
+};
diff --git a/studio/src/pages/ratings/index.js b/studio/src/pages/ratings/index.js
deleted file mode 100644
index d16ed0869..000000000
--- a/studio/src/pages/ratings/index.js
+++ /dev/null
@@ -1,77 +0,0 @@
-import React from 'react';
-import RatingList from './components/RatingList';
-import { Space, Button, Row, Col, Typography } from 'antd';
-import { Link, useLocation } from 'react-router-dom';
-import { useDispatch, useSelector } from 'react-redux';
-import { getRatings } from '../../actions/ratings';
-import deepEqual from 'deep-equal';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-
-function Ratings({ permission }) {
-  const { actions } = permission;
-  const dispatch = useDispatch();
-  const query = new URLSearchParams(useLocation().search);
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 20,
-  });
-  query.set('page', filters.page);
-  window.history.replaceState({}, '', `${window.PUBLIC_URL}${useLocation().pathname}?${query}`);
-  const { ratings, total, loading } = useSelector((state) => {
-    const node = state.ratings.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-
-    if (node)
-      return {
-        ratings: node.data.map((element) => state.ratings.details[element]),
-        total: node.total,
-        loading: state.ratings.loading,
-      };
-    return { ratings: [], total: 0, loading: state.ratings.loading };
-  });
-
-  React.useEffect(() => {
-    fetchRatings();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchRatings = () => {
-    dispatch(getRatings(filters));
-  };
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Ratings'} />
-      <Row justify="space-between" style={{ marginBottom: 16 }}>
-        <Col>
-          <Typography.Title level={3} style={{ margin: 0, display: 'inline', color: '#1E1E1E' }}>
-            Ratings
-          </Typography.Title>
-        </Col>
-        <Col>
-          <Link key="1" to="/ratings/create">
-            <Button
-              disabled={!(actions.includes('admin') || actions.includes('create'))}
-              type="primary"
-            >
-              New Rating
-            </Button>
-          </Link>
-        </Col>
-      </Row>
-
-      <RatingList
-        actions={actions}
-        data={{ ratings, total, loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchRatings={fetchRatings}
-      />
-    </Space>
-  );
-}
-
-export default Ratings;
diff --git a/studio/src/pages/ratings/index.test.js b/studio/src/pages/ratings/index.test.js
deleted file mode 100644
index 5f501f2f6..000000000
--- a/studio/src/pages/ratings/index.test.js
+++ /dev/null
@@ -1,134 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import renderer from 'react-test-renderer';
-import { useDispatch, useSelector, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import Ratings from './index';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/ratings', () => ({
-  getRatings: jest.fn(),
-  addRating: jest.fn(),
-}));
-let state = {
-  ratings: {
-    req: [
-      {
-        data: [7],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 1,
-      },
-    ],
-    details: {
-      '7': {
-        id: 7,
-        created_at: '2022-05-05T06:31:22.492Z',
-        updated_at: '2022-05-05T06:57:13.091323Z',
-        deleted_at: null,
-        created_by_id: 34,
-        updated_by_id: 34,
-        name: 'verygood',
-        slug: 'verygoo',
-        description: {
-          time: 1651732083960,
-          blocks: [
-            {
-              id: '84XfO28Gol',
-              type: 'paragraph',
-              data: {
-                text: 'verygood',
-              },
-            },
-          ],
-          version: '2.22.1',
-        },
-        html_description: '<p>verygood</p>',
-        numeric_value: 35,
-        medium_id: null,
-        meta_fields: null,
-        space_id: 2,
-        meta: null,
-        header_code: '',
-        footer_code: '',
-      },
-    },
-    loading: false,
-  },
-};
-describe('Ratings List component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({});
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  it('should render the component', () => {
-    const state2 = {
-      ratings: {
-        req: [],
-        details: {},
-        loading: false,
-      },
-    };
-    store = mockStore(state2);
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Ratings permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render the component with data', () => {
-    store = mockStore(state);
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Ratings permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render loader component', () => {
-    const loadingState = {
-      ratings: {
-        req: [],
-        details: {},
-        loading: true,
-      },
-    };
-    let store2 = mockStore(loadingState);
-    const tree = mount(
-      <Provider store={store2}>
-        <Router>
-          <Ratings permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-});
diff --git a/studio/src/pages/ratings/index.tsx b/studio/src/pages/ratings/index.tsx
new file mode 100644
index 000000000..d28d6cc83
--- /dev/null
+++ b/studio/src/pages/ratings/index.tsx
@@ -0,0 +1,232 @@
+import React, { useEffect, useState, useCallback } from "react";
+import RatingList from "./components/RatingList";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Link } from "react-router-dom";
+import { Helmet } from "react-helmet";
+import { PlusCircle, Search as SearchIcon } from "lucide-react";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import Pagination from "../../components/Pagination";
+import { useSidebar } from "@/components/ui/sidebar";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { getRatings } from "../../actions/ratings";
+import { Permission, RatingFilters } from "./types";
+import { useRatingsData } from "./hooks/useRatingsData";
+import { useRatingsPagination } from "./hooks/useRatingsPagination";
+import SecuredButton from "@/components/SecuredButton";
+
+function Ratings({
+  permission = { actions: [] },
+}: {
+  permission?: Permission;
+}): React.ReactElement {
+  const { actions } = permission;
+  const dispatch = useAppDispatch();
+  const { state: sidebarState } = useSidebar();
+  const isMobile = useIsMobile();
+
+  // State for search and filters
+  const [searchText, setSearchText] = useState<string>("");
+  const [showSearch, setShowSearch] = useState<boolean>(!isMobile);
+  const [filters, setFilters] = useState<RatingFilters>({
+    page: 1,
+    limit: isMobile ? 10 : 20,
+  });
+
+  // Handle responsive UI changes
+  useEffect(() => {
+    setShowSearch(!isMobile);
+  }, [isMobile]);
+
+  // Use custom hooks for data and pagination
+  const { ratings, total, loading } = useRatingsData(filters, searchText);
+  const { pageSize, totalPages, handlePageChange, handlePageSizeChange } =
+    useRatingsPagination(filters, setFilters, total);
+
+  // Fetch ratings when filters change
+  useEffect(() => {
+    dispatch(getRatings(filters));
+  }, [dispatch, filters]);
+
+  // Handle search input changes
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  // Fetch ratings function for the list component
+  const fetchRatings = useCallback(() => {
+    dispatch(getRatings(filters));
+  }, [dispatch, filters]);
+
+  // Handle navigation to create rating page
+  const handleCreateRating = () => {
+    window.location.href = "/ratings/create";
+  };
+
+  // Get sidebar state
+  const isCollapsed = sidebarState === "collapsed" && !isMobile;
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"Ratings"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="Ratings" parentLabel="Fact Checking" />
+      )}
+
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-3 pt-1 h-full"
+          }`}
+        >
+          {/* Title */}
+          {isMobile && <h1 className="text-xl font-semibold">Ratings</h1>}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex-1 max-w-xs">
+              <Input
+                placeholder="Search ratings..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-10"
+              />
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {isMobile ? (
+              <SecuredButton
+                size="icon"
+                className="h-9 w-9"
+                onClick={handleCreateRating}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            ) : (
+              <SecuredButton
+                size="lg"
+                className="flex items-center gap-2 py-2"
+                onClick={handleCreateRating}
+              >
+                <PlusCircle className="h-4 w-4" />
+                Create Rating
+              </SecuredButton>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <Input
+              placeholder="Search ratings..."
+              value={searchText}
+              onChange={handleSearchChange}
+              className="h-9 w-full"
+              autoFocus
+            />
+          </div>
+        )}
+      </div>
+
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: 0,
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <RatingList
+          actions={actions}
+          data={{
+            ratings,
+            total,
+            loading,
+          }}
+          filters={filters}
+          setFilters={setFilters}
+          fetchRatings={fetchRatings}
+          isMobile={isMobile}
+        />
+      </div>
+
+      <div
+        className={`${
+          isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+        } z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                height: "64px",
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <Pagination
+          currentPage={filters.page}
+          totalPages={totalPages}
+          totalItems={total}
+          pageSize={pageSize}
+          onPageChange={handlePageChange}
+          onPageSizeChange={handlePageSizeChange}
+          isMobile={isMobile}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default Ratings;
diff --git a/studio/src/pages/ratings/types.ts b/studio/src/pages/ratings/types.ts
new file mode 100644
index 000000000..37fc354f1
--- /dev/null
+++ b/studio/src/pages/ratings/types.ts
@@ -0,0 +1,99 @@
+// Import color-related types
+export interface ColorResult {
+  hex: string;
+  rgb?: {
+    r: number;
+    g: number;
+    b: number;
+    a?: number;
+  };
+  hsl?: {
+    h: number;
+    s: number;
+    l: number;
+    a?: number;
+  };
+}
+
+// Rating related interfaces
+export interface Rating {
+  id: string;
+  name: string;
+  slug?: string;
+  numeric_value: number;
+  medium_id?: number;
+  background_colour?: {
+    hex: string;
+  };
+  text_colour?: {
+    hex: string;
+  };
+  description_html?: string;
+  meta_fields?: string | Record<string, any>;
+  [key: string]: any;
+}
+
+// Form values interface
+export interface RatingFormValues {
+  id?: string;
+  name?: string;
+  slug?: string;
+  numeric_value?: number;
+  medium_id?: number;
+  background_colour?: {
+    hex: string;
+  };
+  text_colour?: {
+    hex: string;
+  };
+  description_html?: string;
+  meta_fields?: string | Record<string, any>;
+}
+
+// Component props interface
+export interface RatingFormProps {
+  onCreate: (values: Rating) => void;
+  data?: Partial<RatingFormValues>;
+}
+
+export interface RatingListProps {
+  data: {
+    ratings: Rating[];
+    loading: boolean;
+    total: number;
+  };
+  filters: RatingFilters;
+  setFilters: (
+    filters: RatingFilters | ((prev: RatingFilters) => RatingFilters)
+  ) => void;
+  fetchRatings: () => void;
+  actions?: string[];
+  isMobile?: boolean;
+}
+
+export interface RatingFilters {
+  page: number;
+  limit: number;
+  [key: string]: any;
+}
+
+export interface RatingState {
+  req: {
+    query: Record<string, any>;
+    data: string[];
+    total: number;
+  }[];
+  details: Record<string, Rating>;
+  loading: boolean;
+}
+
+export interface Permission {
+  actions: string[];
+}
+
+export interface RootState {
+  ratings: RatingState;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
diff --git a/studio/src/pages/redirect.js b/studio/src/pages/redirect.js
deleted file mode 100644
index 735ba565b..000000000
--- a/studio/src/pages/redirect.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useEffect } from 'react';
-import Loader from '../components/Loader';
-import { getToken, getUserInfo } from '../utils/zitadel';
-import { useLocation } from 'react-router-dom';
-
-const Callback = () => {
-  const location = useLocation();
-
-  useEffect(() => {
-    const params = new URLSearchParams(location.search);
-    const code = params.get('code');
-    const state = params.get('state');
-
-    getToken(code, state).then((d) => {
-      if (!d.error) {
-        getUserInfo().then(() => {
-          window.location.href = '/';
-        });
-      }
-    });
-  }, []);
-
-  return <Loader />;
-};
-
-export default Callback;
diff --git a/studio/src/pages/search/index.tsx b/studio/src/pages/search/index.tsx
new file mode 100644
index 000000000..e92fa17ca
--- /dev/null
+++ b/studio/src/pages/search/index.tsx
@@ -0,0 +1,209 @@
+import React, { useEffect, useRef, useState } from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { Link } from "react-router-dom";
+import { Search as SearchIcon } from "lucide-react";
+import { getSearchDetails } from "../../actions/search";
+
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Dialog, DialogContent } from "@/components/ui/dialog";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+
+// Define types for our component props
+interface SearchProps {
+  collapsed?: boolean;
+  Icon?: React.ComponentType;
+}
+
+// Define types for search data
+interface SearchItem {
+  id: string;
+  title?: string;
+  name?: string;
+  claim?: string;
+  [key: string]: any;
+}
+
+interface SearchDetails {
+  [key: string]: SearchItem[];
+}
+
+interface RootState {
+  search: {
+    details: SearchDetails;
+    total: number;
+  };
+}
+
+interface SelectedState {
+  entityIndex: number;
+  indexItem: number;
+}
+
+const Search: React.FC<SearchProps> = ({ collapsed = false, Icon }) => {
+  const [query, setQuery] = useState<string>("");
+  const [open, setOpen] = useState<boolean>(false);
+  const [selected, setSelected] = useState<SelectedState>({
+    entityIndex: 0,
+    indexItem: 0,
+  });
+  const inputRef = useRef<HTMLInputElement>(null);
+  const dispatch = useDispatch();
+
+  const searchEntities = [
+    "articles",
+    "fact-checks",
+    "pages",
+    "claims",
+    "categories",
+    "tags",
+  ];
+
+  const { data, total, entitiesLength } = useSelector((state: RootState) => {
+    const entitiesLength = searchEntities.map((entity) => {
+      return state.search.details[entity]?.length || 0;
+    });
+    return {
+      data: state.search.details,
+      total: state.search.total,
+      entitiesLength: entitiesLength,
+    };
+  });
+
+  useEffect(() => {
+    if (query.length > 0) dispatch(getSearchDetails({ q: query }));
+  }, [dispatch, query]);
+
+  const handleNavigateResults = () => {
+    let isSet = false;
+    let entityIndex = selected.entityIndex;
+    let indexItem = selected.indexItem;
+
+    entitiesLength.forEach((length, index) => {
+      if (
+        selected.entityIndex === index &&
+        selected.indexItem < length - 1 &&
+        !isSet
+      ) {
+        isSet = true;
+        indexItem = selected.indexItem + 1;
+      }
+      if (!isSet && index > selected.entityIndex && length !== 0) {
+        isSet = true;
+        indexItem = 0;
+        entityIndex = index;
+      }
+    });
+
+    setSelected({ entityIndex, indexItem });
+  };
+
+  const handleCloseDialog = () => {
+    setOpen(false);
+  };
+
+  const handleOpenDialog = () => {
+    setOpen(true);
+    // Use setTimeout to focus the input after dialog opens
+    setTimeout(() => inputRef.current?.focus(), 0);
+  };
+
+  return (
+    <div
+      onKeyDown={handleNavigateResults}
+      className="max-w-2xl justify-center mt-5"
+    >
+      {!collapsed ? (
+        <div className="w-full mt-5">
+          <Input
+            onClick={handleOpenDialog}
+            className="rounded-md h-9"
+            placeholder="search articles, fact-checks, claims, categories ..."
+          />
+        </div>
+      ) : Icon ? (
+        <Button
+          variant="ghost"
+          size="icon"
+          onClick={handleOpenDialog}
+          className="p-0"
+        >
+          <Icon />
+        </Button>
+      ) : (
+        <Button
+          variant="ghost"
+          size="icon"
+          onClick={handleOpenDialog}
+          className="p-0"
+        >
+          <SearchIcon className="h-5 w-5 my-1" />
+        </Button>
+      )}
+
+      <Dialog open={open} onOpenChange={setOpen}>
+        <DialogContent className="sm:max-w-md md:max-w-lg">
+          <div>
+            <Input
+              ref={inputRef}
+              onChange={(e) => {
+                setQuery(e.target.value);
+                setSelected({ entityIndex: 0, indexItem: 0 });
+              }}
+              placeholder="search articles, fact-checks, claims, categories ..."
+            />
+          </div>
+
+          {query.length > 0 &&
+            (total > 0 ? (
+              <ScrollArea className="h-96 mt-4">
+                {searchEntities.map((entity, entityIndex) =>
+                  data[entity]?.length > 0 ? (
+                    <Card key={entity} className="mb-4">
+                      <CardHeader className="pb-2">
+                        <CardTitle>{entity.toLocaleUpperCase()}</CardTitle>
+                      </CardHeader>
+                      <CardContent className="p-0">
+                        {data[entity].map((item, indexItem) => (
+                          <Link
+                            key={item.id}
+                            to={`/${entity === "articles" ? "posts" : entity}/${
+                              item.id
+                            }/edit`}
+                            onClick={handleCloseDialog}
+                            className="block"
+                          >
+                            <div
+                              className={`p-2 ${
+                                indexItem === selected.indexItem &&
+                                entityIndex === selected.entityIndex
+                                  ? "bg-primary text-primary-foreground"
+                                  : ""
+                              }`}
+                              onMouseOver={() =>
+                                setSelected({ indexItem, entityIndex })
+                              }
+                            >
+                              <p>{item.title || item.name || item.claim}</p>
+                            </div>
+                          </Link>
+                        ))}
+                      </CardContent>
+                    </Card>
+                  ) : null
+                )}
+              </ScrollArea>
+            ) : (
+              <div className="flex flex-col items-center justify-center mt-8 mb-4">
+                <SearchIcon className="h-8 w-8 text-muted-foreground mb-2" />
+                <h4 className="text-muted-foreground">No Results Found</h4>
+              </div>
+            ))}
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+};
+
+export default Search;
diff --git a/studio/src/pages/settings/index.js b/studio/src/pages/settings/index.js
deleted file mode 100644
index de256b4a0..000000000
--- a/studio/src/pages/settings/index.js
+++ /dev/null
@@ -1,304 +0,0 @@
-import React from 'react';
-import { Typography, Row, Col, ConfigProvider, Avatar, Input, Empty } from 'antd';
-import {
-  CompassTwoTone,
-  FundTwoTone,
-  TagsTwoTone,
-  ApiTwoTone,
-  DeploymentUnitOutlined,
-  UserOutlined,
-  EyeTwoTone,
-  InteractionTwoTone,
-  FileTextTwoTone,
-  SafetyCertificateTwoTone,
-} from '@ant-design/icons';
-
-import Website from '../website/index.js';
-import Members from '../members/index.js';
-import Advanced from '../advanced/index.js';
-
-const settings = [
-  {
-    name: 'Website',
-    component: Website,
-    children: [
-      {
-        name: 'General',
-        description: 'Basic Site Details and Site Meta Data',
-        url: '/website/general',
-        keywords: ['site', 'general', 'meta', 'data', 'details', 'basic'],
-        avatar: () => (
-          <Avatar
-            icon={<DeploymentUnitOutlined />} //<SettingTwoTone twoToneColor="#ffb41f" />}
-            style={{ backgroundColor: '#E8EFF2', color: '#ffb41f' }}
-          />
-        ),
-      },
-      {
-        name: 'Branding',
-        keywords: ['site', 'branding', 'logo', 'icon', 'design', 'tokens'],
-        description: 'Update Site Logos, icons and design tokens',
-        url: '/website/branding',
-        avatar: () => (
-          <Avatar
-            icon={<TagsTwoTone twoToneColor="#51bbf6" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-      {
-        name: 'Navigation',
-        description: 'Setup Menus',
-        keywords: ['site', 'navigation', 'menus', 'menu', 'links', 'link'],
-        url: '/website/menus',
-        avatar: () => (
-          <Avatar
-            icon={<CompassTwoTone twoToneColor="#7b2feb" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-      {
-        name: 'Analytics',
-        description: 'View Analytics for your site',
-        url: '/website/analytics',
-        keywords: ['site', 'analytics', 'google', 'ga', 'gtag', 'gtag.js', 'gtagjs'],
-        avatar: () => (
-          <Avatar
-            icon={<ApiTwoTone twoToneColor="#30cf43" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-      {
-        name: 'Code Injection',
-        keywords: ['site', 'code', 'injection', 'custom', 'javascript', 'css', 'html'],
-        description: 'Add custom code to your site',
-        url: '/website/code-injection',
-        avatar: () => (
-          <Avatar
-            icon={<FundTwoTone twoToneColor="#fb2d8d" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-      {
-        name: 'Password and Authentication',
-        keywords: ['site', 'code', 'injection', 'custom', 'javascript', 'css', 'html'],
-        description: 'Reset Password. Enable/Disable 2FA',
-        url: '/website/authentication',
-        avatar: () => (
-          <Avatar
-            icon={<SafetyCertificateTwoTone twoToneColor="#ff0000" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-    ],
-  },
-  {
-    name: 'Members',
-    component: Members,
-    children: [
-      {
-        name: 'Users',
-        keywords: ['members'],
-        url: '/members',
-        description: 'View Users',
-        avatar: () => (
-          <Avatar
-            gap={4}
-            icon={<UserOutlined twoToneColor="#ffb41f" />}
-            style={{ backgroundColor: '#E8EFF2', color: '#ffb41f' }}
-          />
-        ),
-      },
-      {
-        name: 'Policies',
-        keywords: ['members', 'policies'],
-        url: '/members/policies',
-        description: 'Update User Policies',
-        avatar: () => (
-          <Avatar
-            gap={4}
-            icon={<EyeTwoTone twoToneColor="#51bbf6" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-    ],
-  },
-  {
-    name: 'Advanced',
-    component: Advanced,
-    children: [
-      //  webhooks, reindexing, and formats here
-      {
-        name: 'Tokens',
-        url: '/advanced/tokens',
-        keywords: ['webhooks', 'tokens'],
-        description: 'Create tokens',
-        avatar: () => (
-          <Avatar
-            gap={4}
-            icon={<ApiTwoTone twoToneColor="#51bbf6" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-      {
-        name: 'Webhooks',
-        url: '/advanced/webhooks',
-        keywords: ['webhooks', 'hooks'],
-        description: 'Create/ Modify Webhooks',
-        avatar: () => (
-          <Avatar
-            gap={4}
-            icon={<ApiTwoTone twoToneColor="#51bbf6" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-      {
-        name: 'Re-Indexing Meili',
-        url: '/advanced/reindex',
-        keywords: ['reindex', 'meili', 'search'],
-        description: 'Reindex Meili Database',
-        avatar: () => (
-          <Avatar
-            gap={4}
-            icon={<InteractionTwoTone twoToneColor="#7b2feb" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-      {
-        name: 'Formats',
-        keywords: ['formats', 'content', 'templates'],
-        url: '/advanced/formats',
-        description: 'Add/Edit Formats',
-        avatar: () => (
-          <Avatar
-            gap={4}
-            icon={<FileTextTwoTone twoToneColor="#30cf43" />}
-            style={{ backgroundColor: '#E8EFF2' }}
-          />
-        ),
-      },
-    ],
-  },
-];
-
-function Settings() {
-  const [searchquery, setSearchQuery] = React.useState('');
-  const [searchResults, setSearchResults] = React.useState([]);
-
-  const filterMenu = (query, menu) => {
-    const matchingResults = [];
-
-    // Loop through each item in the menu array
-    for (const item of menu) {
-      const matchingChildren = [];
-
-      // Loop through each child item associated with the current item
-      for (const child of item.children) {
-        // Check if the name, description, or URL of the child item contains the search query
-        if (
-          child.name.toLowerCase().includes(query.toLowerCase()) ||
-          child.url.toLowerCase().includes(query.toLowerCase()) ||
-          child.keywords.forEach((keyword) => {
-            if (keyword.toLowerCase().includes(query.toLowerCase())) {
-              matchingChildren.push(child);
-            }
-          })
-        ) {
-          // If it does, add the child item to the `matchingChildren` array
-          matchingChildren.push(child);
-        }
-      }
-
-      // Check if the name of the current item contains the search query
-      if (item.name.toLowerCase().includes(query.toLowerCase())) {
-        // If so, add the current item to the `matchingResults` array
-        matchingResults.push({ ...item, children: matchingChildren });
-      } else if (matchingChildren.length > 0) {
-        // If only the child items matched, create a new object with the matching children
-        matchingResults.push({ ...item, children: matchingChildren });
-      }
-    }
-
-    return matchingResults;
-  };
-
-  const onSearch = (e) => {
-    const query = e.target.value;
-    setSearchQuery(query);
-    setSearchResults(filterMenu(query, settings));
-  };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Card: {
-            colorBorderSecondary: '#D2D2D2',
-          },
-        },
-      }}
-    >
-      <Row justify={'end'}>
-        <Col md={6} xs={24}>
-          <Input.Search
-            value={searchquery}
-            onChange={onSearch}
-            placeholder="Search"
-            style={{ borderRadius: '8px', padding: '0 12px', height: '40px' }}
-          />
-        </Col>
-      </Row>
-      <Row gutter={[16, 16]}>
-        {searchquery.length < 1 ? (
-          settings.map((setting) => (
-            <Col span={24}>
-              <Typography.Title
-                style={{
-                  color: '#1E1E1E',
-                  fontSize: '18px',
-                  fontWeight: '600',
-                  marginBottom: '12px',
-                }}
-                level={2}
-              >
-                {setting.name}
-              </Typography.Title>
-              {setting.component(setting.children)}
-            </Col>
-          ))
-        ) : searchResults.length !== 0 ? (
-          searchResults.map((setting) => (
-            <Col span={24}>
-              <Typography.Title
-                style={{
-                  color: '#1E1E1E',
-                  fontSize: '18px',
-                  fontWeight: '600',
-                  marginBottom: '12px',
-                }}
-                level={2}
-              >
-                {setting.name}
-              </Typography.Title>
-              {setting.component(setting.children)}
-            </Col>
-          ))
-        ) : (
-          <Col span={24}>
-            <Empty />
-          </Col>
-        )}
-      </Row>
-    </ConfigProvider>
-  );
-}
-
-export default Settings;
diff --git a/studio/src/pages/spaces/CreateSpace.js b/studio/src/pages/spaces/CreateSpace.js
deleted file mode 100644
index 51621a328..000000000
--- a/studio/src/pages/spaces/CreateSpace.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import React from 'react';
-import SpaceCreateForm from './components/SpaceCreateForm';
-import { useDispatch } from 'react-redux';
-import { addSpace, getSpaces } from '../../actions/spaces';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateSpace() {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(addSpace(values)).then(() => {
-      dispatch(getSpaces());
-      history('/admin/spaces');
-    });
-  };
-  return (
-    <>
-      <Helmet title={'Create Space'} />
-      <SpaceCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-
-export default CreateSpace;
diff --git a/studio/src/pages/spaces/CreateSpace.test.js b/studio/src/pages/spaces/CreateSpace.test.js
deleted file mode 100644
index b35727c7a..000000000
--- a/studio/src/pages/spaces/CreateSpace.test.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreateSpace from './CreateSpace';
-import * as actions from '../../actions/spaces';
-import SpaceCreateForm from './components/SpaceCreateForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/spaces', () => ({
-  getSpaces: jest.fn(),
-  addSpace: jest.fn(),
-}));
-
-describe('Spaces create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    spaces: {
-      orgs: [],
-      details: {},
-      loading: true,
-      selected: 0,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CreateSpace />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call addSpace', (done) => {
-      actions.addSpace.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreateSpace />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(SpaceCreateForm).props().onCreate({ test: 'test' });
-        wrapper.update();
-      });
-      setTimeout(() => {
-        expect(actions.addSpace).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/admin/spaces');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/spaces/CreateSpace.tsx b/studio/src/pages/spaces/CreateSpace.tsx
new file mode 100644
index 000000000..c0d30a9d7
--- /dev/null
+++ b/studio/src/pages/spaces/CreateSpace.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+import SpaceCreateForm from "./components/SpaceCreateForm";
+import { useDispatch } from "react-redux";
+import { getSpaces, addSpace } from "../../actions/spaces";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { SpaceFormValues } from "./types";
+import { AppDispatch } from "../../store/index";
+
+function CreateSpace(): React.ReactElement {
+  const history = useNavigation();
+  const dispatch = useDispatch<AppDispatch>();
+
+  const onCreate = async (values: SpaceFormValues): Promise<void> => {
+    try {
+      // First add the space
+      await dispatch(addSpace(values));
+
+      // Then fetch all spaces (including the new one)
+      await dispatch(getSpaces());
+
+      // Navigate to spaces list
+      history("/admin/spaces");
+    } catch (error) {
+      console.error("Error creating space:", error);
+      // Error notification is handled in the action
+    }
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Space"} />
+      <SpaceCreateForm onCreate={onCreate} />
+    </>
+  );
+}
+
+export default CreateSpace;
diff --git a/studio/src/pages/spaces/EditSpace.js b/studio/src/pages/spaces/EditSpace.js
deleted file mode 100644
index 335680488..000000000
--- a/studio/src/pages/spaces/EditSpace.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { useParams } from 'react-router-dom';
-import { useSelector, useDispatch } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updateSpace } from '../../actions/spaces';
-import SpaceEditForm from './components/SpaceEditForm';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditSpace() {
-  const history = useNavigation();
-  const { id } = useParams();
-  const dispatch = useDispatch();
-
-  const { space, loading } = useSelector((state) => {
-    return {
-      space: state.spaces.details[id],
-      loading: state.spaces.loading,
-    };
-  });
-
-  const onCreate = (values) => {
-    dispatch(updateSpace({ ...space, ...values })).then(() => history(`/admin/spaces`));
-  };
-
-  if (loading) return <Skeleton />;
-
-  if (!space) {
-    return <RecordNotFound />;
-  }
-
-  return (
-    <>
-      <Helmet title={`${space?.name} - Edit Space`} />
-      <SpaceEditForm onCreate={onCreate} data={space} />
-    </>
-  );
-}
-
-export default EditSpace;
diff --git a/studio/src/pages/spaces/EditSpace.test.js b/studio/src/pages/spaces/EditSpace.test.js
deleted file mode 100644
index e4d8a4ddd..000000000
--- a/studio/src/pages/spaces/EditSpace.test.js
+++ /dev/null
@@ -1,276 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditSpace from './EditSpace';
-import * as actions from '../../actions/spaces';
-import SpaceEditForm from './components/SpaceEditForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '11' }),
-}));
-
-jest.mock('../../actions/spaces', () => ({
-  getSpaces: jest.fn(),
-  getSpace: jest.fn(),
-  addSpace: jest.fn(),
-  updateSpace: jest.fn(),
-}));
-
-describe('Spaces Edit component', () => {
-  let store;
-  store = mockStore({
-    spaces: {
-      orgs: [],
-      details: {
-        11: {
-          id: 11,
-          organisation_id: 1,
-          name: 'name',
-          slug: 'slug',
-          site_title: 'site_title',
-          tag_line: 'tag_line',
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          site_address: 'site_address',
-          logo_id: 1,
-          logo_mobile_id: 1,
-          fav_icon_id: 1,
-          mobile_icon_id: 1,
-          social_media_urls: {
-            facebook: 'fb.com',
-            twitter: 'twitter.com',
-            pintrest: 'pinterest.com',
-            instagram: 'instagram.com',
-          },
-        },
-      },
-      loading: false,
-      selected: 0,
-    },
-    claims: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    rating: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  const mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = shallow(
-          <Provider store={store}>
-            <EditSpace />
-          </Provider>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-      act(() => component.unmount());
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: true,
-          selected: 0,
-        },
-      });
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <EditSpace />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        spaces: {
-          orgs: [
-            { id: 1, organazation: 'Organization 1', spaces: [11] },
-            { id: 2, organazation: 'Organization 2', spaces: [21, 22] },
-          ],
-          details: {
-            11: {
-              id: 11,
-              organisation_id: 1,
-              name: 'name',
-              slug: 'slug',
-              site_title: 'site_title',
-              tag_line: 'tag_line',
-              description: {
-                time: 1613559903378,
-                blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-                version: '2.19.0',
-              },
-              site_address: 'site_address',
-              logo_id: 1,
-              logo_mobile_id: 1,
-              fav_icon_id: 1,
-              mobile_icon_id: 1,
-              social_media_urls: {
-                facebook: 'fb.com',
-                twitter: 'twitter.com',
-                pintrest: 'pinterest.com',
-                instagram: 'instagram.com',
-              },
-            },
-          },
-          loading: false,
-          selected: 11,
-        },
-        claims: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        claimants: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        rating: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should display RecordNotFound when no space found', () => {
-      store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: false,
-          selected: 0,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditSpace />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(SpaceEditForm).length).toBe(0);
-    });
-    it('should display Skeleton when loading', () => {
-      store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: true,
-          selected: 0,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditSpace />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('Skeleton').length).toBe(1);
-      expect(wrapper.find(SpaceEditForm).length).toBe(0);
-    });
-    it('should call updateSpace', (done) => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      actions.updateSpace.mockReset();
-      useDispatch.mockReturnValueOnce(() => Promise.resolve({}));
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditSpace />
-          </Provider>,
-        );
-      });
-      wrapper.find(SpaceEditForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.updateSpace).toHaveBeenCalledWith({
-          id: 11,
-          organisation_id: 1,
-          name: 'name',
-          slug: 'slug',
-          site_title: 'site_title',
-          tag_line: 'tag_line',
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          site_address: 'site_address',
-          logo_id: 1,
-          logo_mobile_id: 1,
-          fav_icon_id: 1,
-          mobile_icon_id: 1,
-          social_media_urls: {
-            facebook: 'fb.com',
-            twitter: 'twitter.com',
-            pintrest: 'pinterest.com',
-            instagram: 'instagram.com',
-          },
-          test: 'test',
-        });
-        expect(push).toHaveBeenCalledWith('/admin/spaces');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/spaces/EditSpace.tsx b/studio/src/pages/spaces/EditSpace.tsx
new file mode 100644
index 000000000..bbe086193
--- /dev/null
+++ b/studio/src/pages/spaces/EditSpace.tsx
@@ -0,0 +1,59 @@
+import React from "react";
+import { useParams } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { Skeleton } from "@/components/ui/skeleton";
+import { updateSpace } from "../../actions/spaces";
+import SpaceEditForm from "./components/SpaceEditForm";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { RootState } from "../../store";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+export interface Space {
+  id: string;
+  name: string;
+  site_address: string;
+  site_title: string;
+  tag_line: string;
+  description?: string;
+  slug?: string;
+  organisation_id: string;
+  meta_fields?: string | Record<string, any>;
+  org_role?: string;
+}
+
+const EditSpace: React.FC = () => {
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+  const dispatch = useAppDispatch();
+  const { space, loading } = useSelector((state: RootState) => {
+    return {
+      space: state.spaces.details[id as string],
+      loading: state.spaces.loading,
+    };
+  });
+
+  const onCreate = (values: Partial<Space>): void => {
+    if (space && id) {
+      dispatch(updateSpace({ ...space, ...values })).then(() =>
+        history(`/admin/spaces`)
+      );
+    }
+  };
+
+  if (loading) return <Skeleton className="w-full h-48" />;
+
+  if (!space) {
+    return <RecordNotFound />;
+  }
+
+  return (
+    <>
+      <Helmet title={`${space?.name} - Edit Space`} />
+      <SpaceEditForm onCreate={onCreate} data={space} />
+    </>
+  );
+};
+
+export default EditSpace;
diff --git a/studio/src/pages/spaces/Reindex.js b/studio/src/pages/spaces/Reindex.js
deleted file mode 100644
index f18282b01..000000000
--- a/studio/src/pages/spaces/Reindex.js
+++ /dev/null
@@ -1,130 +0,0 @@
-import React from 'react';
-import { Row, Col, Button, Form, Select, Space, ConfigProvider } from 'antd';
-import { useSelector, useDispatch } from 'react-redux';
-import { reindex, reindexSpace } from '../../actions/meiliReindex';
-
-const Reindex = () => {
-  const [form] = Form.useForm();
-  const dispatch = useDispatch();
-  const [spaceOption, setSpaceOption] = React.useState();
-  const [status, setStatus] = React.useState();
-  const [spaceSelected, setSpaceSelected] = React.useState(false);
-
-  const { orgId, orgs, spaces } = useSelector((state) => {
-    const { selected, orgs, loading } = state.spaces;
-    if (selected > 0) {
-      const space = state.spaces.details[selected];
-      const orgId = space.organisation_id;
-      const org = orgs.find((org) => org.id === orgId);
-      const role = org.permission.role;
-
-      return {
-        loading: loading,
-        role: role,
-        orgId: orgId,
-        spaces: state.spaces.details,
-        orgs: state.spaces.orgs,
-      };
-    }
-    return { orgId: 0, orgs: [], spaces: [] };
-  });
-  const [organisationId, setOrganisationId] = React.useState(orgId);
-
-  React.useEffect(() => {
-    if (orgs.length > 0) {
-      const org = orgs.find((org) => org.id === organisationId);
-      const newSpaces = org.spaces.map((space) => spaces[space]);
-      setSpaceOption(newSpaces);
-    }
-  }, [organisationId]);
-
-  const handleorgChange = (orgId) => {
-    form.setFieldsValue({
-      space_id: null,
-    });
-    setOrganisationId(orgId);
-  };
-  const handleReindex = () => {
-    dispatch(reindex());
-  };
-  const handleSpaceReindex = (id) => {
-    if (id) {
-      dispatch(reindexSpace(id));
-    } else {
-      setStatus('error');
-    }
-  };
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Form: {
-            marginLG: 8,
-          },
-        },
-      }}
-    >
-      <Space direction="vertical">
-        <Form form={form} name="reindex" layout="vertical">
-          <Row justify="start" style={{ maxWidth: '1200px', width: '100%', margin: '0 auto' }}>
-            <Col span={24}>
-              <Row justify="end">
-                <Button
-                  type="primary"
-                  onClick={() => handleSpaceReindex(form.getFieldValue('space_id'))}
-                  disabled={!spaceSelected}
-                >
-                  Reindex
-                </Button>
-              </Row>
-              <Row gutter={40} justify="start" style={{ marginBottom: '1rem' }}>
-                <Col md={8} xs={24}>
-                  {orgs && orgs.length > 0 ? (
-                    <Form.Item name="organisation_id" label="Organisation">
-                      <Select
-                        allowClear
-                        bordered
-                        listHeight={128}
-                        defaultValue={[orgId]}
-                        onChange={(value) => handleorgChange(value)}
-                      >
-                        {orgs.map((item) => (
-                          <Select.Option value={item.id} key={item.id}>
-                            {item.title}
-                          </Select.Option>
-                        ))}
-                      </Select>
-                    </Form.Item>
-                  ) : null}
-
-                  {spaceOption && spaceOption.length > 0 ? (
-                    <Form.Item name="space_id" label="Space" validateStatus={status}>
-                      <Select
-                        allowClear
-                        bordered
-                        listHeight={128}
-                        defaultValue={[]}
-                        placeholder="Select Space"
-                        onChange={() => setStatus()}
-                        onSelect={() => setSpaceSelected(true)}
-                        onClear={() => setSpaceSelected(false)}
-                      >
-                        {spaceOption.map((item) => (
-                          <Select.Option value={item.id} key={item.id}>
-                            {item.name}
-                          </Select.Option>
-                        ))}
-                      </Select>
-                    </Form.Item>
-                  ) : null}
-                </Col>
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </Space>
-    </ConfigProvider>
-  );
-};
-
-export default Reindex;
diff --git a/studio/src/pages/spaces/Reindex.test.js b/studio/src/pages/spaces/Reindex.test.js
deleted file mode 100644
index d0956a761..000000000
--- a/studio/src/pages/spaces/Reindex.test.js
+++ /dev/null
@@ -1,360 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import Reindex from './Reindex';
-import * as actions from '../../actions/meiliReindex';
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../actions/meiliReindex', () => ({
-  reindexSpace: jest.fn(),
-  reindex: jest.fn(),
-}));
-
-describe('Spaces Reindex component', () => {
-  let store;
-  store = mockStore({
-    admin: {
-      organisation: {
-        id: 34,
-        created_at: '2022-04-29T11:18:24.571658Z',
-        updated_at: '2022-04-29T11:18:24.571658Z',
-        deleted_at: null,
-        created_by_id: 1,
-        updated_by_id: 1,
-        organisation_id: 34,
-        spaces: -1,
-        space_permissions: [
-          {
-            id: 2,
-            created_at: '2022-04-29T11:19:00.637145Z',
-            updated_at: '2022-04-29T11:22:01.131442Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 1,
-            fact_check: true,
-            space_id: 2,
-            media: -1,
-            posts: -1,
-            podcast: true,
-            episodes: -1,
-            videos: 0,
-          },
-          {
-            id: 3,
-            created_at: '2022-05-02T10:50:34.221018Z',
-            updated_at: '2022-05-02T10:50:34.221018Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            fact_check: false,
-            space_id: 3,
-            media: 10,
-            posts: 10,
-            podcast: false,
-            episodes: 0,
-            videos: 0,
-          },
-        ],
-      },
-      loading: false,
-    },
-
-    spaces: {
-      orgs: [
-        {
-          id: 34,
-          created_at: '2022-04-29T07:10:05.626434Z',
-          updated_at: '2022-04-29T07:10:05.626434Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          title: 'test',
-          slug: 'test',
-          permission: {
-            id: 34,
-            created_at: '2022-04-29T07:10:05.637767Z',
-            updated_at: '2022-04-29T07:10:05.637767Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            role: 'owner',
-          },
-          applications: [
-            {
-              id: 2,
-              created_at: '2022-04-29T11:19:36.868351Z',
-              updated_at: '2022-04-29T11:20:20.31628Z',
-              deleted_at: null,
-              created_by_id: 34,
-              updated_by_id: 34,
-              name: 'dega',
-              description: '',
-              url: 'http://127.0.0.1:4455/.factly/dega/studio/',
-              medium_id: null,
-              medium: null,
-            },
-          ],
-          spaces: [3, 2],
-        },
-        {
-          id: 35,
-          created_at: '2022-04-29T09:49:17.813778Z',
-          updated_at: '2022-04-29T09:49:17.813778Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          title: 'test-org2',
-          slug: 'test-org2',
-          permission: {
-            id: 35,
-            created_at: '2022-04-29T09:49:17.819434Z',
-            updated_at: '2022-04-29T09:49:17.819434Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            role: 'owner',
-          },
-          applications: null,
-          spaces: [],
-        },
-        {
-          id: 36,
-          created_at: '2022-04-29T10:31:16.687616Z',
-          updated_at: '2022-04-29T10:31:16.687616Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          title: 'test-ORG',
-          slug: 'test-org',
-          permission: {
-            id: 36,
-            created_at: '2022-04-29T10:31:16.712003Z',
-            updated_at: '2022-04-29T10:31:16.712003Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            role: 'owner',
-          },
-          applications: null,
-          spaces: [],
-        },
-      ],
-      details: {
-        '2': {
-          id: 2,
-          created_at: '2022-04-29T11:19:00.634414Z',
-          updated_at: '2022-05-13T10:02:01.574359Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          name: 'factly-eng',
-          slug: 'factly-eng',
-          site_title: '',
-          tag_line: '',
-          description: 'ggggg',
-          site_address: '',
-          logo_id: 1,
-          logo: {
-            id: 1,
-            created_at: '2022-04-29T11:47:10.887731Z',
-            updated_at: '2022-04-29T11:47:10.887731Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            name: 'sample-png-image',
-            slug: 'sample-png-image',
-            type: 'image/png',
-            title: '',
-            description: '',
-            caption: '',
-            alt_text: 'sample-png-image',
-            file_size: 128544,
-            url: {
-              proxy: 'http://127.0.0.1:7001/dega/factly-eng/2022/3/1651232829590_sample-png-image',
-              raw: 'http://localhost:9000/dega/factly-eng/2022/3/1651232829590_sample-png-image',
-            },
-            dimensions: '864x409',
-            meta_fields: null,
-            space_id: 2,
-          },
-          logo_mobile_id: 1,
-          logo_mobile: {
-            id: 1,
-            created_at: '2022-04-29T11:47:10.887731Z',
-            updated_at: '2022-04-29T11:47:10.887731Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            name: 'sample-png-image',
-            slug: 'sample-png-image',
-            type: 'image/png',
-            title: '',
-            description: '',
-            caption: '',
-            alt_text: 'sample-png-image',
-            file_size: 128544,
-            url: {
-              proxy: 'http://127.0.0.1:7001/dega/factly-eng/2022/3/1651232829590_sample-png-image',
-              raw: 'http://localhost:9000/dega/factly-eng/2022/3/1651232829590_sample-png-image',
-            },
-            dimensions: '864x409',
-            meta_fields: null,
-            space_id: 2,
-          },
-          fav_icon_id: 1,
-          fav_icon: {
-            id: 1,
-            created_at: '2022-04-29T11:47:10.887731Z',
-            updated_at: '2022-04-29T11:47:10.887731Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            name: 'sample-png-image',
-            slug: 'sample-png-image',
-            type: 'image/png',
-            title: '',
-            description: '',
-            caption: '',
-            alt_text: 'sample-png-image',
-            file_size: 128544,
-            url: {
-              proxy: 'http://127.0.0.1:7001/dega/factly-eng/2022/3/1651232829590_sample-png-image',
-              raw: 'http://localhost:9000/dega/factly-eng/2022/3/1651232829590_sample-png-image',
-            },
-            dimensions: '864x409',
-            meta_fields: null,
-            space_id: 2,
-          },
-          mobile_icon_id: 1,
-          mobile_icon: {
-            id: 1,
-            created_at: '2022-04-29T11:47:10.887731Z',
-            updated_at: '2022-04-29T11:47:10.887731Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            name: 'sample-png-image',
-            slug: 'sample-png-image',
-            type: 'image/png',
-            title: '',
-            description: '',
-            caption: '',
-            alt_text: 'sample-png-image',
-            file_size: 128544,
-            url: {
-              proxy: 'http://127.0.0.1:7001/dega/factly-eng/2022/3/1651232829590_sample-png-image',
-              raw: 'http://localhost:9000/dega/factly-eng/2022/3/1651232829590_sample-png-image',
-            },
-            dimensions: '864x409',
-            meta_fields: null,
-            space_id: 2,
-          },
-          verification_codes: null,
-          social_media_urls: {
-            facebook: 'sssssssttttttt',
-          },
-          contact_info: null,
-          analytics: null,
-          header_code: '',
-          footer_code: '',
-          meta_fields: null,
-          organisation_id: 34,
-          permissions: [
-            {
-              resource: 'admin',
-              actions: ['admin'],
-            },
-          ],
-          services: ['core', 'fact-checking', 'podcast'],
-        },
-        '3': {
-          id: 3,
-          created_at: '2022-05-02T10:50:34.211102Z',
-          updated_at: '2022-05-02T10:50:34.211102Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          name: 'factly-hindi',
-          slug: 'factly-hindi',
-          site_title: 'factly-hindi',
-          tag_line: '',
-          description: '',
-          site_address: '',
-          logo_id: null,
-          logo: null,
-          logo_mobile_id: null,
-          logo_mobile: null,
-          fav_icon_id: null,
-          fav_icon: null,
-          mobile_icon_id: null,
-          mobile_icon: null,
-          verification_codes: null,
-          social_media_urls: null,
-          contact_info: null,
-          analytics: null,
-          header_code: '',
-          footer_code: '',
-          meta_fields: null,
-          organisation_id: 34,
-          permissions: [
-            {
-              resource: 'admin',
-              actions: ['admin'],
-            },
-          ],
-          services: ['core'],
-        },
-      },
-      loading: false,
-      selected: 2,
-    },
-    claims: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    rating: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  const mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = mount(
-          <Provider store={store}>
-            <Reindex />
-          </Provider>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-      act(() => component.unmount());
-    });
-  });
-});
diff --git a/studio/src/pages/spaces/Reindex.tsx b/studio/src/pages/spaces/Reindex.tsx
new file mode 100644
index 000000000..e74e7ce79
--- /dev/null
+++ b/studio/src/pages/spaces/Reindex.tsx
@@ -0,0 +1,213 @@
+import React, { useEffect, useState } from "react";
+import { useSelector } from "react-redux";
+import { reindex, reindexSpace } from "../../actions/meiliReindex";
+import { Button } from "@/components/ui/button";
+import { Form, FormField, FormItem, FormLabel } from "@/components/ui/form";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+import { RefreshCw } from "lucide-react";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// Define interfaces for our data structures
+interface Organisation {
+  id: number;
+  title: string;
+  permission: {
+    role: string;
+  };
+  spaces: number[];
+}
+
+interface Space {
+  id: number;
+  name: string;
+  organisation_id: number;
+}
+
+interface RootState {
+  spaces: {
+    selected: number;
+    details: Record<number, Space>;
+    orgs: Organisation[];
+    loading: boolean;
+  };
+}
+
+// Define form schema
+const formSchema = z.object({
+  organisation_id: z.number().optional(),
+  space_id: z.number().optional(),
+});
+
+type FormValues = z.infer<typeof formSchema>;
+
+const Reindex: React.FC = () => {
+  const dispatch = useAppDispatch();
+  const [spaceOption, setSpaceOption] = useState<Space[]>([]);
+  const [spaceSelected, setSpaceSelected] = useState<boolean>(false);
+
+  // Get data from Redux store
+  const { orgId, orgs, spaces } = useSelector((state: RootState) => {
+    const { selected, orgs, loading } = state.spaces;
+    if (selected > 0) {
+      const space = state.spaces.details[selected];
+      const orgId = space.organisation_id;
+      const org = orgs.find((org) => org.id === orgId);
+      const role = org?.permission.role;
+
+      return {
+        loading,
+        role,
+        orgId,
+        spaces: state.spaces.details,
+        orgs: state.spaces.orgs,
+      };
+    }
+    return { orgId: 0, orgs: [], spaces: [] };
+  });
+
+  const [organisationId, setOrganisationId] = useState<number>(orgId);
+
+  // Setup form
+  const form = useForm<FormValues>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      organisation_id: orgId || undefined,
+      space_id: undefined,
+    },
+  });
+
+  // Update space options when organisation changes
+  useEffect(() => {
+    if (orgs.length > 0) {
+      const org = orgs.find((org) => org.id === organisationId);
+      if (org) {
+        const newSpaces = org.spaces.map((spaceId) => spaces[spaceId]);
+        setSpaceOption(newSpaces);
+      }
+    }
+  }, [organisationId, orgs, spaces]);
+
+  const handleOrgChange = (value: string) => {
+    const numValue = parseInt(value, 10);
+    form.setValue("organisation_id", numValue);
+    form.setValue("space_id", undefined);
+    setOrganisationId(numValue);
+    setSpaceSelected(false);
+  };
+
+  const handleReindex = () => {
+    dispatch(reindex());
+  };
+
+  const handleSpaceReindex = () => {
+    const spaceId = form.getValues("space_id");
+    if (spaceId) {
+      dispatch(reindexSpace(spaceId));
+    } else {
+      form.setError("space_id", {
+        type: "manual",
+        message: "Please select a space",
+      });
+    }
+  };
+
+  return (
+    <div className="space-y-6">
+      <Form {...form}>
+        <form className="max-w-5xl w-full mx-auto">
+          <div className="w-full">
+            <div className="flex justify-end mb-4">
+              <Button
+                type="button"
+                onClick={handleSpaceReindex}
+                disabled={!spaceSelected}
+                className="flex items-center gap-2"
+              >
+                <RefreshCw className="h-4 w-4" />
+                Reindex
+              </Button>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-6 mb-4">
+              <div className="col-span-1">
+                {orgs && orgs.length > 0 ? (
+                  <FormField
+                    control={form.control}
+                    name="organisation_id"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Organisation</FormLabel>
+                        <Select
+                          onValueChange={(value) => handleOrgChange(value)}
+                          defaultValue={orgId ? orgId.toString() : undefined}
+                        >
+                          <SelectTrigger>
+                            <SelectValue placeholder="Select Organisation" />
+                          </SelectTrigger>
+                          <SelectContent>
+                            {orgs.map((item) => (
+                              <SelectItem
+                                key={item.id}
+                                value={item.id.toString()}
+                              >
+                                {item.title}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      </FormItem>
+                    )}
+                  />
+                ) : null}
+
+                {spaceOption && spaceOption.length > 0 ? (
+                  <FormField
+                    control={form.control}
+                    name="space_id"
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormLabel>Space</FormLabel>
+                        <Select
+                          onValueChange={(value) => {
+                            field.onChange(parseInt(value, 10));
+                            setSpaceSelected(true);
+                          }}
+                          value={field.value?.toString()}
+                        >
+                          <SelectTrigger>
+                            <SelectValue placeholder="Select Space" />
+                          </SelectTrigger>
+                          <SelectContent>
+                            {spaceOption.map((item) => (
+                              <SelectItem
+                                key={item.id}
+                                value={item.id.toString()}
+                              >
+                                {item.name}
+                              </SelectItem>
+                            ))}
+                          </SelectContent>
+                        </Select>
+                      </FormItem>
+                    )}
+                  />
+                ) : null}
+              </div>
+            </div>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+};
+
+export default Reindex;
diff --git a/studio/src/pages/spaces/__snapshots__/CreateSpace.test.js.snap b/studio/src/pages/spaces/__snapshots__/CreateSpace.test.js.snap
deleted file mode 100644
index 470b11131..000000000
--- a/studio/src/pages/spaces/__snapshots__/CreateSpace.test.js.snap
+++ /dev/null
@@ -1,2388 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spaces create component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateSpace>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Space"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Space"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Space"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <SpaceCreateForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-space",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        labelCol={
-          Object {
-            "span": 8,
-          }
-        }
-        name="create-space"
-        onFinish={[Function]}
-        style={
-          Object {
-            "paddingTop": "24px",
-          }
-        }
-        wrapperCol={
-          Object {
-            "span": 8,
-          }
-        }
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-horizontal"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-space",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-space"
-            name="create-space"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            style={
-              Object {
-                "paddingTop": "24px",
-              }
-            }
-          >
-            <form
-              className="ant-form ant-form-horizontal"
-              id="create-space"
-              onReset={[Function]}
-              onSubmit={[Function]}
-              style={
-                Object {
-                  "paddingTop": "24px",
-                }
-              }
-            >
-              <FormItem
-                label="Name"
-              >
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={Object {}}
-                  >
-                    <FormItemLabel
-                      label="Name"
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                    >
-                      <Col
-                        className="ant-form-item-label"
-                        span={8}
-                      >
-                        <div
-                          className="ant-col ant-col-8 ant-form-item-label"
-                          style={Object {}}
-                        >
-                          <label
-                            className=""
-                            title="Name"
-                          >
-                            Name
-                          </label>
-                        </div>
-                      </Col>
-                    </FormItemLabel>
-                    <FormItemInput
-                      errors={Array []}
-                      label="Name"
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      validateStatus=""
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                        span={8}
-                      >
-                        <div
-                          className="ant-col ant-col-8 ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Group
-                                compact={true}
-                              >
-                                <span
-                                  className="ant-input-group ant-input-group-compact"
-                                >
-                                  <FormItem
-                                    name="organisation_id"
-                                    noStyle={true}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "organisation is required",
-                                          "required": true,
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "organisation_id",
-                                        }
-                                      }
-                                      name="organisation_id"
-                                      noStyle={true}
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "organisation is required",
-                                            "required": true,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": "create-space",
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_organisation_id"
-                                        messageVariables={
-                                          Object {
-                                            "label": "organisation_id",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "organisation_id",
-                                          ]
-                                        }
-                                        noStyle={true}
-                                        onReset={[Function]}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "organisation is required",
-                                              "required": true,
-                                            },
-                                          ]
-                                        }
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Component
-                                          update={1}
-                                        >
-                                          <ForwardRef(InternalSelect)
-                                            id="create-space_organisation_id"
-                                            onChange={[Function]}
-                                            placeholder="Select organisation"
-                                            style={
-                                              Object {
-                                                "width": "40%",
-                                              }
-                                            }
-                                          >
-                                            <Select
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              dropdownClassName=""
-                                              id="create-space_organisation_id"
-                                              inputIcon={[Function]}
-                                              listHeight={256}
-                                              listItemHeight={24}
-                                              menuItemSelectedIcon={null}
-                                              notFoundContent={
-                                                <Context.Consumer>
-                                                  [Function]
-                                                </Context.Consumer>
-                                              }
-                                              onChange={[Function]}
-                                              placeholder="Select organisation"
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              style={
-                                                Object {
-                                                  "width": "40%",
-                                                }
-                                              }
-                                              transitionName="ant-slide-up"
-                                            >
-                                              <ForwardRef(Select)
-                                                className=""
-                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                dropdownClassName=""
-                                                id="create-space_organisation_id"
-                                                inputIcon={[Function]}
-                                                listHeight={256}
-                                                listItemHeight={24}
-                                                menuItemSelectedIcon={null}
-                                                notFoundContent={
-                                                  <Context.Consumer>
-                                                    [Function]
-                                                  </Context.Consumer>
-                                                }
-                                                onChange={[Function]}
-                                                placeholder="Select organisation"
-                                                prefixCls="ant-select"
-                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                style={
-                                                  Object {
-                                                    "width": "40%",
-                                                  }
-                                                }
-                                                transitionName="ant-slide-up"
-                                              >
-                                                <div
-                                                  className="ant-select ant-select-single ant-select-show-arrow"
-                                                  onBlur={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  onKeyUp={[Function]}
-                                                  onMouseDown={[Function]}
-                                                  style={
-                                                    Object {
-                                                      "width": "40%",
-                                                    }
-                                                  }
-                                                >
-                                                  <SelectTrigger
-                                                    containerWidth={null}
-                                                    dropdownClassName=""
-                                                    empty={true}
-                                                    getTriggerDOMNode={[Function]}
-                                                    popupElement={
-                                                      <ForwardRef(OptionList)
-                                                        childrenAsData={true}
-                                                        defaultActiveFirstOption={true}
-                                                        flattenOptions={Array []}
-                                                        height={256}
-                                                        id="create-space_organisation_id"
-                                                        itemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onActiveValue={[Function]}
-                                                        onMouseEnter={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        options={Array []}
-                                                        prefixCls="ant-select"
-                                                        searchValue=""
-                                                        values={Set {}}
-                                                        virtual={true}
-                                                      />
-                                                    }
-                                                    prefixCls="ant-select"
-                                                    transitionName="ant-slide-up"
-                                                  >
-                                                    <Trigger
-                                                      action={Array []}
-                                                      afterPopupVisibleChange={[Function]}
-                                                      autoDestroy={false}
-                                                      blurDelay={0.15}
-                                                      builtinPlacements={
-                                                        Object {
-                                                          "bottomLeft": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tl",
-                                                              "bl",
-                                                            ],
-                                                          },
-                                                          "bottomRight": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "tr",
-                                                              "br",
-                                                            ],
-                                                          },
-                                                          "topLeft": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "bl",
-                                                              "tl",
-                                                            ],
-                                                          },
-                                                          "topRight": Object {
-                                                            "offset": Array [
-                                                              0,
-                                                              -4,
-                                                            ],
-                                                            "overflow": Object {
-                                                              "adjustX": 0,
-                                                              "adjustY": 1,
-                                                            },
-                                                            "points": Array [
-                                                              "br",
-                                                              "tr",
-                                                            ],
-                                                          },
-                                                        }
-                                                      }
-                                                      defaultPopupVisible={false}
-                                                      destroyPopupOnHide={false}
-                                                      focusDelay={0}
-                                                      getDocument={[Function]}
-                                                      getPopupClassNameFromAlign={[Function]}
-                                                      getTriggerDOMNode={[Function]}
-                                                      hideAction={Array []}
-                                                      mask={false}
-                                                      maskClosable={true}
-                                                      mouseEnterDelay={0}
-                                                      mouseLeaveDelay={0.1}
-                                                      onPopupAlign={[Function]}
-                                                      onPopupVisibleChange={[Function]}
-                                                      popup={
-                                                        <div>
-                                                          <ForwardRef(OptionList)
-                                                            childrenAsData={true}
-                                                            defaultActiveFirstOption={true}
-                                                            flattenOptions={Array []}
-                                                            height={256}
-                                                            id="create-space_organisation_id"
-                                                            itemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            multiple={false}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onActiveValue={[Function]}
-                                                            onMouseEnter={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            options={Array []}
-                                                            prefixCls="ant-select"
-                                                            searchValue=""
-                                                            values={Set {}}
-                                                            virtual={true}
-                                                          />
-                                                        </div>
-                                                      }
-                                                      popupAlign={Object {}}
-                                                      popupClassName="ant-select-dropdown-empty"
-                                                      popupPlacement="bottomLeft"
-                                                      popupStyle={
-                                                        Object {
-                                                          "minWidth": null,
-                                                          "width": null,
-                                                        }
-                                                      }
-                                                      popupTransitionName="ant-slide-up"
-                                                      prefixCls="ant-select-dropdown"
-                                                      showAction={Array []}
-                                                    >
-                                                      <Selector
-                                                        accessibilityIndex={0}
-                                                        activeValue={null}
-                                                        className=""
-                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                        domRef={
-                                                          Object {
-                                                            "current": <div
-                                                              class="ant-select-selector"
-                                                            >
-                                                              <span
-                                                                class="ant-select-selection-search"
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="create-space_organisation_id_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="create-space_organisation_id_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="create-space_organisation_id_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="create-space_organisation_id"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </span>
-                                                              <span
-                                                                class="ant-select-selection-placeholder"
-                                                              >
-                                                                Select organisation
-                                                              </span>
-                                                            </div>,
-                                                          }
-                                                        }
-                                                        dropdownClassName=""
-                                                        id="create-space_organisation_id"
-                                                        inputElement={null}
-                                                        inputIcon={[Function]}
-                                                        key="trigger"
-                                                        listHeight={256}
-                                                        listItemHeight={24}
-                                                        menuItemSelectedIcon={null}
-                                                        multiple={false}
-                                                        notFoundContent={
-                                                          <Context.Consumer>
-                                                            [Function]
-                                                          </Context.Consumer>
-                                                        }
-                                                        onChange={[Function]}
-                                                        onSearch={[Function]}
-                                                        onSearchSubmit={[Function]}
-                                                        onSelect={[Function]}
-                                                        onToggleOpen={[Function]}
-                                                        placeholder="Select organisation"
-                                                        prefixCls="ant-select"
-                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                        searchValue=""
-                                                        showSearch={false}
-                                                        style={
-                                                          Object {
-                                                            "width": "40%",
-                                                          }
-                                                        }
-                                                        tokenWithEnter={false}
-                                                        transitionName="ant-slide-up"
-                                                        values={Array []}
-                                                      >
-                                                        <div
-                                                          className="ant-select-selector"
-                                                          onClick={[Function]}
-                                                          onMouseDown={[Function]}
-                                                        >
-                                                          <SingleSelector
-                                                            accessibilityIndex={0}
-                                                            activeValue={null}
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            domRef={
-                                                              Object {
-                                                                "current": <div
-                                                                  class="ant-select-selector"
-                                                                >
-                                                                  <span
-                                                                    class="ant-select-selection-search"
-                                                                  >
-                                                                    <input
-                                                                      aria-activedescendant="create-space_organisation_id_list_0"
-                                                                      aria-autocomplete="list"
-                                                                      aria-controls="create-space_organisation_id_list"
-                                                                      aria-haspopup="listbox"
-                                                                      aria-owns="create-space_organisation_id_list"
-                                                                      autocomplete="off"
-                                                                      class="ant-select-selection-search-input"
-                                                                      id="create-space_organisation_id"
-                                                                      readonly=""
-                                                                      role="combobox"
-                                                                      style="opacity: 0;"
-                                                                      type="search"
-                                                                      unselectable="on"
-                                                                      value=""
-                                                                    />
-                                                                  </span>
-                                                                  <span
-                                                                    class="ant-select-selection-placeholder"
-                                                                  >
-                                                                    Select organisation
-                                                                  </span>
-                                                                </div>,
-                                                              }
-                                                            }
-                                                            dropdownClassName=""
-                                                            id="create-space_organisation_id"
-                                                            inputElement={null}
-                                                            inputIcon={[Function]}
-                                                            inputRef={
-                                                              Object {
-                                                                "current": <input
-                                                                  aria-activedescendant="create-space_organisation_id_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="create-space_organisation_id_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="create-space_organisation_id_list"
-                                                                  autocomplete="off"
-                                                                  class="ant-select-selection-search-input"
-                                                                  id="create-space_organisation_id"
-                                                                  readonly=""
-                                                                  role="combobox"
-                                                                  style="opacity: 0;"
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />,
-                                                              }
-                                                            }
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            multiple={false}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            onInputChange={[Function]}
-                                                            onInputCompositionEnd={[Function]}
-                                                            onInputCompositionStart={[Function]}
-                                                            onInputKeyDown={[Function]}
-                                                            onInputMouseDown={[Function]}
-                                                            onInputPaste={[Function]}
-                                                            onSearch={[Function]}
-                                                            onSearchSubmit={[Function]}
-                                                            onSelect={[Function]}
-                                                            onToggleOpen={[Function]}
-                                                            placeholder="Select organisation"
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            searchValue=""
-                                                            showSearch={false}
-                                                            style={
-                                                              Object {
-                                                                "width": "40%",
-                                                              }
-                                                            }
-                                                            tokenWithEnter={false}
-                                                            transitionName="ant-slide-up"
-                                                            values={Array []}
-                                                          >
-                                                            <span
-                                                              className="ant-select-selection-search"
-                                                            >
-                                                              <Input
-                                                                accessibilityIndex={0}
-                                                                attrs={Object {}}
-                                                                editable={false}
-                                                                id="create-space_organisation_id"
-                                                                inputElement={null}
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onPaste={[Function]}
-                                                                prefixCls="ant-select"
-                                                                value=""
-                                                              >
-                                                                <input
-                                                                  aria-activedescendant="create-space_organisation_id_list_0"
-                                                                  aria-autocomplete="list"
-                                                                  aria-controls="create-space_organisation_id_list"
-                                                                  aria-haspopup="listbox"
-                                                                  aria-owns="create-space_organisation_id_list"
-                                                                  autoComplete="off"
-                                                                  className="ant-select-selection-search-input"
-                                                                  id="create-space_organisation_id"
-                                                                  onChange={[Function]}
-                                                                  onCompositionEnd={[Function]}
-                                                                  onCompositionStart={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onPaste={[Function]}
-                                                                  readOnly={true}
-                                                                  role="combobox"
-                                                                  style={
-                                                                    Object {
-                                                                      "opacity": 0,
-                                                                    }
-                                                                  }
-                                                                  type="search"
-                                                                  unselectable="on"
-                                                                  value=""
-                                                                />
-                                                              </Input>
-                                                            </span>
-                                                            <span
-                                                              className="ant-select-selection-placeholder"
-                                                            >
-                                                              Select organisation
-                                                            </span>
-                                                          </SingleSelector>
-                                                        </div>
-                                                      </Selector>
-                                                    </Trigger>
-                                                  </SelectTrigger>
-                                                  <TransBtn
-                                                    className="ant-select-arrow"
-                                                    customizeIcon={[Function]}
-                                                    customizeIconProps={
-                                                      Object {
-                                                        "focused": false,
-                                                        "loading": undefined,
-                                                        "open": undefined,
-                                                        "searchValue": "",
-                                                        "showSearch": false,
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-hidden={true}
-                                                      className="ant-select-arrow"
-                                                      onMouseDown={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "WebkitUserSelect": "none",
-                                                          "userSelect": "none",
-                                                        }
-                                                      }
-                                                      unselectable="on"
-                                                    >
-                                                      <ForwardRef(DownOutlined)
-                                                        className="ant-select-suffix"
-                                                      >
-                                                        <AntdIcon
-                                                          className="ant-select-suffix"
-                                                          icon={
-                                                            Object {
-                                                              "icon": Object {
-                                                                "attrs": Object {
-                                                                  "focusable": "false",
-                                                                  "viewBox": "64 64 896 896",
-                                                                },
-                                                                "children": Array [
-                                                                  Object {
-                                                                    "attrs": Object {
-                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                    },
-                                                                    "tag": "path",
-                                                                  },
-                                                                ],
-                                                                "tag": "svg",
-                                                              },
-                                                              "name": "down",
-                                                              "theme": "outlined",
-                                                            }
-                                                          }
-                                                        >
-                                                          <span
-                                                            aria-label="down"
-                                                            className="anticon anticon-down ant-select-suffix"
-                                                            role="img"
-                                                          >
-                                                            <IconReact
-                                                              icon={
-                                                                Object {
-                                                                  "icon": Object {
-                                                                    "attrs": Object {
-                                                                      "focusable": "false",
-                                                                      "viewBox": "64 64 896 896",
-                                                                    },
-                                                                    "children": Array [
-                                                                      Object {
-                                                                        "attrs": Object {
-                                                                          "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                        },
-                                                                        "tag": "path",
-                                                                      },
-                                                                    ],
-                                                                    "tag": "svg",
-                                                                  },
-                                                                  "name": "down",
-                                                                  "theme": "outlined",
-                                                                }
-                                                              }
-                                                            >
-                                                              <svg
-                                                                aria-hidden="true"
-                                                                data-icon="down"
-                                                                fill="currentColor"
-                                                                focusable="false"
-                                                                height="1em"
-                                                                key="svg-down"
-                                                                viewBox="64 64 896 896"
-                                                                width="1em"
-                                                              >
-                                                                <path
-                                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                  key="svg-down-svg-0"
-                                                                />
-                                                              </svg>
-                                                            </IconReact>
-                                                          </span>
-                                                        </AntdIcon>
-                                                      </ForwardRef(DownOutlined)>
-                                                    </span>
-                                                  </TransBtn>
-                                                </div>
-                                              </ForwardRef(Select)>
-                                            </Select>
-                                          </ForwardRef(InternalSelect)>
-                                        </Component>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                  <FormItem
-                                    name="name"
-                                    noStyle={true}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Name is required",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Name must be minimum 3 characters.",
-                                          "min": 3,
-                                        },
-                                        Object {
-                                          "max": 50,
-                                          "message": "Name must be maximum 50 characters.",
-                                        },
-                                      ]
-                                    }
-                                  >
-                                    <WrapperField
-                                      messageVariables={
-                                        Object {
-                                          "label": "name",
-                                        }
-                                      }
-                                      name="name"
-                                      noStyle={true}
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Name is required",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Name must be minimum 3 characters.",
-                                            "min": 3,
-                                          },
-                                          Object {
-                                            "max": 50,
-                                            "message": "Name must be maximum 50 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                    >
-                                      <Field
-                                        fieldContext={
-                                          Object {
-                                            "__INTERNAL__": Object {
-                                              "itemRef": [Function],
-                                              "name": "create-space",
-                                            },
-                                            "getFieldError": [Function],
-                                            "getFieldInstance": [Function],
-                                            "getFieldValue": [Function],
-                                            "getFieldsError": [Function],
-                                            "getFieldsValue": [Function],
-                                            "getInternalHooks": [Function],
-                                            "isFieldTouched": [Function],
-                                            "isFieldValidating": [Function],
-                                            "isFieldsTouched": [Function],
-                                            "isFieldsValidating": [Function],
-                                            "resetFields": [Function],
-                                            "scrollToField": [Function],
-                                            "setFields": [Function],
-                                            "setFieldsValue": [Function],
-                                            "submit": [Function],
-                                            "validateFields": [Function],
-                                            "validateTrigger": "onChange",
-                                          }
-                                        }
-                                        key="_name"
-                                        messageVariables={
-                                          Object {
-                                            "label": "name",
-                                          }
-                                        }
-                                        name={
-                                          Array [
-                                            "name",
-                                          ]
-                                        }
-                                        noStyle={true}
-                                        onReset={[Function]}
-                                        rules={
-                                          Array [
-                                            Object {
-                                              "message": "Name is required",
-                                              "required": true,
-                                            },
-                                            Object {
-                                              "message": "Name must be minimum 3 characters.",
-                                              "min": 3,
-                                            },
-                                            Object {
-                                              "max": 50,
-                                              "message": "Name must be maximum 50 characters.",
-                                            },
-                                          ]
-                                        }
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                        valuePropName="value"
-                                      >
-                                        <Component
-                                          update={1}
-                                        >
-                                          <Input
-                                            id="create-space_name"
-                                            onChange={[Function]}
-                                            placeholder="Input name"
-                                            style={
-                                              Object {
-                                                "width": "60%",
-                                              }
-                                            }
-                                            type="text"
-                                          >
-                                            <ClearableLabeledInput
-                                              bordered={true}
-                                              element={
-                                                <input
-                                                  className="ant-input"
-                                                  id="create-space_name"
-                                                  onBlur={[Function]}
-                                                  onChange={[Function]}
-                                                  onFocus={[Function]}
-                                                  onKeyDown={[Function]}
-                                                  placeholder="Input name"
-                                                  style={
-                                                    Object {
-                                                      "width": "60%",
-                                                    }
-                                                  }
-                                                  type="text"
-                                                />
-                                              }
-                                              focused={false}
-                                              handleReset={[Function]}
-                                              id="create-space_name"
-                                              inputType="input"
-                                              onChange={[Function]}
-                                              placeholder="Input name"
-                                              prefixCls="ant-input"
-                                              style={
-                                                Object {
-                                                  "width": "60%",
-                                                }
-                                              }
-                                              triggerFocus={[Function]}
-                                              type="text"
-                                              value=""
-                                            >
-                                              <input
-                                                className="ant-input"
-                                                id="create-space_name"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="Input name"
-                                                style={
-                                                  Object {
-                                                    "width": "60%",
-                                                  }
-                                                }
-                                                type="text"
-                                                value=""
-                                              />
-                                            </ClearableLabeledInput>
-                                          </Input>
-                                        </Component>
-                                      </Field>
-                                    </WrapperField>
-                                  </FormItem>
-                                </span>
-                              </Group>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-              <SlugInput>
-                <FormItem
-                  label="Slug"
-                  name="slug"
-                  rules={
-                    Array [
-                      Object {
-                        "message": "Please input the slug!",
-                        "required": true,
-                      },
-                      Object {
-                        "message": "Please enter valid slug!",
-                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                      },
-                    ]
-                  }
-                >
-                  <WrapperField
-                    label="Slug"
-                    messageVariables={
-                      Object {
-                        "label": "Slug",
-                      }
-                    }
-                    name="slug"
-                    onReset={[Function]}
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please input the slug!",
-                          "required": true,
-                        },
-                        Object {
-                          "message": "Please enter valid slug!",
-                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                        },
-                      ]
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                  >
-                    <Field
-                      fieldContext={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "create-space",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                          "validateTrigger": "onChange",
-                        }
-                      }
-                      key="_slug"
-                      label="Slug"
-                      messageVariables={
-                        Object {
-                          "label": "Slug",
-                        }
-                      }
-                      name={
-                        Array [
-                          "slug",
-                        ]
-                      }
-                      onReset={[Function]}
-                      rules={
-                        Array [
-                          Object {
-                            "message": "Please input the slug!",
-                            "required": true,
-                          },
-                          Object {
-                            "message": "Please enter valid slug!",
-                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                          },
-                        ]
-                      }
-                      trigger="onChange"
-                      validateTrigger="onChange"
-                      valuePropName="value"
-                    >
-                      <Row
-                        className="ant-form-item"
-                        key="row"
-                      >
-                        <div
-                          className="ant-row ant-form-item"
-                          style={Object {}}
-                        >
-                          <FormItemLabel
-                            htmlFor="create-space_slug"
-                            label="Slug"
-                            name="slug"
-                            prefixCls="ant-form"
-                            required={true}
-                            requiredMark={true}
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input the slug!",
-                                  "required": true,
-                                },
-                                Object {
-                                  "message": "Please enter valid slug!",
-                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                },
-                              ]
-                            }
-                          >
-                            <Col
-                              className="ant-form-item-label"
-                              span={8}
-                            >
-                              <div
-                                className="ant-col ant-col-8 ant-form-item-label"
-                                style={Object {}}
-                              >
-                                <label
-                                  className="ant-form-item-required"
-                                  htmlFor="create-space_slug"
-                                  title="Slug"
-                                >
-                                  Slug
-                                </label>
-                              </div>
-                            </Col>
-                          </FormItemLabel>
-                          <FormItemInput
-                            errors={Array []}
-                            label="Slug"
-                            name={
-                              Array [
-                                "slug",
-                              ]
-                            }
-                            onDomErrorVisibleChange={[Function]}
-                            prefixCls="ant-form"
-                            rules={
-                              Array [
-                                Object {
-                                  "message": "Please input the slug!",
-                                  "required": true,
-                                },
-                                Object {
-                                  "message": "Please enter valid slug!",
-                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                },
-                              ]
-                            }
-                            status=""
-                            touched={false}
-                            validateStatus=""
-                            validating={false}
-                          >
-                            <Col
-                              className="ant-form-item-control"
-                              span={8}
-                            >
-                              <div
-                                className="ant-col ant-col-8 ant-form-item-control"
-                                style={Object {}}
-                              >
-                                <div
-                                  className="ant-form-item-control-input"
-                                >
-                                  <div
-                                    className="ant-form-item-control-input-content"
-                                  >
-                                    <Component
-                                      update={1}
-                                    >
-                                      <Input
-                                        id="create-space_slug"
-                                        onChange={[Function]}
-                                        type="text"
-                                      >
-                                        <ClearableLabeledInput
-                                          bordered={true}
-                                          element={
-                                            <input
-                                              className="ant-input"
-                                              id="create-space_slug"
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              type="text"
-                                            />
-                                          }
-                                          focused={false}
-                                          handleReset={[Function]}
-                                          id="create-space_slug"
-                                          inputType="input"
-                                          onChange={[Function]}
-                                          prefixCls="ant-input"
-                                          triggerFocus={[Function]}
-                                          type="text"
-                                          value=""
-                                        >
-                                          <input
-                                            className="ant-input"
-                                            id="create-space_slug"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                            value=""
-                                          />
-                                        </ClearableLabeledInput>
-                                      </Input>
-                                    </Component>
-                                  </div>
-                                </div>
-                                <ErrorList
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                >
-                                  <CSSMotion
-                                    motionAppear={true}
-                                    motionDeadline={500}
-                                    motionName="ant-show-help"
-                                    onLeaveEnd={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </ErrorList>
-                              </div>
-                            </Col>
-                          </FormItemInput>
-                        </div>
-                      </Row>
-                    </Field>
-                  </WrapperField>
-                </FormItem>
-              </SlugInput>
-              <FormItem
-                label="Title"
-                name="site_title"
-              >
-                <WrapperField
-                  label="Title"
-                  messageVariables={
-                    Object {
-                      "label": "Title",
-                    }
-                  }
-                  name="site_title"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-space",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_site_title"
-                    label="Title"
-                    messageVariables={
-                      Object {
-                        "label": "Title",
-                      }
-                    }
-                    name={
-                      Array [
-                        "site_title",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-space_site_title"
-                          label="Title"
-                          name="site_title"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-space_site_title"
-                                title="Title"
-                              >
-                                Title
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Title"
-                          name={
-                            Array [
-                              "site_title",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="create-space_site_title"
-                                      onChange={[Function]}
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-space_site_title"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-space_site_title"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_site_title"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Tag line"
-                name="tag_line"
-              >
-                <WrapperField
-                  label="Tag line"
-                  messageVariables={
-                    Object {
-                      "label": "Tag line",
-                    }
-                  }
-                  name="tag_line"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-space",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_tag_line"
-                    label="Tag line"
-                    messageVariables={
-                      Object {
-                        "label": "Tag line",
-                      }
-                    }
-                    name={
-                      Array [
-                        "tag_line",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-space_tag_line"
-                          label="Tag line"
-                          name="tag_line"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-space_tag_line"
-                                title="Tag line"
-                              >
-                                Tag line
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Tag line"
-                          name={
-                            Array [
-                              "tag_line",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="create-space_tag_line"
-                                      onChange={[Function]}
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-space_tag_line"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-space_tag_line"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_tag_line"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Website"
-                name="site_address"
-              >
-                <WrapperField
-                  label="Website"
-                  messageVariables={
-                    Object {
-                      "label": "Website",
-                    }
-                  }
-                  name="site_address"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-space",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_site_address"
-                    label="Website"
-                    messageVariables={
-                      Object {
-                        "label": "Website",
-                      }
-                    }
-                    name={
-                      Array [
-                        "site_address",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-space_site_address"
-                          label="Website"
-                          name="site_address"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-space_site_address"
-                                title="Website"
-                              >
-                                Website
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Website"
-                          name={
-                            Array [
-                              "site_address",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="create-space_site_address"
-                                      onChange={[Function]}
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-space_site_address"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-space_site_address"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_site_address"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Description"
-                name="description"
-              >
-                <WrapperField
-                  label="Description"
-                  messageVariables={
-                    Object {
-                      "label": "Description",
-                    }
-                  }
-                  name="description"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-space",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_description"
-                    label="Description"
-                    messageVariables={
-                      Object {
-                        "label": "Description",
-                      }
-                    }
-                    name={
-                      Array [
-                        "description",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-space_description"
-                          label="Description"
-                          name="description"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-space_description"
-                                title="Description"
-                              >
-                                Description
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Description"
-                          name={
-                            Array [
-                              "description",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef
-                                      id="create-space_description"
-                                      onChange={[Function]}
-                                      placeholder="Enter Description..."
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <TextArea
-                                            className=""
-                                            id="create-space_description"
-                                            onChange={[Function]}
-                                            onCompositionEnd={[Function]}
-                                            onCompositionStart={[Function]}
-                                            placeholder="Enter Description..."
-                                            prefixCls="ant-input"
-                                          />
-                                        }
-                                        handleReset={[Function]}
-                                        id="create-space_description"
-                                        inputType="text"
-                                        placeholder="Enter Description..."
-                                        prefixCls="ant-input"
-                                        value=""
-                                      >
-                                        <TextArea
-                                          className=""
-                                          id="create-space_description"
-                                          onChange={[Function]}
-                                          onCompositionEnd={[Function]}
-                                          onCompositionStart={[Function]}
-                                          placeholder="Enter Description..."
-                                          prefixCls="ant-input"
-                                          value=""
-                                        >
-                                          <ResizableTextArea
-                                            className=""
-                                            id="create-space_description"
-                                            onChange={[Function]}
-                                            onCompositionEnd={[Function]}
-                                            onCompositionStart={[Function]}
-                                            onKeyDown={[Function]}
-                                            placeholder="Enter Description..."
-                                            prefixCls="ant-input"
-                                            value=""
-                                          >
-                                            <ResizeObserver
-                                              disabled={true}
-                                              onResize={[Function]}
-                                            >
-                                              <textarea
-                                                className="ant-input"
-                                                id="create-space_description"
-                                                onChange={[Function]}
-                                                onCompositionEnd={[Function]}
-                                                onCompositionStart={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="Enter Description..."
-                                                style={Object {}}
-                                                value=""
-                                              />
-                                            </ResizeObserver>
-                                          </ResizableTextArea>
-                                        </TextArea>
-                                      </ClearableLabeledInput>
-                                    </ForwardRef>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Metafields"
-                name="meta_fields"
-              >
-                <WrapperField
-                  label="Metafields"
-                  messageVariables={
-                    Object {
-                      "label": "Metafields",
-                    }
-                  }
-                  name="meta_fields"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-space",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_meta_fields"
-                    label="Metafields"
-                    messageVariables={
-                      Object {
-                        "label": "Metafields",
-                      }
-                    }
-                    name={
-                      Array [
-                        "meta_fields",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-space_meta_fields"
-                          label="Metafields"
-                          name="meta_fields"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-space_meta_fields"
-                                title="Metafields"
-                              >
-                                Metafields
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Metafields"
-                          name={
-                            Array [
-                              "meta_fields",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <MONACOEditor
-                                      id="create-space_meta_fields"
-                                      language="json"
-                                      onChange={[Function]}
-                                    >
-                                      <MonacoEditor
-                                        height="240"
-                                        language="json"
-                                        onChange={[Function]}
-                                        options={
-                                          Object {
-                                            "autoClosingBrackets": "auto",
-                                            "autoClosingQuotes": "auto",
-                                            "cursorBlinking": "smooth",
-                                            "folding": true,
-                                            "lineNumbersMinChars": 4,
-                                            "minimap": Object {
-                                              "enabled": false,
-                                            },
-                                            "scrollBeyondLastLine": false,
-                                            "scrollbar": Object {
-                                              "alwaysConsumeMouseWheel": false,
-                                            },
-                                            "theme": "vs-dark",
-                                            "wordWrap": "on",
-                                          }
-                                        }
-                                        width={440}
-                                      >
-                                        <div />
-                                      </MonacoEditor>
-                                    </MONACOEditor>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                wrapperCol={
-                  Object {
-                    "offset": 8,
-                    "span": 16,
-                  }
-                }
-              >
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={Object {}}
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                      wrapperCol={
-                        Object {
-                          "offset": 8,
-                          "span": 16,
-                        }
-                      }
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      validateStatus=""
-                      wrapperCol={
-                        Object {
-                          "offset": 8,
-                          "span": 16,
-                        }
-                      }
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                        offset={8}
-                        span={16}
-                      >
-                        <div
-                          className="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Button
-                                htmlType="submit"
-                                type="primary"
-                              >
-                                <Wave>
-                                  <button
-                                    className="ant-btn ant-btn-primary"
-                                    onClick={[Function]}
-                                    type="submit"
-                                  >
-                                    <LoadingIcon
-                                      existIcon={false}
-                                      loading={false}
-                                      prefixCls="ant-btn"
-                                    >
-                                      <CSSMotion
-                                        motionName="ant-btn-loading-icon-motion"
-                                        onAppearActive={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </LoadingIcon>
-                                    <span
-                                      key=".0"
-                                    >
-                                      Submit
-                                    </span>
-                                  </button>
-                                </Wave>
-                              </Button>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </SpaceCreateForm>
-  </CreateSpace>
-</Provider>
-`;
diff --git a/studio/src/pages/spaces/__snapshots__/EditSpace.test.js.snap b/studio/src/pages/spaces/__snapshots__/EditSpace.test.js.snap
deleted file mode 100644
index 5392737a0..000000000
--- a/studio/src/pages/spaces/__snapshots__/EditSpace.test.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spaces Edit component snapshot testing should match skeleton while loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditSpace />
-</ContextProvider>
-`;
-
-exports[`Spaces Edit component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditSpace />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/spaces/__snapshots__/Reindex.test.js.snap b/studio/src/pages/spaces/__snapshots__/Reindex.test.js.snap
deleted file mode 100644
index 42ecded27..000000000
--- a/studio/src/pages/spaces/__snapshots__/Reindex.test.js.snap
+++ /dev/null
@@ -1,1117 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spaces Reindex component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <Reindex>
-    <Space
-      direction="vertical"
-    >
-      <div
-        className="ant-space ant-space-vertical"
-        style={Object {}}
-      >
-        <Item
-          className="ant-space-item"
-          direction="vertical"
-          index={0}
-          key="ant-space-item-0"
-          marginDirection="marginRight"
-          wrap={false}
-        >
-          <div
-            className="ant-space-item"
-            style={Object {}}
-          >
-            <ForwardRef(InternalForm)
-              form={
-                Object {
-                  "__INTERNAL__": Object {
-                    "itemRef": [Function],
-                    "name": "reindex",
-                  },
-                  "getFieldError": [Function],
-                  "getFieldInstance": [Function],
-                  "getFieldValue": [Function],
-                  "getFieldsError": [Function],
-                  "getFieldsValue": [Function],
-                  "getInternalHooks": [Function],
-                  "isFieldTouched": [Function],
-                  "isFieldValidating": [Function],
-                  "isFieldsTouched": [Function],
-                  "isFieldsValidating": [Function],
-                  "resetFields": [Function],
-                  "scrollToField": [Function],
-                  "setFields": [Function],
-                  "setFieldsValue": [Function],
-                  "submit": [Function],
-                  "validateFields": [Function],
-                }
-              }
-              layout="vertical"
-              name="reindex"
-            >
-              <SizeContextProvider>
-                <ForwardRef(Form)
-                  className="ant-form ant-form-vertical"
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "reindex",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  id="reindex"
-                  name="reindex"
-                  onFinishFailed={[Function]}
-                >
-                  <form
-                    className="ant-form ant-form-vertical"
-                    id="reindex"
-                    onReset={[Function]}
-                    onSubmit={[Function]}
-                  >
-                    <Row
-                      justify="center"
-                      style={
-                        Object {
-                          "margin": "0 auto",
-                          "maxWidth": "1200px",
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-center"
-                        style={
-                          Object {
-                            "margin": "0 auto",
-                            "maxWidth": "1200px",
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Col
-                          span={24}
-                        >
-                          <div
-                            className="ant-col ant-col-24"
-                            style={Object {}}
-                          >
-                            <Row
-                              gutter={40}
-                              justify="end"
-                              style={
-                                Object {
-                                  "background": "#f0f2f5",
-                                  "marginBottom": "1rem",
-                                  "padding": "1.25rem",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-row ant-row-end"
-                                style={
-                                  Object {
-                                    "background": "#f0f2f5",
-                                    "marginBottom": "1rem",
-                                    "marginLeft": -20,
-                                    "marginRight": -20,
-                                    "padding": "1.25rem",
-                                  }
-                                }
-                              />
-                            </Row>
-                            <Row
-                              gutter={40}
-                              justify="space-around"
-                              style={
-                                Object {
-                                  "background": "#f0f2f5",
-                                  "marginBottom": "1rem",
-                                  "padding": "1.25rem",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-row ant-row-space-around"
-                                style={
-                                  Object {
-                                    "background": "#f0f2f5",
-                                    "marginBottom": "1rem",
-                                    "marginLeft": -20,
-                                    "marginRight": -20,
-                                    "padding": "1.25rem",
-                                  }
-                                }
-                              >
-                                <Col
-                                  span={24}
-                                >
-                                  <div
-                                    className="ant-col ant-col-24"
-                                    style={
-                                      Object {
-                                        "paddingLeft": 20,
-                                        "paddingRight": 20,
-                                      }
-                                    }
-                                  >
-                                    <FormItem
-                                      label="Organisation"
-                                      name="organisation_id"
-                                    >
-                                      <WrapperField
-                                        label="Organisation"
-                                        messageVariables={
-                                          Object {
-                                            "label": "Organisation",
-                                          }
-                                        }
-                                        name="organisation_id"
-                                        onReset={[Function]}
-                                        trigger="onChange"
-                                        validateTrigger="onChange"
-                                      >
-                                        <Field
-                                          fieldContext={
-                                            Object {
-                                              "__INTERNAL__": Object {
-                                                "itemRef": [Function],
-                                                "name": "reindex",
-                                              },
-                                              "getFieldError": [Function],
-                                              "getFieldInstance": [Function],
-                                              "getFieldValue": [Function],
-                                              "getFieldsError": [Function],
-                                              "getFieldsValue": [Function],
-                                              "getInternalHooks": [Function],
-                                              "isFieldTouched": [Function],
-                                              "isFieldValidating": [Function],
-                                              "isFieldsTouched": [Function],
-                                              "isFieldsValidating": [Function],
-                                              "resetFields": [Function],
-                                              "scrollToField": [Function],
-                                              "setFields": [Function],
-                                              "setFieldsValue": [Function],
-                                              "submit": [Function],
-                                              "validateFields": [Function],
-                                              "validateTrigger": "onChange",
-                                            }
-                                          }
-                                          key="_organisation_id"
-                                          label="Organisation"
-                                          messageVariables={
-                                            Object {
-                                              "label": "Organisation",
-                                            }
-                                          }
-                                          name={
-                                            Array [
-                                              "organisation_id",
-                                            ]
-                                          }
-                                          onReset={[Function]}
-                                          trigger="onChange"
-                                          validateTrigger="onChange"
-                                          valuePropName="value"
-                                        >
-                                          <Row
-                                            className="ant-form-item"
-                                            key="row"
-                                          >
-                                            <div
-                                              className="ant-row ant-form-item"
-                                              style={Object {}}
-                                            >
-                                              <FormItemLabel
-                                                htmlFor="reindex_organisation_id"
-                                                label="Organisation"
-                                                name="organisation_id"
-                                                prefixCls="ant-form"
-                                                required={false}
-                                                requiredMark={true}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-label"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-label"
-                                                    style={Object {}}
-                                                  >
-                                                    <label
-                                                      className=""
-                                                      htmlFor="reindex_organisation_id"
-                                                      title="Organisation"
-                                                    >
-                                                      Organisation
-                                                    </label>
-                                                  </div>
-                                                </Col>
-                                              </FormItemLabel>
-                                              <FormItemInput
-                                                errors={Array []}
-                                                label="Organisation"
-                                                name={
-                                                  Array [
-                                                    "organisation_id",
-                                                  ]
-                                                }
-                                                onDomErrorVisibleChange={[Function]}
-                                                prefixCls="ant-form"
-                                                status=""
-                                                touched={false}
-                                                validateStatus=""
-                                                validating={false}
-                                              >
-                                                <Col
-                                                  className="ant-form-item-control"
-                                                >
-                                                  <div
-                                                    className="ant-col ant-form-item-control"
-                                                    style={Object {}}
-                                                  >
-                                                    <div
-                                                      className="ant-form-item-control-input"
-                                                    >
-                                                      <div
-                                                        className="ant-form-item-control-input-content"
-                                                      >
-                                                        <Component
-                                                          update={1}
-                                                        >
-                                                          <ForwardRef(InternalSelect)
-                                                            allowClear={true}
-                                                            bordered={true}
-                                                            defaultValue={
-                                                              Array [
-                                                                34,
-                                                              ]
-                                                            }
-                                                            id="reindex_organisation_id"
-                                                            listHeight={128}
-                                                            onChange={[Function]}
-                                                          >
-                                                            <Select
-                                                              allowClear={true}
-                                                              className=""
-                                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                              defaultValue={
-                                                                Array [
-                                                                  34,
-                                                                ]
-                                                              }
-                                                              dropdownClassName=""
-                                                              id="reindex_organisation_id"
-                                                              inputIcon={[Function]}
-                                                              listHeight={128}
-                                                              listItemHeight={24}
-                                                              menuItemSelectedIcon={null}
-                                                              notFoundContent={
-                                                                <Context.Consumer>
-                                                                  [Function]
-                                                                </Context.Consumer>
-                                                              }
-                                                              onChange={[Function]}
-                                                              prefixCls="ant-select"
-                                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                                              transitionName="ant-slide-up"
-                                                            >
-                                                              <ForwardRef(Select)
-                                                                allowClear={true}
-                                                                className=""
-                                                                clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                defaultValue={
-                                                                  Array [
-                                                                    34,
-                                                                  ]
-                                                                }
-                                                                dropdownClassName=""
-                                                                id="reindex_organisation_id"
-                                                                inputIcon={[Function]}
-                                                                listHeight={128}
-                                                                listItemHeight={24}
-                                                                menuItemSelectedIcon={null}
-                                                                notFoundContent={
-                                                                  <Context.Consumer>
-                                                                    [Function]
-                                                                  </Context.Consumer>
-                                                                }
-                                                                onChange={[Function]}
-                                                                prefixCls="ant-select"
-                                                                removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <div
-                                                                  className="ant-select ant-select-single ant-select-allow-clear ant-select-show-arrow"
-                                                                  onBlur={[Function]}
-                                                                  onFocus={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onKeyUp={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                >
-                                                                  <SelectTrigger
-                                                                    containerWidth={null}
-                                                                    dropdownClassName=""
-                                                                    empty={false}
-                                                                    getTriggerDOMNode={[Function]}
-                                                                    popupElement={
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "test",
-                                                                                "key": "34",
-                                                                                "value": 34,
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "34",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={128}
-                                                                        id="reindex_organisation_id"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "test",
-                                                                              "key": "34",
-                                                                              "value": 34,
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            34,
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    transitionName="ant-slide-up"
-                                                                  >
-                                                                    <Trigger
-                                                                      action={Array []}
-                                                                      afterPopupVisibleChange={[Function]}
-                                                                      autoDestroy={false}
-                                                                      blurDelay={0.15}
-                                                                      builtinPlacements={
-                                                                        Object {
-                                                                          "bottomLeft": Object {
-                                                                            "offset": Array [
-                                                                              0,
-                                                                              4,
-                                                                            ],
-                                                                            "overflow": Object {
-                                                                              "adjustX": 0,
-                                                                              "adjustY": 1,
-                                                                            },
-                                                                            "points": Array [
-                                                                              "tl",
-                                                                              "bl",
-                                                                            ],
-                                                                          },
-                                                                          "bottomRight": Object {
-                                                                            "offset": Array [
-                                                                              0,
-                                                                              4,
-                                                                            ],
-                                                                            "overflow": Object {
-                                                                              "adjustX": 0,
-                                                                              "adjustY": 1,
-                                                                            },
-                                                                            "points": Array [
-                                                                              "tr",
-                                                                              "br",
-                                                                            ],
-                                                                          },
-                                                                          "topLeft": Object {
-                                                                            "offset": Array [
-                                                                              0,
-                                                                              -4,
-                                                                            ],
-                                                                            "overflow": Object {
-                                                                              "adjustX": 0,
-                                                                              "adjustY": 1,
-                                                                            },
-                                                                            "points": Array [
-                                                                              "bl",
-                                                                              "tl",
-                                                                            ],
-                                                                          },
-                                                                          "topRight": Object {
-                                                                            "offset": Array [
-                                                                              0,
-                                                                              -4,
-                                                                            ],
-                                                                            "overflow": Object {
-                                                                              "adjustX": 0,
-                                                                              "adjustY": 1,
-                                                                            },
-                                                                            "points": Array [
-                                                                              "br",
-                                                                              "tr",
-                                                                            ],
-                                                                          },
-                                                                        }
-                                                                      }
-                                                                      defaultPopupVisible={false}
-                                                                      destroyPopupOnHide={false}
-                                                                      focusDelay={0}
-                                                                      getDocument={[Function]}
-                                                                      getPopupClassNameFromAlign={[Function]}
-                                                                      getTriggerDOMNode={[Function]}
-                                                                      hideAction={Array []}
-                                                                      mask={false}
-                                                                      maskClosable={true}
-                                                                      mouseEnterDelay={0}
-                                                                      mouseLeaveDelay={0.1}
-                                                                      onPopupAlign={[Function]}
-                                                                      onPopupVisibleChange={[Function]}
-                                                                      popup={
-                                                                        <div>
-                                                                          <ForwardRef(OptionList)
-                                                                            childrenAsData={true}
-                                                                            defaultActiveFirstOption={true}
-                                                                            flattenOptions={
-                                                                              Array [
-                                                                                Object {
-                                                                                  "data": Object {
-                                                                                    "children": "test",
-                                                                                    "key": "34",
-                                                                                    "value": 34,
-                                                                                  },
-                                                                                  "groupOption": false,
-                                                                                  "key": "34",
-                                                                                },
-                                                                              ]
-                                                                            }
-                                                                            height={128}
-                                                                            id="reindex_organisation_id"
-                                                                            itemHeight={24}
-                                                                            menuItemSelectedIcon={null}
-                                                                            multiple={false}
-                                                                            notFoundContent={
-                                                                              <Context.Consumer>
-                                                                                [Function]
-                                                                              </Context.Consumer>
-                                                                            }
-                                                                            onActiveValue={[Function]}
-                                                                            onMouseEnter={[Function]}
-                                                                            onSelect={[Function]}
-                                                                            onToggleOpen={[Function]}
-                                                                            options={
-                                                                              Array [
-                                                                                Object {
-                                                                                  "children": "test",
-                                                                                  "key": "34",
-                                                                                  "value": 34,
-                                                                                },
-                                                                              ]
-                                                                            }
-                                                                            prefixCls="ant-select"
-                                                                            searchValue=""
-                                                                            values={
-                                                                              Set {
-                                                                                34,
-                                                                              }
-                                                                            }
-                                                                            virtual={true}
-                                                                          />
-                                                                        </div>
-                                                                      }
-                                                                      popupAlign={Object {}}
-                                                                      popupClassName=""
-                                                                      popupPlacement="bottomLeft"
-                                                                      popupStyle={
-                                                                        Object {
-                                                                          "minWidth": null,
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                      popupTransitionName="ant-slide-up"
-                                                                      prefixCls="ant-select-dropdown"
-                                                                      showAction={Array []}
-                                                                    >
-                                                                      <Selector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        allowClear={true}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue={
-                                                                          Array [
-                                                                            34,
-                                                                          ]
-                                                                        }
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="reindex_organisation_id_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="reindex_organisation_id_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="reindex_organisation_id_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="reindex_organisation_id"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="test"
-                                                                              >
-                                                                                test
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="reindex_organisation_id"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        key="trigger"
-                                                                        listHeight={128}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": 34,
-                                                                              "label": "test",
-                                                                              "value": 34,
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <div
-                                                                          className="ant-select-selector"
-                                                                          onClick={[Function]}
-                                                                          onMouseDown={[Function]}
-                                                                        >
-                                                                          <SingleSelector
-                                                                            accessibilityIndex={0}
-                                                                            activeValue={null}
-                                                                            allowClear={true}
-                                                                            className=""
-                                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                            defaultValue={
-                                                                              Array [
-                                                                                34,
-                                                                              ]
-                                                                            }
-                                                                            domRef={
-                                                                              Object {
-                                                                                "current": <div
-                                                                                  class="ant-select-selector"
-                                                                                >
-                                                                                  <span
-                                                                                    class="ant-select-selection-search"
-                                                                                  >
-                                                                                    <input
-                                                                                      aria-activedescendant="reindex_organisation_id_list_0"
-                                                                                      aria-autocomplete="list"
-                                                                                      aria-controls="reindex_organisation_id_list"
-                                                                                      aria-haspopup="listbox"
-                                                                                      aria-owns="reindex_organisation_id_list"
-                                                                                      autocomplete="off"
-                                                                                      class="ant-select-selection-search-input"
-                                                                                      id="reindex_organisation_id"
-                                                                                      readonly=""
-                                                                                      role="combobox"
-                                                                                      style="opacity: 0;"
-                                                                                      type="search"
-                                                                                      unselectable="on"
-                                                                                      value=""
-                                                                                    />
-                                                                                  </span>
-                                                                                  <span
-                                                                                    class="ant-select-selection-item"
-                                                                                    title="test"
-                                                                                  >
-                                                                                    test
-                                                                                  </span>
-                                                                                </div>,
-                                                                              }
-                                                                            }
-                                                                            dropdownClassName=""
-                                                                            id="reindex_organisation_id"
-                                                                            inputElement={null}
-                                                                            inputIcon={[Function]}
-                                                                            inputRef={
-                                                                              Object {
-                                                                                "current": <input
-                                                                                  aria-activedescendant="reindex_organisation_id_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="reindex_organisation_id_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="reindex_organisation_id_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="reindex_organisation_id"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />,
-                                                                              }
-                                                                            }
-                                                                            listHeight={128}
-                                                                            listItemHeight={24}
-                                                                            menuItemSelectedIcon={null}
-                                                                            multiple={false}
-                                                                            notFoundContent={
-                                                                              <Context.Consumer>
-                                                                                [Function]
-                                                                              </Context.Consumer>
-                                                                            }
-                                                                            onChange={[Function]}
-                                                                            onInputChange={[Function]}
-                                                                            onInputCompositionEnd={[Function]}
-                                                                            onInputCompositionStart={[Function]}
-                                                                            onInputKeyDown={[Function]}
-                                                                            onInputMouseDown={[Function]}
-                                                                            onInputPaste={[Function]}
-                                                                            onSearch={[Function]}
-                                                                            onSearchSubmit={[Function]}
-                                                                            onSelect={[Function]}
-                                                                            onToggleOpen={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                            searchValue=""
-                                                                            showSearch={false}
-                                                                            tokenWithEnter={false}
-                                                                            transitionName="ant-slide-up"
-                                                                            values={
-                                                                              Array [
-                                                                                Object {
-                                                                                  "disabled": undefined,
-                                                                                  "key": 34,
-                                                                                  "label": "test",
-                                                                                  "value": 34,
-                                                                                },
-                                                                              ]
-                                                                            }
-                                                                          >
-                                                                            <span
-                                                                              className="ant-select-selection-search"
-                                                                            >
-                                                                              <Input
-                                                                                accessibilityIndex={0}
-                                                                                attrs={Object {}}
-                                                                                editable={false}
-                                                                                id="reindex_organisation_id"
-                                                                                inputElement={null}
-                                                                                onChange={[Function]}
-                                                                                onCompositionEnd={[Function]}
-                                                                                onCompositionStart={[Function]}
-                                                                                onKeyDown={[Function]}
-                                                                                onMouseDown={[Function]}
-                                                                                onPaste={[Function]}
-                                                                                prefixCls="ant-select"
-                                                                                value=""
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="reindex_organisation_id_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="reindex_organisation_id_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="reindex_organisation_id_list"
-                                                                                  autoComplete="off"
-                                                                                  className="ant-select-selection-search-input"
-                                                                                  id="reindex_organisation_id"
-                                                                                  onChange={[Function]}
-                                                                                  onCompositionEnd={[Function]}
-                                                                                  onCompositionStart={[Function]}
-                                                                                  onKeyDown={[Function]}
-                                                                                  onMouseDown={[Function]}
-                                                                                  onPaste={[Function]}
-                                                                                  readOnly={true}
-                                                                                  role="combobox"
-                                                                                  style={
-                                                                                    Object {
-                                                                                      "opacity": 0,
-                                                                                    }
-                                                                                  }
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </Input>
-                                                                            </span>
-                                                                            <span
-                                                                              className="ant-select-selection-item"
-                                                                              title="test"
-                                                                            >
-                                                                              test
-                                                                            </span>
-                                                                          </SingleSelector>
-                                                                        </div>
-                                                                      </Selector>
-                                                                    </Trigger>
-                                                                  </SelectTrigger>
-                                                                  <TransBtn
-                                                                    className="ant-select-arrow"
-                                                                    customizeIcon={[Function]}
-                                                                    customizeIconProps={
-                                                                      Object {
-                                                                        "focused": false,
-                                                                        "loading": undefined,
-                                                                        "open": undefined,
-                                                                        "searchValue": "",
-                                                                        "showSearch": false,
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <span
-                                                                      aria-hidden={true}
-                                                                      className="ant-select-arrow"
-                                                                      onMouseDown={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "WebkitUserSelect": "none",
-                                                                          "userSelect": "none",
-                                                                        }
-                                                                      }
-                                                                      unselectable="on"
-                                                                    >
-                                                                      <ForwardRef(DownOutlined)
-                                                                        className="ant-select-suffix"
-                                                                      >
-                                                                        <AntdIcon
-                                                                          className="ant-select-suffix"
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="down"
-                                                                            className="anticon anticon-down ant-select-suffix"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "down",
-                                                                                  "theme": "outlined",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="down"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-down"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                                  key="svg-down-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(DownOutlined)>
-                                                                    </span>
-                                                                  </TransBtn>
-                                                                  <TransBtn
-                                                                    className="ant-select-clear"
-                                                                    customizeIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    onMouseDown={[Function]}
-                                                                  >
-                                                                    <span
-                                                                      aria-hidden={true}
-                                                                      className="ant-select-clear"
-                                                                      onMouseDown={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "WebkitUserSelect": "none",
-                                                                          "userSelect": "none",
-                                                                        }
-                                                                      }
-                                                                      unselectable="on"
-                                                                    >
-                                                                      <ForwardRef(CloseCircleFilled)>
-                                                                        <AntdIcon
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "close-circle",
-                                                                              "theme": "filled",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <span
-                                                                            aria-label="close-circle"
-                                                                            className="anticon anticon-close-circle"
-                                                                            role="img"
-                                                                          >
-                                                                            <IconReact
-                                                                              icon={
-                                                                                Object {
-                                                                                  "icon": Object {
-                                                                                    "attrs": Object {
-                                                                                      "focusable": "false",
-                                                                                      "viewBox": "64 64 896 896",
-                                                                                    },
-                                                                                    "children": Array [
-                                                                                      Object {
-                                                                                        "attrs": Object {
-                                                                                          "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z",
-                                                                                        },
-                                                                                        "tag": "path",
-                                                                                      },
-                                                                                    ],
-                                                                                    "tag": "svg",
-                                                                                  },
-                                                                                  "name": "close-circle",
-                                                                                  "theme": "filled",
-                                                                                }
-                                                                              }
-                                                                            >
-                                                                              <svg
-                                                                                aria-hidden="true"
-                                                                                data-icon="close-circle"
-                                                                                fill="currentColor"
-                                                                                focusable="false"
-                                                                                height="1em"
-                                                                                key="svg-close-circle"
-                                                                                viewBox="64 64 896 896"
-                                                                                width="1em"
-                                                                              >
-                                                                                <path
-                                                                                  d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
-                                                                                  key="svg-close-circle-svg-0"
-                                                                                />
-                                                                              </svg>
-                                                                            </IconReact>
-                                                                          </span>
-                                                                        </AntdIcon>
-                                                                      </ForwardRef(CloseCircleFilled)>
-                                                                    </span>
-                                                                  </TransBtn>
-                                                                </div>
-                                                              </ForwardRef(Select)>
-                                                            </Select>
-                                                          </ForwardRef(InternalSelect)>
-                                                        </Component>
-                                                      </div>
-                                                    </div>
-                                                    <ErrorList
-                                                      errors={Array []}
-                                                      onDomErrorVisibleChange={[Function]}
-                                                    >
-                                                      <CSSMotion
-                                                        motionAppear={true}
-                                                        motionDeadline={500}
-                                                        motionName="ant-show-help"
-                                                        onLeaveEnd={[Function]}
-                                                        removeOnLeave={true}
-                                                        visible={false}
-                                                      >
-                                                        <DomWrapper />
-                                                      </CSSMotion>
-                                                    </ErrorList>
-                                                  </div>
-                                                </Col>
-                                              </FormItemInput>
-                                            </div>
-                                          </Row>
-                                        </Field>
-                                      </WrapperField>
-                                    </FormItem>
-                                    <Row
-                                      justify="end"
-                                    >
-                                      <div
-                                        className="ant-row ant-row-end"
-                                        style={Object {}}
-                                      >
-                                        <Button
-                                          disabled={true}
-                                          onClick={[Function]}
-                                          type="primary"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-btn-primary"
-                                              disabled={true}
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Reindex
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                      </div>
-                                    </Row>
-                                  </div>
-                                </Col>
-                              </div>
-                            </Row>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </form>
-                </ForwardRef(Form)>
-              </SizeContextProvider>
-            </ForwardRef(InternalForm)>
-          </div>
-        </Item>
-      </div>
-    </Space>
-  </Reindex>
-</Provider>
-`;
diff --git a/studio/src/pages/spaces/__snapshots__/index.test.js.snap b/studio/src/pages/spaces/__snapshots__/index.test.js.snap
deleted file mode 100644
index 996a1c08e..000000000
--- a/studio/src/pages/spaces/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,4173 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spaces List component should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Spaces>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Spaces"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Spaces"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Spaces"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  gutter={16}
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={
-                      Object {
-                        "marginLeft": -8,
-                        "marginRight": -8,
-                      }
-                    }
-                  >
-                    <Link
-                      key="1"
-                      to="/admin/spaces/create"
-                    >
-                      <LinkAnchor
-                        href="/admin/spaces/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/admin/spaces/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Space
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <SpaceList>
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "id",
-                          "key": "spaceId",
-                          "title": "Id",
-                          "width": "8%",
-                        },
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                          "width": "12%",
-                        },
-                        Object {
-                          "dataIndex": "site_address",
-                          "key": "site_address",
-                          "title": "Site Address",
-                          "width": "20%",
-                        },
-                        Object {
-                          "dataIndex": "site_title",
-                          "key": "site_title",
-                          "title": "Site Title",
-                          "width": "20%",
-                        },
-                        Object {
-                          "dataIndex": "tag_line",
-                          "key": "tag_line",
-                          "title": "Tag line",
-                          "width": "20%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={Array []}
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered ant-table-empty"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "id",
-                                    "key": "spaceId",
-                                    "title": "Id",
-                                    "width": "8%",
-                                  },
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                    "width": "12%",
-                                  },
-                                  Object {
-                                    "dataIndex": "site_address",
-                                    "key": "site_address",
-                                    "title": "Site Address",
-                                    "width": "20%",
-                                  },
-                                  Object {
-                                    "dataIndex": "site_title",
-                                    "key": "site_title",
-                                    "title": "Site Title",
-                                    "width": "20%",
-                                  },
-                                  Object {
-                                    "dataIndex": "tag_line",
-                                    "key": "tag_line",
-                                    "title": "Tag line",
-                                    "width": "20%",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={Array []}
-                              dataSource={Array []}
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col
-                                            style="width: 8%;"
-                                          />
-                                          <col
-                                            style="width: 12%;"
-                                          />
-                                          <col
-                                            style="width: 20%;"
-                                          />
-                                          <col
-                                            style="width: 20%;"
-                                          />
-                                          <col
-                                            style="width: 20%;"
-                                          />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Id
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Site Address
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Site Title
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Tag line
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-placeholder"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                              colspan="6"
-                                            >
-                                              <div
-                                                class="ant-empty ant-empty-normal"
-                                              >
-                                                <div
-                                                  class="ant-empty-image"
-                                                >
-                                                  <svg
-                                                    class="ant-empty-img-simple"
-                                                    height="41"
-                                                    viewBox="0 0 64 41"
-                                                    width="64"
-                                                    xmlns="http://www.w3.org/2000/svg"
-                                                  >
-                                                    <g
-                                                      fill="none"
-                                                      fill-rule="evenodd"
-                                                      transform="translate(0 1)"
-                                                    >
-                                                      <ellipse
-                                                        class="ant-empty-img-simple-ellipse"
-                                                        cx="32"
-                                                        cy="33"
-                                                        rx="32"
-                                                        ry="7"
-                                                      />
-                                                      <g
-                                                        class="ant-empty-img-simple-g"
-                                                        fill-rule="nonzero"
-                                                      >
-                                                        <path
-                                                          d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                        />
-                                                        <path
-                                                          class="ant-empty-img-simple-path"
-                                                          d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                        />
-                                                      </g>
-                                                    </g>
-                                                  </svg>
-                                                </div>
-                                                <div
-                                                  class="ant-empty-description"
-                                                >
-                                                  No Data
-                                                </div>
-                                              </div>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered ant-table-empty",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "id",
-                                          "key": "spaceId",
-                                          "title": "Id",
-                                          "width": "8%",
-                                        },
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                          "width": "12%",
-                                        },
-                                        Object {
-                                          "dataIndex": "site_address",
-                                          "key": "site_address",
-                                          "title": "Site Address",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "dataIndex": "site_title",
-                                          "key": "site_title",
-                                          "title": "Site Title",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "dataIndex": "tag_line",
-                                          "key": "tag_line",
-                                          "title": "Tag line",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [],
-                                      "dataSource": Array [],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col
-                                                  style="width: 8%;"
-                                                />
-                                                <col
-                                                  style="width: 12%;"
-                                                />
-                                                <col
-                                                  style="width: 20%;"
-                                                />
-                                                <col
-                                                  style="width: 20%;"
-                                                />
-                                                <col
-                                                  style="width: 20%;"
-                                                />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Id
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Site Address
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Site Title
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Tag line
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-placeholder"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                    colspan="6"
-                                                  >
-                                                    <div
-                                                      class="ant-empty ant-empty-normal"
-                                                    >
-                                                      <div
-                                                        class="ant-empty-image"
-                                                      >
-                                                        <svg
-                                                          class="ant-empty-img-simple"
-                                                          height="41"
-                                                          viewBox="0 0 64 41"
-                                                          width="64"
-                                                          xmlns="http://www.w3.org/2000/svg"
-                                                        >
-                                                          <g
-                                                            fill="none"
-                                                            fill-rule="evenodd"
-                                                            transform="translate(0 1)"
-                                                          >
-                                                            <ellipse
-                                                              class="ant-empty-img-simple-ellipse"
-                                                              cx="32"
-                                                              cy="33"
-                                                              rx="32"
-                                                              ry="7"
-                                                            />
-                                                            <g
-                                                              class="ant-empty-img-simple-g"
-                                                              fill-rule="nonzero"
-                                                            >
-                                                              <path
-                                                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                              />
-                                                              <path
-                                                                class="ant-empty-img-simple-path"
-                                                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                              />
-                                                            </g>
-                                                          </g>
-                                                        </svg>
-                                                      </div>
-                                                      <div
-                                                        class="ant-empty-description"
-                                                      >
-                                                        No Data
-                                                      </div>
-                                                    </div>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": undefined,
-                                      "mergedExpandedKeys": Set {},
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              "8%",
-                                              "12%",
-                                              "20%",
-                                              "20%",
-                                              "20%",
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "id",
-                                                "fixed": undefined,
-                                                "key": "spaceId",
-                                                "title": "Id",
-                                                "width": "8%",
-                                              },
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "12%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_address",
-                                                "fixed": undefined,
-                                                "key": "site_address",
-                                                "title": "Site Address",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_title",
-                                                "fixed": undefined,
-                                                "key": "site_title",
-                                                "title": "Site Title",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "tag_line",
-                                                "fixed": undefined,
-                                                "key": "tag_line",
-                                                "title": "Tag line",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": "8%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": "12%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="2"
-                                              style={
-                                                Object {
-                                                  "width": "20%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="3"
-                                              style={
-                                                Object {
-                                                  "width": "20%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="4"
-                                              style={
-                                                Object {
-                                                  "width": "20%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="5"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={6}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "id",
-                                                "key": "spaceId",
-                                                "title": "Id",
-                                                "width": "8%",
-                                              },
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "12%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_address",
-                                                "key": "site_address",
-                                                "title": "Site Address",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_title",
-                                                "key": "site_title",
-                                                "title": "Site Title",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "tag_line",
-                                                "key": "tag_line",
-                                                "title": "Tag line",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "id",
-                                                "fixed": undefined,
-                                                "key": "spaceId",
-                                                "title": "Id",
-                                                "width": "8%",
-                                              },
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "12%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_address",
-                                                "fixed": undefined,
-                                                "key": "site_address",
-                                                "title": "Site Address",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_title",
-                                                "fixed": undefined,
-                                                "key": "site_title",
-                                                "title": "Site Title",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "tag_line",
-                                                "fixed": undefined,
-                                                "key": "tag_line",
-                                                "title": "Tag line",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Id",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "id",
-                                                      "key": "spaceId",
-                                                      "title": "Id",
-                                                      "width": "8%",
-                                                    },
-                                                    "key": "spaceId",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                      "width": "12%",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Site Address",
-                                                    "className": "",
-                                                    "colEnd": 2,
-                                                    "colSpan": 1,
-                                                    "colStart": 2,
-                                                    "column": Object {
-                                                      "dataIndex": "site_address",
-                                                      "key": "site_address",
-                                                      "title": "Site Address",
-                                                      "width": "20%",
-                                                    },
-                                                    "key": "site_address",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Site Title",
-                                                    "className": "",
-                                                    "colEnd": 3,
-                                                    "colSpan": 1,
-                                                    "colStart": 3,
-                                                    "column": Object {
-                                                      "dataIndex": "site_title",
-                                                      "key": "site_title",
-                                                      "title": "Site Title",
-                                                      "width": "20%",
-                                                    },
-                                                    "key": "site_title",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Tag line",
-                                                    "className": "",
-                                                    "colEnd": 4,
-                                                    "colSpan": 1,
-                                                    "colStart": 4,
-                                                    "column": Object {
-                                                      "dataIndex": "tag_line",
-                                                      "key": "tag_line",
-                                                      "title": "Tag line",
-                                                      "width": "20%",
-                                                    },
-                                                    "key": "tag_line",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 5,
-                                                    "colSpan": 1,
-                                                    "colStart": 5,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "id",
-                                                    "fixed": undefined,
-                                                    "key": "spaceId",
-                                                    "title": "Id",
-                                                    "width": "8%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                    "width": "12%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "site_address",
-                                                    "fixed": undefined,
-                                                    "key": "site_address",
-                                                    "title": "Site Address",
-                                                    "width": "20%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "site_title",
-                                                    "fixed": undefined,
-                                                    "key": "site_title",
-                                                    "title": "Site Title",
-                                                    "width": "20%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "tag_line",
-                                                    "fixed": undefined,
-                                                    "key": "tag_line",
-                                                    "title": "Tag line",
-                                                    "width": "20%",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "id",
-                                                      "key": "spaceId",
-                                                      "title": "Id",
-                                                      "width": "8%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="spaceId"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Id
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                      "width": "12%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={2}
-                                                  colSpan={1}
-                                                  colStart={2}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "site_address",
-                                                      "key": "site_address",
-                                                      "title": "Site Address",
-                                                      "width": "20%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="site_address"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Site Address
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={3}
-                                                  colSpan={1}
-                                                  colStart={3}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "site_title",
-                                                      "key": "site_title",
-                                                      "title": "Site Title",
-                                                      "width": "20%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="site_title"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Site Title
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={4}
-                                                  colSpan={1}
-                                                  colStart={4}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "tag_line",
-                                                      "key": "tag_line",
-                                                      "title": "Tag line",
-                                                      "width": "20%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="tag_line"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Tag line
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={5}
-                                                  colSpan={1}
-                                                  colStart={5}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={Array []}
-                                          emptyNode={
-                                            <Context.Consumer>
-                                              [Function]
-                                            </Context.Consumer>
-                                          }
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <ExpandedRow
-                                              cellComponent="td"
-                                              className="ant-table-placeholder"
-                                              colSpan={6}
-                                              component="tr"
-                                              componentWidth={0}
-                                              expanded={true}
-                                              fixColumn={false}
-                                              horizonScroll={false}
-                                              prefixCls="ant-table"
-                                            >
-                                              <tr
-                                                className="ant-table-placeholder"
-                                                style={
-                                                  Object {
-                                                    "display": null,
-                                                  }
-                                                }
-                                              >
-                                                <Cell
-                                                  colSpan={6}
-                                                  component="td"
-                                                  prefixCls="ant-table"
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={6}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Empty
-                                                      image={<Simple />}
-                                                    >
-                                                      <LocaleReceiver
-                                                        componentName="Empty"
-                                                      >
-                                                        <div
-                                                          className="ant-empty ant-empty-normal"
-                                                        >
-                                                          <div
-                                                            className="ant-empty-image"
-                                                          >
-                                                            <Simple>
-                                                              <svg
-                                                                className="ant-empty-img-simple"
-                                                                height="41"
-                                                                viewBox="0 0 64 41"
-                                                                width="64"
-                                                                xmlns="http://www.w3.org/2000/svg"
-                                                              >
-                                                                <g
-                                                                  fill="none"
-                                                                  fillRule="evenodd"
-                                                                  transform="translate(0 1)"
-                                                                >
-                                                                  <ellipse
-                                                                    className="ant-empty-img-simple-ellipse"
-                                                                    cx="32"
-                                                                    cy="33"
-                                                                    rx="32"
-                                                                    ry="7"
-                                                                  />
-                                                                  <g
-                                                                    className="ant-empty-img-simple-g"
-                                                                    fillRule="nonzero"
-                                                                  >
-                                                                    <path
-                                                                      d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                    />
-                                                                    <path
-                                                                      className="ant-empty-img-simple-path"
-                                                                      d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                    />
-                                                                  </g>
-                                                                </g>
-                                                              </svg>
-                                                            </Simple>
-                                                          </div>
-                                                          <div
-                                                            className="ant-empty-description"
-                                                          >
-                                                            No Data
-                                                          </div>
-                                                        </div>
-                                                      </LocaleReceiver>
-                                                    </Empty>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </ExpandedRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </SpaceList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Spaces>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Spaces List component should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Spaces>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Spaces"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Spaces"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Spaces"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  gutter={16}
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={
-                      Object {
-                        "marginLeft": -8,
-                        "marginRight": -8,
-                      }
-                    }
-                  >
-                    <Col>
-                      <div
-                        className="ant-col"
-                        style={
-                          Object {
-                            "paddingLeft": 8,
-                            "paddingRight": 8,
-                          }
-                        }
-                      >
-                        <Link
-                          key="2"
-                          to="/advanced/reindex"
-                        >
-                          <LinkAnchor
-                            href="/advanced/reindex"
-                            navigate={[Function]}
-                          >
-                            <a
-                              href="/advanced/reindex"
-                              onClick={[Function]}
-                            >
-                              <Button>
-                                <Wave>
-                                  <button
-                                    className="ant-btn"
-                                    onClick={[Function]}
-                                    type="button"
-                                  >
-                                    <LoadingIcon
-                                      existIcon={false}
-                                      loading={false}
-                                      prefixCls="ant-btn"
-                                    >
-                                      <CSSMotion
-                                        motionName="ant-btn-loading-icon-motion"
-                                        onAppearActive={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </LoadingIcon>
-                                    <span
-                                      key=".0"
-                                    >
-                                      Reindex
-                                    </span>
-                                  </button>
-                                </Wave>
-                              </Button>
-                            </a>
-                          </LinkAnchor>
-                        </Link>
-                      </div>
-                    </Col>
-                    <Link
-                      key="1"
-                      to="/admin/spaces/create"
-                    >
-                      <LinkAnchor
-                        href="/admin/spaces/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/admin/spaces/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Space
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <SpaceList>
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "id",
-                          "key": "spaceId",
-                          "title": "Id",
-                          "width": "8%",
-                        },
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                          "width": "12%",
-                        },
-                        Object {
-                          "dataIndex": "site_address",
-                          "key": "site_address",
-                          "title": "Site Address",
-                          "width": "20%",
-                        },
-                        Object {
-                          "dataIndex": "site_title",
-                          "key": "site_title",
-                          "title": "Site Title",
-                          "width": "20%",
-                        },
-                        Object {
-                          "dataIndex": "tag_line",
-                          "key": "tag_line",
-                          "title": "Tag line",
-                          "width": "20%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "id": 1,
-                          "name": "name",
-                          "organisation_id": 1,
-                          "slug": "name",
-                        },
-                      ]
-                    }
-                    loading={false}
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "id",
-                                    "key": "spaceId",
-                                    "title": "Id",
-                                    "width": "8%",
-                                  },
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                    "width": "12%",
-                                  },
-                                  Object {
-                                    "dataIndex": "site_address",
-                                    "key": "site_address",
-                                    "title": "Site Address",
-                                    "width": "20%",
-                                  },
-                                  Object {
-                                    "dataIndex": "site_title",
-                                    "key": "site_title",
-                                    "title": "Site Title",
-                                    "width": "20%",
-                                  },
-                                  Object {
-                                    "dataIndex": "tag_line",
-                                    "key": "tag_line",
-                                    "title": "Tag line",
-                                    "width": "20%",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={
-                                Array [
-                                  Object {
-                                    "id": 1,
-                                    "name": "name",
-                                    "organisation_id": 1,
-                                    "slug": "name",
-                                  },
-                                ]
-                              }
-                              dataSource={
-                                Array [
-                                  Object {
-                                    "id": 1,
-                                    "name": "name",
-                                    "organisation_id": 1,
-                                    "slug": "name",
-                                  },
-                                ]
-                              }
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: auto;"
-                                      >
-                                        <colgroup>
-                                          <col
-                                            style="width: 8%;"
-                                          />
-                                          <col
-                                            style="width: 12%;"
-                                          />
-                                          <col
-                                            style="width: 20%;"
-                                          />
-                                          <col
-                                            style="width: 20%;"
-                                          />
-                                          <col
-                                            style="width: 20%;"
-                                          />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Id
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Site Address
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Site Title
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Tag line
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-row ant-table-row-level-0"
-                                            data-row-key="1"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              1
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <a
-                                                href="/admin/spaces/1/edit"
-                                                style="margin-right: 8px;"
-                                              >
-                                                name
-                                              </a>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            />
-                                            <td
-                                              class="ant-table-cell"
-                                            />
-                                            <td
-                                              class="ant-table-cell"
-                                            />
-                                            <td
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              <button
-                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                type="button"
-                                              >
-                                                <span
-                                                  aria-label="delete"
-                                                  class="anticon anticon-delete"
-                                                  role="img"
-                                                >
-                                                  <svg
-                                                    aria-hidden="true"
-                                                    data-icon="delete"
-                                                    fill="currentColor"
-                                                    focusable="false"
-                                                    height="1em"
-                                                    viewBox="64 64 896 896"
-                                                    width="1em"
-                                                  >
-                                                    <path
-                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                    />
-                                                  </svg>
-                                                </span>
-                                              </button>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={false}
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "id",
-                                          "key": "spaceId",
-                                          "title": "Id",
-                                          "width": "8%",
-                                        },
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                          "width": "12%",
-                                        },
-                                        Object {
-                                          "dataIndex": "site_address",
-                                          "key": "site_address",
-                                          "title": "Site Address",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "dataIndex": "site_title",
-                                          "key": "site_title",
-                                          "title": "Site Title",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "dataIndex": "tag_line",
-                                          "key": "tag_line",
-                                          "title": "Tag line",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [
-                                        Object {
-                                          "id": 1,
-                                          "name": "name",
-                                          "organisation_id": 1,
-                                          "slug": "name",
-                                        },
-                                      ],
-                                      "dataSource": Array [
-                                        Object {
-                                          "id": 1,
-                                          "name": "name",
-                                          "organisation_id": 1,
-                                          "slug": "name",
-                                        },
-                                      ],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: auto;"
-                                            >
-                                              <colgroup>
-                                                <col
-                                                  style="width: 8%;"
-                                                />
-                                                <col
-                                                  style="width: 12%;"
-                                                />
-                                                <col
-                                                  style="width: 20%;"
-                                                />
-                                                <col
-                                                  style="width: 20%;"
-                                                />
-                                                <col
-                                                  style="width: 20%;"
-                                                />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Id
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Site Address
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Site Title
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Tag line
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-row ant-table-row-level-0"
-                                                  data-row-key="1"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    1
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <a
-                                                      href="/admin/spaces/1/edit"
-                                                      style="margin-right: 8px;"
-                                                    >
-                                                      name
-                                                    </a>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  />
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  />
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  />
-                                                  <td
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    <button
-                                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                      type="button"
-                                                    >
-                                                      <span
-                                                        aria-label="delete"
-                                                        class="anticon anticon-delete"
-                                                        role="img"
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="delete"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                          />
-                                                        </svg>
-                                                      </span>
-                                                    </button>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": false,
-                                      "mergedExpandedKeys": Set {},
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "auto",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              "8%",
-                                              "12%",
-                                              "20%",
-                                              "20%",
-                                              "20%",
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "id",
-                                                "fixed": undefined,
-                                                "key": "spaceId",
-                                                "title": "Id",
-                                                "width": "8%",
-                                              },
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "12%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_address",
-                                                "fixed": undefined,
-                                                "key": "site_address",
-                                                "title": "Site Address",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_title",
-                                                "fixed": undefined,
-                                                "key": "site_title",
-                                                "title": "Site Title",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "tag_line",
-                                                "fixed": undefined,
-                                                "key": "tag_line",
-                                                "title": "Tag line",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": "8%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": "12%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="2"
-                                              style={
-                                                Object {
-                                                  "width": "20%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="3"
-                                              style={
-                                                Object {
-                                                  "width": "20%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="4"
-                                              style={
-                                                Object {
-                                                  "width": "20%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="5"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={6}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "id",
-                                                "key": "spaceId",
-                                                "title": "Id",
-                                                "width": "8%",
-                                              },
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "12%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_address",
-                                                "key": "site_address",
-                                                "title": "Site Address",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_title",
-                                                "key": "site_title",
-                                                "title": "Site Title",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "tag_line",
-                                                "key": "tag_line",
-                                                "title": "Tag line",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "id",
-                                                "fixed": undefined,
-                                                "key": "spaceId",
-                                                "title": "Id",
-                                                "width": "8%",
-                                              },
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "12%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_address",
-                                                "fixed": undefined,
-                                                "key": "site_address",
-                                                "title": "Site Address",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "site_title",
-                                                "fixed": undefined,
-                                                "key": "site_title",
-                                                "title": "Site Title",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "tag_line",
-                                                "fixed": undefined,
-                                                "key": "tag_line",
-                                                "title": "Tag line",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Id",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "id",
-                                                      "key": "spaceId",
-                                                      "title": "Id",
-                                                      "width": "8%",
-                                                    },
-                                                    "key": "spaceId",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                      "width": "12%",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Site Address",
-                                                    "className": "",
-                                                    "colEnd": 2,
-                                                    "colSpan": 1,
-                                                    "colStart": 2,
-                                                    "column": Object {
-                                                      "dataIndex": "site_address",
-                                                      "key": "site_address",
-                                                      "title": "Site Address",
-                                                      "width": "20%",
-                                                    },
-                                                    "key": "site_address",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Site Title",
-                                                    "className": "",
-                                                    "colEnd": 3,
-                                                    "colSpan": 1,
-                                                    "colStart": 3,
-                                                    "column": Object {
-                                                      "dataIndex": "site_title",
-                                                      "key": "site_title",
-                                                      "title": "Site Title",
-                                                      "width": "20%",
-                                                    },
-                                                    "key": "site_title",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Tag line",
-                                                    "className": "",
-                                                    "colEnd": 4,
-                                                    "colSpan": 1,
-                                                    "colStart": 4,
-                                                    "column": Object {
-                                                      "dataIndex": "tag_line",
-                                                      "key": "tag_line",
-                                                      "title": "Tag line",
-                                                      "width": "20%",
-                                                    },
-                                                    "key": "tag_line",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 5,
-                                                    "colSpan": 1,
-                                                    "colStart": 5,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "id",
-                                                    "fixed": undefined,
-                                                    "key": "spaceId",
-                                                    "title": "Id",
-                                                    "width": "8%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                    "width": "12%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "site_address",
-                                                    "fixed": undefined,
-                                                    "key": "site_address",
-                                                    "title": "Site Address",
-                                                    "width": "20%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "site_title",
-                                                    "fixed": undefined,
-                                                    "key": "site_title",
-                                                    "title": "Site Title",
-                                                    "width": "20%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "tag_line",
-                                                    "fixed": undefined,
-                                                    "key": "tag_line",
-                                                    "title": "Tag line",
-                                                    "width": "20%",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "id",
-                                                      "key": "spaceId",
-                                                      "title": "Id",
-                                                      "width": "8%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="spaceId"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Id
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                      "width": "12%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={2}
-                                                  colSpan={1}
-                                                  colStart={2}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "site_address",
-                                                      "key": "site_address",
-                                                      "title": "Site Address",
-                                                      "width": "20%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="site_address"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Site Address
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={3}
-                                                  colSpan={1}
-                                                  colStart={3}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "site_title",
-                                                      "key": "site_title",
-                                                      "title": "Site Title",
-                                                      "width": "20%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="site_title"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Site Title
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={4}
-                                                  colSpan={1}
-                                                  colStart={4}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "tag_line",
-                                                      "key": "tag_line",
-                                                      "title": "Tag line",
-                                                      "width": "20%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="tag_line"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Tag line
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={5}
-                                                  colSpan={1}
-                                                  colStart={5}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={
-                                            Array [
-                                              Object {
-                                                "id": 1,
-                                                "name": "name",
-                                                "organisation_id": 1,
-                                                "slug": "name",
-                                              },
-                                            ]
-                                          }
-                                          emptyNode={null}
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <BodyRow
-                                              cellComponent="td"
-                                              childrenColumnName="children"
-                                              expandedKeys={Set {}}
-                                              getRowKey={[Function]}
-                                              index={0}
-                                              key="1"
-                                              record={
-                                                Object {
-                                                  "id": 1,
-                                                  "name": "name",
-                                                  "organisation_id": 1,
-                                                  "slug": "name",
-                                                }
-                                              }
-                                              recordKey={1}
-                                              rowComponent="tr"
-                                              rowKey={1}
-                                            >
-                                              <tr
-                                                className="ant-table-row ant-table-row-level-0"
-                                                data-row-key={1}
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              >
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="id"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="spaceId"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "id": 1,
-                                                      "name": "name",
-                                                      "organisation_id": 1,
-                                                      "slug": "name",
-                                                    }
-                                                  }
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    1
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="name"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "id": 1,
-                                                      "name": "name",
-                                                      "organisation_id": 1,
-                                                      "slug": "name",
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                      to="/admin/spaces/1/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/admin/spaces/1/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/admin/spaces/1/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "marginRight": 8,
-                                                            }
-                                                          }
-                                                        >
-                                                          name
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="site_address"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="site_address"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "id": 1,
-                                                      "name": "name",
-                                                      "organisation_id": 1,
-                                                      "slug": "name",
-                                                    }
-                                                  }
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  />
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="site_title"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="site_title"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "id": 1,
-                                                      "name": "name",
-                                                      "organisation_id": 1,
-                                                      "slug": "name",
-                                                    }
-                                                  }
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  />
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="tag_line"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="tag_line"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "id": 1,
-                                                      "name": "name",
-                                                      "organisation_id": 1,
-                                                      "slug": "name",
-                                                    }
-                                                  }
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  />
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  component="td"
-                                                  dataIndex="operation"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  index={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "id": 1,
-                                                      "name": "name",
-                                                      "organisation_id": 1,
-                                                      "slug": "name",
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    <ForwardRef
-                                                      disabled={false}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={false}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={false}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={false}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <Button
-                                                              icon={<ForwardRef(DeleteOutlined) />}
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              type="danger"
-                                                            >
-                                                              <Wave>
-                                                                <button
-                                                                  className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                  onClick={[Function]}
-                                                                  onKeyDown={[Function]}
-                                                                  onMouseDown={[Function]}
-                                                                  onTouchStart={[Function]}
-                                                                  type="button"
-                                                                >
-                                                                  <ForwardRef(DeleteOutlined)>
-                                                                    <AntdIcon
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "delete",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="delete"
-                                                                        className="anticon anticon-delete"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "delete",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="delete"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-delete"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                              key="svg-delete-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DeleteOutlined)>
-                                                                </button>
-                                                              </Wave>
-                                                            </Button>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </BodyRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                            <Pagination
-                              className="ant-table-pagination ant-table-pagination-right"
-                              current={1}
-                              onChange={[Function]}
-                              pageSize={10}
-                              total={1}
-                            >
-                              <LocaleReceiver
-                                componentName="Pagination"
-                                defaultLocale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                              >
-                                <Pagination
-                                  className="ant-table-pagination ant-table-pagination-right"
-                                  current={1}
-                                  defaultCurrent={1}
-                                  defaultPageSize={10}
-                                  hideOnSinglePage={false}
-                                  itemRender={[Function]}
-                                  jumpNextIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleRightOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  jumpPrevIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleLeftOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  locale={
-                                    Object {
-                                      "items_per_page": "/ page",
-                                      "jump_to": "Go to",
-                                      "jump_to_confirm": "confirm",
-                                      "next_3": "Next 3 Pages",
-                                      "next_5": "Next 5 Pages",
-                                      "next_page": "Next Page",
-                                      "page": "",
-                                      "prev_3": "Previous 3 Pages",
-                                      "prev_5": "Previous 5 Pages",
-                                      "prev_page": "Previous Page",
-                                    }
-                                  }
-                                  nextIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined) />
-                                    </button>
-                                  }
-                                  onChange={[Function]}
-                                  onShowSizeChange={[Function]}
-                                  pageSize={10}
-                                  prefixCls="ant-pagination"
-                                  prevIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined) />
-                                    </button>
-                                  }
-                                  selectComponentClass={
-                                    Object {
-                                      "$$typeof": Symbol(react.forward_ref),
-                                      "OptGroup": [Function],
-                                      "Option": [Function],
-                                      "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                      "render": [Function],
-                                    }
-                                  }
-                                  selectPrefixCls="ant-select"
-                                  showLessItems={false}
-                                  showPrevNextJumpers={true}
-                                  showQuickJumper={false}
-                                  showTitle={true}
-                                  style={Object {}}
-                                  total={1}
-                                  totalBoundaryShowSizeChanger={50}
-                                >
-                                  <ul
-                                    className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                    style={Object {}}
-                                    unselectable="unselectable"
-                                  >
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-prev ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Previous Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(LeftOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "left",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="left"
-                                              className="anticon anticon-left"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "left",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="left"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-left"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                    key="svg-left-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(LeftOutlined)>
-                                      </button>
-                                    </li>
-                                    <Pager
-                                      active={true}
-                                      itemRender={[Function]}
-                                      key="1"
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      page={1}
-                                      rootPrefixCls="ant-pagination"
-                                      showTitle={true}
-                                    >
-                                      <li
-                                        className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        tabIndex="0"
-                                        title={1}
-                                      >
-                                        <a
-                                          rel="nofollow"
-                                        >
-                                          1
-                                        </a>
-                                      </li>
-                                    </Pager>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-next ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Next Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(RightOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "right",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="right"
-                                              className="anticon anticon-right"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "right",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="right"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-right"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                    key="svg-right-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(RightOutlined)>
-                                      </button>
-                                    </li>
-                                    <Options
-                                      changeSize={null}
-                                      current={1}
-                                      goButton={false}
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      pageSize={10}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "20",
-                                          "50",
-                                          "100",
-                                        ]
-                                      }
-                                      quickGo={null}
-                                      rootPrefixCls="ant-pagination"
-                                      selectComponentClass={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "OptGroup": [Function],
-                                          "Option": [Function],
-                                          "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                          "render": [Function],
-                                        }
-                                      }
-                                      selectPrefixCls="ant-select"
-                                    />
-                                  </ul>
-                                </Pagination>
-                              </LocaleReceiver>
-                            </Pagination>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </SpaceList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Spaces>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/spaces/components/SpaceCreateForm.js b/studio/src/pages/spaces/components/SpaceCreateForm.js
deleted file mode 100644
index d87538bcd..000000000
--- a/studio/src/pages/spaces/components/SpaceCreateForm.js
+++ /dev/null
@@ -1,213 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { Button, Form, Input, Select, ConfigProvider, Typography } from 'antd';
-import { maker } from './../../../utils/sluger';
-import MonacoEditor from '../../../components/MonacoEditor';
-import getJsonValue from '../../../utils/getJsonValue';
-import { SlugInput } from '../../../components/FormItems';
-
-const { Option } = Select;
-const { TextArea } = Input;
-const { Title } = Typography;
-
-const SpaceCreateForm = ({ onCreate }) => {
-  const [form] = Form.useForm();
-  const orgs = useSelector((state) => state.spaces.orgs);
-
-  const onReset = () => {
-    form.resetFields();
-  };
-
-  const onTitleChange = (string) => {
-    form.setFieldsValue({
-      slug: maker(string),
-    });
-  };
-
-  const formItemWidth = { maxWidth: '500px' };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Form: {
-            marginLG: 24,
-          },
-        },
-      }}
-    >
-      <div className="stats-wrapper" style={{ padding: '20px', background: '#f5f5f5' }}>
-        {/* Header */}
-        <div
-          style={{ marginBottom: '20px', borderBottom: '1px solid #e8e8e8', paddingBottom: '12px' }}
-        >
-          <Title level={2}>Create New Space</Title>
-        </div>
-
-        <div className="ant-row" style={{ gap: '20px' }}>
-          {/* Form Section */}
-          <div style={{ flex: '1', maxWidth: '800px', margin: '0 auto' }}>
-            <div
-              style={{
-                background: '#f5f5f5',
-                padding: '24px',
-                borderRadius: '8px',
-                boxShadow: '0 1px 2px rgba(0, 0, 0, 0.03)',
-              }}
-            >
-              <Form
-                form={form}
-                name="create-space"
-                layout="vertical"
-                onFinish={(values) => {
-                  if (values.meta_fields) {
-                    values.meta_fields = getJsonValue(values.meta_fields);
-                  }
-                  onCreate(values);
-                  onReset();
-                }}
-                requiredMark={false}
-              >
-                {/* Basic Information */}
-                <div style={{ marginBottom: '12px' }}>
-                  <Typography.Title level={4} style={{ marginBottom: '12px' }}>
-                    Basic Information
-                  </Typography.Title>
-
-                  <Form.Item
-                    label="Organization & Name"
-                    style={{ marginBottom: '20px', ...formItemWidth }}
-                  >
-                    <Input.Group compact>
-                      <Form.Item
-                        name="organisation_id"
-                        noStyle
-                        rules={[{ required: true, message: 'Organisation is required' }]}
-                      >
-                        <Select style={{ width: '35%' }} placeholder="Select org" size="middle">
-                          {orgs
-                            .filter((o) => o.role === 'admin')
-                            .map((org) => (
-                              <Option key={org.id} value={org.id}>
-                                {org.title}
-                              </Option>
-                            ))}
-                        </Select>
-                      </Form.Item>
-                      <Form.Item
-                        name="name"
-                        noStyle
-                        rules={[
-                          { required: true, message: 'Name is required' },
-                          { min: 3, message: 'Min 3 characters' },
-                          { max: 30, message: 'Max 30 characters' },
-                        ]}
-                      >
-                        <Input
-                          style={{ width: '65%' }}
-                          placeholder="Space name"
-                          onChange={(e) => onTitleChange(e.target.value)}
-                          size="middle"
-                          maxLength={30}
-                        />
-                      </Form.Item>
-                    </Input.Group>
-                  </Form.Item>
-
-                  <Form.Item style={{ ...formItemWidth, marginBottom: '4px' }}>
-                    <SlugInput />
-                  </Form.Item>
-                </div>
-
-                {/* Site Details */}
-                <div style={{ marginBottom: '16px' }}>
-                  <Typography.Title level={4} style={{ marginBottom: '20px' }}>
-                    Site Details
-                  </Typography.Title>
-
-                  <Form.Item name="site_title" label="Site Title" style={formItemWidth}>
-                    <Input size="middle" placeholder="Enter site title" maxLength={50} />
-                  </Form.Item>
-
-                  <Form.Item name="tag_line" label="Tagline" style={formItemWidth}>
-                    <Input size="middle" placeholder="Enter tagline" maxLength={100} />
-                  </Form.Item>
-
-                  <Form.Item name="site_address" label="Website URL" style={formItemWidth}>
-                    <Input size="middle" placeholder="example.com" addonBefore="https://" />
-                  </Form.Item>
-                </div>
-
-                {/* Content Section */}
-                <div style={{ marginBottom: '32px' }}>
-                  <Typography.Title level={4} style={{ marginBottom: '20px' }}>
-                    Content
-                  </Typography.Title>
-
-                  <Form.Item name="description" label="Description" style={formItemWidth}>
-                    <TextArea
-                      placeholder="Brief description..."
-                      rows={4}
-                      maxLength={500}
-                      style={{ fontSize: '14px' }}
-                    />
-                  </Form.Item>
-
-                  <Form.Item
-                    name="meta_fields"
-                    label="Meta Fields"
-                    extra="Add custom metadata in JSON format"
-                    style={formItemWidth}
-                  >
-                    <div
-                      style={{
-                        border: '1px solid #e8e8e8',
-                        borderRadius: '8px',
-                        overflow: 'hidden',
-                      }}
-                    >
-                      <MonacoEditor
-                        width="100%"
-                        height="200px"
-                        language="json"
-                        options={{
-                          minimap: { enabled: false },
-                          scrollBeyondLastLine: false,
-                        }}
-                      />
-                    </div>
-                  </Form.Item>
-                </div>
-
-                {/* Action Buttons */}
-                <div
-                  style={{
-                    display: 'flex',
-                    justifyContent: 'flex-end',
-                    gap: '12px',
-                    paddingTop: '20px',
-                    borderTop: '1px solid #f0f0f0',
-                  }}
-                >
-                  <Button onClick={onReset} size="middle" style={{ padding: '0 16px' }}>
-                    Reset
-                  </Button>
-                  <Button
-                    type="primary"
-                    htmlType="submit"
-                    size="middle"
-                    style={{ padding: '0 24px' }}
-                  >
-                    Create Space
-                  </Button>
-                </div>
-              </Form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </ConfigProvider>
-  );
-};
-
-export default SpaceCreateForm;
diff --git a/studio/src/pages/spaces/components/SpaceCreateForm.test.js b/studio/src/pages/spaces/components/SpaceCreateForm.test.js
deleted file mode 100644
index aebaf6574..000000000
--- a/studio/src/pages/spaces/components/SpaceCreateForm.test.js
+++ /dev/null
@@ -1,235 +0,0 @@
-import React from 'react';
-import { Provider, useDispatch, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-
-import '../../../matchMedia.mock';
-import SpaceCreateForm from './SpaceCreateForm';
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-const data = {
-  name: 'name',
-  organisation_id: 2,
-  slug: 'slug',
-  site_title: 'site_title',
-  tag_line: 'tag_line',
-  description: {
-    time: 1613715908408,
-    blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-    version: '2.19.0',
-  },
-  site_address: 'site_address',
-};
-
-describe('Spaces Create Form component', () => {
-  store = mockStore({
-    spaces: {
-      orgs: [{ id: 2, title: 'Organization 2', spaces: [] }],
-      details: {},
-      loading: false,
-      selected: 0,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn());
-  useSelector.mockImplementation((state) => [{ id: 2, title: 'Organization 2', spaces: [] }]);
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <SpaceCreateForm />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with props', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <SpaceCreateForm onCreate={onCreate} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <SpaceCreateForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <SpaceCreateForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-
-    it('should submit form with added data', (done) => {
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 2 } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: 'slug' } });
-        wrapper
-          .find('input')
-          .at(3)
-          .simulate('change', { target: { value: 'site title' } });
-        wrapper
-          .find('input')
-          .at(4)
-          .simulate('change', { target: { value: 'tag line' } });
-        wrapper
-          .find('FormItem')
-          .at(7)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'New Description' } });
-        wrapper
-          .find('FormItem')
-          .at(8)
-          .find('MonacoEditor')
-          .at(0)
-          .props()
-          .onChange({ target: { value: '{"sample":"testing"}' } });
-        wrapper
-          .find('input')
-          .at(5)
-          .simulate('change', { target: { value: 'site address' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          organisation_id: 2,
-          slug: 'slug',
-          site_title: 'site title',
-          tag_line: 'tag line',
-          description: 'New Description',
-          site_address: 'site address',
-          meta_fields: {
-            sample: 'testing',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form without meta data', (done) => {
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 2 } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: 'slug' } });
-        wrapper
-          .find('input')
-          .at(3)
-          .simulate('change', { target: { value: 'site title' } });
-        wrapper
-          .find('input')
-          .at(4)
-          .simulate('change', { target: { value: 'tag line' } });
-        wrapper
-          .find('FormItem')
-          .at(7)
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'New Description' } });
-        wrapper
-          .find('input')
-          .at(5)
-          .simulate('change', { target: { value: 'site address' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          organisation_id: 2,
-          slug: 'slug',
-          site_title: 'site title',
-          tag_line: 'tag line',
-          description: 'New Description',
-          site_address: 'site address',
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/spaces/components/SpaceCreateForm.tsx b/studio/src/pages/spaces/components/SpaceCreateForm.tsx
new file mode 100644
index 000000000..3a0c61d9a
--- /dev/null
+++ b/studio/src/pages/spaces/components/SpaceCreateForm.tsx
@@ -0,0 +1,393 @@
+import React from "react";
+import { useSelector, useDispatch } from "react-redux";
+import { useForm } from "react-hook-form";
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+  FormDescription,
+} from "@/components/ui/form";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { maker } from "../../../utils/sluger";
+import getJsonValue from "../../../utils/getJsonValue";
+import { SlugInput } from "../../../components/FormItems/SlugInput";
+import MonacoEditor from "../../../components/MonacoEditor/index";
+import { Building2 } from "lucide-react";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { RootState, SpaceCreateFormProps, SpaceFormValues } from "../types";
+
+const SpaceCreateForm: React.FC<SpaceCreateFormProps> = ({ onCreate }) => {
+  const dispatch = useDispatch();
+  const isMobile = useIsMobile();
+
+  const form = useForm<SpaceFormValues>({
+    defaultValues: {
+      organisation_id: "",
+      name: "",
+      slug: "",
+      site_title: "",
+      site_address: "",
+      description: "",
+    },
+  });
+
+  const orgs = useSelector((state: RootState) => state.spaces?.orgs || []);
+  const loading = useSelector((state: RootState) => state.spaces?.loading);
+
+  const onReset = (): void => {
+    form.reset();
+  };
+
+  const onTitleChange = (value: string): void => {
+    form.setValue("slug", maker(value));
+  };
+
+  const handleSubmit = (values: SpaceFormValues): void => {
+    if (values.meta_fields && typeof values.meta_fields === "string") {
+      values.meta_fields = getJsonValue(values.meta_fields as string);
+    }
+    onCreate(values);
+    onReset();
+  };
+
+  const adminOrgs = orgs.filter((o) => o.role === "admin");
+
+  return (
+    <div className={isMobile ? "" : "bg-white flex justify-center"}>
+      <div className={isMobile ? "w-full" : "w-full max-w-3xl"}>
+        {/* Mobile header */}
+        {isMobile && (
+          <div className="mb-4">
+            <h1 className="text-xl font-semibold">Create Space</h1>
+            <div className="mt-2">
+              <p className="text-gray-600 text-[13px]">
+                Create a space to help organize your content.
+              </p>
+            </div>
+          </div>
+        )}
+
+        {/* Desktop header */}
+        {!isMobile && (
+          <div className="mb-3 pb-4 border-b border-gray-200 px-4">
+            <h2 className="text-xl font-semibold">Create Space</h2>
+            <p className="text-gray-600 mt-2 text-[13px]">
+              Create a space to help organize your content.
+            </p>
+          </div>
+        )}
+
+        {isMobile && <div className="border-t border-gray-200 mb-4"></div>}
+
+        <div className="bg-white">
+          <Form {...form}>
+            <form
+              onSubmit={form.handleSubmit(handleSubmit)}
+              className="space-y-6"
+            >
+              <Accordion
+                type="multiple"
+                defaultValue={["general"]}
+                className="w-full"
+              >
+                {/* General Section */}
+                <AccordionItem
+                  value="general"
+                  className="rounded-md overflow-hidden mb-2"
+                >
+                  <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                    <span
+                      className={
+                        isMobile
+                          ? "text-base font-medium"
+                          : "text-lg font-medium"
+                      }
+                    >
+                      General
+                    </span>
+                  </AccordionTrigger>
+                  <AccordionContent>
+                    <div className="space-y-6 pt-4 px-4 pb-4">
+                      {/* Name */}
+                      <FormField
+                        control={form.control}
+                        name="name"
+                        rules={{
+                          required: "Name is required",
+                          minLength: { value: 3, message: "Min 3 characters" },
+                          maxLength: {
+                            value: 30,
+                            message: "Max 30 characters",
+                          },
+                        }}
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">Title</FormLabel>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                placeholder="Space title"
+                                maxLength={30}
+                                onChange={(e) => {
+                                  field.onChange(e);
+                                  onTitleChange(e.target.value);
+                                }}
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      {/* Organization */}
+                      <FormField
+                        control={form.control}
+                        name="organisation_id"
+                        rules={{ required: "Organisation is required" }}
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Organization
+                            </FormLabel>
+                            <Select
+                              onValueChange={field.onChange}
+                              defaultValue={field.value}
+                            >
+                              <FormControl>
+                                <SelectTrigger>
+                                  <SelectValue placeholder="Select organization" />
+                                </SelectTrigger>
+                              </FormControl>
+                              <SelectContent>
+                                {loading ? (
+                                  <SelectItem value="loading" disabled>
+                                    Loading organizations...
+                                  </SelectItem>
+                                ) : adminOrgs.length === 0 ? (
+                                  <SelectItem value="none" disabled>
+                                    No admin organizations found
+                                  </SelectItem>
+                                ) : (
+                                  adminOrgs.map((org) => (
+                                    <SelectItem key={org.id} value={org.id}>
+                                      <div className="flex items-center">
+                                        <Building2 className="mr-2 h-4 w-4" />
+                                        {org.title}
+                                      </div>
+                                    </SelectItem>
+                                  ))
+                                )}
+                              </SelectContent>
+                            </Select>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      {/* Slug */}
+                      <div>
+                        <SlugInput form={form} />
+                      </div>
+
+                      {/* Description */}
+                      <FormField
+                        control={form.control}
+                        name="description"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Description
+                            </FormLabel>
+                            <FormControl>
+                              <Textarea
+                                {...field}
+                                placeholder="Brief description..."
+                                className="resize-none"
+                                rows={6}
+                                maxLength={500}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </AccordionContent>
+                </AccordionItem>
+
+                {/* Site Details Section */}
+                <AccordionItem
+                  value="site-details"
+                  className="rounded-md overflow-hidden mb-2"
+                >
+                  <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                    <span
+                      className={
+                        isMobile
+                          ? "text-base font-medium"
+                          : "text-lg font-medium"
+                      }
+                    >
+                      Site details
+                    </span>
+                  </AccordionTrigger>
+                  <AccordionContent>
+                    <div className="space-y-6 pt-4 px-4 pb-4">
+                      <FormField
+                        control={form.control}
+                        name="site_title"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Site Title
+                            </FormLabel>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                placeholder="Enter site title"
+                                maxLength={50}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                      <FormField
+                        control={form.control}
+                        name="tag_line"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">Tagline</FormLabel>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                placeholder="Enter tagline"
+                                maxLength={100}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="site_address"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Website URL
+                            </FormLabel>
+                            <FormControl>
+                              <div className="flex">
+                                <div className="bg-[#F0F5FF] flex items-center px-3 rounded-l-md border border-r-0 border-input">
+                                  https://
+                                </div>
+                                <Input
+                                  {...field}
+                                  className="rounded-l-none"
+                                  placeholder="example.com"
+                                />
+                              </div>
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </AccordionContent>
+                </AccordionItem>
+
+                {/* Meta Fields Section */}
+                <AccordionItem
+                  value="meta-fields"
+                  className="rounded-md overflow-hidden mb-2"
+                >
+                  <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                    <span
+                      className={
+                        isMobile
+                          ? "text-base font-medium"
+                          : "text-lg font-medium"
+                      }
+                    >
+                      Meta fields
+                    </span>
+                  </AccordionTrigger>
+                  <AccordionContent>
+                    <div className="space-y-4 pt-4 px-4 pb-4">
+                      <FormField
+                        control={form.control}
+                        name="meta_fields"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Metadata
+                            </FormLabel>
+                            <FormControl>
+                              <div className="border border-input rounded-md overflow-hidden">
+                                <MonacoEditor
+                                  width="100%"
+                                  height="200px"
+                                  language="json"
+                                  value={field.value as string}
+                                  onChange={field.onChange}
+                                  borderless={true}
+                                  className="border-none"
+                                />
+                              </div>
+                            </FormControl>
+                            <FormDescription>
+                              Add custom metadata in JSON format
+                            </FormDescription>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </AccordionContent>
+                </AccordionItem>
+              </Accordion>
+
+              {/* Action Buttons */}
+              <div
+                className={
+                  isMobile
+                    ? "flex justify-between mb-8 mt-8"
+                    : "flex justify-start gap-3 pt-4 border-t border-gray-100"
+                }
+              >
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => window.history.back()}
+                  className={isMobile ? "w-[48%]" : ""}
+                >
+                  Cancel
+                </Button>
+                <Button type="submit" className={isMobile ? "w-[48%]" : ""}>
+                  {isMobile ? "Create" : "Create space"}
+                </Button>
+              </div>
+            </form>
+          </Form>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SpaceCreateForm;
diff --git a/studio/src/pages/spaces/components/SpaceEditForm.js b/studio/src/pages/spaces/components/SpaceEditForm.js
deleted file mode 100644
index abd8fe434..000000000
--- a/studio/src/pages/spaces/components/SpaceEditForm.js
+++ /dev/null
@@ -1,108 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { Button, Form, Input, Select, Row } from 'antd';
-import MonacoEditor from '../../../components/MonacoEditor';
-import getJsonValue from '../../../utils/getJsonValue';
-import { SlugInput } from '../../../components/FormItems';
-
-const { Option } = Select;
-const { TextArea } = Input;
-
-const layout = {
-  labelCol: {
-    span: 8,
-  },
-  wrapperCol: {
-    span: 8,
-  },
-};
-
-const SpaceEditForm = ({ onCreate, data = {} }) => {
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [form] = Form.useForm();
-  const orgs = useSelector((state) => state.spaces.orgs);
-
-  const [valueChange, setValueChange] = React.useState(false);
-
-  return (
-    <div>
-      <Form
-        {...layout}
-        form={form}
-        initialValues={data}
-        name="create-space"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          onCreate(values);
-        }}
-        scrollToFirstError={true}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-        style={{
-          paddingTop: '24px',
-        }}
-      >
-        <Row justify="end">
-          <Form.Item>
-            <Button disabled={!valueChange} type="primary" htmlType="submit">
-              Update
-            </Button>
-          </Form.Item>
-        </Row>
-        <Form.Item label="Name">
-          <Input.Group compact>
-            <Form.Item
-              name="organisation_id"
-              noStyle
-              rules={[{ required: true, message: 'Organisation is required' }]}
-            >
-              <Select style={{ width: '40%' }} placeholder="Select organisation">
-                {orgs.map((org) => (
-                  <Option key={org.id} value={org.id}>
-                    {org.title}
-                  </Option>
-                ))}
-              </Select>
-            </Form.Item>
-            <Form.Item
-              name="name"
-              noStyle
-              rules={[
-                { required: true, message: 'Name is required' },
-                { min: 3, message: 'Name must be minimum 3 characters.' },
-                { max: 50, message: 'Name must be maximum 50 characters.' },
-              ]}
-            >
-              <Input style={{ width: '60%' }} placeholder="Input name" />
-            </Form.Item>
-          </Input.Group>
-        </Form.Item>
-        <SlugInput />
-        <Form.Item name="site_title" label="Title">
-          <Input />
-        </Form.Item>
-        <Form.Item name="tag_line" label="Tag line">
-          <Input />
-        </Form.Item>
-        <Form.Item name="site_address" label="Website">
-          <Input />
-        </Form.Item>
-        <Form.Item name="description" label="Description">
-          <TextArea placeholder="Enter Description..." />
-        </Form.Item>
-        <Form.Item name="meta_fields" label="Metafields">
-          <MonacoEditor language="json" />
-        </Form.Item>
-      </Form>
-    </div>
-  );
-};
-
-export default SpaceEditForm;
diff --git a/studio/src/pages/spaces/components/SpaceEditForm.test.js b/studio/src/pages/spaces/components/SpaceEditForm.test.js
deleted file mode 100644
index c62764f7d..000000000
--- a/studio/src/pages/spaces/components/SpaceEditForm.test.js
+++ /dev/null
@@ -1,303 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount, shallow } from 'enzyme';
-import { Steps, Button, Collapse } from 'antd';
-
-import '../../../matchMedia.mock';
-import SpaceEditForm from './SpaceEditForm';
-
-const data = {
-  organisation_id: 1,
-  name: 'name',
-  slug: 'slug',
-  site_title: 'site_title',
-  tag_line: 'tag_line',
-  description: {
-    time: 1613715908408,
-    blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-    version: '2.19.0',
-  },
-  site_address: 'site_address',
-};
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-
-describe('Space Edit Form component', () => {
-  store = mockStore({
-    claims: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    rating: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn());
-  useSelector.mockReturnValue([{ id: 1, organazation: 'Organization 1', spaces: [11] }]);
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = shallow(
-        <Provider store={store}>
-          <SpaceEditForm />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = shallow(
-        <Provider store={store}>
-          <SpaceEditForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <SpaceEditForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <SpaceEditForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      // act(() => {
-      //   wrapper.find(Collapse).at(0).props().onChange();
-      //   wrapper.find(Collapse).at(1).props().onChange();
-      //   wrapper.find(Collapse).at(2).props().onChange();
-      //   wrapper.find(Collapse).at(3).props().onChange();
-      //   wrapper.find(Collapse).at(4).props().onChange();
-      // });
-      // wrapper.update();
-      act(() => {
-        const submitButtom = wrapper.find(Button).at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          organisation_id: 1,
-          name: 'name',
-          slug: 'slug',
-          site_title: 'site_title',
-          tag_line: 'tag_line',
-          description: {
-            time: 1613715908408,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          site_address: 'site_address',
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      const data2 = { ...data };
-      data2.meta_fields = {
-        sample: 'testing',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <SpaceEditForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      // act(() => {
-      //   wrapper.find(Collapse).at(0).props().onChange();
-      //   wrapper.find(Collapse).at(1).props().onChange();
-      //   wrapper.find(Collapse).at(2).props().onChange();
-      //   wrapper.find(Collapse).at(3).props().onChange();
-      //   wrapper.find(Collapse).at(4).props().onChange();
-      // });
-      // wrapper.update();
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 2 } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: 'new-slug' } });
-        wrapper
-          .find('input')
-          .at(3)
-          .simulate('change', { target: { value: 'new site title' } });
-        wrapper
-          .find('input')
-          .at(4)
-          .simulate('change', { target: { value: 'new tag line' } });
-        wrapper
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'New Description' } });
-        wrapper
-          .find('input')
-          .at(5)
-          .simulate('change', { target: { value: 'new site address' } });
-        // wrapper
-        //   .find('FormItem')
-        //   .at(9)
-        //   .find('MediaSelector')
-        //   .at(0)
-        //   .props()
-        //   .onChange({ target: { value: 2 } });
-        // wrapper
-        //   .find('FormItem')
-        //   .at(10)
-        //   .find('MediaSelector')
-        //   .at(0)
-        //   .props()
-        //   .onChange({ target: { value: 3 } });
-        //  wrapper
-        //   .find('FormItem')
-        //   .at(11)
-        //   .find('MediaSelector')
-        //   .at(0)
-        //   .props()
-        //   .onChange({ target: { value: 4 } });
-        // wrapper
-        //   .find('FormItem')
-        //   .at(12)
-        //   .find('MediaSelector')
-        //   .at(0)
-        //   .props()
-        //   .onChange({ target: { value: 5 } });
-        // wrapper
-        //   .find('FormItem')
-        //   .at(13)
-        //   .find('Input')
-        //   .simulate('change', { target: { value: 'm.fb.com' } });
-        // wrapper
-        //   .find('FormItem')
-        //   .at(14)
-        //   .find('Input')
-        //   .simulate('change', { target: { value: 'm.twitter.com' } });
-        // wrapper
-        //   .find('FormItem')
-        //   .at(15)
-        //   .find('Input')
-        //   .simulate('change', { target: { value: 'm.pin.com' } });
-        // wrapper
-        //   .find('FormItem')
-        //   .at(16)
-        //   .find('Input')
-        //   .simulate('change', { target: { value: 'm.insta.com' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          organisation_id: 2,
-          name: 'new name',
-          slug: 'new-slug',
-          site_title: 'new site title',
-          tag_line: 'new tag line',
-          description: 'New Description',
-          meta_fields: {
-            sample: 'testing',
-          },
-          site_address: 'new site address',
-        });
-        done();
-      }, 0);
-    });
-    it('should highlight form fields with error', () => {
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: '' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-      //collapse the panel
-      // act(() => {
-      //   wrapper.find(Collapse).at(0).props().onChange();
-      //   wrapper.find(Collapse).at(1).props().onChange();
-      //   wrapper.find(Collapse).at(2).props().onChange();
-      //   wrapper.find(Collapse).at(3).props().onChange();
-      //   wrapper.find(Collapse).at(4).props().onChange();
-      // });
-      expect(props.onCreate).not.toHaveBeenCalled();
-    });
-  });
-});
diff --git a/studio/src/pages/spaces/components/SpaceEditForm.tsx b/studio/src/pages/spaces/components/SpaceEditForm.tsx
new file mode 100644
index 000000000..574e5a45d
--- /dev/null
+++ b/studio/src/pages/spaces/components/SpaceEditForm.tsx
@@ -0,0 +1,399 @@
+import React, { useState } from "react";
+import { useSelector } from "react-redux";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+  FormDescription,
+} from "@/components/ui/form";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Building2 } from "lucide-react";
+import MonacoEditor from "../../../components/MonacoEditor";
+import getJsonValue from "../../../utils/getJsonValue";
+import { SlugInput } from "../../../components/FormItems";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { RootState, SpaceEditFormProps } from "../types";
+
+const SpaceEditForm: React.FC<SpaceEditFormProps> = ({
+  onCreate,
+  data = {},
+}) => {
+  const [valueChange, setValueChange] = useState<boolean>(false);
+  const isMobile = useIsMobile();
+  const orgs = useSelector((state: RootState) => state.spaces.orgs);
+
+  // Initialize data
+  const initialData = { ...data };
+  if (initialData && initialData.meta_fields) {
+    if (typeof initialData.meta_fields !== "string") {
+      initialData.meta_fields = JSON.stringify(
+        initialData.meta_fields,
+        null,
+        2
+      );
+    }
+  }
+
+  // Define form schema
+  const formSchema = z.object({
+    organisation_id: z.string({ required_error: "Organisation is required" }),
+    name: z
+      .string()
+      .min(3, { message: "Name must be minimum 3 characters." })
+      .max(50, { message: "Name must be maximum 50 characters." }),
+    slug: z.string().optional(),
+    site_title: z.string().optional(),
+    tag_line: z.string().optional(),
+    site_address: z.string().optional(),
+    description: z.string().optional(),
+    meta_fields: z.string().optional(),
+  });
+
+  type FormValues = z.infer<typeof formSchema>;
+
+  const form = useForm<FormValues>({
+    resolver: zodResolver(formSchema),
+    defaultValues: initialData as FormValues,
+  });
+
+  const onSubmit = (values: FormValues) => {
+    const submitValues = { ...values };
+    if (submitValues.meta_fields) {
+      submitValues.meta_fields = getJsonValue(submitValues.meta_fields);
+    }
+    onCreate(submitValues);
+    setValueChange(false);
+  };
+
+  const adminOrgs = orgs.filter((o) => o.role === "admin");
+
+  return (
+    <div className={isMobile ? "" : "bg-white flex justify-center"}>
+      <div className={isMobile ? "w-full" : "w-full max-w-3xl"}>
+        {/* Mobile header */}
+        {isMobile && (
+          <div className="mb-4">
+            <h1 className="text-xl font-semibold">Edit Space</h1>
+            <div className="mt-2">
+              <p className="text-gray-600 text-[13px]">
+                Update your space settings and information.
+              </p>
+            </div>
+          </div>
+        )}
+
+        {/* Desktop header */}
+        {!isMobile && (
+          <div className="mb-3 pb-4 border-b border-gray-200 px-4">
+            <h2 className="text-xl font-semibold">Edit Space</h2>
+            <p className="text-gray-600 mt-2 text-[13px]">
+              Update your space settings and information.
+            </p>
+          </div>
+        )}
+
+        {isMobile && <div className="border-t border-gray-200 mb-4"></div>}
+
+        <div className="bg-white">
+          <Form {...form}>
+            <form
+              id="edit-space-form"
+              onSubmit={form.handleSubmit(onSubmit)}
+              onChange={() => setValueChange(true)}
+              className="space-y-6"
+            >
+              <Accordion
+                type="multiple"
+                defaultValue={["general"]}
+                className="w-full"
+              >
+                {/* General Section */}
+                <AccordionItem
+                  value="general"
+                  className="rounded-md overflow-hidden mb-2"
+                >
+                  <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                    <span
+                      className={
+                        isMobile
+                          ? "text-base font-medium"
+                          : "text-lg font-medium"
+                      }
+                    >
+                      General
+                    </span>
+                  </AccordionTrigger>
+                  <AccordionContent>
+                    <div className="space-y-6 pt-4 px-4 pb-4">
+                      {/* Name */}
+                      <FormField
+                        control={form.control}
+                        name="name"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">Title</FormLabel>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                placeholder="Space title"
+                                maxLength={50}
+                              />
+                            </FormControl>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      {/* Organization */}
+                      <FormField
+                        control={form.control}
+                        name="organisation_id"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Organization
+                            </FormLabel>
+                            <Select
+                              onValueChange={field.onChange}
+                              defaultValue={field.value}
+                            >
+                              <FormControl>
+                                <SelectTrigger>
+                                  <SelectValue placeholder="Select organization" />
+                                </SelectTrigger>
+                              </FormControl>
+                              <SelectContent>
+                                {adminOrgs.length === 0 ? (
+                                  <SelectItem value="none" disabled>
+                                    No admin organizations found
+                                  </SelectItem>
+                                ) : (
+                                  adminOrgs.map((org) => (
+                                    <SelectItem key={org.id} value={org.id}>
+                                      <div className="flex items-center">
+                                        <Building2 className="mr-2 h-4 w-4" />
+                                        {org.title}
+                                      </div>
+                                    </SelectItem>
+                                  ))
+                                )}
+                              </SelectContent>
+                            </Select>
+                            <FormMessage />
+                          </FormItem>
+                        )}
+                      />
+
+                      {/* Slug */}
+                      <div>
+                        <SlugInput form={form} />
+                      </div>
+
+                      {/* Description */}
+                      <FormField
+                        control={form.control}
+                        name="description"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Description
+                            </FormLabel>
+                            <FormControl>
+                              <Textarea
+                                {...field}
+                                placeholder="Brief description..."
+                                className="resize-none"
+                                rows={6}
+                                maxLength={500}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </AccordionContent>
+                </AccordionItem>
+
+                {/* Site Details Section */}
+                <AccordionItem
+                  value="site-details"
+                  className="rounded-md overflow-hidden mb-2"
+                >
+                  <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                    <span
+                      className={
+                        isMobile
+                          ? "text-base font-medium"
+                          : "text-lg font-medium"
+                      }
+                    >
+                      Site details
+                    </span>
+                  </AccordionTrigger>
+                  <AccordionContent>
+                    <div className="space-y-6 pt-4 px-4 pb-4">
+                      <FormField
+                        control={form.control}
+                        name="site_title"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Site Title
+                            </FormLabel>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                placeholder="Enter site title"
+                                maxLength={50}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="tag_line"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">Tagline</FormLabel>
+                            <FormControl>
+                              <Input
+                                {...field}
+                                placeholder="Enter tagline"
+                                maxLength={100}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="site_address"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Website URL
+                            </FormLabel>
+                            <FormControl>
+                              <div className="flex">
+                                <div className="bg-[#F0F5FF] flex items-center px-3 rounded-l-md border border-r-0 border-input">
+                                  https://
+                                </div>
+                                <Input
+                                  {...field}
+                                  className="rounded-l-none"
+                                  placeholder="example.com"
+                                />
+                              </div>
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </AccordionContent>
+                </AccordionItem>
+
+                {/* Meta Fields Section */}
+                <AccordionItem
+                  value="meta-fields"
+                  className="rounded-md overflow-hidden mb-2"
+                >
+                  <AccordionTrigger className="hover:no-underline px-4 py-3 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                    <span
+                      className={
+                        isMobile
+                          ? "text-base font-medium"
+                          : "text-lg font-medium"
+                      }
+                    >
+                      Meta fields
+                    </span>
+                  </AccordionTrigger>
+                  <AccordionContent>
+                    <div className="space-y-4 pt-4 px-4 pb-4">
+                      <FormField
+                        control={form.control}
+                        name="meta_fields"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel className="text-base">
+                              Metadata
+                            </FormLabel>
+                            <FormControl>
+                              <div className="border border-input rounded-md overflow-hidden">
+                                <MonacoEditor
+                                  width="100%"
+                                  height="200px"
+                                  language="json"
+                                  value={field.value as string}
+                                  onChange={field.onChange}
+                                />
+                              </div>
+                            </FormControl>
+                            <FormDescription>
+                              Add custom metadata in JSON format
+                            </FormDescription>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </AccordionContent>
+                </AccordionItem>
+              </Accordion>
+
+              {/* Action Buttons */}
+              <div
+                className={
+                  isMobile
+                    ? "flex justify-between mb-8 mt-8"
+                    : "flex justify-start gap-3 pt-4 border-t border-gray-100"
+                }
+              >
+                <Button
+                  type="button"
+                  variant="outline"
+                  onClick={() => window.history.back()}
+                  className={isMobile ? "w-[48%]" : ""}
+                >
+                  Cancel
+                </Button>
+                <Button
+                  type="submit"
+                  disabled={!valueChange}
+                  className={isMobile ? "w-[48%]" : ""}
+                >
+                  Update
+                </Button>
+              </div>
+            </form>
+          </Form>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SpaceEditForm;
diff --git a/studio/src/pages/spaces/components/SpaceList.js b/studio/src/pages/spaces/components/SpaceList.js
deleted file mode 100644
index 0ddfaa3e9..000000000
--- a/studio/src/pages/spaces/components/SpaceList.js
+++ /dev/null
@@ -1,197 +0,0 @@
-import React from 'react';
-import { ConfigProvider, Modal, Button, Table, Typography, Space } from 'antd';
-import { useSelector, useDispatch } from 'react-redux';
-import { Link } from 'react-router-dom';
-import { deleteSpace, getSpaces } from './../../../actions/spaces';
-import { spaceSelector } from '../../../selectors/spaces';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function SpaceList() {
-  const dispatch = useDispatch();
-  const { spaces, loading } = useSelector(spaceSelector);
-
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemId, setDeleteItemId] = React.useState(null);
-
-  const history = useNavigation();
-
-  const fetchSpaces = () => {
-    dispatch(getSpaces());
-  };
-
-  const columns = [
-    {
-      title: 'ID',
-      dataIndex: 'id',
-      key: 'id',
-      width: 250,
-      ellipsis: false,
-      render: (_, record) => (
-        <Link to={`/admin/spaces/${record.id}/edit`}>
-          <Typography.Text
-            style={{
-              fontSize: '1rem',
-              color: '#101828',
-              whiteSpace: 'normal',
-              wordBreak: 'break-all',
-            }}
-            strong
-          >
-            {record.id}
-          </Typography.Text>
-        </Link>
-      ),
-    },
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      width: 200,
-      ellipsis: true,
-      render: (_, record) => (
-        <Link to={`/admin/spaces/${record.id}/edit`}>
-          <Typography.Text style={{ fontSize: '1rem', color: '#101828' }} strong>
-            {record.name}
-          </Typography.Text>
-        </Link>
-      ),
-    },
-    {
-      title: 'Site Address',
-      dataIndex: 'site_address',
-      key: 'site_address',
-      width: 200,
-      ellipsis: true,
-      render: (_, record) => (
-        <Typography.Text style={{ fontSize: '1rem', color: '#101828' }} strong>
-          {record.site_address}
-        </Typography.Text>
-      ),
-    },
-    {
-      title: 'Site Title',
-      dataIndex: 'site_title',
-      key: 'site_title',
-      width: 200,
-      ellipsis: true,
-      render: (_, record) => (
-        <Typography.Text style={{ fontSize: '1rem', color: '#101828' }} strong>
-          {record.site_title}
-        </Typography.Text>
-      ),
-    },
-    {
-      title: 'Tag line',
-      dataIndex: 'tag_line',
-      key: 'tag_line',
-      width: 200,
-      ellipsis: true,
-      render: (_, record) => (
-        <Typography.Text style={{ fontSize: '1rem', color: '#101828' }} strong>
-          {record.tag_line}
-        </Typography.Text>
-      ),
-    },
-    {
-      title: 'Actions',
-      dataIndex: 'operation',
-      key: 'operation',
-      width: 150,
-      ellipsis: true,
-      render: (_, record) => (
-        <Space direction="horizontal">
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            <Button
-              size="large"
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemId(record.id);
-              }}
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-            />
-          </ConfigProvider>
-        </Space>
-      ),
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-          Table: {
-            headerBg: '#ffffff',
-            headerColor: '#101828',
-            borderColor: '#f0f0f0',
-            rowHoverBg: '#fafafa',
-          },
-        },
-      }}
-    >
-      <div style={{ width: '100%', overflow: 'auto' }}>
-        <Table
-          onRow={(record) => ({
-            onClick: () => history(`/admin/spaces/${record.id}/edit`),
-            onMouseEnter: () => {
-              document.body.style.cursor = 'pointer';
-            },
-            onMouseLeave: () => {
-              document.body.style.cursor = 'default';
-            },
-          })}
-          scroll={{
-            x: 1150,
-          }}
-          rowKey="id"
-          dataSource={spaces}
-          columns={columns}
-          loading={loading}
-        />
-      </div>
-
-      <Modal
-        open={modalOpen}
-        closable={false}
-        centered
-        width={311}
-        className="delete-modal-container"
-        style={{
-          borderRadius: '18px',
-        }}
-        onOk={(e) => {
-          e.stopPropagation();
-          dispatch(deleteSpace(deleteItemId)).then(() => fetchSpaces());
-          setModalOpen(false);
-          setDeleteItemId(null);
-        }}
-        cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-        onCancel={(e) => {
-          e.stopPropagation();
-          setModalOpen(false);
-          setDeleteItemId(null);
-        }}
-      >
-        <Typography.Text style={{ fontSize: '1rem', color: '#101828' }} strong>
-          Are you sure you want to delete this space?
-        </Typography.Text>
-      </Modal>
-    </ConfigProvider>
-  );
-}
-
-export default SpaceList;
diff --git a/studio/src/pages/spaces/components/SpaceList.test.js b/studio/src/pages/spaces/components/SpaceList.test.js
deleted file mode 100644
index 837fa18a7..000000000
--- a/studio/src/pages/spaces/components/SpaceList.test.js
+++ /dev/null
@@ -1,144 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-import renderer, { act } from 'react-test-renderer';
-import { useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { Popconfirm, Button } from 'antd';
-
-import '../../../matchMedia.mock';
-import SpaceList from './SpaceList';
-import { getSpaces, deleteSpace } from '../../../actions/spaces';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/spaces', () => ({
-  getSpaces: jest.fn(),
-  deleteSpace: jest.fn(),
-}));
-
-describe('Spaces List component', () => {
-  let store;
-  let mockedDispatch;
-  const space = {
-    id: 1,
-    name: 'space 1',
-    site_address: 'site_address',
-    site_title: 'site_title',
-    tag_line: 'tag_line',
-  };
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      useSelector.mockImplementation((state) => ({}));
-      const tree = renderer.create(<SpaceList />).toJSON();
-      expect(tree).toMatchSnapshot();
-      expect(useSelector).toHaveBeenCalled();
-    });
-    it('should match component when loading', () => {
-      useSelector.mockImplementation((state) => ({
-        spaces: [],
-        loading: true,
-      }));
-      const tree = renderer.create(<SpaceList />).toJSON();
-      expect(tree).toMatchSnapshot();
-      expect(useSelector).toHaveBeenCalled();
-    });
-    it('should match component with spaces', () => {
-      useSelector.mockImplementation((state) => ({
-        spaces: [space],
-        loading: false,
-      }));
-
-      let component;
-      act(() => {
-        component = renderer.create(
-          <Router>
-            <SpaceList />
-          </Router>,
-        );
-      });
-      const tree = component.toJSON();
-      expect(tree).toMatchSnapshot();
-
-      expect(useSelector).toHaveBeenCalled();
-      expect(useSelector).toHaveReturnedWith({
-        spaces: [space],
-        loading: false,
-      });
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should delete space', () => {
-      useSelector.mockImplementation((state) => ({
-        spaces: [space],
-        total: 1,
-        loading: false,
-      }));
-
-      const wrapper = mount(
-        <Router>
-          <SpaceList />
-        </Router>,
-      );
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-      setTimeout(() => {
-        expect(deleteSpace).toHaveBeenCalled();
-        expect(deleteSpace).toHaveBeenCalledWith(1);
-        expect(getSpaces).toHaveBeenCalledWith({ page: 1 });
-      });
-    });
-    it('should edit space', () => {
-      useSelector.mockImplementation((state) => ({
-        spaces: [space],
-        total: 1,
-        loading: false,
-      }));
-
-      const wrapper = mount(
-        <Router>
-          <SpaceList />
-        </Router>,
-      );
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('space 1');
-      expect(link.prop('to')).toEqual('/admin/spaces/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      useSelector.mockImplementation((state) => ({}));
-
-      const wrapper = mount(
-        <Router>
-          <SpaceList />
-        </Router>,
-      );
-
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/spaces/components/SpaceList.tsx b/studio/src/pages/spaces/components/SpaceList.tsx
new file mode 100644
index 000000000..0ac0a4777
--- /dev/null
+++ b/studio/src/pages/spaces/components/SpaceList.tsx
@@ -0,0 +1,388 @@
+import React, { useCallback, useState } from "react";
+import { useSelector, useDispatch } from "react-redux";
+import { Link } from "react-router-dom";
+import { Trash2, Pencil, Ellipsis } from "lucide-react";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import { Skeleton } from "@/components/ui/skeleton";
+import { deleteSpace } from "../../../actions/spaces";
+import { spaceSelector } from "../../../selectors/spaces";
+import useNavigation from "../../../utils/useNavigation";
+import EmptyState from "@/components/EmptyState";
+import { AppDispatch, SpaceListProps, SpaceState } from "../types";
+
+const LoadingRow: React.FC = () => (
+  <TableRow>
+    <TableCell>
+      <Skeleton className="h-6 w-[200px]" />
+    </TableCell>
+    <TableCell>
+      <Skeleton className="h-6 w-[150px]" />
+    </TableCell>
+    <TableCell>
+      <Skeleton className="h-6 w-[180px]" />
+    </TableCell>
+    <TableCell>
+      <Skeleton className="h-6 w-[160px]" />
+    </TableCell>
+    <TableCell>
+      <Skeleton className="h-6 w-[160px]" />
+    </TableCell>
+    <TableCell>
+      <Skeleton className="h-8 w-8 rounded-full" />
+    </TableCell>
+  </TableRow>
+);
+
+const MobileLoadingRow: React.FC = () => (
+  <TableRow>
+    <TableCell>
+      <Skeleton className="h-6 w-[200px]" />
+    </TableCell>
+    <TableCell>
+      <Skeleton className="h-6 w-[80px]" />
+    </TableCell>
+    <TableCell>
+      <Skeleton className="h-8 w-8 rounded-full" />
+    </TableCell>
+  </TableRow>
+);
+
+const SpaceList: React.FC<SpaceListProps> = ({
+  searchQuery = "",
+  isMobile = false,
+}) => {
+  const dispatch = useDispatch<AppDispatch>();
+  const { spaces, loading } = useSelector(spaceSelector) as SpaceState;
+  const [dialogOpen, setDialogOpen] = useState<boolean>(false);
+  const [deleteItemId, setDeleteItemId] = useState<string | null>(null);
+  const history = useNavigation();
+
+  const handleDeleteClick = useCallback((e: React.MouseEvent, id: string) => {
+    e.stopPropagation();
+    setDialogOpen(true);
+    setDeleteItemId(id);
+  }, []);
+
+  const handleEditClick = useCallback(
+    (e: React.MouseEvent, id: string) => {
+      e.stopPropagation();
+      history(`/admin/spaces/${id}/edit`);
+    },
+    [history]
+  );
+
+  const handleDelete = async () => {
+    if (deleteItemId) {
+      await dispatch(deleteSpace(deleteItemId));
+      setDialogOpen(false);
+      setDeleteItemId(null);
+    }
+  };
+
+  const handleRowClick = useCallback(
+    (id: string) => {
+      history(`/admin/spaces/${id}/edit`);
+    },
+    [history]
+  );
+
+  // Format the date to show only the date part
+  const formatDate = (dateString?: string) => {
+    if (!dateString) return "---";
+    try {
+      const date = new Date(dateString);
+      const day = date.getDate().toString().padStart(2, "0");
+      const month = (date.getMonth() + 1).toString().padStart(2, "0");
+      const year = date.getFullYear();
+      return `${day} / ${month} /${year}`;
+    } catch (error) {
+      return "---";
+    }
+  };
+
+  // Helper function to display "-" for empty values
+  const displayValue = (value: string | null | undefined): string => {
+    return value ? value.trim() : "---";
+  };
+
+  // Filter spaces based on search query
+  const filteredSpaces = React.useMemo(() => {
+    return spaces.filter(
+      (space) =>
+        space.name?.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        space.id?.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        space.site_address?.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        space.site_title?.toLowerCase().includes(searchQuery.toLowerCase()) ||
+        (space.created_at &&
+          space.created_at.toLowerCase().includes(searchQuery.toLowerCase()))
+    );
+  }, [spaces, searchQuery]);
+
+  const hasSpacesData = !loading && filteredSpaces.length > 0;
+
+  // Mobile view table
+  if (isMobile) {
+    return (
+      <div className="pb-4 overflow-auto">
+        {loading ? (
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="w-1/2">Title</TableHead>
+                <TableHead className="w-1/3">ID</TableHead>
+                <TableHead className="w-[50px] text-center">Action</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              <MobileLoadingRow />
+              <MobileLoadingRow />
+              <MobileLoadingRow />
+            </TableBody>
+          </Table>
+        ) : hasSpacesData ? (
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="w-1/2">Title</TableHead>
+                <TableHead className="w-1/3">ID</TableHead>
+                <TableHead className="w-[50px] text-center">Action</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {filteredSpaces.map((space) => (
+                <TableRow
+                  key={space.id}
+                  className="cursor-pointer"
+                  onClick={() => handleRowClick(space.id)}
+                >
+                  <TableCell>
+                    <h3 className="font-normal">{displayValue(space.name)}</h3>
+                  </TableCell>
+                  <TableCell>
+                    <p className="line-clamp-2 font-normal">
+                      {displayValue(space.id).substring(0, 8)}
+                    </p>
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => handleEditClick(e, space.id)}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuItem
+                          onClick={(e) => handleDeleteClick(e, space.id)}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        ) : (
+          <EmptyState
+            contentType="spaces"
+            title="No spaces found"
+            description="Your spaces list is empty"
+            isMobile={isMobile}
+          />
+        )}
+
+        <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+          <DialogContent
+            className="max-w-sm p-4"
+            onPointerDownOutside={(e) => e.preventDefault()}
+          >
+            <DialogHeader className="space-y-2">
+              <DialogTitle className="text-base">Delete Space</DialogTitle>
+              <DialogDescription className="text-sm">
+                Are you sure you want to delete this space?
+              </DialogDescription>
+            </DialogHeader>
+            <DialogFooter className="mt-4 flex justify-end space-x-2">
+              <Button
+                size="sm"
+                variant="outline"
+                onClick={() => setDialogOpen(false)}
+              >
+                Cancel
+              </Button>
+              <Button size="sm" variant="destructive" onClick={handleDelete}>
+                Delete
+              </Button>
+            </DialogFooter>
+          </DialogContent>
+        </Dialog>
+      </div>
+    );
+  }
+
+  // Desktop view table
+  return (
+    <div className="pb-4 overflow-auto">
+      {loading ? (
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead className="w-1/4 text-[13px]">Title</TableHead>
+              <TableHead className="w-1/4 text-[13px]">ID</TableHead>
+              <TableHead className="w-1/6 text-[13px]">Site Title</TableHead>
+              <TableHead className="w-1/6 text-[13px]">Site Address</TableHead>
+              <TableHead className="w-1/7 text-[13px]">Created on</TableHead>
+              <TableHead className="w-[100px] text-[13px] text-center">
+                Actions
+              </TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            <LoadingRow />
+            <LoadingRow />
+            <LoadingRow />
+            <LoadingRow />
+            <LoadingRow />
+          </TableBody>
+        </Table>
+      ) : hasSpacesData ? (
+        <Table>
+          <TableHeader>
+            <TableRow>
+              <TableHead className="w-[20%] text-[13px]">Title</TableHead>
+              <TableHead className="w-[20%] text-[13px]">ID</TableHead>
+              <TableHead className="w-[15%] text-[13px]">Site Title</TableHead>
+              <TableHead className="w-[20%] text-[13px]">
+                Site Address
+              </TableHead>
+              <TableHead className="w-[15%] text-[13px]">Created on</TableHead>
+              <TableHead className="w-[10%] text-[13px] text-center">
+                Actions
+              </TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {filteredSpaces.map((space) => (
+              <TableRow
+                key={space.id}
+                className="cursor-pointer"
+                onClick={() => handleRowClick(space.id)}
+              >
+                <TableCell>
+                  <Link
+                    to={`/admin/spaces/${space.id}/edit`}
+                    className="text-foreground hover:underline font-normal"
+                    onClick={(e) => e.stopPropagation()}
+                  >
+                    {displayValue(space.name)}
+                  </Link>
+                </TableCell>
+                <TableCell>{displayValue(space.id)}</TableCell>
+                <TableCell>{displayValue(space.site_title)}</TableCell>
+                <TableCell>{displayValue(space.site_address)}</TableCell>
+                <TableCell>{formatDate(space.created_at)}</TableCell>
+                <TableCell className="text-center">
+                  <DropdownMenu>
+                    <DropdownMenuTrigger
+                      asChild
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      <Button variant="ghost" size="icon">
+                        <Ellipsis className="h-5 w-5" />
+                      </Button>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent align="end">
+                      <DropdownMenuItem
+                        onClick={(e) => handleEditClick(e, space.id)}
+                        className="cursor-pointer"
+                      >
+                        <Pencil className="h-4 w-4 mr-2" />
+                        <span>Edit</span>
+                      </DropdownMenuItem>
+                      <DropdownMenuSeparator />
+                      <DropdownMenuItem
+                        onClick={(e) => handleDeleteClick(e, space.id)}
+                        className="cursor-pointer text-red-600 focus:text-red-600"
+                      >
+                        <Trash2 className="h-4 w-4 mr-2" />
+                        <span>Delete</span>
+                      </DropdownMenuItem>
+                    </DropdownMenuContent>
+                  </DropdownMenu>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      ) : (
+        <EmptyState
+          contentType="spaces"
+          title="No spaces found"
+          description="Your spaces list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      <Dialog open={dialogOpen} onOpenChange={setDialogOpen}>
+        <DialogContent className="max-w-sm p-4">
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Space</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this space?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={() => setDialogOpen(false)}
+            >
+              Cancel
+            </Button>
+            <Button size="sm" variant="destructive" onClick={handleDelete}>
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+};
+
+export default SpaceList;
diff --git a/studio/src/pages/spaces/components/__snapshots__/SpaceCreateForm.test.js.snap b/studio/src/pages/spaces/components/__snapshots__/SpaceCreateForm.test.js.snap
deleted file mode 100644
index 99543a1c5..000000000
--- a/studio/src/pages/spaces/components/__snapshots__/SpaceCreateForm.test.js.snap
+++ /dev/null
@@ -1,4815 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spaces Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <SpaceCreateForm>
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-space",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      labelCol={
-        Object {
-          "span": 8,
-        }
-      }
-      name="create-space"
-      onFinish={[Function]}
-      style={
-        Object {
-          "paddingTop": "24px",
-        }
-      }
-      wrapperCol={
-        Object {
-          "span": 8,
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-horizontal"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-space",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-space"
-          name="create-space"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          style={
-            Object {
-              "paddingTop": "24px",
-            }
-          }
-        >
-          <form
-            className="ant-form ant-form-horizontal"
-            id="create-space"
-            onReset={[Function]}
-            onSubmit={[Function]}
-            style={
-              Object {
-                "paddingTop": "24px",
-              }
-            }
-          >
-            <FormItem
-              label="Name"
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    label="Name"
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                  >
-                    <Col
-                      className="ant-form-item-label"
-                      span={8}
-                    >
-                      <div
-                        className="ant-col ant-col-8 ant-form-item-label"
-                        style={Object {}}
-                      >
-                        <label
-                          className=""
-                          title="Name"
-                        >
-                          Name
-                        </label>
-                      </div>
-                    </Col>
-                  </FormItemLabel>
-                  <FormItemInput
-                    errors={Array []}
-                    label="Name"
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      span={8}
-                    >
-                      <div
-                        className="ant-col ant-col-8 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Group
-                              compact={true}
-                            >
-                              <span
-                                className="ant-input-group ant-input-group-compact"
-                              >
-                                <FormItem
-                                  name="organisation_id"
-                                  noStyle={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "organisation is required",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "organisation_id",
-                                      }
-                                    }
-                                    name="organisation_id"
-                                    noStyle={true}
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "organisation is required",
-                                          "required": true,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-space",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_organisation_id"
-                                      messageVariables={
-                                        Object {
-                                          "label": "organisation_id",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "organisation_id",
-                                        ]
-                                      }
-                                      noStyle={true}
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "organisation is required",
-                                            "required": true,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Component
-                                        update={1}
-                                      >
-                                        <ForwardRef(InternalSelect)
-                                          id="create-space_organisation_id"
-                                          onChange={[Function]}
-                                          placeholder="Select organisation"
-                                          style={
-                                            Object {
-                                              "width": "40%",
-                                            }
-                                          }
-                                        >
-                                          <Select
-                                            className=""
-                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                            dropdownClassName=""
-                                            id="create-space_organisation_id"
-                                            inputIcon={[Function]}
-                                            listHeight={256}
-                                            listItemHeight={24}
-                                            menuItemSelectedIcon={null}
-                                            notFoundContent={
-                                              <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>
-                                            }
-                                            onChange={[Function]}
-                                            placeholder="Select organisation"
-                                            prefixCls="ant-select"
-                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                            style={
-                                              Object {
-                                                "width": "40%",
-                                              }
-                                            }
-                                            transitionName="ant-slide-up"
-                                          >
-                                            <ForwardRef(Select)
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              dropdownClassName=""
-                                              id="create-space_organisation_id"
-                                              inputIcon={[Function]}
-                                              listHeight={256}
-                                              listItemHeight={24}
-                                              menuItemSelectedIcon={null}
-                                              notFoundContent={
-                                                <Context.Consumer>
-                                                  [Function]
-                                                </Context.Consumer>
-                                              }
-                                              onChange={[Function]}
-                                              placeholder="Select organisation"
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              style={
-                                                Object {
-                                                  "width": "40%",
-                                                }
-                                              }
-                                              transitionName="ant-slide-up"
-                                            >
-                                              <div
-                                                className="ant-select ant-select-single ant-select-show-arrow"
-                                                onBlur={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyUp={[Function]}
-                                                onMouseDown={[Function]}
-                                                style={
-                                                  Object {
-                                                    "width": "40%",
-                                                  }
-                                                }
-                                              >
-                                                <SelectTrigger
-                                                  containerWidth={null}
-                                                  dropdownClassName=""
-                                                  empty={false}
-                                                  getTriggerDOMNode={[Function]}
-                                                  popupElement={
-                                                    <ForwardRef(OptionList)
-                                                      childrenAsData={true}
-                                                      defaultActiveFirstOption={true}
-                                                      flattenOptions={
-                                                        Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "children": "Organization 2",
-                                                              "key": "2",
-                                                              "value": 2,
-                                                            },
-                                                            "groupOption": false,
-                                                            "key": "2",
-                                                          },
-                                                        ]
-                                                      }
-                                                      height={256}
-                                                      id="create-space_organisation_id"
-                                                      itemHeight={24}
-                                                      menuItemSelectedIcon={null}
-                                                      multiple={false}
-                                                      notFoundContent={
-                                                        <Context.Consumer>
-                                                          [Function]
-                                                        </Context.Consumer>
-                                                      }
-                                                      onActiveValue={[Function]}
-                                                      onMouseEnter={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Organization 2",
-                                                            "key": "2",
-                                                            "value": 2,
-                                                          },
-                                                        ]
-                                                      }
-                                                      prefixCls="ant-select"
-                                                      searchValue=""
-                                                      values={Set {}}
-                                                      virtual={true}
-                                                    />
-                                                  }
-                                                  prefixCls="ant-select"
-                                                  transitionName="ant-slide-up"
-                                                >
-                                                  <Trigger
-                                                    action={Array []}
-                                                    afterPopupVisibleChange={[Function]}
-                                                    autoDestroy={false}
-                                                    blurDelay={0.15}
-                                                    builtinPlacements={
-                                                      Object {
-                                                        "bottomLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tl",
-                                                            "bl",
-                                                          ],
-                                                        },
-                                                        "bottomRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tr",
-                                                            "br",
-                                                          ],
-                                                        },
-                                                        "topLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "bl",
-                                                            "tl",
-                                                          ],
-                                                        },
-                                                        "topRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "br",
-                                                            "tr",
-                                                          ],
-                                                        },
-                                                      }
-                                                    }
-                                                    defaultPopupVisible={false}
-                                                    destroyPopupOnHide={false}
-                                                    focusDelay={0}
-                                                    getDocument={[Function]}
-                                                    getPopupClassNameFromAlign={[Function]}
-                                                    getTriggerDOMNode={[Function]}
-                                                    hideAction={Array []}
-                                                    mask={false}
-                                                    maskClosable={true}
-                                                    mouseEnterDelay={0}
-                                                    mouseLeaveDelay={0.1}
-                                                    onPopupAlign={[Function]}
-                                                    onPopupVisibleChange={[Function]}
-                                                    popup={
-                                                      <div>
-                                                        <ForwardRef(OptionList)
-                                                          childrenAsData={true}
-                                                          defaultActiveFirstOption={true}
-                                                          flattenOptions={
-                                                            Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "children": "Organization 2",
-                                                                  "key": "2",
-                                                                  "value": 2,
-                                                                },
-                                                                "groupOption": false,
-                                                                "key": "2",
-                                                              },
-                                                            ]
-                                                          }
-                                                          height={256}
-                                                          id="create-space_organisation_id"
-                                                          itemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          multiple={false}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onActiveValue={[Function]}
-                                                          onMouseEnter={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          options={
-                                                            Array [
-                                                              Object {
-                                                                "children": "Organization 2",
-                                                                "key": "2",
-                                                                "value": 2,
-                                                              },
-                                                            ]
-                                                          }
-                                                          prefixCls="ant-select"
-                                                          searchValue=""
-                                                          values={Set {}}
-                                                          virtual={true}
-                                                        />
-                                                      </div>
-                                                    }
-                                                    popupAlign={Object {}}
-                                                    popupClassName=""
-                                                    popupPlacement="bottomLeft"
-                                                    popupStyle={
-                                                      Object {
-                                                        "minWidth": null,
-                                                        "width": null,
-                                                      }
-                                                    }
-                                                    popupTransitionName="ant-slide-up"
-                                                    prefixCls="ant-select-dropdown"
-                                                    showAction={Array []}
-                                                  >
-                                                    <Selector
-                                                      accessibilityIndex={0}
-                                                      activeValue={null}
-                                                      className=""
-                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                      domRef={
-                                                        Object {
-                                                          "current": <div
-                                                            class="ant-select-selector"
-                                                          >
-                                                            <span
-                                                              class="ant-select-selection-search"
-                                                            >
-                                                              <input
-                                                                aria-activedescendant="create-space_organisation_id_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="create-space_organisation_id_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="create-space_organisation_id_list"
-                                                                autocomplete="off"
-                                                                class="ant-select-selection-search-input"
-                                                                id="create-space_organisation_id"
-                                                                readonly=""
-                                                                role="combobox"
-                                                                style="opacity: 0;"
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />
-                                                            </span>
-                                                            <span
-                                                              class="ant-select-selection-placeholder"
-                                                            >
-                                                              Select organisation
-                                                            </span>
-                                                          </div>,
-                                                        }
-                                                      }
-                                                      dropdownClassName=""
-                                                      id="create-space_organisation_id"
-                                                      inputElement={null}
-                                                      inputIcon={[Function]}
-                                                      key="trigger"
-                                                      listHeight={256}
-                                                      listItemHeight={24}
-                                                      menuItemSelectedIcon={null}
-                                                      multiple={false}
-                                                      notFoundContent={
-                                                        <Context.Consumer>
-                                                          [Function]
-                                                        </Context.Consumer>
-                                                      }
-                                                      onChange={[Function]}
-                                                      onSearch={[Function]}
-                                                      onSearchSubmit={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      placeholder="Select organisation"
-                                                      prefixCls="ant-select"
-                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                      searchValue=""
-                                                      showSearch={false}
-                                                      style={
-                                                        Object {
-                                                          "width": "40%",
-                                                        }
-                                                      }
-                                                      tokenWithEnter={false}
-                                                      transitionName="ant-slide-up"
-                                                      values={Array []}
-                                                    >
-                                                      <div
-                                                        className="ant-select-selector"
-                                                        onClick={[Function]}
-                                                        onMouseDown={[Function]}
-                                                      >
-                                                        <SingleSelector
-                                                          accessibilityIndex={0}
-                                                          activeValue={null}
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          domRef={
-                                                            Object {
-                                                              "current": <div
-                                                                class="ant-select-selector"
-                                                              >
-                                                                <span
-                                                                  class="ant-select-selection-search"
-                                                                >
-                                                                  <input
-                                                                    aria-activedescendant="create-space_organisation_id_list_0"
-                                                                    aria-autocomplete="list"
-                                                                    aria-controls="create-space_organisation_id_list"
-                                                                    aria-haspopup="listbox"
-                                                                    aria-owns="create-space_organisation_id_list"
-                                                                    autocomplete="off"
-                                                                    class="ant-select-selection-search-input"
-                                                                    id="create-space_organisation_id"
-                                                                    readonly=""
-                                                                    role="combobox"
-                                                                    style="opacity: 0;"
-                                                                    type="search"
-                                                                    unselectable="on"
-                                                                    value=""
-                                                                  />
-                                                                </span>
-                                                                <span
-                                                                  class="ant-select-selection-placeholder"
-                                                                >
-                                                                  Select organisation
-                                                                </span>
-                                                              </div>,
-                                                            }
-                                                          }
-                                                          dropdownClassName=""
-                                                          id="create-space_organisation_id"
-                                                          inputElement={null}
-                                                          inputIcon={[Function]}
-                                                          inputRef={
-                                                            Object {
-                                                              "current": <input
-                                                                aria-activedescendant="create-space_organisation_id_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="create-space_organisation_id_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="create-space_organisation_id_list"
-                                                                autocomplete="off"
-                                                                class="ant-select-selection-search-input"
-                                                                id="create-space_organisation_id"
-                                                                readonly=""
-                                                                role="combobox"
-                                                                style="opacity: 0;"
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />,
-                                                            }
-                                                          }
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          multiple={false}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          onInputChange={[Function]}
-                                                          onInputCompositionEnd={[Function]}
-                                                          onInputCompositionStart={[Function]}
-                                                          onInputKeyDown={[Function]}
-                                                          onInputMouseDown={[Function]}
-                                                          onInputPaste={[Function]}
-                                                          onSearch={[Function]}
-                                                          onSearchSubmit={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          placeholder="Select organisation"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          searchValue=""
-                                                          showSearch={false}
-                                                          style={
-                                                            Object {
-                                                              "width": "40%",
-                                                            }
-                                                          }
-                                                          tokenWithEnter={false}
-                                                          transitionName="ant-slide-up"
-                                                          values={Array []}
-                                                        >
-                                                          <span
-                                                            className="ant-select-selection-search"
-                                                          >
-                                                            <Input
-                                                              accessibilityIndex={0}
-                                                              attrs={Object {}}
-                                                              editable={false}
-                                                              id="create-space_organisation_id"
-                                                              inputElement={null}
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onPaste={[Function]}
-                                                              prefixCls="ant-select"
-                                                              value=""
-                                                            >
-                                                              <input
-                                                                aria-activedescendant="create-space_organisation_id_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="create-space_organisation_id_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="create-space_organisation_id_list"
-                                                                autoComplete="off"
-                                                                className="ant-select-selection-search-input"
-                                                                id="create-space_organisation_id"
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onPaste={[Function]}
-                                                                readOnly={true}
-                                                                role="combobox"
-                                                                style={
-                                                                  Object {
-                                                                    "opacity": 0,
-                                                                  }
-                                                                }
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />
-                                                            </Input>
-                                                          </span>
-                                                          <span
-                                                            className="ant-select-selection-placeholder"
-                                                          >
-                                                            Select organisation
-                                                          </span>
-                                                        </SingleSelector>
-                                                      </div>
-                                                    </Selector>
-                                                  </Trigger>
-                                                </SelectTrigger>
-                                                <TransBtn
-                                                  className="ant-select-arrow"
-                                                  customizeIcon={[Function]}
-                                                  customizeIconProps={
-                                                    Object {
-                                                      "focused": false,
-                                                      "loading": undefined,
-                                                      "open": undefined,
-                                                      "searchValue": "",
-                                                      "showSearch": false,
-                                                    }
-                                                  }
-                                                >
-                                                  <span
-                                                    aria-hidden={true}
-                                                    className="ant-select-arrow"
-                                                    onMouseDown={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "WebkitUserSelect": "none",
-                                                        "userSelect": "none",
-                                                      }
-                                                    }
-                                                    unselectable="on"
-                                                  >
-                                                    <ForwardRef(DownOutlined)
-                                                      className="ant-select-suffix"
-                                                    >
-                                                      <AntdIcon
-                                                        className="ant-select-suffix"
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "down",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <span
-                                                          aria-label="down"
-                                                          className="anticon anticon-down ant-select-suffix"
-                                                          role="img"
-                                                        >
-                                                          <IconReact
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "down",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="down"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              key="svg-down"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                key="svg-down-svg-0"
-                                                              />
-                                                            </svg>
-                                                          </IconReact>
-                                                        </span>
-                                                      </AntdIcon>
-                                                    </ForwardRef(DownOutlined)>
-                                                  </span>
-                                                </TransBtn>
-                                              </div>
-                                            </ForwardRef(Select)>
-                                          </Select>
-                                        </ForwardRef(InternalSelect)>
-                                      </Component>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem
-                                  name="name"
-                                  noStyle={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Name is required",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Name must be minimum 3 characters.",
-                                        "min": 3,
-                                      },
-                                      Object {
-                                        "max": 50,
-                                        "message": "Name must be maximum 50 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "name",
-                                      }
-                                    }
-                                    name="name"
-                                    noStyle={true}
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Name is required",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Name must be minimum 3 characters.",
-                                          "min": 3,
-                                        },
-                                        Object {
-                                          "max": 50,
-                                          "message": "Name must be maximum 50 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-space",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_name"
-                                      messageVariables={
-                                        Object {
-                                          "label": "name",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      noStyle={true}
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Name is required",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Name must be minimum 3 characters.",
-                                            "min": 3,
-                                          },
-                                          Object {
-                                            "max": 50,
-                                            "message": "Name must be maximum 50 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Component
-                                        update={1}
-                                      >
-                                        <Input
-                                          id="create-space_name"
-                                          onChange={[Function]}
-                                          placeholder="Input name"
-                                          style={
-                                            Object {
-                                              "width": "60%",
-                                            }
-                                          }
-                                          type="text"
-                                        >
-                                          <ClearableLabeledInput
-                                            bordered={true}
-                                            element={
-                                              <input
-                                                className="ant-input"
-                                                id="create-space_name"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="Input name"
-                                                style={
-                                                  Object {
-                                                    "width": "60%",
-                                                  }
-                                                }
-                                                type="text"
-                                              />
-                                            }
-                                            focused={false}
-                                            handleReset={[Function]}
-                                            id="create-space_name"
-                                            inputType="input"
-                                            onChange={[Function]}
-                                            placeholder="Input name"
-                                            prefixCls="ant-input"
-                                            style={
-                                              Object {
-                                                "width": "60%",
-                                              }
-                                            }
-                                            triggerFocus={[Function]}
-                                            type="text"
-                                            value=""
-                                          >
-                                            <input
-                                              className="ant-input"
-                                              id="create-space_name"
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              placeholder="Input name"
-                                              style={
-                                                Object {
-                                                  "width": "60%",
-                                                }
-                                              }
-                                              type="text"
-                                              value=""
-                                            />
-                                          </ClearableLabeledInput>
-                                        </Input>
-                                      </Component>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </span>
-                            </Group>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-            <SlugInput>
-              <FormItem
-                label="Slug"
-                name="slug"
-                rules={
-                  Array [
-                    Object {
-                      "message": "Please input the slug!",
-                      "required": true,
-                    },
-                    Object {
-                      "message": "Please enter valid slug!",
-                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                    },
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Slug"
-                  messageVariables={
-                    Object {
-                      "label": "Slug",
-                    }
-                  }
-                  name="slug"
-                  onReset={[Function]}
-                  rules={
-                    Array [
-                      Object {
-                        "message": "Please input the slug!",
-                        "required": true,
-                      },
-                      Object {
-                        "message": "Please enter valid slug!",
-                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                      },
-                    ]
-                  }
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-space",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_slug"
-                    label="Slug"
-                    messageVariables={
-                      Object {
-                        "label": "Slug",
-                      }
-                    }
-                    name={
-                      Array [
-                        "slug",
-                      ]
-                    }
-                    onReset={[Function]}
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please input the slug!",
-                          "required": true,
-                        },
-                        Object {
-                          "message": "Please enter valid slug!",
-                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                        },
-                      ]
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-space_slug"
-                          label="Slug"
-                          name="slug"
-                          prefixCls="ant-form"
-                          required={true}
-                          requiredMark={true}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the slug!",
-                                "required": true,
-                              },
-                              Object {
-                                "message": "Please enter valid slug!",
-                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                              },
-                            ]
-                          }
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className="ant-form-item-required"
-                                htmlFor="create-space_slug"
-                                title="Slug"
-                              >
-                                Slug
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Slug"
-                          name={
-                            Array [
-                              "slug",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the slug!",
-                                "required": true,
-                              },
-                              Object {
-                                "message": "Please enter valid slug!",
-                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                              },
-                            ]
-                          }
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="create-space_slug"
-                                      onChange={[Function]}
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-space_slug"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-space_slug"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_slug"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-            </SlugInput>
-            <FormItem
-              label="Title"
-              name="site_title"
-            >
-              <WrapperField
-                label="Title"
-                messageVariables={
-                  Object {
-                    "label": "Title",
-                  }
-                }
-                name="site_title"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_site_title"
-                  label="Title"
-                  messageVariables={
-                    Object {
-                      "label": "Title",
-                    }
-                  }
-                  name={
-                    Array [
-                      "site_title",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_site_title"
-                        label="Title"
-                        name="site_title"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_site_title"
-                              title="Title"
-                            >
-                              Title
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Title"
-                        name={
-                          Array [
-                            "site_title",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-space_site_title"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_site_title"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-space_site_title"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-space_site_title"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Tag line"
-              name="tag_line"
-            >
-              <WrapperField
-                label="Tag line"
-                messageVariables={
-                  Object {
-                    "label": "Tag line",
-                  }
-                }
-                name="tag_line"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_tag_line"
-                  label="Tag line"
-                  messageVariables={
-                    Object {
-                      "label": "Tag line",
-                    }
-                  }
-                  name={
-                    Array [
-                      "tag_line",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_tag_line"
-                        label="Tag line"
-                        name="tag_line"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_tag_line"
-                              title="Tag line"
-                            >
-                              Tag line
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Tag line"
-                        name={
-                          Array [
-                            "tag_line",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-space_tag_line"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_tag_line"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-space_tag_line"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-space_tag_line"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Website"
-              name="site_address"
-            >
-              <WrapperField
-                label="Website"
-                messageVariables={
-                  Object {
-                    "label": "Website",
-                  }
-                }
-                name="site_address"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_site_address"
-                  label="Website"
-                  messageVariables={
-                    Object {
-                      "label": "Website",
-                    }
-                  }
-                  name={
-                    Array [
-                      "site_address",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_site_address"
-                        label="Website"
-                        name="site_address"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_site_address"
-                              title="Website"
-                            >
-                              Website
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Website"
-                        name={
-                          Array [
-                            "site_address",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-space_site_address"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_site_address"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-space_site_address"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-space_site_address"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Description"
-              name="description"
-            >
-              <WrapperField
-                label="Description"
-                messageVariables={
-                  Object {
-                    "label": "Description",
-                  }
-                }
-                name="description"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_description"
-                  label="Description"
-                  messageVariables={
-                    Object {
-                      "label": "Description",
-                    }
-                  }
-                  name={
-                    Array [
-                      "description",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_description"
-                        label="Description"
-                        name="description"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_description"
-                              title="Description"
-                            >
-                              Description
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Description"
-                        name={
-                          Array [
-                            "description",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef
-                                    id="create-space_description"
-                                    onChange={[Function]}
-                                    placeholder="Enter Description..."
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <TextArea
-                                          className=""
-                                          id="create-space_description"
-                                          onChange={[Function]}
-                                          onCompositionEnd={[Function]}
-                                          onCompositionStart={[Function]}
-                                          placeholder="Enter Description..."
-                                          prefixCls="ant-input"
-                                        />
-                                      }
-                                      handleReset={[Function]}
-                                      id="create-space_description"
-                                      inputType="text"
-                                      placeholder="Enter Description..."
-                                      prefixCls="ant-input"
-                                      value=""
-                                    >
-                                      <TextArea
-                                        className=""
-                                        id="create-space_description"
-                                        onChange={[Function]}
-                                        onCompositionEnd={[Function]}
-                                        onCompositionStart={[Function]}
-                                        placeholder="Enter Description..."
-                                        prefixCls="ant-input"
-                                        value=""
-                                      >
-                                        <ResizableTextArea
-                                          className=""
-                                          id="create-space_description"
-                                          onChange={[Function]}
-                                          onCompositionEnd={[Function]}
-                                          onCompositionStart={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter Description..."
-                                          prefixCls="ant-input"
-                                          value=""
-                                        >
-                                          <ResizeObserver
-                                            disabled={true}
-                                            onResize={[Function]}
-                                          >
-                                            <textarea
-                                              className="ant-input"
-                                              id="create-space_description"
-                                              onChange={[Function]}
-                                              onCompositionEnd={[Function]}
-                                              onCompositionStart={[Function]}
-                                              onKeyDown={[Function]}
-                                              placeholder="Enter Description..."
-                                              style={Object {}}
-                                              value=""
-                                            />
-                                          </ResizeObserver>
-                                        </ResizableTextArea>
-                                      </TextArea>
-                                    </ClearableLabeledInput>
-                                  </ForwardRef>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Metafields"
-              name="meta_fields"
-            >
-              <WrapperField
-                label="Metafields"
-                messageVariables={
-                  Object {
-                    "label": "Metafields",
-                  }
-                }
-                name="meta_fields"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_meta_fields"
-                  label="Metafields"
-                  messageVariables={
-                    Object {
-                      "label": "Metafields",
-                    }
-                  }
-                  name={
-                    Array [
-                      "meta_fields",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_meta_fields"
-                        label="Metafields"
-                        name="meta_fields"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_meta_fields"
-                              title="Metafields"
-                            >
-                              Metafields
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Metafields"
-                        name={
-                          Array [
-                            "meta_fields",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <MONACOEditor
-                                    id="create-space_meta_fields"
-                                    language="json"
-                                    onChange={[Function]}
-                                  >
-                                    <MonacoEditor
-                                      height="240"
-                                      language="json"
-                                      onChange={[Function]}
-                                      options={
-                                        Object {
-                                          "autoClosingBrackets": "auto",
-                                          "autoClosingQuotes": "auto",
-                                          "cursorBlinking": "smooth",
-                                          "folding": true,
-                                          "lineNumbersMinChars": 4,
-                                          "minimap": Object {
-                                            "enabled": false,
-                                          },
-                                          "scrollBeyondLastLine": false,
-                                          "scrollbar": Object {
-                                            "alwaysConsumeMouseWheel": false,
-                                          },
-                                          "theme": "vs-dark",
-                                          "wordWrap": "on",
-                                        }
-                                      }
-                                      width={440}
-                                    >
-                                      <div />
-                                    </MonacoEditor>
-                                  </MONACOEditor>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              wrapperCol={
-                Object {
-                  "offset": 8,
-                  "span": 16,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    wrapperCol={
-                      Object {
-                        "offset": 8,
-                        "span": 16,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 8,
-                        "span": 16,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={8}
-                      span={16}
-                    >
-                      <div
-                        className="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Button
-                              htmlType="submit"
-                              type="primary"
-                            >
-                              <Wave>
-                                <button
-                                  className="ant-btn ant-btn-primary"
-                                  onClick={[Function]}
-                                  type="submit"
-                                >
-                                  <LoadingIcon
-                                    existIcon={false}
-                                    loading={false}
-                                    prefixCls="ant-btn"
-                                  >
-                                    <CSSMotion
-                                      motionName="ant-btn-loading-icon-motion"
-                                      onAppearActive={[Function]}
-                                      onAppearStart={[Function]}
-                                      onEnterActive={[Function]}
-                                      onEnterStart={[Function]}
-                                      onLeaveActive={[Function]}
-                                      onLeaveStart={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </LoadingIcon>
-                                  <span
-                                    key=".0"
-                                  >
-                                    Submit
-                                  </span>
-                                </button>
-                              </Wave>
-                            </Button>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </SpaceCreateForm>
-</Provider>
-`;
-
-exports[`Spaces Create Form component snapshot testing should render the component with props 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <SpaceCreateForm
-    onCreate={[MockFunction]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-space",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      labelCol={
-        Object {
-          "span": 8,
-        }
-      }
-      name="create-space"
-      onFinish={[Function]}
-      style={
-        Object {
-          "paddingTop": "24px",
-        }
-      }
-      wrapperCol={
-        Object {
-          "span": 8,
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-horizontal"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-space",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-space"
-          name="create-space"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          style={
-            Object {
-              "paddingTop": "24px",
-            }
-          }
-        >
-          <form
-            className="ant-form ant-form-horizontal"
-            id="create-space"
-            onReset={[Function]}
-            onSubmit={[Function]}
-            style={
-              Object {
-                "paddingTop": "24px",
-              }
-            }
-          >
-            <FormItem
-              label="Name"
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    label="Name"
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                  >
-                    <Col
-                      className="ant-form-item-label"
-                      span={8}
-                    >
-                      <div
-                        className="ant-col ant-col-8 ant-form-item-label"
-                        style={Object {}}
-                      >
-                        <label
-                          className=""
-                          title="Name"
-                        >
-                          Name
-                        </label>
-                      </div>
-                    </Col>
-                  </FormItemLabel>
-                  <FormItemInput
-                    errors={Array []}
-                    label="Name"
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      span={8}
-                    >
-                      <div
-                        className="ant-col ant-col-8 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Group
-                              compact={true}
-                            >
-                              <span
-                                className="ant-input-group ant-input-group-compact"
-                              >
-                                <FormItem
-                                  name="organisation_id"
-                                  noStyle={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "organisation is required",
-                                        "required": true,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "organisation_id",
-                                      }
-                                    }
-                                    name="organisation_id"
-                                    noStyle={true}
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "organisation is required",
-                                          "required": true,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-space",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_organisation_id"
-                                      messageVariables={
-                                        Object {
-                                          "label": "organisation_id",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "organisation_id",
-                                        ]
-                                      }
-                                      noStyle={true}
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "organisation is required",
-                                            "required": true,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Component
-                                        update={1}
-                                      >
-                                        <ForwardRef(InternalSelect)
-                                          id="create-space_organisation_id"
-                                          onChange={[Function]}
-                                          placeholder="Select organisation"
-                                          style={
-                                            Object {
-                                              "width": "40%",
-                                            }
-                                          }
-                                        >
-                                          <Select
-                                            className=""
-                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                            dropdownClassName=""
-                                            id="create-space_organisation_id"
-                                            inputIcon={[Function]}
-                                            listHeight={256}
-                                            listItemHeight={24}
-                                            menuItemSelectedIcon={null}
-                                            notFoundContent={
-                                              <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>
-                                            }
-                                            onChange={[Function]}
-                                            placeholder="Select organisation"
-                                            prefixCls="ant-select"
-                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                            style={
-                                              Object {
-                                                "width": "40%",
-                                              }
-                                            }
-                                            transitionName="ant-slide-up"
-                                          >
-                                            <ForwardRef(Select)
-                                              className=""
-                                              clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                              dropdownClassName=""
-                                              id="create-space_organisation_id"
-                                              inputIcon={[Function]}
-                                              listHeight={256}
-                                              listItemHeight={24}
-                                              menuItemSelectedIcon={null}
-                                              notFoundContent={
-                                                <Context.Consumer>
-                                                  [Function]
-                                                </Context.Consumer>
-                                              }
-                                              onChange={[Function]}
-                                              placeholder="Select organisation"
-                                              prefixCls="ant-select"
-                                              removeIcon={<ForwardRef(CloseOutlined) />}
-                                              style={
-                                                Object {
-                                                  "width": "40%",
-                                                }
-                                              }
-                                              transitionName="ant-slide-up"
-                                            >
-                                              <div
-                                                className="ant-select ant-select-single ant-select-show-arrow"
-                                                onBlur={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                onKeyUp={[Function]}
-                                                onMouseDown={[Function]}
-                                                style={
-                                                  Object {
-                                                    "width": "40%",
-                                                  }
-                                                }
-                                              >
-                                                <SelectTrigger
-                                                  containerWidth={null}
-                                                  dropdownClassName=""
-                                                  empty={false}
-                                                  getTriggerDOMNode={[Function]}
-                                                  popupElement={
-                                                    <ForwardRef(OptionList)
-                                                      childrenAsData={true}
-                                                      defaultActiveFirstOption={true}
-                                                      flattenOptions={
-                                                        Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "children": "Organization 2",
-                                                              "key": "2",
-                                                              "value": 2,
-                                                            },
-                                                            "groupOption": false,
-                                                            "key": "2",
-                                                          },
-                                                        ]
-                                                      }
-                                                      height={256}
-                                                      id="create-space_organisation_id"
-                                                      itemHeight={24}
-                                                      menuItemSelectedIcon={null}
-                                                      multiple={false}
-                                                      notFoundContent={
-                                                        <Context.Consumer>
-                                                          [Function]
-                                                        </Context.Consumer>
-                                                      }
-                                                      onActiveValue={[Function]}
-                                                      onMouseEnter={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      options={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Organization 2",
-                                                            "key": "2",
-                                                            "value": 2,
-                                                          },
-                                                        ]
-                                                      }
-                                                      prefixCls="ant-select"
-                                                      searchValue=""
-                                                      values={Set {}}
-                                                      virtual={true}
-                                                    />
-                                                  }
-                                                  prefixCls="ant-select"
-                                                  transitionName="ant-slide-up"
-                                                >
-                                                  <Trigger
-                                                    action={Array []}
-                                                    afterPopupVisibleChange={[Function]}
-                                                    autoDestroy={false}
-                                                    blurDelay={0.15}
-                                                    builtinPlacements={
-                                                      Object {
-                                                        "bottomLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tl",
-                                                            "bl",
-                                                          ],
-                                                        },
-                                                        "bottomRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "tr",
-                                                            "br",
-                                                          ],
-                                                        },
-                                                        "topLeft": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "bl",
-                                                            "tl",
-                                                          ],
-                                                        },
-                                                        "topRight": Object {
-                                                          "offset": Array [
-                                                            0,
-                                                            -4,
-                                                          ],
-                                                          "overflow": Object {
-                                                            "adjustX": 0,
-                                                            "adjustY": 1,
-                                                          },
-                                                          "points": Array [
-                                                            "br",
-                                                            "tr",
-                                                          ],
-                                                        },
-                                                      }
-                                                    }
-                                                    defaultPopupVisible={false}
-                                                    destroyPopupOnHide={false}
-                                                    focusDelay={0}
-                                                    getDocument={[Function]}
-                                                    getPopupClassNameFromAlign={[Function]}
-                                                    getTriggerDOMNode={[Function]}
-                                                    hideAction={Array []}
-                                                    mask={false}
-                                                    maskClosable={true}
-                                                    mouseEnterDelay={0}
-                                                    mouseLeaveDelay={0.1}
-                                                    onPopupAlign={[Function]}
-                                                    onPopupVisibleChange={[Function]}
-                                                    popup={
-                                                      <div>
-                                                        <ForwardRef(OptionList)
-                                                          childrenAsData={true}
-                                                          defaultActiveFirstOption={true}
-                                                          flattenOptions={
-                                                            Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "children": "Organization 2",
-                                                                  "key": "2",
-                                                                  "value": 2,
-                                                                },
-                                                                "groupOption": false,
-                                                                "key": "2",
-                                                              },
-                                                            ]
-                                                          }
-                                                          height={256}
-                                                          id="create-space_organisation_id"
-                                                          itemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          multiple={false}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onActiveValue={[Function]}
-                                                          onMouseEnter={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          options={
-                                                            Array [
-                                                              Object {
-                                                                "children": "Organization 2",
-                                                                "key": "2",
-                                                                "value": 2,
-                                                              },
-                                                            ]
-                                                          }
-                                                          prefixCls="ant-select"
-                                                          searchValue=""
-                                                          values={Set {}}
-                                                          virtual={true}
-                                                        />
-                                                      </div>
-                                                    }
-                                                    popupAlign={Object {}}
-                                                    popupClassName=""
-                                                    popupPlacement="bottomLeft"
-                                                    popupStyle={
-                                                      Object {
-                                                        "minWidth": null,
-                                                        "width": null,
-                                                      }
-                                                    }
-                                                    popupTransitionName="ant-slide-up"
-                                                    prefixCls="ant-select-dropdown"
-                                                    showAction={Array []}
-                                                  >
-                                                    <Selector
-                                                      accessibilityIndex={0}
-                                                      activeValue={null}
-                                                      className=""
-                                                      clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                      domRef={
-                                                        Object {
-                                                          "current": <div
-                                                            class="ant-select-selector"
-                                                          >
-                                                            <span
-                                                              class="ant-select-selection-search"
-                                                            >
-                                                              <input
-                                                                aria-activedescendant="create-space_organisation_id_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="create-space_organisation_id_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="create-space_organisation_id_list"
-                                                                autocomplete="off"
-                                                                class="ant-select-selection-search-input"
-                                                                id="create-space_organisation_id"
-                                                                readonly=""
-                                                                role="combobox"
-                                                                style="opacity: 0;"
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />
-                                                            </span>
-                                                            <span
-                                                              class="ant-select-selection-placeholder"
-                                                            >
-                                                              Select organisation
-                                                            </span>
-                                                          </div>,
-                                                        }
-                                                      }
-                                                      dropdownClassName=""
-                                                      id="create-space_organisation_id"
-                                                      inputElement={null}
-                                                      inputIcon={[Function]}
-                                                      key="trigger"
-                                                      listHeight={256}
-                                                      listItemHeight={24}
-                                                      menuItemSelectedIcon={null}
-                                                      multiple={false}
-                                                      notFoundContent={
-                                                        <Context.Consumer>
-                                                          [Function]
-                                                        </Context.Consumer>
-                                                      }
-                                                      onChange={[Function]}
-                                                      onSearch={[Function]}
-                                                      onSearchSubmit={[Function]}
-                                                      onSelect={[Function]}
-                                                      onToggleOpen={[Function]}
-                                                      placeholder="Select organisation"
-                                                      prefixCls="ant-select"
-                                                      removeIcon={<ForwardRef(CloseOutlined) />}
-                                                      searchValue=""
-                                                      showSearch={false}
-                                                      style={
-                                                        Object {
-                                                          "width": "40%",
-                                                        }
-                                                      }
-                                                      tokenWithEnter={false}
-                                                      transitionName="ant-slide-up"
-                                                      values={Array []}
-                                                    >
-                                                      <div
-                                                        className="ant-select-selector"
-                                                        onClick={[Function]}
-                                                        onMouseDown={[Function]}
-                                                      >
-                                                        <SingleSelector
-                                                          accessibilityIndex={0}
-                                                          activeValue={null}
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          domRef={
-                                                            Object {
-                                                              "current": <div
-                                                                class="ant-select-selector"
-                                                              >
-                                                                <span
-                                                                  class="ant-select-selection-search"
-                                                                >
-                                                                  <input
-                                                                    aria-activedescendant="create-space_organisation_id_list_0"
-                                                                    aria-autocomplete="list"
-                                                                    aria-controls="create-space_organisation_id_list"
-                                                                    aria-haspopup="listbox"
-                                                                    aria-owns="create-space_organisation_id_list"
-                                                                    autocomplete="off"
-                                                                    class="ant-select-selection-search-input"
-                                                                    id="create-space_organisation_id"
-                                                                    readonly=""
-                                                                    role="combobox"
-                                                                    style="opacity: 0;"
-                                                                    type="search"
-                                                                    unselectable="on"
-                                                                    value=""
-                                                                  />
-                                                                </span>
-                                                                <span
-                                                                  class="ant-select-selection-placeholder"
-                                                                >
-                                                                  Select organisation
-                                                                </span>
-                                                              </div>,
-                                                            }
-                                                          }
-                                                          dropdownClassName=""
-                                                          id="create-space_organisation_id"
-                                                          inputElement={null}
-                                                          inputIcon={[Function]}
-                                                          inputRef={
-                                                            Object {
-                                                              "current": <input
-                                                                aria-activedescendant="create-space_organisation_id_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="create-space_organisation_id_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="create-space_organisation_id_list"
-                                                                autocomplete="off"
-                                                                class="ant-select-selection-search-input"
-                                                                id="create-space_organisation_id"
-                                                                readonly=""
-                                                                role="combobox"
-                                                                style="opacity: 0;"
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />,
-                                                            }
-                                                          }
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          multiple={false}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          onInputChange={[Function]}
-                                                          onInputCompositionEnd={[Function]}
-                                                          onInputCompositionStart={[Function]}
-                                                          onInputKeyDown={[Function]}
-                                                          onInputMouseDown={[Function]}
-                                                          onInputPaste={[Function]}
-                                                          onSearch={[Function]}
-                                                          onSearchSubmit={[Function]}
-                                                          onSelect={[Function]}
-                                                          onToggleOpen={[Function]}
-                                                          placeholder="Select organisation"
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          searchValue=""
-                                                          showSearch={false}
-                                                          style={
-                                                            Object {
-                                                              "width": "40%",
-                                                            }
-                                                          }
-                                                          tokenWithEnter={false}
-                                                          transitionName="ant-slide-up"
-                                                          values={Array []}
-                                                        >
-                                                          <span
-                                                            className="ant-select-selection-search"
-                                                          >
-                                                            <Input
-                                                              accessibilityIndex={0}
-                                                              attrs={Object {}}
-                                                              editable={false}
-                                                              id="create-space_organisation_id"
-                                                              inputElement={null}
-                                                              onChange={[Function]}
-                                                              onCompositionEnd={[Function]}
-                                                              onCompositionStart={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onPaste={[Function]}
-                                                              prefixCls="ant-select"
-                                                              value=""
-                                                            >
-                                                              <input
-                                                                aria-activedescendant="create-space_organisation_id_list_0"
-                                                                aria-autocomplete="list"
-                                                                aria-controls="create-space_organisation_id_list"
-                                                                aria-haspopup="listbox"
-                                                                aria-owns="create-space_organisation_id_list"
-                                                                autoComplete="off"
-                                                                className="ant-select-selection-search-input"
-                                                                id="create-space_organisation_id"
-                                                                onChange={[Function]}
-                                                                onCompositionEnd={[Function]}
-                                                                onCompositionStart={[Function]}
-                                                                onKeyDown={[Function]}
-                                                                onMouseDown={[Function]}
-                                                                onPaste={[Function]}
-                                                                readOnly={true}
-                                                                role="combobox"
-                                                                style={
-                                                                  Object {
-                                                                    "opacity": 0,
-                                                                  }
-                                                                }
-                                                                type="search"
-                                                                unselectable="on"
-                                                                value=""
-                                                              />
-                                                            </Input>
-                                                          </span>
-                                                          <span
-                                                            className="ant-select-selection-placeholder"
-                                                          >
-                                                            Select organisation
-                                                          </span>
-                                                        </SingleSelector>
-                                                      </div>
-                                                    </Selector>
-                                                  </Trigger>
-                                                </SelectTrigger>
-                                                <TransBtn
-                                                  className="ant-select-arrow"
-                                                  customizeIcon={[Function]}
-                                                  customizeIconProps={
-                                                    Object {
-                                                      "focused": false,
-                                                      "loading": undefined,
-                                                      "open": undefined,
-                                                      "searchValue": "",
-                                                      "showSearch": false,
-                                                    }
-                                                  }
-                                                >
-                                                  <span
-                                                    aria-hidden={true}
-                                                    className="ant-select-arrow"
-                                                    onMouseDown={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "WebkitUserSelect": "none",
-                                                        "userSelect": "none",
-                                                      }
-                                                    }
-                                                    unselectable="on"
-                                                  >
-                                                    <ForwardRef(DownOutlined)
-                                                      className="ant-select-suffix"
-                                                    >
-                                                      <AntdIcon
-                                                        className="ant-select-suffix"
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "down",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <span
-                                                          aria-label="down"
-                                                          className="anticon anticon-down ant-select-suffix"
-                                                          role="img"
-                                                        >
-                                                          <IconReact
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "down",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="down"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              key="svg-down"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                key="svg-down-svg-0"
-                                                              />
-                                                            </svg>
-                                                          </IconReact>
-                                                        </span>
-                                                      </AntdIcon>
-                                                    </ForwardRef(DownOutlined)>
-                                                  </span>
-                                                </TransBtn>
-                                              </div>
-                                            </ForwardRef(Select)>
-                                          </Select>
-                                        </ForwardRef(InternalSelect)>
-                                      </Component>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem
-                                  name="name"
-                                  noStyle={true}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Name is required",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Name must be minimum 3 characters.",
-                                        "min": 3,
-                                      },
-                                      Object {
-                                        "max": 50,
-                                        "message": "Name must be maximum 50 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "name",
-                                      }
-                                    }
-                                    name="name"
-                                    noStyle={true}
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Name is required",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Name must be minimum 3 characters.",
-                                          "min": 3,
-                                        },
-                                        Object {
-                                          "max": 50,
-                                          "message": "Name must be maximum 50 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-space",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_name"
-                                      messageVariables={
-                                        Object {
-                                          "label": "name",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      noStyle={true}
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Name is required",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Name must be minimum 3 characters.",
-                                            "min": 3,
-                                          },
-                                          Object {
-                                            "max": 50,
-                                            "message": "Name must be maximum 50 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Component
-                                        update={1}
-                                      >
-                                        <Input
-                                          id="create-space_name"
-                                          onChange={[Function]}
-                                          placeholder="Input name"
-                                          style={
-                                            Object {
-                                              "width": "60%",
-                                            }
-                                          }
-                                          type="text"
-                                        >
-                                          <ClearableLabeledInput
-                                            bordered={true}
-                                            element={
-                                              <input
-                                                className="ant-input"
-                                                id="create-space_name"
-                                                onBlur={[Function]}
-                                                onChange={[Function]}
-                                                onFocus={[Function]}
-                                                onKeyDown={[Function]}
-                                                placeholder="Input name"
-                                                style={
-                                                  Object {
-                                                    "width": "60%",
-                                                  }
-                                                }
-                                                type="text"
-                                              />
-                                            }
-                                            focused={false}
-                                            handleReset={[Function]}
-                                            id="create-space_name"
-                                            inputType="input"
-                                            onChange={[Function]}
-                                            placeholder="Input name"
-                                            prefixCls="ant-input"
-                                            style={
-                                              Object {
-                                                "width": "60%",
-                                              }
-                                            }
-                                            triggerFocus={[Function]}
-                                            type="text"
-                                            value=""
-                                          >
-                                            <input
-                                              className="ant-input"
-                                              id="create-space_name"
-                                              onBlur={[Function]}
-                                              onChange={[Function]}
-                                              onFocus={[Function]}
-                                              onKeyDown={[Function]}
-                                              placeholder="Input name"
-                                              style={
-                                                Object {
-                                                  "width": "60%",
-                                                }
-                                              }
-                                              type="text"
-                                              value=""
-                                            />
-                                          </ClearableLabeledInput>
-                                        </Input>
-                                      </Component>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </span>
-                            </Group>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-            <SlugInput>
-              <FormItem
-                label="Slug"
-                name="slug"
-                rules={
-                  Array [
-                    Object {
-                      "message": "Please input the slug!",
-                      "required": true,
-                    },
-                    Object {
-                      "message": "Please enter valid slug!",
-                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                    },
-                  ]
-                }
-              >
-                <WrapperField
-                  label="Slug"
-                  messageVariables={
-                    Object {
-                      "label": "Slug",
-                    }
-                  }
-                  name="slug"
-                  onReset={[Function]}
-                  rules={
-                    Array [
-                      Object {
-                        "message": "Please input the slug!",
-                        "required": true,
-                      },
-                      Object {
-                        "message": "Please enter valid slug!",
-                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                      },
-                    ]
-                  }
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-space",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_slug"
-                    label="Slug"
-                    messageVariables={
-                      Object {
-                        "label": "Slug",
-                      }
-                    }
-                    name={
-                      Array [
-                        "slug",
-                      ]
-                    }
-                    onReset={[Function]}
-                    rules={
-                      Array [
-                        Object {
-                          "message": "Please input the slug!",
-                          "required": true,
-                        },
-                        Object {
-                          "message": "Please enter valid slug!",
-                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                        },
-                      ]
-                    }
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-space_slug"
-                          label="Slug"
-                          name="slug"
-                          prefixCls="ant-form"
-                          required={true}
-                          requiredMark={true}
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the slug!",
-                                "required": true,
-                              },
-                              Object {
-                                "message": "Please enter valid slug!",
-                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                              },
-                            ]
-                          }
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className="ant-form-item-required"
-                                htmlFor="create-space_slug"
-                                title="Slug"
-                              >
-                                Slug
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Slug"
-                          name={
-                            Array [
-                              "slug",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          rules={
-                            Array [
-                              Object {
-                                "message": "Please input the slug!",
-                                "required": true,
-                              },
-                              Object {
-                                "message": "Please enter valid slug!",
-                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                              },
-                            ]
-                          }
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="create-space_slug"
-                                      onChange={[Function]}
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-space_slug"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-space_slug"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_slug"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-            </SlugInput>
-            <FormItem
-              label="Title"
-              name="site_title"
-            >
-              <WrapperField
-                label="Title"
-                messageVariables={
-                  Object {
-                    "label": "Title",
-                  }
-                }
-                name="site_title"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_site_title"
-                  label="Title"
-                  messageVariables={
-                    Object {
-                      "label": "Title",
-                    }
-                  }
-                  name={
-                    Array [
-                      "site_title",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_site_title"
-                        label="Title"
-                        name="site_title"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_site_title"
-                              title="Title"
-                            >
-                              Title
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Title"
-                        name={
-                          Array [
-                            "site_title",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-space_site_title"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_site_title"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-space_site_title"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-space_site_title"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Tag line"
-              name="tag_line"
-            >
-              <WrapperField
-                label="Tag line"
-                messageVariables={
-                  Object {
-                    "label": "Tag line",
-                  }
-                }
-                name="tag_line"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_tag_line"
-                  label="Tag line"
-                  messageVariables={
-                    Object {
-                      "label": "Tag line",
-                    }
-                  }
-                  name={
-                    Array [
-                      "tag_line",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_tag_line"
-                        label="Tag line"
-                        name="tag_line"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_tag_line"
-                              title="Tag line"
-                            >
-                              Tag line
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Tag line"
-                        name={
-                          Array [
-                            "tag_line",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-space_tag_line"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_tag_line"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-space_tag_line"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-space_tag_line"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Website"
-              name="site_address"
-            >
-              <WrapperField
-                label="Website"
-                messageVariables={
-                  Object {
-                    "label": "Website",
-                  }
-                }
-                name="site_address"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_site_address"
-                  label="Website"
-                  messageVariables={
-                    Object {
-                      "label": "Website",
-                    }
-                  }
-                  name={
-                    Array [
-                      "site_address",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_site_address"
-                        label="Website"
-                        name="site_address"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_site_address"
-                              title="Website"
-                            >
-                              Website
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Website"
-                        name={
-                          Array [
-                            "site_address",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-space_site_address"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-space_site_address"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-space_site_address"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-space_site_address"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Description"
-              name="description"
-            >
-              <WrapperField
-                label="Description"
-                messageVariables={
-                  Object {
-                    "label": "Description",
-                  }
-                }
-                name="description"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_description"
-                  label="Description"
-                  messageVariables={
-                    Object {
-                      "label": "Description",
-                    }
-                  }
-                  name={
-                    Array [
-                      "description",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_description"
-                        label="Description"
-                        name="description"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_description"
-                              title="Description"
-                            >
-                              Description
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Description"
-                        name={
-                          Array [
-                            "description",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef
-                                    id="create-space_description"
-                                    onChange={[Function]}
-                                    placeholder="Enter Description..."
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <TextArea
-                                          className=""
-                                          id="create-space_description"
-                                          onChange={[Function]}
-                                          onCompositionEnd={[Function]}
-                                          onCompositionStart={[Function]}
-                                          placeholder="Enter Description..."
-                                          prefixCls="ant-input"
-                                        />
-                                      }
-                                      handleReset={[Function]}
-                                      id="create-space_description"
-                                      inputType="text"
-                                      placeholder="Enter Description..."
-                                      prefixCls="ant-input"
-                                      value=""
-                                    >
-                                      <TextArea
-                                        className=""
-                                        id="create-space_description"
-                                        onChange={[Function]}
-                                        onCompositionEnd={[Function]}
-                                        onCompositionStart={[Function]}
-                                        placeholder="Enter Description..."
-                                        prefixCls="ant-input"
-                                        value=""
-                                      >
-                                        <ResizableTextArea
-                                          className=""
-                                          id="create-space_description"
-                                          onChange={[Function]}
-                                          onCompositionEnd={[Function]}
-                                          onCompositionStart={[Function]}
-                                          onKeyDown={[Function]}
-                                          placeholder="Enter Description..."
-                                          prefixCls="ant-input"
-                                          value=""
-                                        >
-                                          <ResizeObserver
-                                            disabled={true}
-                                            onResize={[Function]}
-                                          >
-                                            <textarea
-                                              className="ant-input"
-                                              id="create-space_description"
-                                              onChange={[Function]}
-                                              onCompositionEnd={[Function]}
-                                              onCompositionStart={[Function]}
-                                              onKeyDown={[Function]}
-                                              placeholder="Enter Description..."
-                                              style={Object {}}
-                                              value=""
-                                            />
-                                          </ResizeObserver>
-                                        </ResizableTextArea>
-                                      </TextArea>
-                                    </ClearableLabeledInput>
-                                  </ForwardRef>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Metafields"
-              name="meta_fields"
-            >
-              <WrapperField
-                label="Metafields"
-                messageVariables={
-                  Object {
-                    "label": "Metafields",
-                  }
-                }
-                name="meta_fields"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-space",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_meta_fields"
-                  label="Metafields"
-                  messageVariables={
-                    Object {
-                      "label": "Metafields",
-                    }
-                  }
-                  name={
-                    Array [
-                      "meta_fields",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-space_meta_fields"
-                        label="Metafields"
-                        name="meta_fields"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-space_meta_fields"
-                              title="Metafields"
-                            >
-                              Metafields
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Metafields"
-                        name={
-                          Array [
-                            "meta_fields",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <MONACOEditor
-                                    id="create-space_meta_fields"
-                                    language="json"
-                                    onChange={[Function]}
-                                  >
-                                    <MonacoEditor
-                                      height="240"
-                                      language="json"
-                                      onChange={[Function]}
-                                      options={
-                                        Object {
-                                          "autoClosingBrackets": "auto",
-                                          "autoClosingQuotes": "auto",
-                                          "cursorBlinking": "smooth",
-                                          "folding": true,
-                                          "lineNumbersMinChars": 4,
-                                          "minimap": Object {
-                                            "enabled": false,
-                                          },
-                                          "scrollBeyondLastLine": false,
-                                          "scrollbar": Object {
-                                            "alwaysConsumeMouseWheel": false,
-                                          },
-                                          "theme": "vs-dark",
-                                          "wordWrap": "on",
-                                        }
-                                      }
-                                      width={440}
-                                    >
-                                      <div />
-                                    </MonacoEditor>
-                                  </MONACOEditor>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              wrapperCol={
-                Object {
-                  "offset": 8,
-                  "span": 16,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    wrapperCol={
-                      Object {
-                        "offset": 8,
-                        "span": 16,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 8,
-                        "span": 16,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={8}
-                      span={16}
-                    >
-                      <div
-                        className="ant-col ant-col-16 ant-col-offset-8 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Button
-                              htmlType="submit"
-                              type="primary"
-                            >
-                              <Wave>
-                                <button
-                                  className="ant-btn ant-btn-primary"
-                                  onClick={[Function]}
-                                  type="submit"
-                                >
-                                  <LoadingIcon
-                                    existIcon={false}
-                                    loading={false}
-                                    prefixCls="ant-btn"
-                                  >
-                                    <CSSMotion
-                                      motionName="ant-btn-loading-icon-motion"
-                                      onAppearActive={[Function]}
-                                      onAppearStart={[Function]}
-                                      onEnterActive={[Function]}
-                                      onEnterStart={[Function]}
-                                      onLeaveActive={[Function]}
-                                      onLeaveStart={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </LoadingIcon>
-                                  <span
-                                    key=".0"
-                                  >
-                                    Submit
-                                  </span>
-                                </button>
-                              </Wave>
-                            </Button>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </SpaceCreateForm>
-</Provider>
-`;
diff --git a/studio/src/pages/spaces/components/__snapshots__/SpaceEditForm.test.js.snap b/studio/src/pages/spaces/components/__snapshots__/SpaceEditForm.test.js.snap
deleted file mode 100644
index 20d44b681..000000000
--- a/studio/src/pages/spaces/components/__snapshots__/SpaceEditForm.test.js.snap
+++ /dev/null
@@ -1,97 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Space Edit Form component snapshot testing should match component with data 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <SpaceEditForm
-    data={
-      Object {
-        "description": Object {
-          "blocks": Array [
-            Object {
-              "data": Object {
-                "text": "Description",
-              },
-              "type": "paragraph",
-            },
-          ],
-          "time": 1613715908408,
-          "version": "2.19.0",
-        },
-        "name": "name",
-        "organisation_id": 1,
-        "site_address": "site_address",
-        "site_title": "site_title",
-        "slug": "slug",
-        "tag_line": "tag_line",
-      }
-    }
-    onCreate={[MockFunction]}
-  />
-</ContextProvider>
-`;
-
-exports[`Space Edit Form component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <SpaceEditForm />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/spaces/components/__snapshots__/SpaceList.test.js.snap b/studio/src/pages/spaces/components/__snapshots__/SpaceList.test.js.snap
deleted file mode 100644
index a578579f4..000000000
--- a/studio/src/pages/spaces/components/__snapshots__/SpaceList.test.js.snap
+++ /dev/null
@@ -1,769 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Spaces List component snapshot testing should match component when loading 1`] = `
-<div
-  className="ant-table-wrapper"
->
-  <div
-    className="ant-spin-nested-loading"
-  >
-    <div>
-      <div
-        className="ant-spin ant-spin-spinning"
-      >
-        <span
-          className="ant-spin-dot ant-spin-dot-spin"
-        >
-          <i
-            className="ant-spin-dot-item"
-          />
-          <i
-            className="ant-spin-dot-item"
-          />
-          <i
-            className="ant-spin-dot-item"
-          />
-          <i
-            className="ant-spin-dot-item"
-          />
-        </span>
-      </div>
-    </div>
-    <div
-      className="ant-spin-container ant-spin-blur"
-    >
-      <div
-        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-      >
-        <div
-          className="ant-table-container"
-        >
-          <div
-            className="ant-table-content"
-            onScroll={[Function]}
-            style={Object {}}
-          >
-            <table
-              style={
-                Object {
-                  "tableLayout": "auto",
-                }
-              }
-            >
-              <colgroup>
-                <col
-                  style={
-                    Object {
-                      "width": "8%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "12%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": 150,
-                    }
-                  }
-                />
-              </colgroup>
-              <thead
-                className="ant-table-thead"
-              >
-                <tr>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Id
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Name
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Site Address
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Site Title
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Tag line
-                  </th>
-                  <th
-                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={
-                      Object {
-                        "position": "sticky",
-                        "right": 0,
-                        "textAlign": "center",
-                      }
-                    }
-                  >
-                    Action
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                className="ant-table-tbody"
-              >
-                <tr
-                  className="ant-table-placeholder"
-                  style={
-                    Object {
-                      "display": null,
-                    }
-                  }
-                >
-                  <td
-                    className="ant-table-cell"
-                    colSpan={6}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    <div
-                      className="ant-empty ant-empty-normal"
-                    >
-                      <div
-                        className="ant-empty-image"
-                      >
-                        <svg
-                          className="ant-empty-img-simple"
-                          height="41"
-                          viewBox="0 0 64 41"
-                          width="64"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <g
-                            fill="none"
-                            fillRule="evenodd"
-                            transform="translate(0 1)"
-                          >
-                            <ellipse
-                              className="ant-empty-img-simple-ellipse"
-                              cx="32"
-                              cy="33"
-                              rx="32"
-                              ry="7"
-                            />
-                            <g
-                              className="ant-empty-img-simple-g"
-                              fillRule="nonzero"
-                            >
-                              <path
-                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                              />
-                              <path
-                                className="ant-empty-img-simple-path"
-                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                              />
-                            </g>
-                          </g>
-                        </svg>
-                      </div>
-                      <div
-                        className="ant-empty-description"
-                      >
-                        No Data
-                      </div>
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Spaces List component snapshot testing should match component with spaces 1`] = `
-<div
-  className="ant-table-wrapper"
->
-  <div
-    className="ant-spin-nested-loading"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-table ant-table-bordered ant-table-has-fix-right"
-      >
-        <div
-          className="ant-table-container"
-        >
-          <div
-            className="ant-table-content"
-            onScroll={[Function]}
-            style={Object {}}
-          >
-            <table
-              style={
-                Object {
-                  "tableLayout": "auto",
-                }
-              }
-            >
-              <colgroup>
-                <col
-                  style={
-                    Object {
-                      "width": "8%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "12%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": 150,
-                    }
-                  }
-                />
-              </colgroup>
-              <thead
-                className="ant-table-thead"
-              >
-                <tr>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Id
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Name
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Site Address
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Site Title
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Tag line
-                  </th>
-                  <th
-                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={
-                      Object {
-                        "position": "sticky",
-                        "right": 0,
-                        "textAlign": "center",
-                      }
-                    }
-                  >
-                    Action
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                className="ant-table-tbody"
-              >
-                <tr
-                  className="ant-table-row ant-table-row-level-0"
-                  data-row-key={1}
-                  onClick={[Function]}
-                  style={Object {}}
-                >
-                  <td
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    1
-                  </td>
-                  <td
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    <a
-                      href="/admin/spaces/1/edit"
-                      onClick={[Function]}
-                      style={
-                        Object {
-                          "marginRight": 8,
-                        }
-                      }
-                    >
-                      space 1
-                    </a>
-                  </td>
-                  <td
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    site_address
-                  </td>
-                  <td
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    site_title
-                  </td>
-                  <td
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    tag_line
-                  </td>
-                  <td
-                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={
-                      Object {
-                        "position": "sticky",
-                        "right": 0,
-                        "textAlign": "center",
-                      }
-                    }
-                  >
-                    <button
-                      className="ant-btn ant-btn-danger ant-btn-icon-only"
-                      onClick={[Function]}
-                      onKeyDown={[Function]}
-                      onMouseDown={[Function]}
-                      onTouchStart={[Function]}
-                      type="button"
-                    >
-                      <span
-                        aria-label="delete"
-                        className="anticon anticon-delete"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="delete"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                          />
-                        </svg>
-                      </span>
-                    </button>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-      <ul
-        className="ant-pagination ant-table-pagination ant-table-pagination-right"
-        style={Object {}}
-        unselectable="unselectable"
-      >
-        <li
-          aria-disabled={true}
-          className="ant-pagination-prev ant-pagination-disabled"
-          onClick={[Function]}
-          onKeyPress={[Function]}
-          tabIndex={null}
-          title="Previous Page"
-        >
-          <button
-            className="ant-pagination-item-link"
-            disabled={true}
-            tabIndex={-1}
-            type="button"
-          >
-            <span
-              aria-label="left"
-              className="anticon anticon-left"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="left"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                />
-              </svg>
-            </span>
-          </button>
-        </li>
-        <li
-          className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-          onClick={[Function]}
-          onKeyPress={[Function]}
-          tabIndex="0"
-          title={1}
-        >
-          <a
-            rel="nofollow"
-          >
-            1
-          </a>
-        </li>
-        <li
-          aria-disabled={true}
-          className="ant-pagination-next ant-pagination-disabled"
-          onClick={[Function]}
-          onKeyPress={[Function]}
-          tabIndex={null}
-          title="Next Page"
-        >
-          <button
-            className="ant-pagination-item-link"
-            disabled={true}
-            tabIndex={-1}
-            type="button"
-          >
-            <span
-              aria-label="right"
-              className="anticon anticon-right"
-              role="img"
-            >
-              <svg
-                aria-hidden="true"
-                data-icon="right"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <path
-                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                />
-              </svg>
-            </span>
-          </button>
-        </li>
-      </ul>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Spaces List component snapshot testing should render the component 1`] = `
-<div
-  className="ant-table-wrapper"
->
-  <div
-    className="ant-spin-nested-loading"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-      >
-        <div
-          className="ant-table-container"
-        >
-          <div
-            className="ant-table-content"
-            onScroll={[Function]}
-            style={Object {}}
-          >
-            <table
-              style={
-                Object {
-                  "tableLayout": "auto",
-                }
-              }
-            >
-              <colgroup>
-                <col
-                  style={
-                    Object {
-                      "width": "8%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "12%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": "20%",
-                    }
-                  }
-                />
-                <col
-                  style={
-                    Object {
-                      "width": 150,
-                    }
-                  }
-                />
-              </colgroup>
-              <thead
-                className="ant-table-thead"
-              >
-                <tr>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Id
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Name
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Site Address
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Site Title
-                  </th>
-                  <th
-                    className="ant-table-cell"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    Tag line
-                  </th>
-                  <th
-                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                    colSpan={null}
-                    rowSpan={null}
-                    style={
-                      Object {
-                        "position": "sticky",
-                        "right": 0,
-                        "textAlign": "center",
-                      }
-                    }
-                  >
-                    Action
-                  </th>
-                </tr>
-              </thead>
-              <tbody
-                className="ant-table-tbody"
-              >
-                <tr
-                  className="ant-table-placeholder"
-                  style={
-                    Object {
-                      "display": null,
-                    }
-                  }
-                >
-                  <td
-                    className="ant-table-cell"
-                    colSpan={6}
-                    rowSpan={null}
-                    style={Object {}}
-                  >
-                    <div
-                      className="ant-empty ant-empty-normal"
-                    >
-                      <div
-                        className="ant-empty-image"
-                      >
-                        <svg
-                          className="ant-empty-img-simple"
-                          height="41"
-                          viewBox="0 0 64 41"
-                          width="64"
-                          xmlns="http://www.w3.org/2000/svg"
-                        >
-                          <g
-                            fill="none"
-                            fillRule="evenodd"
-                            transform="translate(0 1)"
-                          >
-                            <ellipse
-                              className="ant-empty-img-simple-ellipse"
-                              cx="32"
-                              cy="33"
-                              rx="32"
-                              ry="7"
-                            />
-                            <g
-                              className="ant-empty-img-simple-g"
-                              fillRule="nonzero"
-                            >
-                              <path
-                                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                              />
-                              <path
-                                className="ant-empty-img-simple-path"
-                                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                              />
-                            </g>
-                          </g>
-                        </svg>
-                      </div>
-                      <div
-                        className="ant-empty-description"
-                      >
-                        No Data
-                      </div>
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/studio/src/pages/spaces/hooks/useSpacesData.tsx b/studio/src/pages/spaces/hooks/useSpacesData.tsx
new file mode 100644
index 000000000..42ac1557d
--- /dev/null
+++ b/studio/src/pages/spaces/hooks/useSpacesData.tsx
@@ -0,0 +1,38 @@
+import { useMemo } from "react";
+import { Space } from "../types";
+
+export const useSpacesData = (
+  spaces: Space[],
+  searchText: string,
+  sortOrder: "asc" | "desc" = "asc"
+) => {
+  // Filter and sort spaces locally based on search query and sort order
+  const filteredAndSortedSpaces = useMemo(() => {
+    // Check if spaces is an array before proceeding
+    if (!Array.isArray(spaces)) {
+      console.warn("Spaces is not an array", spaces);
+      return [];
+    }
+
+    // First filter the spaces based on search query
+    const filtered = spaces.filter(
+      (space) =>
+        space.name?.toLowerCase().includes(searchText.toLowerCase()) ||
+        space.id?.toLowerCase().includes(searchText.toLowerCase()) ||
+        space.site_address?.toLowerCase().includes(searchText.toLowerCase()) ||
+        space.site_title?.toLowerCase().includes(searchText.toLowerCase()) ||
+        (space.created_at &&
+          space.created_at.toLowerCase().includes(searchText.toLowerCase()))
+    );
+
+    // Then sort the filtered spaces by name
+    return [...filtered].sort((a, b) => {
+      const nameA = a.name || "";
+      const nameB = b.name || "";
+      const comparison = nameA.localeCompare(nameB);
+      return sortOrder === "asc" ? comparison : -comparison;
+    });
+  }, [spaces, searchText, sortOrder]);
+
+  return filteredAndSortedSpaces;
+};
diff --git a/studio/src/pages/spaces/hooks/useSpacesPagination.tsx b/studio/src/pages/spaces/hooks/useSpacesPagination.tsx
new file mode 100644
index 000000000..6870a8cb8
--- /dev/null
+++ b/studio/src/pages/spaces/hooks/useSpacesPagination.tsx
@@ -0,0 +1,39 @@
+import { useMemo, useCallback } from "react";
+import { SpaceFilters } from "../types";
+
+export const useSpacesPagination = (
+  filters: SpaceFilters,
+  setFilters: (
+    filters: SpaceFilters | ((prev: SpaceFilters) => SpaceFilters)
+  ) => void,
+  total: number | null
+) => {
+  // Calculate total pages
+  const pageSize = filters.limit || 20;
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil((total || 0) / pageSize)),
+    [total, pageSize]
+  );
+
+  // Pagination handlers
+  const handlePageChange = useCallback(
+    (page: number) => {
+      setFilters((prev: SpaceFilters) => ({ ...prev, page }));
+    },
+    [setFilters]
+  );
+
+  const handlePageSizeChange = useCallback(
+    (size: number) => {
+      setFilters({ page: 1, limit: size });
+    },
+    [setFilters]
+  );
+
+  return {
+    pageSize,
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+  };
+};
diff --git a/studio/src/pages/spaces/index.js b/studio/src/pages/spaces/index.js
deleted file mode 100644
index 3a25d87c5..000000000
--- a/studio/src/pages/spaces/index.js
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-import { Space, Button, Row, Col, ConfigProvider } from 'antd';
-import { Link } from 'react-router-dom';
-import SpaceList from './components/SpaceList';
-import { useSelector } from 'react-redux';
-import { Helmet } from 'react-helmet';
-
-function Spaces() {
-  const { role } = useSelector((state) => {
-    const { selected } = state.spaces;
-
-    if (selected !== '') {
-      const space = state.spaces.details[selected];
-      const role = space.org_role;
-      return {
-        role: role,
-      };
-    }
-    return { role: 'member' };
-  });
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Button: {
-            controlHeight: 35,
-            colorBorder: '#1890FF',
-            colorPrimaryHover: '#00000026',
-            colorText: '#1890FF',
-            paddingXS: '2px, 16px, 2px, 16px',
-          },
-        },
-      }}
-    >
-      <Space direction="vertical">
-        <Helmet title={'Spaces'} />
-        <Row gutter={16} justify="end">
-          {role === 'admin' ? (
-            <Col>
-              <Link key="2" to="/settings/advanced/reindex">
-                <Button>Reindex</Button>
-              </Link>
-            </Col>
-          ) : null}
-          <Link key="1" to="/spaces/create">
-            <Button type="primary">New Space</Button>
-          </Link>
-        </Row>
-        <SpaceList />
-      </Space>
-    </ConfigProvider>
-  );
-}
-
-export default Spaces;
diff --git a/studio/src/pages/spaces/index.test.js b/studio/src/pages/spaces/index.test.js
deleted file mode 100644
index c9f157ce3..000000000
--- a/studio/src/pages/spaces/index.test.js
+++ /dev/null
@@ -1,89 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import SpacesList from './index';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/spaces', () => ({
-  getSpaces: jest.fn(),
-  addSpace: jest.fn(),
-}));
-
-describe('Spaces List component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({});
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  it('should render the component', () => {
-    store = mockStore({
-      spaces: {
-        details: {},
-        orgs: [],
-        selected: 0,
-      },
-    });
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <SpacesList />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render the component with data', () => {
-    store = mockStore({
-      spaces: {
-        details: {
-          1: {
-            id: 1,
-            organisation_id: 1,
-            name: 'name',
-            slug: 'name',
-          },
-        },
-        orgs: [
-          {
-            id: 1,
-            permission: {
-              role: 'owner',
-            },
-            spaces: [1],
-          },
-        ],
-        selected: 1,
-        loading: false,
-      },
-    });
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <SpacesList />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-});
diff --git a/studio/src/pages/spaces/index.tsx b/studio/src/pages/spaces/index.tsx
new file mode 100644
index 000000000..5aa5f761b
--- /dev/null
+++ b/studio/src/pages/spaces/index.tsx
@@ -0,0 +1,266 @@
+import React, { useState, useEffect, useCallback } from "react";
+import { Link, useLocation } from "react-router-dom";
+import { useSelector, useDispatch } from "react-redux";
+import { Helmet } from "react-helmet";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import SpaceList from "./components/SpaceList";
+import { RefreshCw, PlusCircle, Search as SearchIcon } from "lucide-react";
+import Pagination from "../../components/Pagination";
+import { getSpaces } from "../../actions/spaces";
+import { spaceSelector } from "../../selectors/spaces";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { useSidebar } from "@/components/ui/sidebar";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { SpaceFilters, SpaceState, RootState, RoleState } from "./types";
+import { useSpacesPagination } from "./hooks/useSpacesPagination";
+import { AppThunkDispatch } from "../../store/types";
+import Loader from "@/components/Loader";
+
+const Spaces: React.FC = () => {
+  const dispatch = useDispatch<AppThunkDispatch>();
+  const location = useLocation();
+  const { state: sidebarState } = useSidebar();
+  const isMobile = useIsMobile();
+
+  const [searchText, setSearchText] = useState("");
+  const [showSearch, setShowSearch] = useState<boolean>(!isMobile);
+  const [filters, setFilters] = useState<SpaceFilters>({
+    page: 1,
+    limit: isMobile ? 10 : 20,
+  });
+
+  const {
+    spaces,
+    loading,
+    total = 0,
+    hasAttemptedFetch = false,
+  } = useSelector(spaceSelector) as SpaceState;
+
+  // Pagination
+  const { pageSize, totalPages, handlePageChange, handlePageSizeChange } =
+    useSpacesPagination(filters, setFilters, total);
+
+  // Handle responsive UI changes
+  useEffect(() => {
+    setShowSearch(!isMobile);
+    setFilters((prev) => ({ ...prev, limit: isMobile ? 10 : 20 }));
+  }, [isMobile]);
+
+  useEffect(() => {
+    // Only fetch spaces if we haven't attempted to fetch them yet
+    if (!hasAttemptedFetch) {
+      dispatch(getSpaces());
+    }
+  }, [dispatch, hasAttemptedFetch]);
+
+  const { role } = useSelector((state: RootState): RoleState => {
+    // Check if spaces exists in the state
+    if (!state?.spaces) {
+      return { role: "member" };
+    }
+
+    const { selected } = state.spaces;
+
+    // Check if selected is truthy and not an empty string
+    if (selected && selected !== "") {
+      // Safely access details and the specific space
+      const details = state.spaces.details || {};
+      const space = details[selected];
+
+      // Check if space exists and has org_role
+      if (space && space.org_role) {
+        return {
+          role: space.org_role,
+        };
+      }
+    }
+
+    return { role: "member" };
+  });
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  const handleSearchSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    // You can add search functionality if needed here
+  };
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"Spaces"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="Spaces" parentLabel="Administration" />
+      )}
+
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: sidebarState === "collapsed" ? "89px" : "265px",
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-6 pt-1 h-full"
+          }`}
+        >
+          {/* Title for mobile */}
+          {isMobile && <h1 className="text-xl font-semibold">Spaces</h1>}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex items-center gap-4 flex-1">
+              <div className="relative flex-1 max-w-xs">
+                <Input
+                  placeholder="Search spaces..."
+                  value={searchText}
+                  onChange={handleSearchChange}
+                  className="h-10"
+                  disabled={spaces.length === 0}
+                />
+              </div>
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div
+            className={`${
+              isMobile ? "flex items-center gap-2" : "flex space-x-4"
+            }`}
+          >
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {role === "admin" && !isMobile && (
+              <Link to="/settings/advanced/reindex">
+                <Button
+                  size="lg"
+                  variant="outline"
+                  className="flex items-center gap-2 py-2"
+                >
+                  <RefreshCw className="h-4 w-4" />
+                  Reindex
+                </Button>
+              </Link>
+            )}
+
+            <Link to="/spaces/create">
+              {isMobile ? (
+                <Button size="icon" className="h-9 w-9">
+                  <PlusCircle className="h-5 w-5" />
+                </Button>
+              ) : (
+                <Button size="lg" className="flex items-center gap-2 py-2">
+                  <PlusCircle className="h-4 w-4" />
+                  Create New Space
+                </Button>
+              )}
+            </Link>
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <form onSubmit={handleSearchSubmit}>
+              <Input
+                placeholder="Search spaces..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-9 w-full"
+                autoFocus
+                disabled={spaces.length === 0}
+              />
+            </form>
+          </div>
+        )}
+      </div>
+
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: 0,
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <SpaceList
+          searchQuery={searchText}
+          filters={filters}
+          setFilters={setFilters}
+          isMobile={isMobile}
+        />
+      </div>
+
+      {spaces.length > 0 && (
+        <div
+          className={`${
+            isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+          } z-10 bg-white`}
+          style={
+            !isMobile
+              ? {
+                  left: sidebarState === "collapsed" ? "89px" : "265px",
+                  right: 0,
+                  height: "64px",
+                  transition: "left 0.3s ease",
+                }
+              : undefined
+          }
+        >
+          <Pagination
+            currentPage={filters.page}
+            totalPages={totalPages}
+            totalItems={total || 0}
+            pageSize={pageSize}
+            onPageChange={handlePageChange}
+            onPageSizeChange={handlePageSizeChange}
+            isMobile={isMobile}
+          />
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default Spaces;
diff --git a/studio/src/pages/spaces/types.ts b/studio/src/pages/spaces/types.ts
new file mode 100644
index 000000000..22222ac48
--- /dev/null
+++ b/studio/src/pages/spaces/types.ts
@@ -0,0 +1,98 @@
+// Space related interfaces
+export interface Space {
+  id: string;
+  name: string;
+  site_address?: string;
+  site_title?: string;
+  tag_line?: string;
+  description?: string;
+  slug?: string;
+  organisation_id: string;
+  meta_fields?: string | Record<string, any>;
+  org_role?: string;
+  created_at?: string;
+}
+
+// Form values interface
+export interface SpaceFormValues {
+  organisation_id: string;
+  name: string;
+  slug: string;
+  site_title?: string;
+  site_address?: string;
+  tag_line?: string;
+  description?: string;
+  meta_fields?: Record<string, any> | string;
+}
+
+// Organization interface
+export interface Organization {
+  id: string;
+  title: string;
+  role: string;
+  spaces: string[];
+}
+
+// Component props interfaces
+export interface SpaceCreateFormProps {
+  onCreate: (values: SpaceFormValues) => void;
+}
+
+export interface SpaceEditFormProps {
+  onCreate: (values: Partial<Space>) => void;
+  data?: Partial<Space>;
+}
+
+export interface SpaceListProps {
+  searchQuery?: string;
+  filters?: {
+    page: number;
+    limit: number;
+  };
+  setFilters?: (filters: { page: number; limit: number }) => void;
+  isMobile?: boolean;
+}
+
+// Define types for filters
+export interface SpaceFilters {
+  page: number;
+  limit: number;
+  [key: string]: any;
+}
+
+// State interfaces
+export interface SpaceDetails {
+  org_role?: string;
+  [key: string]: any;
+}
+
+export interface SpacesState {
+  selected: string;
+  details: {
+    [key: string]: Space;
+  };
+  orgs: Organization[];
+  loading: boolean;
+  total: number | null;
+  hasAttemptedFetch: boolean;
+}
+
+export interface RootState {
+  spaces: SpacesState;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
+
+export interface SpaceState {
+  spaces: Space[];
+  loading: boolean;
+  total: number | null;
+  hasAttemptedFetch: boolean;
+}
+
+export interface RoleState {
+  role: string;
+}
+
+export type AppDispatch = any;
diff --git a/studio/src/pages/tags/CreateTag.js b/studio/src/pages/tags/CreateTag.js
deleted file mode 100644
index bf14b027b..000000000
--- a/studio/src/pages/tags/CreateTag.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import { useDispatch } from 'react-redux';
-import { createTag } from '../../actions/tags';
-
-import TagCreateForm from './components/TagForm';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateTag() {
-  const history = useNavigation();
-
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(createTag(values)).then(() => history('/tags'));
-  };
-  return (
-    <>
-      <Helmet title={'Create Tag'} />
-      <TagCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-
-export default CreateTag;
diff --git a/studio/src/pages/tags/CreateTag.test.js b/studio/src/pages/tags/CreateTag.test.js
deleted file mode 100644
index a2e96389b..000000000
--- a/studio/src/pages/tags/CreateTag.test.js
+++ /dev/null
@@ -1,96 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import CreateTag from './CreateTag';
-import * as actions from '../../actions/tags';
-import TagCreateForm from './components/TagForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/tags', () => ({
-  getTags: jest.fn(),
-  createTag: jest.fn(),
-}));
-
-describe('Tags create component', () => {
-  let store;
-  let mockedDispatch;
-
-  store = mockStore({
-    tags: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [],
-      details: { 1: { site_address: '' } },
-      loading: true,
-      selected: 1,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <CreateTag />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call createTag', (done) => {
-      actions.createTag.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CreateTag />
-          </Provider>,
-        );
-      });
-      wrapper.find(TagCreateForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.createTag).toHaveBeenCalledWith({ test: 'test' });
-        expect(push).toHaveBeenCalledWith('/tags');
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/tags/CreateTag.tsx b/studio/src/pages/tags/CreateTag.tsx
new file mode 100644
index 000000000..012d71fcf
--- /dev/null
+++ b/studio/src/pages/tags/CreateTag.tsx
@@ -0,0 +1,30 @@
+// CreateTag.tsx
+import { FC } from "react";
+import TagForm from "./components/TagForm";
+import { createTag } from "../../actions/tags";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { TagFormValues } from "./types";
+
+const CreateTag: FC = () => {
+  const navigate = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onCreate = (values: TagFormValues) => {
+    Promise.resolve(dispatch(createTag(values))).then(() => {
+      navigate("/tags");
+    }).catch((error) => {
+      console.error("Error creating tag:", error);
+    });
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Tag"} />
+      <TagForm onCreate={onCreate} />
+    </>
+  );
+};
+
+export default CreateTag;
diff --git a/studio/src/pages/tags/EditTag.js b/studio/src/pages/tags/EditTag.js
deleted file mode 100644
index d384e80c8..000000000
--- a/studio/src/pages/tags/EditTag.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import TagEditForm from './components/TagForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updateTag, getTag } from '../../actions/tags';
-
-import { useParams } from 'react-router-dom';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function EditTag() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-  const { tag, loading } = useSelector((state) => {
-    return {
-      tag: state.tags.details[id] ? state.tags.details[id] : null,
-      loading: state.tags.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getTag(id));
-  }, [dispatch, id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!tag) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updateTag({ ...tag, ...values }));
-    history(`/tags/${id}/edit`);
-  };
-  return (
-    <>
-      <Helmet title={`${tag?.name} - Edit Tag`} />
-      <TagEditForm data={tag} onCreate={onUpdate} />
-    </>
-  );
-}
-
-export default EditTag;
diff --git a/studio/src/pages/tags/EditTag.test.js b/studio/src/pages/tags/EditTag.test.js
deleted file mode 100644
index 631003f6d..000000000
--- a/studio/src/pages/tags/EditTag.test.js
+++ /dev/null
@@ -1,253 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-import EditTag from './EditTag';
-import * as actions from '../../actions/tags';
-import TagEditForm from './components/TagForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/tags', () => ({
-  getTag: jest.fn(),
-  createTag: jest.fn(),
-  updateTag: jest.fn(),
-}));
-
-describe('Tags List component', () => {
-  let store;
-  let mockedDispatch;
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({
-        tags: {
-          req: [],
-          details: {
-            1: {
-              id: 1,
-              name: 'Tag-1',
-              slug: 'tag-1',
-              description: {
-                time: 1613561493761,
-                blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-                version: '2.19.0',
-              },
-            },
-            2: {
-              id: 2,
-              name: 'Tag-2',
-              slug: 'tag-2',
-              description: {
-                time: 1613561493781,
-                blocks: [{ type: 'paragraph', data: { text: 'Description 2' } }],
-                version: '2.19.0',
-              },
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [],
-          details: { 1: { site_address: '' } },
-          loading: true,
-          selected: 1,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      store.dispatch = jest.fn(() => ({}));
-
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <EditTag />
-        </Provider>,
-      );
-
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      store = mockStore({
-        tags: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditTag />
-        </Provider>,
-      );
-
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      store = mockStore({
-        tags: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <EditTag />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        tags: {
-          req: [],
-          details: {
-            1: {
-              id: 1,
-              name: 'Tag-1',
-              slug: 'tag-1',
-              description: {
-                time: 1613561493761,
-                blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-                version: '2.19.0',
-              },
-            },
-            2: {
-              id: 2,
-              name: 'Tag-2',
-              slug: 'tag-2',
-              description: {
-                time: 1613561493781,
-                blocks: [{ type: 'paragraph', data: { text: 'Description 2' } }],
-                version: '2.19.0',
-              },
-            },
-          },
-          loading: false,
-        },
-        spaces: {
-          orgs: [],
-          details: { 1: { site_address: '' } },
-          loading: true,
-          selected: 1,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      store.dispatch = jest.fn(() => ({}));
-
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should display RecordNotFound when tag not found', () => {
-      store = mockStore({
-        tags: {
-          req: [
-            {
-              data: [1, 2],
-              query: {
-                page: 1,
-              },
-              total: 2,
-            },
-          ],
-          details: {
-            2: {
-              id: 2,
-              name: 'Tag-2',
-              slug: 'tag-2',
-              description: {
-                time: 1613561493781,
-                blocks: [{ type: 'paragraph', data: { text: 'Description 2' } }],
-                version: '2.19.0',
-              },
-            },
-          },
-          loading: false,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditTag />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-    });
-    it('should call get action', () => {
-      actions.getTag.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditTag />
-          </Provider>,
-        );
-      });
-      expect(actions.getTag).toHaveBeenCalledWith('1');
-    });
-    it('should call updateTag', () => {
-      actions.updateTag.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditTag />
-          </Provider>,
-        );
-      });
-      wrapper.find(TagEditForm).props().onCreate({ test: 'test' });
-      expect(actions.updateTag).toHaveBeenCalledWith({
-        id: 1,
-        name: 'Tag-1',
-        slug: 'tag-1',
-        description: {
-          time: 1613561493761,
-          blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-          version: '2.19.0',
-        },
-        test: 'test',
-      });
-      expect(push).toHaveBeenCalledWith('/tags/1/edit');
-    });
-  });
-});
diff --git a/studio/src/pages/tags/EditTag.tsx b/studio/src/pages/tags/EditTag.tsx
new file mode 100644
index 000000000..33d81cdfb
--- /dev/null
+++ b/studio/src/pages/tags/EditTag.tsx
@@ -0,0 +1,84 @@
+// EditTag.tsx
+import { useEffect } from "react";
+import TagForm from "./components/TagForm";
+import { useSelector } from "react-redux";
+import { updateTag, getTag } from "../../actions/tags";
+import { useParams, useNavigate } from "react-router-dom";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { TagFormValues, Tag } from "./types";
+
+// Define RootState interface
+interface RootState {
+  tags: {
+    details: {
+      [id: string]: Tag | null;
+    };
+    loading: boolean;
+  };
+}
+
+function EditTag(): React.ReactElement {
+  const navigate = useNavigate();
+  const { id } = useParams<{ id: string }>();
+  const dispatch = useAppDispatch();
+
+  const { tag, loading } = useSelector((state: RootState) => {
+    return {
+      tag: id && state.tags.details[id] ? state.tags.details[id] : null,
+      loading: state.tags.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      dispatch(getTag(id));
+    }
+  }, [id, dispatch]);
+
+  // Show loading state while fetching tag data
+  if (loading) {
+    return (
+      <div className="flex flex-col items-center justify-center p-6">
+        <Skeleton className="h-12 w-full" />
+        <Skeleton className="h-12 w-full mt-4" />
+        <Skeleton className="h-12 w-full mt-4" />
+      </div>
+    );
+  }
+
+  if (!tag) {
+    return <RecordNotFound />;
+  }
+
+  const onUpdate = (values: TagFormValues) => {
+    if (id) {
+      const updatedValues = {
+        ...tag,
+        ...values,
+        id: id, // Ensure we're using the string id from the URL params
+      };
+
+      // Don't check the result, just use Promise.resolve to handle it consistently
+      Promise.resolve(dispatch(updateTag(updatedValues)))
+        .then(() => {
+          // Navigate back to the tags list
+          navigate("/tags");
+        })
+        .catch((error) => {
+          console.error("Error updating tag:", error);
+        });
+    }
+  };
+
+  return (
+    <>
+      <Helmet title={`${tag?.name || 'Edit'} - Tag`} />
+      <TagForm data={tag} onCreate={onUpdate} />
+    </>
+  );
+}
+
+export default EditTag;
diff --git a/studio/src/pages/tags/__snapshots__/CreateTag.test.js.snap b/studio/src/pages/tags/__snapshots__/CreateTag.test.js.snap
deleted file mode 100644
index 1388891ce..000000000
--- a/studio/src/pages/tags/__snapshots__/CreateTag.test.js.snap
+++ /dev/null
@@ -1,2346 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tags create component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateTag>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Tag"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Tag"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Tag"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <TagForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-tag",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        layout="vertical"
-        name="create-tag"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-tag",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-tag"
-            initialValues={Object {}}
-            name="create-tag"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="create-tag"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <Row
-                justify="center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-row-center"
-                  style={
-                    Object {
-                      "margin": "0 auto",
-                      "maxWidth": "1200px",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="end"
-                      >
-                        <div
-                          className="ant-row ant-row-end"
-                          style={
-                            Object {
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <FormItem>
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  prefixCls="ant-form"
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  validateStatus=""
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Space>
-                                            <div
-                                              className="ant-space ant-space-horizontal ant-space-align-center"
-                                              style={Object {}}
-                                            >
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={0}
-                                                key="ant-space-item-0"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={
-                                                    Object {
-                                                      "marginRight": 8,
-                                                    }
-                                                  }
-                                                >
-                                                  <Button
-                                                    htmlType="button"
-                                                    onClick={[Function]}
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn"
-                                                        onClick={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Reset
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={1}
-                                                key="ant-space-item-1"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={Object {}}
-                                                >
-                                                  <Button
-                                                    disabled={true}
-                                                    htmlType="submit"
-                                                    type="primary"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-primary"
-                                                        disabled={true}
-                                                        onClick={[Function]}
-                                                        type="submit"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Submit
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                            </div>
-                                          </Space>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </FormItem>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-row-space-around"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginBottom": "1rem",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                              "padding": "1.25rem",
-                            }
-                          }
-                        >
-                          <Col
-                            span={12}
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <TitleInput
-                                label="Tag Name"
-                                name="name"
-                                onChange={[Function]}
-                              >
-                                <FormItem
-                                  label="Tag Name"
-                                  name="name"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Tag Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Tag Name",
-                                      }
-                                    }
-                                    name="name"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-tag",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_name"
-                                      label="Tag Name"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Tag Name",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please enter name!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Name must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-tag_name"
-                                            label="Tag Name"
-                                            name="name"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="create-tag_name"
-                                                  title="Tag Name"
-                                                >
-                                                  Tag Name
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Tag Name"
-                                            name={
-                                              Array [
-                                                "name",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="create-tag_name"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="create-tag_name"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="create-tag_name"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </TitleInput>
-                              <SlugInput>
-                                <FormItem
-                                  label="Slug"
-                                  name="slug"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name="slug"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-tag",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_slug"
-                                      label="Slug"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Slug",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "slug",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the slug!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Please enter valid slug!",
-                                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-tag_slug"
-                                            label="Slug"
-                                            name="slug"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="create-tag_slug"
-                                                  title="Slug"
-                                                >
-                                                  Slug
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Slug"
-                                            name={
-                                              Array [
-                                                "slug",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Input
-                                                        id="create-tag_slug"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="create-tag_slug"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="create-tag_slug"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </SlugInput>
-                              <FormItem
-                                label="Featured"
-                                name="is_featured"
-                                valuePropName="checked"
-                              >
-                                <WrapperField
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name="is_featured"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_is_featured"
-                                    label="Featured"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "is_featured",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="checked"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_is_featured"
-                                          label="Featured"
-                                          name="is_featured"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_is_featured"
-                                                title="Featured"
-                                              >
-                                                Featured
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured"
-                                          name={
-                                            Array [
-                                              "is_featured",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Switch
-                                                      id="create-tag_is_featured"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Wave
-                                                        insertExtraNode={true}
-                                                      >
-                                                        <Switch
-                                                          className=""
-                                                          id="create-tag_is_featured"
-                                                          loadingIcon={
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-switch"
-                                                        >
-                                                          <button
-                                                            aria-checked={false}
-                                                            className="ant-switch"
-                                                            id="create-tag_is_featured"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            role="switch"
-                                                            type="button"
-                                                          >
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                            <span
-                                                              className="ant-switch-inner"
-                                                            />
-                                                          </button>
-                                                        </Switch>
-                                                      </Wave>
-                                                    </Switch>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                label="Colour"
-                                name="background_colour"
-                              >
-                                <WrapperField
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name="background_colour"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_background_colour"
-                                    label="Colour"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Colour",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "background_colour",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_background_colour"
-                                          label="Colour"
-                                          name="background_colour"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_background_colour"
-                                                title="Colour"
-                                              >
-                                                Colour
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Colour"
-                                          name={
-                                            Array [
-                                              "background_colour",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <div
-                                                      id="create-tag_background_colour"
-                                                      onChange={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "position": "relative",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "borderRadius": "1px",
-                                                            "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                            "cursor": "pointer",
-                                                            "display": "inline-block",
-                                                            "padding": "5px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "null",
-                                                              "borderRadius": "2px",
-                                                              "height": "24px",
-                                                              "width": "100px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </div>
-                                                    </div>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Featured Image"
-                                name="medium_id"
-                              >
-                                <WrapperField
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name="medium_id"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_medium_id"
-                                    label="Featured Image"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured Image",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "medium_id",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_medium_id"
-                                          label="Featured Image"
-                                          name="medium_id"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_medium_id"
-                                                title="Featured Image"
-                                              >
-                                                Featured Image
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured Image"
-                                          name={
-                                            Array [
-                                              "medium_id",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <MediaSelector
-                                                      containerStyles={
-                                                        Object {
-                                                          "justifyContent": "start",
-                                                        }
-                                                      }
-                                                      id="create-tag_medium_id"
-                                                      maxWidth="350px"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Modal
-                                                        closable={false}
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        visible={false}
-                                                        width="800px"
-                                                      >
-                                                        <Dialog
-                                                          closable={false}
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Cancel
-                                                              </ForwardRef(InternalButton)>,
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                                type="primary"
-                                                              >
-                                                                Ok
-                                                              </ForwardRef(InternalButton)>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width="800px"
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                      <Space
-                                                        direction="vertical"
-                                                      >
-                                                        <div
-                                                          className="ant-space ant-space-vertical"
-                                                          style={Object {}}
-                                                        >
-                                                          <Item
-                                                            className="ant-space-item"
-                                                            direction="vertical"
-                                                            index={0}
-                                                            key="ant-space-item-0"
-                                                            marginDirection="marginRight"
-                                                            wrap={false}
-                                                          >
-                                                            <div
-                                                              className="ant-space-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "start",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "position": "relative",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Button
-                                                                    onClick={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "background": "transparent",
-                                                                        "borderStyle": "dashed",
-                                                                        "display": "block",
-                                                                        "height": "auto",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Wave>
-                                                                      <button
-                                                                        className="ant-btn"
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "background": "transparent",
-                                                                            "borderStyle": "dashed",
-                                                                            "display": "block",
-                                                                            "height": "auto",
-                                                                          }
-                                                                        }
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <PlaceholderImage
-                                                                          height="auto"
-                                                                          key=".0"
-                                                                          maxWidth="350px"
-                                                                          width="100%"
-                                                                        >
-                                                                          <img
-                                                                            alt=""
-                                                                            height="auto"
-                                                                            src="placeholderImage.svg"
-                                                                            style={
-                                                                              Object {
-                                                                                "maxWidth": "350px",
-                                                                                "objectFit": "contain",
-                                                                                "padding": "1rem",
-                                                                              }
-                                                                            }
-                                                                            width="100%"
-                                                                          />
-                                                                        </PlaceholderImage>
-                                                                      </button>
-                                                                    </Wave>
-                                                                  </Button>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </Item>
-                                                        </div>
-                                                      </Space>
-                                                    </MediaSelector>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={12}
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "marginLeft": "20px",
-                                  "marginRight": "auto",
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <DescriptionInput
-                                inputProps={
-                                  Object {
-                                    "basic": true,
-                                    "placeholder": "Enter Description...",
-                                    "style": Object {
-                                      "background": "#fff",
-                                      "padding": "0.5rem 0.75rem",
-                                      "width": "600px",
-                                    },
-                                  }
-                                }
-                                type="editor"
-                              >
-                                <FormItem
-                                  label="Description"
-                                  name="description"
-                                >
-                                  <WrapperField
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name="description"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-tag",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_description"
-                                      label="Description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Description",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "description",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-tag_description"
-                                            label="Description"
-                                            name="description"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="create-tag_description"
-                                                  title="Description"
-                                                >
-                                                  Description
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Description"
-                                            name={
-                                              Array [
-                                                "description",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={1}
-                                                    >
-                                                      <Editor
-                                                        basic={true}
-                                                        id="create-tag_description"
-                                                        onChange={[Function]}
-                                                        placeholder="Enter Description..."
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "#fff",
-                                                              "padding": "0.5rem 0.75rem",
-                                                              "width": "600px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </Editor>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </DescriptionInput>
-                            </div>
-                          </Col>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <MetaForm>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Data"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Data"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Data
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Code Injection"
-                                    isActive={false}
-                                    key="1"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Code Injection"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="1"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Code Injection
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Fields"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Fields"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Fields
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                          </MetaForm>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </TagForm>
-  </CreateTag>
-</Provider>
-`;
diff --git a/studio/src/pages/tags/__snapshots__/EditTag.test.js.snap b/studio/src/pages/tags/__snapshots__/EditTag.test.js.snap
deleted file mode 100644
index af45f13ca..000000000
--- a/studio/src/pages/tags/__snapshots__/EditTag.test.js.snap
+++ /dev/null
@@ -1,2853 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tags List component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditTag>
-    <RecordNotFound>
-      <Result
-        extra={null}
-        status="404"
-        title="Sorry, could not find what you are looking for."
-      >
-        <div
-          className="ant-result ant-result-404"
-        >
-          <div
-            className="ant-result-icon ant-result-image"
-          >
-            <NoFound>
-              <svg
-                height="294"
-                width="252"
-              >
-                <defs>
-                  <path
-                    d="M0 .387h251.772v251.772H0z"
-                  />
-                </defs>
-                <g
-                  fill="none"
-                  fillRule="evenodd"
-                >
-                  <g
-                    transform="translate(0 .012)"
-                  >
-                    <mask
-                      fill="#fff"
-                    />
-                    <path
-                      d="M0 127.32v-2.095C0 56.279 55.892.387 124.838.387h2.096c68.946 0 124.838 55.892 124.838 124.838v2.096c0 68.946-55.892 124.838-124.838 124.838h-2.096C55.892 252.16 0 196.267 0 127.321"
-                      fill="#E4EBF7"
-                      mask="url(#b)"
-                    />
-                  </g>
-                  <path
-                    d="M39.755 130.84a8.276 8.276 0 1 1-16.468-1.66 8.276 8.276 0 0 1 16.468 1.66"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M36.975 134.297l10.482 5.943M48.373 146.508l-12.648 10.788"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M39.875 159.352a5.667 5.667 0 1 1-11.277-1.136 5.667 5.667 0 0 1 11.277 1.136M57.588 143.247a5.708 5.708 0 1 1-11.358-1.145 5.708 5.708 0 0 1 11.358 1.145M99.018 26.875l29.82-.014a4.587 4.587 0 1 0-.003-9.175l-29.82.013a4.587 4.587 0 1 0 .003 9.176M110.424 45.211l29.82-.013a4.588 4.588 0 0 0-.004-9.175l-29.82.013a4.587 4.587 0 1 0 .004 9.175"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M112.798 26.861v-.002l15.784-.006a4.588 4.588 0 1 0 .003 9.175l-15.783.007v-.002a4.586 4.586 0 0 0-.004-9.172M184.523 135.668c-.553 5.485-5.447 9.483-10.931 8.93-5.485-.553-9.483-5.448-8.93-10.932.552-5.485 5.447-9.483 10.932-8.93 5.485.553 9.483 5.447 8.93 10.932"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M179.26 141.75l12.64 7.167M193.006 156.477l-15.255 13.011"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M184.668 170.057a6.835 6.835 0 1 1-13.6-1.372 6.835 6.835 0 0 1 13.6 1.372M203.34 153.325a6.885 6.885 0 1 1-13.7-1.382 6.885 6.885 0 0 1 13.7 1.382"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M151.931 192.324a2.222 2.222 0 1 1-4.444 0 2.222 2.222 0 0 1 4.444 0zM225.27 116.056a2.222 2.222 0 1 1-4.445 0 2.222 2.222 0 0 1 4.444 0zM216.38 151.08a2.223 2.223 0 1 1-4.446-.001 2.223 2.223 0 0 1 4.446 0zM176.917 107.636a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM195.291 92.165a2.223 2.223 0 1 1-4.445 0 2.223 2.223 0 0 1 4.445 0zM202.058 180.711a2.223 2.223 0 1 1-4.446 0 2.223 2.223 0 0 1 4.446 0z"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M214.404 153.302l-1.912 20.184-10.928 5.99M173.661 174.792l-6.356 9.814h-11.36l-4.508 6.484M174.941 125.168v-15.804M220.824 117.25l-12.84 7.901-15.31-7.902V94.39"
-                    stroke="#FFF"
-                    strokeWidth="2"
-                  />
-                  <path
-                    d="M166.588 65.936h-3.951a4.756 4.756 0 0 1-4.743-4.742 4.756 4.756 0 0 1 4.743-4.743h3.951a4.756 4.756 0 0 1 4.743 4.743 4.756 4.756 0 0 1-4.743 4.742"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M174.823 30.03c0-16.281 13.198-29.48 29.48-29.48 16.28 0 29.48 13.199 29.48 29.48 0 16.28-13.2 29.48-29.48 29.48-16.282 0-29.48-13.2-29.48-29.48"
-                    fill="#1890FF"
-                  />
-                  <path
-                    d="M205.952 38.387c.5.5.785 1.142.785 1.928s-.286 1.465-.785 1.964c-.572.5-1.214.75-2 .75-.785 0-1.429-.285-1.929-.785-.572-.5-.82-1.143-.82-1.929s.248-1.428.82-1.928c.5-.5 1.144-.75 1.93-.75.785 0 1.462.25 1.999.75m4.285-19.463c1.428 1.249 2.143 2.963 2.143 5.142 0 1.712-.427 3.13-1.219 4.25-.067.096-.137.18-.218.265-.416.429-1.41 1.346-2.956 2.699a5.07 5.07 0 0 0-1.428 1.75 5.207 5.207 0 0 0-.536 2.357v.5h-4.107v-.5c0-1.357.215-2.536.714-3.5.464-.964 1.857-2.464 4.178-4.536l.43-.5c.643-.785.964-1.643.964-2.535 0-1.18-.358-2.108-1-2.785-.678-.68-1.643-1.001-2.858-1.001-1.536 0-2.642.464-3.357 1.43-.37.5-.621 1.135-.76 1.904a1.999 1.999 0 0 1-1.971 1.63h-.004c-1.277 0-2.257-1.183-1.98-2.43.337-1.518 1.02-2.78 2.073-3.784 1.536-1.5 3.607-2.25 6.25-2.25 2.32 0 4.214.607 5.642 1.894"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M52.04 76.131s21.81 5.36 27.307 15.945c5.575 10.74-6.352 9.26-15.73 4.935-10.86-5.008-24.7-11.822-11.577-20.88"
-                    fill="#FFB594"
-                  />
-                  <path
-                    d="M90.483 67.504l-.449 2.893c-.753.49-4.748-2.663-4.748-2.663l-1.645.748-1.346-5.684s6.815-4.589 8.917-5.018c2.452-.501 9.884.94 10.7 2.278 0 0 1.32.486-2.227.69-3.548.203-5.043.447-6.79 3.132-1.747 2.686-2.412 3.624-2.412 3.624"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M128.055 111.367c-2.627-7.724-6.15-13.18-8.917-15.478-3.5-2.906-9.34-2.225-11.366-4.187-1.27-1.231-3.215-1.197-3.215-1.197s-14.98-3.158-16.828-3.479c-2.37-.41-2.124-.714-6.054-1.405-1.57-1.907-2.917-1.122-2.917-1.122l-7.11-1.383c-.853-1.472-2.423-1.023-2.423-1.023l-2.468-.897c-1.645 9.976-7.74 13.796-7.74 13.796 1.795 1.122 15.703 8.3 15.703 8.3l5.107 37.11s-3.321 5.694 1.346 9.109c0 0 19.883-3.743 34.921-.329 0 0 3.047-2.546.972-8.806.523-3.01 1.394-8.263 1.736-11.622.385.772 2.019 1.918 3.14 3.477 0 0 9.407-7.365 11.052-14.012-.832-.723-1.598-1.585-2.267-2.453-.567-.736-.358-2.056-.765-2.717-.669-1.084-1.804-1.378-1.907-1.682"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M101.09 289.998s4.295 2.041 7.354 1.021c2.821-.94 4.53.668 7.08 1.178 2.55.51 6.874 1.1 11.686-1.26-.103-5.51-6.889-3.98-11.96-6.713-2.563-1.38-3.784-4.722-3.598-8.799h-9.402s-1.392 10.52-1.16 14.573"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M101.067 289.826s2.428 1.271 6.759.653c3.058-.437 3.712.481 7.423 1.031 3.712.55 10.724-.069 11.823-.894.413 1.1-.343 2.063-.343 2.063s-1.512.603-4.812.824c-2.03.136-5.8.291-7.607-.503-1.787-1.375-5.247-1.903-5.728-.241-3.918.95-7.355-.286-7.355-.286l-.16-2.647z"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M108.341 276.044h3.094s-.103 6.702 4.536 8.558c-4.64.618-8.558-2.303-7.63-8.558"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M57.542 272.401s-2.107 7.416-4.485 12.306c-1.798 3.695-4.225 7.492 5.465 7.492 6.648 0 8.953-.48 7.423-6.599-1.53-6.12.266-13.199.266-13.199h-8.669z"
-                    fill="#CBD1D1"
-                  />
-                  <path
-                    d="M51.476 289.793s2.097 1.169 6.633 1.169c6.083 0 8.249-1.65 8.249-1.65s.602 1.114-.619 2.165c-.993.855-3.597 1.591-7.39 1.546-4.145-.048-5.832-.566-6.736-1.168-.825-.55-.687-1.58-.137-2.062"
-                    fill="#2B0849"
-                  />
-                  <path
-                    d="M58.419 274.304s.033 1.519-.314 2.93c-.349 1.42-1.078 3.104-1.13 4.139-.058 1.151 4.537 1.58 5.155.034.62-1.547 1.294-6.427 1.913-7.252.619-.825-4.903-2.119-5.624.15"
-                    fill="#A4AABA"
-                  />
-                  <path
-                    d="M99.66 278.514l13.378.092s1.298-54.52 1.853-64.403c.554-9.882 3.776-43.364 1.002-63.128l-12.547-.644-22.849.78s-.434 3.966-1.195 9.976c-.063.496-.682.843-.749 1.365-.075.585.423 1.354.32 1.966-2.364 14.08-6.377 33.104-8.744 46.677-.116.666-1.234 1.009-1.458 2.691-.04.302.211 1.525.112 1.795-6.873 18.744-10.949 47.842-14.277 61.885l14.607-.014s2.197-8.57 4.03-16.97c2.811-12.886 23.111-85.01 23.111-85.01l3.016-.521 1.043 46.35s-.224 1.234.337 2.02c.56.785-.56 1.123-.392 2.244l.392 1.794s-.449 7.178-.898 11.89c-.448 4.71-.092 39.165-.092 39.165"
-                    fill="#7BB2F9"
-                  />
-                  <path
-                    d="M76.085 221.626c1.153.094 4.038-2.019 6.955-4.935M106.36 225.142s2.774-1.11 6.103-3.883"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M107.275 222.1s2.773-1.11 6.102-3.884"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                  />
-                  <path
-                    d="M74.74 224.767s2.622-.591 6.505-3.365M86.03 151.634c-.27 3.106.3 8.525-4.336 9.123M103.625 149.88s.11 14.012-1.293 15.065c-2.219 1.664-2.99 1.944-2.99 1.944M99.79 150.438s.035 12.88-1.196 24.377M93.673 175.911s7.212-1.664 9.431-1.664M74.31 205.861a212.013 212.013 0 0 1-.979 4.56s-1.458 1.832-1.009 3.776c.449 1.944-.947 2.045-4.985 15.355-1.696 5.59-4.49 18.591-6.348 27.597l-.231 1.12M75.689 197.807a320.934 320.934 0 0 1-.882 4.754M82.591 152.233L81.395 162.7s-1.097.15-.5 2.244c.113 1.346-2.674 15.775-5.18 30.43M56.12 274.418h13.31"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M116.241 148.22s-17.047-3.104-35.893.2c.158 2.514-.003 4.15-.003 4.15s14.687-2.818 35.67-.312c.252-2.355.226-4.038.226-4.038"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M106.322 151.165l.003-4.911a.81.81 0 0 0-.778-.815c-2.44-.091-5.066-.108-7.836-.014a.818.818 0 0 0-.789.815l-.003 4.906a.81.81 0 0 0 .831.813c2.385-.06 4.973-.064 7.73.017a.815.815 0 0 0 .842-.81"
-                    fill="#FFF"
-                  />
-                  <path
-                    d="M105.207 150.233l.002-3.076a.642.642 0 0 0-.619-.646 94.321 94.321 0 0 0-5.866-.01.65.65 0 0 0-.63.647v3.072a.64.64 0 0 0 .654.644 121.12 121.12 0 0 1 5.794.011c.362.01.665-.28.665-.642"
-                    fill="#192064"
-                  />
-                  <path
-                    d="M100.263 275.415h12.338M101.436 270.53c.006 3.387.042 5.79.111 6.506M101.451 264.548a915.75 915.75 0 0 0-.015 4.337M100.986 174.965l.898 44.642s.673 1.57-.225 2.692c-.897 1.122 2.468.673.898 2.243-1.57 1.57.897 1.122 0 3.365-.596 1.489-.994 21.1-1.096 35.146"
-                    stroke="#648BD8"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M46.876 83.427s-.516 6.045 7.223 5.552c11.2-.712 9.218-9.345 31.54-21.655-.786-2.708-2.447-4.744-2.447-4.744s-11.068 3.11-22.584 8.046c-6.766 2.9-13.395 6.352-13.732 12.801M104.46 91.057l.941-5.372-8.884-11.43-5.037 5.372-1.74 7.834a.321.321 0 0 0 .108.32c.965.8 6.5 5.013 14.347 3.544a.332.332 0 0 0 .264-.268"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M93.942 79.387s-4.533-2.853-2.432-6.855c1.623-3.09 4.513 1.133 4.513 1.133s.52-3.642 3.121-3.642c.52-1.04 1.561-4.162 1.561-4.162s11.445 2.601 13.526 3.121c0 5.203-2.304 19.424-7.84 19.861-8.892.703-12.449-9.456-12.449-9.456"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M113.874 73.446c2.601-2.081 3.47-9.722 3.47-9.722s-2.479-.49-6.64-2.05c-4.683-2.081-12.798-4.747-17.48.976-9.668 3.223-2.05 19.823-2.05 19.823l2.713-3.021s-3.935-3.287-2.08-6.243c2.17-3.462 3.92 1.073 3.92 1.073s.637-2.387 3.581-3.342c.355-.71 1.036-2.674 1.432-3.85a1.073 1.073 0 0 1 1.263-.704c2.4.558 8.677 2.019 11.356 2.662.522.125.871.615.82 1.15l-.305 3.248z"
-                    fill="#520038"
-                  />
-                  <path
-                    d="M104.977 76.064c-.103.61-.582 1.038-1.07.956-.489-.083-.801-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.644.698 1.254M112.132 77.694c-.103.61-.582 1.038-1.07.956-.488-.083-.8-.644-.698-1.254.103-.61.582-1.038 1.07-.956.488.082.8.643.698 1.254"
-                    fill="#552950"
-                  />
-                  <path
-                    d="M110.13 74.84l-.896 1.61-.298 4.357h-2.228"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M110.846 74.481s1.79-.716 2.506.537"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M92.386 74.282s.477-1.114 1.113-.716c.637.398 1.274 1.433.558 1.99-.717.556.159 1.67.159 1.67"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.287 72.93s1.83 1.113 4.137.954"
-                    stroke="#5C2552"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M103.685 81.762s2.227 1.193 4.376 1.193M104.64 84.308s.954.398 1.511.318M94.693 81.205s2.308 7.4 10.424 7.639"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.118"
-                  />
-                  <path
-                    d="M81.45 89.384s.45 5.647-4.935 12.787M69 82.654s-.726 9.282-8.204 14.206"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M129.405 122.865s-5.272 7.403-9.422 10.768"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M119.306 107.329s.452 4.366-2.127 32.062"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                  <path
-                    d="M150.028 151.232h-49.837a1.01 1.01 0 0 1-1.01-1.01v-31.688c0-.557.452-1.01 1.01-1.01h49.837c.558 0 1.01.453 1.01 1.01v31.688a1.01 1.01 0 0 1-1.01 1.01"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M150.29 151.232h-19.863v-33.707h20.784v32.786a.92.92 0 0 1-.92.92"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M123.554 127.896H92.917a.518.518 0 0 1-.425-.816l6.38-9.113c.193-.277.51-.442.85-.442h31.092l-7.26 10.371z"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M123.689 128.447H99.25v-.519h24.169l7.183-10.26.424.298z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M158.298 127.896h-18.669a2.073 2.073 0 0 1-1.659-.83l-7.156-9.541h19.965c.49 0 .95.23 1.244.622l6.69 8.92a.519.519 0 0 1-.415.83"
-                    fill="#F4D19D"
-                  />
-                  <path
-                    d="M157.847 128.479h-19.384l-7.857-10.475.415-.31 7.7 10.266h19.126zM130.554 150.685l-.032-8.177.519-.002.032 8.177z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M130.511 139.783l-.08-21.414.519-.002.08 21.414zM111.876 140.932l-.498-.143 1.479-5.167.498.143zM108.437 141.06l-2.679-2.935 2.665-3.434.41.318-2.397 3.089 2.384 2.612zM116.607 141.06l-.383-.35 2.383-2.612-2.397-3.089.41-.318 2.665 3.434z"
-                    fill="#CC9B6E"
-                  />
-                  <path
-                    d="M154.316 131.892l-3.114-1.96.038 3.514-1.043.092c-1.682.115-3.634.23-4.789.23-1.902 0-2.693 2.258 2.23 2.648l-2.645-.596s-2.168 1.317.504 2.3c0 0-1.58 1.217.561 2.58-.584 3.504 5.247 4.058 7.122 3.59 1.876-.47 4.233-2.359 4.487-5.16.28-3.085-.89-5.432-3.35-7.238"
-                    fill="#FFC6A0"
-                  />
-                  <path
-                    d="M153.686 133.577s-6.522.47-8.36.372c-1.836-.098-1.904 2.19 2.359 2.264 3.739.15 5.451-.044 5.451-.044"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M145.16 135.877c-1.85 1.346.561 2.355.561 2.355s3.478.898 6.73.617"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M151.89 141.71s-6.28.111-6.73-2.132c-.223-1.346.45-1.402.45-1.402M146.114 140.868s-1.103 3.16 5.44 3.533M151.202 129.932v3.477M52.838 89.286c3.533-.337 8.423-1.248 13.582-7.754"
-                    stroke="#DB836E"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.051"
-                  />
-                  <path
-                    d="M168.567 248.318a6.647 6.647 0 0 1-6.647-6.647v-66.466a6.647 6.647 0 1 1 13.294 0v66.466a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#5BA02E"
-                  />
-                  <path
-                    d="M176.543 247.653a6.647 6.647 0 0 1-6.646-6.647v-33.232a6.647 6.647 0 1 1 13.293 0v33.232a6.647 6.647 0 0 1-6.647 6.647"
-                    fill="#92C110"
-                  />
-                  <path
-                    d="M186.443 293.613H158.92a3.187 3.187 0 0 1-3.187-3.187v-46.134a3.187 3.187 0 0 1 3.187-3.187h27.524a3.187 3.187 0 0 1 3.187 3.187v46.134a3.187 3.187 0 0 1-3.187 3.187"
-                    fill="#F2D7AD"
-                  />
-                  <path
-                    d="M88.979 89.48s7.776 5.384 16.6 2.842"
-                    stroke="#E4EBF7"
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    strokeWidth="1.101"
-                  />
-                </g>
-              </svg>
-            </NoFound>
-          </div>
-          <div
-            className="ant-result-title"
-          >
-            Sorry, could not find what you are looking for.
-          </div>
-        </div>
-      </Result>
-    </RecordNotFound>
-  </EditTag>
-</Provider>
-`;
-
-exports[`Tags List component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditTag>
-    <Skeleton
-      avatar={false}
-      paragraph={true}
-      title={true}
-    >
-      <div
-        className="ant-skeleton"
-      >
-        <div
-          className="ant-skeleton-content"
-        >
-          <Title
-            prefixCls="ant-skeleton-title"
-            width="38%"
-          >
-            <h3
-              className="ant-skeleton-title"
-              style={
-                Object {
-                  "width": "38%",
-                }
-              }
-            />
-          </Title>
-          <Paragraph
-            prefixCls="ant-skeleton-paragraph"
-            rows={3}
-            width="61%"
-          >
-            <ul
-              className="ant-skeleton-paragraph"
-            >
-              <li
-                key="0"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="1"
-                style={
-                  Object {
-                    "width": undefined,
-                  }
-                }
-              />
-              <li
-                key="2"
-                style={
-                  Object {
-                    "width": "61%",
-                  }
-                }
-              />
-            </ul>
-          </Paragraph>
-        </div>
-      </div>
-    </Skeleton>
-  </EditTag>
-</Provider>
-`;
-
-exports[`Tags List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditTag>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Tag-1 - Edit Tag"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Tag-1 - Edit Tag"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Tag-1 - Edit Tag"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <TagForm
-      data={
-        Object {
-          "description": Object {
-            "blocks": Array [
-              Object {
-                "data": Object {
-                  "text": "Description",
-                },
-                "type": "paragraph",
-              },
-            ],
-            "time": 1613561493761,
-            "version": "2.19.0",
-          },
-          "id": 1,
-          "name": "Tag-1",
-          "slug": "tag-1",
-        }
-      }
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-tag",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={
-          Object {
-            "description": Object {
-              "blocks": Array [
-                Object {
-                  "data": Object {
-                    "text": "Description",
-                  },
-                  "type": "paragraph",
-                },
-              ],
-              "time": 1613561493761,
-              "version": "2.19.0",
-            },
-            "id": 1,
-            "name": "Tag-1",
-            "slug": "tag-1",
-          }
-        }
-        layout="vertical"
-        name="create-tag"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-vertical"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-tag",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-tag"
-            initialValues={
-              Object {
-                "description": Object {
-                  "blocks": Array [
-                    Object {
-                      "data": Object {
-                        "text": "Description",
-                      },
-                      "type": "paragraph",
-                    },
-                  ],
-                  "time": 1613561493761,
-                  "version": "2.19.0",
-                },
-                "id": 1,
-                "name": "Tag-1",
-                "slug": "tag-1",
-              }
-            }
-            name="create-tag"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-vertical"
-              id="create-tag"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <Row
-                justify="center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-row-center"
-                  style={
-                    Object {
-                      "margin": "0 auto",
-                      "maxWidth": "1200px",
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="end"
-                      >
-                        <div
-                          className="ant-row ant-row-end"
-                          style={
-                            Object {
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <FormItem>
-                            <Row
-                              className="ant-form-item"
-                              key="row"
-                            >
-                              <div
-                                className="ant-row ant-form-item"
-                                style={Object {}}
-                              >
-                                <FormItemLabel
-                                  prefixCls="ant-form"
-                                  requiredMark={true}
-                                />
-                                <FormItemInput
-                                  errors={Array []}
-                                  onDomErrorVisibleChange={[Function]}
-                                  prefixCls="ant-form"
-                                  status=""
-                                  validateStatus=""
-                                >
-                                  <Col
-                                    className="ant-form-item-control"
-                                  >
-                                    <div
-                                      className="ant-col ant-form-item-control"
-                                      style={Object {}}
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input"
-                                      >
-                                        <div
-                                          className="ant-form-item-control-input-content"
-                                        >
-                                          <Space>
-                                            <div
-                                              className="ant-space ant-space-horizontal ant-space-align-center"
-                                              style={Object {}}
-                                            >
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={0}
-                                                key="ant-space-item-0"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={
-                                                    Object {
-                                                      "marginRight": 8,
-                                                    }
-                                                  }
-                                                >
-                                                  <Button
-                                                    htmlType="button"
-                                                    onClick={[Function]}
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn"
-                                                        onClick={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Reset
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                              <Item
-                                                className="ant-space-item"
-                                                direction="horizontal"
-                                                index={1}
-                                                key="ant-space-item-1"
-                                                marginDirection="marginRight"
-                                                wrap={false}
-                                              >
-                                                <div
-                                                  className="ant-space-item"
-                                                  style={Object {}}
-                                                >
-                                                  <Button
-                                                    disabled={true}
-                                                    htmlType="submit"
-                                                    type="primary"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-primary"
-                                                        disabled={true}
-                                                        onClick={[Function]}
-                                                        type="submit"
-                                                      >
-                                                        <LoadingIcon
-                                                          existIcon={false}
-                                                          loading={false}
-                                                          prefixCls="ant-btn"
-                                                        >
-                                                          <CSSMotion
-                                                            motionName="ant-btn-loading-icon-motion"
-                                                            onAppearActive={[Function]}
-                                                            onAppearStart={[Function]}
-                                                            onEnterActive={[Function]}
-                                                            onEnterStart={[Function]}
-                                                            onLeaveActive={[Function]}
-                                                            onLeaveStart={[Function]}
-                                                            removeOnLeave={true}
-                                                            visible={false}
-                                                          >
-                                                            <DomWrapper />
-                                                          </CSSMotion>
-                                                        </LoadingIcon>
-                                                        <span
-                                                          key=".0"
-                                                        >
-                                                          Update
-                                                        </span>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </div>
-                                              </Item>
-                                            </div>
-                                          </Space>
-                                        </div>
-                                      </div>
-                                      <ErrorList
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                      >
-                                        <CSSMotion
-                                          motionAppear={true}
-                                          motionDeadline={500}
-                                          motionName="ant-show-help"
-                                          onLeaveEnd={[Function]}
-                                          removeOnLeave={true}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </ErrorList>
-                                    </div>
-                                  </Col>
-                                </FormItemInput>
-                              </div>
-                            </Row>
-                          </FormItem>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        justify="space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row ant-row-space-around"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginBottom": "1rem",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                              "padding": "1.25rem",
-                            }
-                          }
-                        >
-                          <Col
-                            span={12}
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <TitleInput
-                                label="Tag Name"
-                                name="name"
-                                onChange={[Function]}
-                              >
-                                <FormItem
-                                  label="Tag Name"
-                                  name="name"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Tag Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Tag Name",
-                                      }
-                                    }
-                                    name="name"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-tag",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_name"
-                                      label="Tag Name"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Tag Name",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "name",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please enter name!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "max": 500,
-                                            "message": "Name must be maximum 500 characters.",
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-tag_name"
-                                            label="Tag Name"
-                                            name="name"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="create-tag_name"
-                                                  title="Tag Name"
-                                                >
-                                                  Tag Name
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Tag Name"
-                                            name={
-                                              Array [
-                                                "name",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please enter name!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "max": 500,
-                                                  "message": "Name must be maximum 500 characters.",
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="Tag-1"
-                                                    >
-                                                      <Input
-                                                        id="create-tag_name"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                        value="Tag-1"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="create-tag_name"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                              value="Tag-1"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="create-tag_name"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value="Tag-1"
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="Tag-1"
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </TitleInput>
-                              <SlugInput>
-                                <FormItem
-                                  label="Slug"
-                                  name="slug"
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                >
-                                  <WrapperField
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name="slug"
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-tag",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_slug"
-                                      label="Slug"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Slug",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "slug",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      rules={
-                                        Array [
-                                          Object {
-                                            "message": "Please input the slug!",
-                                            "required": true,
-                                          },
-                                          Object {
-                                            "message": "Please enter valid slug!",
-                                            "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                          },
-                                        ]
-                                      }
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-tag_slug"
-                                            label="Slug"
-                                            name="slug"
-                                            prefixCls="ant-form"
-                                            required={true}
-                                            requiredMark={true}
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className="ant-form-item-required"
-                                                  htmlFor="create-tag_slug"
-                                                  title="Slug"
-                                                >
-                                                  Slug
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Slug"
-                                            name={
-                                              Array [
-                                                "slug",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            rules={
-                                              Array [
-                                                Object {
-                                                  "message": "Please input the slug!",
-                                                  "required": true,
-                                                },
-                                                Object {
-                                                  "message": "Please enter valid slug!",
-                                                  "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                                },
-                                              ]
-                                            }
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="tag-1"
-                                                    >
-                                                      <Input
-                                                        id="create-tag_slug"
-                                                        onChange={[Function]}
-                                                        type="text"
-                                                        value="tag-1"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="create-tag_slug"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              type="text"
-                                                              value="tag-1"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="create-tag_slug"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value="tag-1"
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="tag-1"
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </SlugInput>
-                              <FormItem
-                                label="Featured"
-                                name="is_featured"
-                                valuePropName="checked"
-                              >
-                                <WrapperField
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name="is_featured"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_is_featured"
-                                    label="Featured"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "is_featured",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="checked"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_is_featured"
-                                          label="Featured"
-                                          name="is_featured"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_is_featured"
-                                                title="Featured"
-                                              >
-                                                Featured
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured"
-                                          name={
-                                            Array [
-                                              "is_featured",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                          valuePropName="checked"
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                  >
-                                                    <Switch
-                                                      id="create-tag_is_featured"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Wave
-                                                        insertExtraNode={true}
-                                                      >
-                                                        <Switch
-                                                          className=""
-                                                          id="create-tag_is_featured"
-                                                          loadingIcon={
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-switch"
-                                                        >
-                                                          <button
-                                                            aria-checked={false}
-                                                            className="ant-switch"
-                                                            id="create-tag_is_featured"
-                                                            onClick={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            role="switch"
-                                                            type="button"
-                                                          >
-                                                            <div
-                                                              className="ant-switch-handle"
-                                                            />
-                                                            <span
-                                                              className="ant-switch-inner"
-                                                            />
-                                                          </button>
-                                                        </Switch>
-                                                      </Wave>
-                                                    </Switch>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                              <FormItem
-                                label="Colour"
-                                name="background_colour"
-                              >
-                                <WrapperField
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name="background_colour"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_background_colour"
-                                    label="Colour"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Colour",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "background_colour",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_background_colour"
-                                          label="Colour"
-                                          name="background_colour"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_background_colour"
-                                                title="Colour"
-                                              >
-                                                Colour
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Colour"
-                                          name={
-                                            Array [
-                                              "background_colour",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                  >
-                                                    <div
-                                                      id="create-tag_background_colour"
-                                                      onChange={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "position": "relative",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        onClick={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "borderRadius": "1px",
-                                                            "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                            "cursor": "pointer",
-                                                            "display": "inline-block",
-                                                            "padding": "5px",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "null",
-                                                              "borderRadius": "2px",
-                                                              "height": "24px",
-                                                              "width": "100px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </div>
-                                                    </div>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10"
-                              style={
-                                Object {
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <FormItem
-                                label="Featured Image"
-                                name="medium_id"
-                              >
-                                <WrapperField
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name="medium_id"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_medium_id"
-                                    label="Featured Image"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Featured Image",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "medium_id",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_medium_id"
-                                          label="Featured Image"
-                                          name="medium_id"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_medium_id"
-                                                title="Featured Image"
-                                              >
-                                                Featured Image
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Featured Image"
-                                          name={
-                                            Array [
-                                              "medium_id",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={2}
-                                                  >
-                                                    <MediaSelector
-                                                      containerStyles={
-                                                        Object {
-                                                          "justifyContent": "start",
-                                                        }
-                                                      }
-                                                      id="create-tag_medium_id"
-                                                      maxWidth="350px"
-                                                      onChange={[Function]}
-                                                    >
-                                                      <Modal
-                                                        closable={false}
-                                                        confirmLoading={false}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        visible={false}
-                                                        width="800px"
-                                                      >
-                                                        <Dialog
-                                                          closable={false}
-                                                          closeIcon={
-                                                            <span
-                                                              className="ant-modal-close-x"
-                                                            >
-                                                              <ForwardRef(CloseOutlined)
-                                                                className="ant-modal-close-icon"
-                                                              />
-                                                            </span>
-                                                          }
-                                                          confirmLoading={false}
-                                                          focusTriggerAfterClose={true}
-                                                          footer={
-                                                            Array [
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                              >
-                                                                Cancel
-                                                              </ForwardRef(InternalButton)>,
-                                                              <ForwardRef(InternalButton)
-                                                                onClick={[Function]}
-                                                                type="primary"
-                                                              >
-                                                                Ok
-                                                              </ForwardRef(InternalButton)>,
-                                                            ]
-                                                          }
-                                                          maskTransitionName="ant-fade"
-                                                          okType="primary"
-                                                          onCancel={[Function]}
-                                                          onClose={[Function]}
-                                                          prefixCls="ant-modal"
-                                                          transitionName="ant-zoom"
-                                                          visible={false}
-                                                          width="800px"
-                                                          wrapClassName=""
-                                                        >
-                                                          <PortalWrapper
-                                                            visible={false}
-                                                          />
-                                                        </Dialog>
-                                                      </Modal>
-                                                      <Space
-                                                        direction="vertical"
-                                                      >
-                                                        <div
-                                                          className="ant-space ant-space-vertical"
-                                                          style={Object {}}
-                                                        >
-                                                          <Item
-                                                            className="ant-space-item"
-                                                            direction="vertical"
-                                                            index={0}
-                                                            key="ant-space-item-0"
-                                                            marginDirection="marginRight"
-                                                            wrap={false}
-                                                          >
-                                                            <div
-                                                              className="ant-space-item"
-                                                              style={Object {}}
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "alignItems": "center",
-                                                                    "display": "flex",
-                                                                    "justifyContent": "start",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <div
-                                                                  style={
-                                                                    Object {
-                                                                      "position": "relative",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Button
-                                                                    onClick={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "background": "transparent",
-                                                                        "borderStyle": "dashed",
-                                                                        "display": "block",
-                                                                        "height": "auto",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    <Wave>
-                                                                      <button
-                                                                        className="ant-btn"
-                                                                        onClick={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "background": "transparent",
-                                                                            "borderStyle": "dashed",
-                                                                            "display": "block",
-                                                                            "height": "auto",
-                                                                          }
-                                                                        }
-                                                                        type="button"
-                                                                      >
-                                                                        <LoadingIcon
-                                                                          existIcon={false}
-                                                                          loading={false}
-                                                                          prefixCls="ant-btn"
-                                                                        >
-                                                                          <CSSMotion
-                                                                            motionName="ant-btn-loading-icon-motion"
-                                                                            onAppearActive={[Function]}
-                                                                            onAppearStart={[Function]}
-                                                                            onEnterActive={[Function]}
-                                                                            onEnterStart={[Function]}
-                                                                            onLeaveActive={[Function]}
-                                                                            onLeaveStart={[Function]}
-                                                                            removeOnLeave={true}
-                                                                            visible={false}
-                                                                          >
-                                                                            <DomWrapper />
-                                                                          </CSSMotion>
-                                                                        </LoadingIcon>
-                                                                        <PlaceholderImage
-                                                                          height="auto"
-                                                                          key=".0"
-                                                                          maxWidth="350px"
-                                                                          width="100%"
-                                                                        >
-                                                                          <img
-                                                                            alt=""
-                                                                            height="auto"
-                                                                            src="placeholderImage.svg"
-                                                                            style={
-                                                                              Object {
-                                                                                "maxWidth": "350px",
-                                                                                "objectFit": "contain",
-                                                                                "padding": "1rem",
-                                                                              }
-                                                                            }
-                                                                            width="100%"
-                                                                          />
-                                                                        </PlaceholderImage>
-                                                                      </button>
-                                                                    </Wave>
-                                                                  </Button>
-                                                                </div>
-                                                              </div>
-                                                            </div>
-                                                          </Item>
-                                                        </div>
-                                                      </Space>
-                                                    </MediaSelector>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </div>
-                          </Col>
-                          <Col
-                            span={12}
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                              }
-                            }
-                          >
-                            <div
-                              className="ant-col ant-col-12"
-                              style={
-                                Object {
-                                  "marginLeft": "20px",
-                                  "marginRight": "auto",
-                                  "paddingLeft": 20,
-                                  "paddingRight": 20,
-                                }
-                              }
-                            >
-                              <DescriptionInput
-                                inputProps={
-                                  Object {
-                                    "basic": true,
-                                    "placeholder": "Enter Description...",
-                                    "style": Object {
-                                      "background": "#fff",
-                                      "padding": "0.5rem 0.75rem",
-                                      "width": "600px",
-                                    },
-                                  }
-                                }
-                                type="editor"
-                              >
-                                <FormItem
-                                  label="Description"
-                                  name="description"
-                                >
-                                  <WrapperField
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name="description"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "create-tag",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_description"
-                                      label="Description"
-                                      messageVariables={
-                                        Object {
-                                          "label": "Description",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "description",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="create-tag_description"
-                                            label="Description"
-                                            name="description"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          >
-                                            <Col
-                                              className="ant-form-item-label"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-label"
-                                                style={Object {}}
-                                              >
-                                                <label
-                                                  className=""
-                                                  htmlFor="create-tag_description"
-                                                  title="Description"
-                                                >
-                                                  Description
-                                                </label>
-                                              </div>
-                                            </Col>
-                                          </FormItemLabel>
-                                          <FormItemInput
-                                            errors={Array []}
-                                            label="Description"
-                                            name={
-                                              Array [
-                                                "description",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value={
-                                                        Object {
-                                                          "blocks": Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "text": "Description",
-                                                              },
-                                                              "type": "paragraph",
-                                                            },
-                                                          ],
-                                                          "time": 1613561493761,
-                                                          "version": "2.19.0",
-                                                        }
-                                                      }
-                                                    >
-                                                      <Editor
-                                                        basic={true}
-                                                        id="create-tag_description"
-                                                        onChange={[Function]}
-                                                        placeholder="Enter Description..."
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                        value={
-                                                          Object {
-                                                            "blocks": Array [
-                                                              Object {
-                                                                "data": Object {
-                                                                  "text": "Description",
-                                                                },
-                                                                "type": "paragraph",
-                                                              },
-                                                            ],
-                                                            "time": 1613561493761,
-                                                            "version": "2.19.0",
-                                                          }
-                                                        }
-                                                      >
-                                                        <div
-                                                          style={
-                                                            Object {
-                                                              "background": "#fff",
-                                                              "padding": "0.5rem 0.75rem",
-                                                              "width": "600px",
-                                                            }
-                                                          }
-                                                        />
-                                                      </Editor>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </DescriptionInput>
-                            </div>
-                          </Col>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                  <Col
-                    span={24}
-                  >
-                    <div
-                      className="ant-col ant-col-24"
-                      style={Object {}}
-                    >
-                      <Row
-                        gutter={40}
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-row"
-                          style={
-                            Object {
-                              "background": "#f0f2f5",
-                              "marginLeft": -20,
-                              "marginRight": -20,
-                            }
-                          }
-                        >
-                          <MetaForm>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Data"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Data"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Data
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Code Injection"
-                                    isActive={false}
-                                    key="1"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Code Injection"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="1"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Code Injection
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                            <Collapse
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <Collapse
-                                accordion={false}
-                                bordered={true}
-                                className="ant-collapse-icon-position-right"
-                                destroyInactivePanel={false}
-                                expandIcon={[Function]}
-                                expandIconPosition="right"
-                                onChange={[Function]}
-                                openMotion={
-                                  Object {
-                                    "leavedClassName": "ant-collapse-content-hidden",
-                                    "motionAppear": false,
-                                    "motionDeadline": 500,
-                                    "motionName": "ant-motion-collapse",
-                                    "onAppearActive": [Function],
-                                    "onAppearEnd": [Function],
-                                    "onAppearStart": [Function],
-                                    "onEnterActive": [Function],
-                                    "onEnterEnd": [Function],
-                                    "onEnterStart": [Function],
-                                    "onLeaveActive": [Function],
-                                    "onLeaveEnd": [Function],
-                                    "onLeaveStart": [Function],
-                                  }
-                                }
-                                prefixCls="ant-collapse"
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-collapse ant-collapse-icon-position-right"
-                                  role={null}
-                                  style={
-                                    Object {
-                                      "width": "100%",
-                                    }
-                                  }
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    header="Meta Fields"
-                                    isActive={false}
-                                    key="0"
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                  >
-                                    <CollapsePanel
-                                      accordion={false}
-                                      className=""
-                                      destroyInactivePanel={false}
-                                      expandIcon={[Function]}
-                                      forceRender={false}
-                                      header="Meta Fields"
-                                      headerClass=""
-                                      isActive={false}
-                                      onItemClick={[Function]}
-                                      openMotion={
-                                        Object {
-                                          "leavedClassName": "ant-collapse-content-hidden",
-                                          "motionAppear": false,
-                                          "motionDeadline": 500,
-                                          "motionName": "ant-motion-collapse",
-                                          "onAppearActive": [Function],
-                                          "onAppearEnd": [Function],
-                                          "onAppearStart": [Function],
-                                          "onEnterActive": [Function],
-                                          "onEnterEnd": [Function],
-                                          "onEnterStart": [Function],
-                                          "onLeaveActive": [Function],
-                                          "onLeaveEnd": [Function],
-                                          "onLeaveStart": [Function],
-                                        }
-                                      }
-                                      panelKey="0"
-                                      prefixCls="ant-collapse"
-                                      showArrow={true}
-                                    >
-                                      <div
-                                        className="ant-collapse-item"
-                                      >
-                                        <div
-                                          aria-expanded={false}
-                                          className="ant-collapse-header"
-                                          onClick={[Function]}
-                                          onKeyPress={[Function]}
-                                          role="button"
-                                          tabIndex={0}
-                                        >
-                                          <Button
-                                            className="ant-collapse-arrow"
-                                          >
-                                            <Wave>
-                                              <button
-                                                className="ant-btn ant-collapse-arrow"
-                                                onClick={[Function]}
-                                                type="button"
-                                              >
-                                                <LoadingIcon
-                                                  existIcon={false}
-                                                  loading={false}
-                                                  prefixCls="ant-btn"
-                                                >
-                                                  <CSSMotion
-                                                    motionName="ant-btn-loading-icon-motion"
-                                                    onAppearActive={[Function]}
-                                                    onAppearStart={[Function]}
-                                                    onEnterActive={[Function]}
-                                                    onEnterStart={[Function]}
-                                                    onLeaveActive={[Function]}
-                                                    onLeaveStart={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </LoadingIcon>
-                                                <span
-                                                  key=".0"
-                                                >
-                                                  Expand
-                                                </span>
-                                              </button>
-                                            </Wave>
-                                          </Button>
-                                          Meta Fields
-                                        </div>
-                                        <CSSMotion
-                                          forceRender={false}
-                                          leavedClassName="ant-collapse-content-hidden"
-                                          motionAppear={false}
-                                          motionDeadline={500}
-                                          motionName="ant-motion-collapse"
-                                          onAppearActive={[Function]}
-                                          onAppearEnd={[Function]}
-                                          onAppearStart={[Function]}
-                                          onEnterActive={[Function]}
-                                          onEnterEnd={[Function]}
-                                          onEnterStart={[Function]}
-                                          onLeaveActive={[Function]}
-                                          onLeaveEnd={[Function]}
-                                          onLeaveStart={[Function]}
-                                          removeOnLeave={false}
-                                          visible={false}
-                                        >
-                                          <DomWrapper />
-                                        </CSSMotion>
-                                      </div>
-                                    </CollapsePanel>
-                                  </CollapsePanel>
-                                </div>
-                              </Collapse>
-                            </Collapse>
-                          </MetaForm>
-                        </div>
-                      </Row>
-                    </div>
-                  </Col>
-                </div>
-              </Row>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </TagForm>
-  </EditTag>
-</Provider>
-`;
diff --git a/studio/src/pages/tags/__snapshots__/index.test.js.snap b/studio/src/pages/tags/__snapshots__/index.test.js.snap
deleted file mode 100644
index 7f809d211..000000000
--- a/studio/src/pages/tags/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,10737 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tags List component should render loader component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Tags
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Loader>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-                "height": "100vh",
-                "justifyContent": "center",
-                "padding": "2rem",
-                "position": "absolute",
-                "width": "100%",
-              }
-            }
-          >
-            <Spin
-              size="large"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin ant-spin-lg ant-spin-spinning"
-              >
-                <span
-                  className="ant-spin-dot ant-spin-dot-spin"
-                >
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                </span>
-              </div>
-            </Spin>
-          </div>
-        </Loader>
-      </Tags>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Tags List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Tags
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Tags"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Tags"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Tags"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search tags"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search tags"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search tags"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search tags"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  key="1"
-                                  to="/tags/create"
-                                >
-                                  <LinkAnchor
-                                    href="/tags/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/tags/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Tag
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <TagList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "loading": false,
-                      "tags": Array [],
-                      "total": 0,
-                    }
-                  }
-                  fetchTags={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Slug
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="3"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="3"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={3}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Slug",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            },
-                                                            "key": "slug",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "slug",
-                                                            "fixed": undefined,
-                                                            "key": "slug",
-                                                            "title": "Slug",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={3}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={3}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={3}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </TagList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Tags>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Tags List component snapshot testing should render the component with cached query data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Tags
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Tags"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Tags"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Tags"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search tags"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search tags"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search tags"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search tags"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  key="1"
-                                  to="/tags/create"
-                                >
-                                  <LinkAnchor
-                                    href="/tags/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/tags/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Tag
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <TagList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "loading": false,
-                      "tags": Array [
-                        Object {
-                          "created_at": "2022-06-13T09:06:48.649526Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": null,
-                          "footer_code": "",
-                          "header_code": "",
-                          "id": 3,
-                          "is_featured": true,
-                          "medium": null,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "latest",
-                          "posts": null,
-                          "slug": "latest",
-                          "space_id": 2,
-                          "updated_at": "2022-06-13T09:06:48.649526Z",
-                          "updated_by_id": 34,
-                        },
-                        Object {
-                          "created_at": "2022-05-05T11:42:10.559671Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": null,
-                          "footer_code": "",
-                          "header_code": "",
-                          "id": 2,
-                          "is_featured": false,
-                          "medium": null,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "sports",
-                          "posts": null,
-                          "slug": "sports",
-                          "space_id": 2,
-                          "updated_at": "2022-05-05T11:42:10.559671Z",
-                          "updated_by_id": 34,
-                        },
-                        Object {
-                          "background_colour": null,
-                          "created_at": "2022-04-29T11:45:53.89832Z",
-                          "created_by_id": 34,
-                          "deleted_at": null,
-                          "description": null,
-                          "footer_code": "",
-                          "header_code": "",
-                          "id": 1,
-                          "is_featured": false,
-                          "medium": null,
-                          "medium_id": null,
-                          "meta": null,
-                          "meta_fields": null,
-                          "name": "murder",
-                          "posts": null,
-                          "slug": "murder",
-                          "space_id": 2,
-                          "updated_at": "2022-04-29T11:45:53.89832Z",
-                          "updated_by_id": 34,
-                        },
-                      ],
-                      "total": 3,
-                    }
-                  }
-                  fetchTags={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "created_at": "2022-06-13T09:06:48.649526Z",
-                                  "created_by_id": 34,
-                                  "deleted_at": null,
-                                  "description": null,
-                                  "footer_code": "",
-                                  "header_code": "",
-                                  "id": 3,
-                                  "is_featured": true,
-                                  "medium": null,
-                                  "medium_id": null,
-                                  "meta": null,
-                                  "meta_fields": null,
-                                  "name": "latest",
-                                  "posts": null,
-                                  "slug": "latest",
-                                  "space_id": 2,
-                                  "updated_at": "2022-06-13T09:06:48.649526Z",
-                                  "updated_by_id": 34,
-                                },
-                                Object {
-                                  "created_at": "2022-05-05T11:42:10.559671Z",
-                                  "created_by_id": 34,
-                                  "deleted_at": null,
-                                  "description": null,
-                                  "footer_code": "",
-                                  "header_code": "",
-                                  "id": 2,
-                                  "is_featured": false,
-                                  "medium": null,
-                                  "medium_id": null,
-                                  "meta": null,
-                                  "meta_fields": null,
-                                  "name": "sports",
-                                  "posts": null,
-                                  "slug": "sports",
-                                  "space_id": 2,
-                                  "updated_at": "2022-05-05T11:42:10.559671Z",
-                                  "updated_by_id": 34,
-                                },
-                                Object {
-                                  "background_colour": null,
-                                  "created_at": "2022-04-29T11:45:53.89832Z",
-                                  "created_by_id": 34,
-                                  "deleted_at": null,
-                                  "description": null,
-                                  "footer_code": "",
-                                  "header_code": "",
-                                  "id": 1,
-                                  "is_featured": false,
-                                  "medium": null,
-                                  "medium_id": null,
-                                  "meta": null,
-                                  "meta_fields": null,
-                                  "name": "murder",
-                                  "posts": null,
-                                  "slug": "murder",
-                                  "space_id": 2,
-                                  "updated_at": "2022-04-29T11:45:53.89832Z",
-                                  "updated_by_id": 34,
-                                },
-                              ]
-                            }
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 3,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={
-                                        Array [
-                                          Object {
-                                            "created_at": "2022-06-13T09:06:48.649526Z",
-                                            "created_by_id": 34,
-                                            "deleted_at": null,
-                                            "description": null,
-                                            "footer_code": "",
-                                            "header_code": "",
-                                            "id": 3,
-                                            "is_featured": true,
-                                            "medium": null,
-                                            "medium_id": null,
-                                            "meta": null,
-                                            "meta_fields": null,
-                                            "name": "latest",
-                                            "posts": null,
-                                            "slug": "latest",
-                                            "space_id": 2,
-                                            "updated_at": "2022-06-13T09:06:48.649526Z",
-                                            "updated_by_id": 34,
-                                          },
-                                          Object {
-                                            "created_at": "2022-05-05T11:42:10.559671Z",
-                                            "created_by_id": 34,
-                                            "deleted_at": null,
-                                            "description": null,
-                                            "footer_code": "",
-                                            "header_code": "",
-                                            "id": 2,
-                                            "is_featured": false,
-                                            "medium": null,
-                                            "medium_id": null,
-                                            "meta": null,
-                                            "meta_fields": null,
-                                            "name": "sports",
-                                            "posts": null,
-                                            "slug": "sports",
-                                            "space_id": 2,
-                                            "updated_at": "2022-05-05T11:42:10.559671Z",
-                                            "updated_by_id": 34,
-                                          },
-                                          Object {
-                                            "background_colour": null,
-                                            "created_at": "2022-04-29T11:45:53.89832Z",
-                                            "created_by_id": 34,
-                                            "deleted_at": null,
-                                            "description": null,
-                                            "footer_code": "",
-                                            "header_code": "",
-                                            "id": 1,
-                                            "is_featured": false,
-                                            "medium": null,
-                                            "medium_id": null,
-                                            "meta": null,
-                                            "meta_fields": null,
-                                            "name": "murder",
-                                            "posts": null,
-                                            "slug": "murder",
-                                            "space_id": 2,
-                                            "updated_at": "2022-04-29T11:45:53.89832Z",
-                                            "updated_by_id": 34,
-                                          },
-                                        ]
-                                      }
-                                      dataSource={
-                                        Array [
-                                          Object {
-                                            "created_at": "2022-06-13T09:06:48.649526Z",
-                                            "created_by_id": 34,
-                                            "deleted_at": null,
-                                            "description": null,
-                                            "footer_code": "",
-                                            "header_code": "",
-                                            "id": 3,
-                                            "is_featured": true,
-                                            "medium": null,
-                                            "medium_id": null,
-                                            "meta": null,
-                                            "meta_fields": null,
-                                            "name": "latest",
-                                            "posts": null,
-                                            "slug": "latest",
-                                            "space_id": 2,
-                                            "updated_at": "2022-06-13T09:06:48.649526Z",
-                                            "updated_by_id": 34,
-                                          },
-                                          Object {
-                                            "created_at": "2022-05-05T11:42:10.559671Z",
-                                            "created_by_id": 34,
-                                            "deleted_at": null,
-                                            "description": null,
-                                            "footer_code": "",
-                                            "header_code": "",
-                                            "id": 2,
-                                            "is_featured": false,
-                                            "medium": null,
-                                            "medium_id": null,
-                                            "meta": null,
-                                            "meta_fields": null,
-                                            "name": "sports",
-                                            "posts": null,
-                                            "slug": "sports",
-                                            "space_id": 2,
-                                            "updated_at": "2022-05-05T11:42:10.559671Z",
-                                            "updated_by_id": 34,
-                                          },
-                                          Object {
-                                            "background_colour": null,
-                                            "created_at": "2022-04-29T11:45:53.89832Z",
-                                            "created_by_id": 34,
-                                            "deleted_at": null,
-                                            "description": null,
-                                            "footer_code": "",
-                                            "header_code": "",
-                                            "id": 1,
-                                            "is_featured": false,
-                                            "medium": null,
-                                            "medium_id": null,
-                                            "meta": null,
-                                            "meta_fields": null,
-                                            "name": "murder",
-                                            "posts": null,
-                                            "slug": "murder",
-                                            "space_id": 2,
-                                            "updated_at": "2022-04-29T11:45:53.89832Z",
-                                            "updated_by_id": 34,
-                                          },
-                                        ]
-                                      }
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Slug
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="3"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/tags/3/edit"
-                                                        style="margin-right: 8px;"
-                                                      >
-                                                        latest
-                                                      </a>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      latest
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="2"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/tags/2/edit"
-                                                        style="margin-right: 8px;"
-                                                      >
-                                                        sports
-                                                      </a>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      sports
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                  <tr
-                                                    class="ant-table-row ant-table-row-level-0"
-                                                    data-row-key="1"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      <a
-                                                        href="/tags/1/edit"
-                                                        style="margin-right: 8px;"
-                                                      >
-                                                        murder
-                                                      </a>
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell"
-                                                    >
-                                                      murder
-                                                    </td>
-                                                    <td
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      <span
-                                                        class="ant-popover-disabled-compatible-wrapper"
-                                                        style="display: inline-block; cursor: not-allowed;"
-                                                      >
-                                                        <button
-                                                          class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                          disabled=""
-                                                          style="pointer-events: none;"
-                                                          type="button"
-                                                        >
-                                                          <span
-                                                            aria-label="delete"
-                                                            class="anticon anticon-delete"
-                                                            role="img"
-                                                          >
-                                                            <svg
-                                                              aria-hidden="true"
-                                                              data-icon="delete"
-                                                              fill="currentColor"
-                                                              focusable="false"
-                                                              height="1em"
-                                                              viewBox="64 64 896 896"
-                                                              width="1em"
-                                                            >
-                                                              <path
-                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                              />
-                                                            </svg>
-                                                          </span>
-                                                        </button>
-                                                      </span>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 3,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [
-                                                Object {
-                                                  "created_at": "2022-06-13T09:06:48.649526Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": null,
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "id": 3,
-                                                  "is_featured": true,
-                                                  "medium": null,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "latest",
-                                                  "posts": null,
-                                                  "slug": "latest",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-06-13T09:06:48.649526Z",
-                                                  "updated_by_id": 34,
-                                                },
-                                                Object {
-                                                  "created_at": "2022-05-05T11:42:10.559671Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": null,
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "id": 2,
-                                                  "is_featured": false,
-                                                  "medium": null,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "sports",
-                                                  "posts": null,
-                                                  "slug": "sports",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-05-05T11:42:10.559671Z",
-                                                  "updated_by_id": 34,
-                                                },
-                                                Object {
-                                                  "background_colour": null,
-                                                  "created_at": "2022-04-29T11:45:53.89832Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": null,
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "id": 1,
-                                                  "is_featured": false,
-                                                  "medium": null,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "murder",
-                                                  "posts": null,
-                                                  "slug": "murder",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-04-29T11:45:53.89832Z",
-                                                  "updated_by_id": 34,
-                                                },
-                                              ],
-                                              "dataSource": Array [
-                                                Object {
-                                                  "created_at": "2022-06-13T09:06:48.649526Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": null,
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "id": 3,
-                                                  "is_featured": true,
-                                                  "medium": null,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "latest",
-                                                  "posts": null,
-                                                  "slug": "latest",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-06-13T09:06:48.649526Z",
-                                                  "updated_by_id": 34,
-                                                },
-                                                Object {
-                                                  "created_at": "2022-05-05T11:42:10.559671Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": null,
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "id": 2,
-                                                  "is_featured": false,
-                                                  "medium": null,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "sports",
-                                                  "posts": null,
-                                                  "slug": "sports",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-05-05T11:42:10.559671Z",
-                                                  "updated_by_id": 34,
-                                                },
-                                                Object {
-                                                  "background_colour": null,
-                                                  "created_at": "2022-04-29T11:45:53.89832Z",
-                                                  "created_by_id": 34,
-                                                  "deleted_at": null,
-                                                  "description": null,
-                                                  "footer_code": "",
-                                                  "header_code": "",
-                                                  "id": 1,
-                                                  "is_featured": false,
-                                                  "medium": null,
-                                                  "medium_id": null,
-                                                  "meta": null,
-                                                  "meta_fields": null,
-                                                  "name": "murder",
-                                                  "posts": null,
-                                                  "slug": "murder",
-                                                  "space_id": 2,
-                                                  "updated_at": "2022-04-29T11:45:53.89832Z",
-                                                  "updated_by_id": 34,
-                                                },
-                                              ],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="3"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/tags/3/edit"
-                                                              style="margin-right: 8px;"
-                                                            >
-                                                              latest
-                                                            </a>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            latest
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="2"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/tags/2/edit"
-                                                              style="margin-right: 8px;"
-                                                            >
-                                                              sports
-                                                            </a>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            sports
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                        <tr
-                                                          class="ant-table-row ant-table-row-level-0"
-                                                          data-row-key="1"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            <a
-                                                              href="/tags/1/edit"
-                                                              style="margin-right: 8px;"
-                                                            >
-                                                              murder
-                                                            </a>
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell"
-                                                          >
-                                                            murder
-                                                          </td>
-                                                          <td
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            <span
-                                                              class="ant-popover-disabled-compatible-wrapper"
-                                                              style="display: inline-block; cursor: not-allowed;"
-                                                            >
-                                                              <button
-                                                                class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                disabled=""
-                                                                style="pointer-events: none;"
-                                                                type="button"
-                                                              >
-                                                                <span
-                                                                  aria-label="delete"
-                                                                  class="anticon anticon-delete"
-                                                                  role="img"
-                                                                >
-                                                                  <svg
-                                                                    aria-hidden="true"
-                                                                    data-icon="delete"
-                                                                    fill="currentColor"
-                                                                    focusable="false"
-                                                                    height="1em"
-                                                                    viewBox="64 64 896 896"
-                                                                    width="1em"
-                                                                  >
-                                                                    <path
-                                                                      d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    />
-                                                                  </svg>
-                                                                </span>
-                                                              </button>
-                                                            </span>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 3,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={3}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Slug",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            },
-                                                            "key": "slug",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "slug",
-                                                            "fixed": undefined,
-                                                            "key": "slug",
-                                                            "title": "Slug",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={
-                                                    Array [
-                                                      Object {
-                                                        "created_at": "2022-06-13T09:06:48.649526Z",
-                                                        "created_by_id": 34,
-                                                        "deleted_at": null,
-                                                        "description": null,
-                                                        "footer_code": "",
-                                                        "header_code": "",
-                                                        "id": 3,
-                                                        "is_featured": true,
-                                                        "medium": null,
-                                                        "medium_id": null,
-                                                        "meta": null,
-                                                        "meta_fields": null,
-                                                        "name": "latest",
-                                                        "posts": null,
-                                                        "slug": "latest",
-                                                        "space_id": 2,
-                                                        "updated_at": "2022-06-13T09:06:48.649526Z",
-                                                        "updated_by_id": 34,
-                                                      },
-                                                      Object {
-                                                        "created_at": "2022-05-05T11:42:10.559671Z",
-                                                        "created_by_id": 34,
-                                                        "deleted_at": null,
-                                                        "description": null,
-                                                        "footer_code": "",
-                                                        "header_code": "",
-                                                        "id": 2,
-                                                        "is_featured": false,
-                                                        "medium": null,
-                                                        "medium_id": null,
-                                                        "meta": null,
-                                                        "meta_fields": null,
-                                                        "name": "sports",
-                                                        "posts": null,
-                                                        "slug": "sports",
-                                                        "space_id": 2,
-                                                        "updated_at": "2022-05-05T11:42:10.559671Z",
-                                                        "updated_by_id": 34,
-                                                      },
-                                                      Object {
-                                                        "background_colour": null,
-                                                        "created_at": "2022-04-29T11:45:53.89832Z",
-                                                        "created_by_id": 34,
-                                                        "deleted_at": null,
-                                                        "description": null,
-                                                        "footer_code": "",
-                                                        "header_code": "",
-                                                        "id": 1,
-                                                        "is_featured": false,
-                                                        "medium": null,
-                                                        "medium_id": null,
-                                                        "meta": null,
-                                                        "meta_fields": null,
-                                                        "name": "murder",
-                                                        "posts": null,
-                                                        "slug": "murder",
-                                                        "space_id": 2,
-                                                        "updated_at": "2022-04-29T11:45:53.89832Z",
-                                                        "updated_by_id": 34,
-                                                      },
-                                                    ]
-                                                  }
-                                                  emptyNode={null}
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={0}
-                                                      key="3"
-                                                      record={
-                                                        Object {
-                                                          "created_at": "2022-06-13T09:06:48.649526Z",
-                                                          "created_by_id": 34,
-                                                          "deleted_at": null,
-                                                          "description": null,
-                                                          "footer_code": "",
-                                                          "header_code": "",
-                                                          "id": 3,
-                                                          "is_featured": true,
-                                                          "medium": null,
-                                                          "medium_id": null,
-                                                          "meta": null,
-                                                          "meta_fields": null,
-                                                          "name": "latest",
-                                                          "posts": null,
-                                                          "slug": "latest",
-                                                          "space_id": 2,
-                                                          "updated_at": "2022-06-13T09:06:48.649526Z",
-                                                          "updated_by_id": 34,
-                                                        }
-                                                      }
-                                                      recordKey={3}
-                                                      rowComponent="tr"
-                                                      rowKey={3}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={3}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="name"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2022-06-13T09:06:48.649526Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 3,
-                                                              "is_featured": true,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "latest",
-                                                              "posts": null,
-                                                              "slug": "latest",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-06-13T09:06:48.649526Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/tags/3/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/tags/3/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/tags/3/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  latest
-                                                                </a>
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="slug"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={0}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2022-06-13T09:06:48.649526Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 3,
-                                                              "is_featured": true,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "latest",
-                                                              "posts": null,
-                                                              "slug": "latest",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-06-13T09:06:48.649526Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            latest
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2022-06-13T09:06:48.649526Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 3,
-                                                              "is_featured": true,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "latest",
-                                                              "posts": null,
-                                                              "slug": "latest",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-06-13T09:06:48.649526Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={1}
-                                                      key="2"
-                                                      record={
-                                                        Object {
-                                                          "created_at": "2022-05-05T11:42:10.559671Z",
-                                                          "created_by_id": 34,
-                                                          "deleted_at": null,
-                                                          "description": null,
-                                                          "footer_code": "",
-                                                          "header_code": "",
-                                                          "id": 2,
-                                                          "is_featured": false,
-                                                          "medium": null,
-                                                          "medium_id": null,
-                                                          "meta": null,
-                                                          "meta_fields": null,
-                                                          "name": "sports",
-                                                          "posts": null,
-                                                          "slug": "sports",
-                                                          "space_id": 2,
-                                                          "updated_at": "2022-05-05T11:42:10.559671Z",
-                                                          "updated_by_id": 34,
-                                                        }
-                                                      }
-                                                      recordKey={2}
-                                                      rowComponent="tr"
-                                                      rowKey={2}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={2}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="name"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2022-05-05T11:42:10.559671Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 2,
-                                                              "is_featured": false,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "sports",
-                                                              "posts": null,
-                                                              "slug": "sports",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-05-05T11:42:10.559671Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/tags/2/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/tags/2/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/tags/2/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  sports
-                                                                </a>
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="slug"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={1}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2022-05-05T11:42:10.559671Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 2,
-                                                              "is_featured": false,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "sports",
-                                                              "posts": null,
-                                                              "slug": "sports",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-05-05T11:42:10.559671Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            sports
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={1}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "created_at": "2022-05-05T11:42:10.559671Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 2,
-                                                              "is_featured": false,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "sports",
-                                                              "posts": null,
-                                                              "slug": "sports",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-05-05T11:42:10.559671Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                    <BodyRow
-                                                      cellComponent="td"
-                                                      childrenColumnName="children"
-                                                      expandedKeys={Set {}}
-                                                      getRowKey={[Function]}
-                                                      index={2}
-                                                      key="1"
-                                                      record={
-                                                        Object {
-                                                          "background_colour": null,
-                                                          "created_at": "2022-04-29T11:45:53.89832Z",
-                                                          "created_by_id": 34,
-                                                          "deleted_at": null,
-                                                          "description": null,
-                                                          "footer_code": "",
-                                                          "header_code": "",
-                                                          "id": 1,
-                                                          "is_featured": false,
-                                                          "medium": null,
-                                                          "medium_id": null,
-                                                          "meta": null,
-                                                          "meta_fields": null,
-                                                          "name": "murder",
-                                                          "posts": null,
-                                                          "slug": "murder",
-                                                          "space_id": 2,
-                                                          "updated_at": "2022-04-29T11:45:53.89832Z",
-                                                          "updated_by_id": 34,
-                                                        }
-                                                      }
-                                                      recordKey={1}
-                                                      rowComponent="tr"
-                                                      rowKey={1}
-                                                    >
-                                                      <tr
-                                                        className="ant-table-row ant-table-row-level-0"
-                                                        data-row-key={1}
-                                                        onClick={[Function]}
-                                                        style={Object {}}
-                                                      >
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="name"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={2}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "background_colour": null,
-                                                              "created_at": "2022-04-29T11:45:53.89832Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 1,
-                                                              "is_featured": false,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "murder",
-                                                              "posts": null,
-                                                              "slug": "murder",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-04-29T11:45:53.89832Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Link
-                                                              style={
-                                                                Object {
-                                                                  "marginRight": 8,
-                                                                }
-                                                              }
-                                                              to="/tags/1/edit"
-                                                            >
-                                                              <LinkAnchor
-                                                                href="/tags/1/edit"
-                                                                navigate={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "marginRight": 8,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <a
-                                                                  href="/tags/1/edit"
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "marginRight": 8,
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  murder
-                                                                </a>
-                                                              </LinkAnchor>
-                                                            </Link>
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          component="td"
-                                                          dataIndex="slug"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          index={2}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "background_colour": null,
-                                                              "created_at": "2022-04-29T11:45:53.89832Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 1,
-                                                              "is_featured": false,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "murder",
-                                                              "posts": null,
-                                                              "slug": "murder",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-04-29T11:45:53.89832Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            murder
-                                                          </td>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          component="td"
-                                                          dataIndex="operation"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          index={2}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          record={
-                                                            Object {
-                                                              "background_colour": null,
-                                                              "created_at": "2022-04-29T11:45:53.89832Z",
-                                                              "created_by_id": 34,
-                                                              "deleted_at": null,
-                                                              "description": null,
-                                                              "footer_code": "",
-                                                              "header_code": "",
-                                                              "id": 1,
-                                                              "is_featured": false,
-                                                              "medium": null,
-                                                              "medium_id": null,
-                                                              "meta": null,
-                                                              "meta_fields": null,
-                                                              "name": "murder",
-                                                              "posts": null,
-                                                              "slug": "murder",
-                                                              "space_id": 2,
-                                                              "updated_at": "2022-04-29T11:45:53.89832Z",
-                                                              "updated_by_id": 34,
-                                                            }
-                                                          }
-                                                          render={[Function]}
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            <ForwardRef
-                                                              disabled={true}
-                                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                              okType="primary"
-                                                              onConfirm={[Function]}
-                                                              placement="top"
-                                                              title="Are you sure you want to delete this?"
-                                                              trigger="click"
-                                                            >
-                                                              <Tooltip
-                                                                arrowPointAtCenter={false}
-                                                                autoAdjustOverflow={true}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                mouseEnterDelay={0.1}
-                                                                mouseLeaveDelay={0.1}
-                                                                okType="primary"
-                                                                onConfirm={[Function]}
-                                                                onVisibleChange={[Function]}
-                                                                overlay={
-                                                                  <LocaleReceiver
-                                                                    componentName="Popconfirm"
-                                                                    defaultLocale={
-                                                                      Object {
-                                                                        "cancelText": "Cancel",
-                                                                        "okText": "OK",
-                                                                      }
-                                                                    }
-                                                                  >
-                                                                    [Function]
-                                                                  </LocaleReceiver>
-                                                                }
-                                                                overlayClassName="ant-popconfirm"
-                                                                placement="top"
-                                                                prefixCls="ant-popover"
-                                                                title="Are you sure you want to delete this?"
-                                                                transitionName="ant-zoom-big"
-                                                                trigger="click"
-                                                                visible={false}
-                                                              >
-                                                                <ForwardRef(Tooltip)
-                                                                  arrowContent={
-                                                                    <span
-                                                                      className="ant-popover-arrow-content"
-                                                                    />
-                                                                  }
-                                                                  arrowPointAtCenter={false}
-                                                                  autoAdjustOverflow={true}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tc",
-                                                                          "bc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "left": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cr",
-                                                                          "cl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "bl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "leftTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          -4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "right": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "cl",
-                                                                          "cr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightBottom": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "br",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "rightTop": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          4,
-                                                                          0,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "top": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bc",
-                                                                          "tc",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "ignoreShake": true,
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 1,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                        "targetOffset": Array [
-                                                                          0,
-                                                                          0,
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  disabled={true}
-                                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                  motion={
-                                                                    Object {
-                                                                      "motionDeadline": 1000,
-                                                                      "motionName": "ant-zoom-big",
-                                                                    }
-                                                                  }
-                                                                  mouseEnterDelay={0.1}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  okType="primary"
-                                                                  onConfirm={[Function]}
-                                                                  onPopupAlign={[Function]}
-                                                                  onVisibleChange={[Function]}
-                                                                  overlay={
-                                                                    <LocaleReceiver
-                                                                      componentName="Popconfirm"
-                                                                      defaultLocale={
-                                                                        Object {
-                                                                          "cancelText": "Cancel",
-                                                                          "okText": "OK",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      [Function]
-                                                                    </LocaleReceiver>
-                                                                  }
-                                                                  overlayClassName="ant-popconfirm"
-                                                                  placement="top"
-                                                                  prefixCls="ant-popover"
-                                                                  title="Are you sure you want to delete this?"
-                                                                  transitionName="ant-zoom-big"
-                                                                  trigger="click"
-                                                                  visible={false}
-                                                                >
-                                                                  <Trigger
-                                                                    action="click"
-                                                                    afterPopupVisibleChange={[Function]}
-                                                                    arrowContent={
-                                                                      <span
-                                                                        className="ant-popover-arrow-content"
-                                                                      />
-                                                                    }
-                                                                    arrowPointAtCenter={false}
-                                                                    autoAdjustOverflow={true}
-                                                                    autoDestroy={false}
-                                                                    blurDelay={0.15}
-                                                                    builtinPlacements={
-                                                                      Object {
-                                                                        "bottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tc",
-                                                                            "bc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "bottomRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "left": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cr",
-                                                                            "cl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "bl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "leftTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            -4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tr",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "right": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "cl",
-                                                                            "cr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightBottom": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "br",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "rightTop": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            4,
-                                                                            0,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "tl",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "top": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bc",
-                                                                            "tc",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topLeft": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "bl",
-                                                                            "tl",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                        "topRight": Object {
-                                                                          "ignoreShake": true,
-                                                                          "offset": Array [
-                                                                            0,
-                                                                            -4,
-                                                                          ],
-                                                                          "overflow": Object {
-                                                                            "adjustX": 1,
-                                                                            "adjustY": 1,
-                                                                          },
-                                                                          "points": Array [
-                                                                            "br",
-                                                                            "tr",
-                                                                          ],
-                                                                          "targetOffset": Array [
-                                                                            0,
-                                                                            0,
-                                                                          ],
-                                                                        },
-                                                                      }
-                                                                    }
-                                                                    defaultPopupVisible={false}
-                                                                    destroyPopupOnHide={false}
-                                                                    disabled={true}
-                                                                    focusDelay={0}
-                                                                    getDocument={[Function]}
-                                                                    getPopupClassNameFromAlign={[Function]}
-                                                                    hideAction={Array []}
-                                                                    icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                                    mask={false}
-                                                                    maskClosable={true}
-                                                                    mouseEnterDelay={0.1}
-                                                                    mouseLeaveDelay={0.1}
-                                                                    okType="primary"
-                                                                    onConfirm={[Function]}
-                                                                    onPopupAlign={[Function]}
-                                                                    onPopupVisibleChange={[Function]}
-                                                                    overlay={
-                                                                      <LocaleReceiver
-                                                                        componentName="Popconfirm"
-                                                                        defaultLocale={
-                                                                          Object {
-                                                                            "cancelText": "Cancel",
-                                                                            "okText": "OK",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        [Function]
-                                                                      </LocaleReceiver>
-                                                                    }
-                                                                    popup={[Function]}
-                                                                    popupAlign={Object {}}
-                                                                    popupClassName="ant-popconfirm"
-                                                                    popupMotion={
-                                                                      Object {
-                                                                        "motionDeadline": 1000,
-                                                                        "motionName": "ant-zoom-big",
-                                                                      }
-                                                                    }
-                                                                    popupPlacement="top"
-                                                                    popupStyle={Object {}}
-                                                                    popupTransitionName="ant-zoom-big"
-                                                                    popupVisible={false}
-                                                                    prefixCls="ant-popover"
-                                                                    showAction={Array []}
-                                                                    title="Are you sure you want to delete this?"
-                                                                    visible={false}
-                                                                  >
-                                                                    <span
-                                                                      className="ant-popover-disabled-compatible-wrapper"
-                                                                      key="trigger"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                      onTouchStart={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "cursor": "not-allowed",
-                                                                          "display": "inline-block",
-                                                                          "width": null,
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <Button
-                                                                        className={null}
-                                                                        disabled={true}
-                                                                        icon={<ForwardRef(DeleteOutlined) />}
-                                                                        onKeyDown={[Function]}
-                                                                        style={
-                                                                          Object {
-                                                                            "pointerEvents": "none",
-                                                                          }
-                                                                        }
-                                                                        type="danger"
-                                                                      >
-                                                                        <Wave>
-                                                                          <button
-                                                                            className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                            disabled={true}
-                                                                            onClick={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            style={
-                                                                              Object {
-                                                                                "pointerEvents": "none",
-                                                                              }
-                                                                            }
-                                                                            type="button"
-                                                                          >
-                                                                            <ForwardRef(DeleteOutlined)>
-                                                                              <AntdIcon
-                                                                                icon={
-                                                                                  Object {
-                                                                                    "icon": Object {
-                                                                                      "attrs": Object {
-                                                                                        "focusable": "false",
-                                                                                        "viewBox": "64 64 896 896",
-                                                                                      },
-                                                                                      "children": Array [
-                                                                                        Object {
-                                                                                          "attrs": Object {
-                                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                          },
-                                                                                          "tag": "path",
-                                                                                        },
-                                                                                      ],
-                                                                                      "tag": "svg",
-                                                                                    },
-                                                                                    "name": "delete",
-                                                                                    "theme": "outlined",
-                                                                                  }
-                                                                                }
-                                                                              >
-                                                                                <span
-                                                                                  aria-label="delete"
-                                                                                  className="anticon anticon-delete"
-                                                                                  role="img"
-                                                                                >
-                                                                                  <IconReact
-                                                                                    icon={
-                                                                                      Object {
-                                                                                        "icon": Object {
-                                                                                          "attrs": Object {
-                                                                                            "focusable": "false",
-                                                                                            "viewBox": "64 64 896 896",
-                                                                                          },
-                                                                                          "children": Array [
-                                                                                            Object {
-                                                                                              "attrs": Object {
-                                                                                                "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                              },
-                                                                                              "tag": "path",
-                                                                                            },
-                                                                                          ],
-                                                                                          "tag": "svg",
-                                                                                        },
-                                                                                        "name": "delete",
-                                                                                        "theme": "outlined",
-                                                                                      }
-                                                                                    }
-                                                                                  >
-                                                                                    <svg
-                                                                                      aria-hidden="true"
-                                                                                      data-icon="delete"
-                                                                                      fill="currentColor"
-                                                                                      focusable="false"
-                                                                                      height="1em"
-                                                                                      key="svg-delete"
-                                                                                      viewBox="64 64 896 896"
-                                                                                      width="1em"
-                                                                                    >
-                                                                                      <path
-                                                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                        key="svg-delete-svg-0"
-                                                                                      />
-                                                                                    </svg>
-                                                                                  </IconReact>
-                                                                                </span>
-                                                                              </AntdIcon>
-                                                                            </ForwardRef(DeleteOutlined)>
-                                                                          </button>
-                                                                        </Wave>
-                                                                      </Button>
-                                                                    </span>
-                                                                  </Trigger>
-                                                                </ForwardRef(Tooltip)>
-                                                              </Tooltip>
-                                                            </ForwardRef>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </BodyRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                    <Pagination
-                                      className="ant-table-pagination ant-table-pagination-right"
-                                      current={1}
-                                      onChange={[Function]}
-                                      pageSize={10}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      showTotal={[Function]}
-                                      total={3}
-                                    >
-                                      <LocaleReceiver
-                                        componentName="Pagination"
-                                        defaultLocale={
-                                          Object {
-                                            "items_per_page": "/ page",
-                                            "jump_to": "Go to",
-                                            "jump_to_confirm": "confirm",
-                                            "next_3": "Next 3 Pages",
-                                            "next_5": "Next 5 Pages",
-                                            "next_page": "Next Page",
-                                            "page": "",
-                                            "prev_3": "Previous 3 Pages",
-                                            "prev_5": "Previous 5 Pages",
-                                            "prev_page": "Previous Page",
-                                          }
-                                        }
-                                      >
-                                        <Pagination
-                                          className="ant-table-pagination ant-table-pagination-right"
-                                          current={1}
-                                          defaultCurrent={1}
-                                          defaultPageSize={10}
-                                          hideOnSinglePage={false}
-                                          itemRender={[Function]}
-                                          jumpNextIcon={
-                                            <a
-                                              className="ant-pagination-item-link"
-                                            >
-                                              <div
-                                                className="ant-pagination-item-container"
-                                              >
-                                                <ForwardRef(DoubleRightOutlined)
-                                                  className="ant-pagination-item-link-icon"
-                                                />
-                                                <span
-                                                  className="ant-pagination-item-ellipsis"
-                                                >
-                                                  •••
-                                                </span>
-                                              </div>
-                                            </a>
-                                          }
-                                          jumpPrevIcon={
-                                            <a
-                                              className="ant-pagination-item-link"
-                                            >
-                                              <div
-                                                className="ant-pagination-item-container"
-                                              >
-                                                <ForwardRef(DoubleLeftOutlined)
-                                                  className="ant-pagination-item-link-icon"
-                                                />
-                                                <span
-                                                  className="ant-pagination-item-ellipsis"
-                                                >
-                                                  •••
-                                                </span>
-                                              </div>
-                                            </a>
-                                          }
-                                          locale={
-                                            Object {
-                                              "items_per_page": "/ page",
-                                              "jump_to": "Go to",
-                                              "jump_to_confirm": "confirm",
-                                              "next_3": "Next 3 Pages",
-                                              "next_5": "Next 5 Pages",
-                                              "next_page": "Next Page",
-                                              "page": "",
-                                              "prev_3": "Previous 3 Pages",
-                                              "prev_5": "Previous 5 Pages",
-                                              "prev_page": "Previous Page",
-                                            }
-                                          }
-                                          nextIcon={
-                                            <button
-                                              className="ant-pagination-item-link"
-                                              tabIndex={-1}
-                                              type="button"
-                                            >
-                                              <ForwardRef(RightOutlined) />
-                                            </button>
-                                          }
-                                          onChange={[Function]}
-                                          onShowSizeChange={[Function]}
-                                          pageSize={10}
-                                          pageSizeOptions={
-                                            Array [
-                                              "10",
-                                              "15",
-                                              "20",
-                                            ]
-                                          }
-                                          prefixCls="ant-pagination"
-                                          prevIcon={
-                                            <button
-                                              className="ant-pagination-item-link"
-                                              tabIndex={-1}
-                                              type="button"
-                                            >
-                                              <ForwardRef(LeftOutlined) />
-                                            </button>
-                                          }
-                                          selectComponentClass={
-                                            Object {
-                                              "$$typeof": Symbol(react.forward_ref),
-                                              "OptGroup": [Function],
-                                              "Option": [Function],
-                                              "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                              "render": [Function],
-                                            }
-                                          }
-                                          selectPrefixCls="ant-select"
-                                          showLessItems={false}
-                                          showPrevNextJumpers={true}
-                                          showQuickJumper={false}
-                                          showTitle={true}
-                                          showTotal={[Function]}
-                                          style={Object {}}
-                                          total={3}
-                                          totalBoundaryShowSizeChanger={50}
-                                        >
-                                          <ul
-                                            className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                            style={Object {}}
-                                            unselectable="unselectable"
-                                          >
-                                            <li
-                                              className="ant-pagination-total-text"
-                                            >
-                                              1-3 of 3 results
-                                            </li>
-                                            <li
-                                              aria-disabled={true}
-                                              className="ant-pagination-prev ant-pagination-disabled"
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              tabIndex={null}
-                                              title="Previous Page"
-                                            >
-                                              <button
-                                                className="ant-pagination-item-link"
-                                                disabled={true}
-                                                tabIndex={-1}
-                                                type="button"
-                                              >
-                                                <ForwardRef(LeftOutlined)>
-                                                  <AntdIcon
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "left",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-label="left"
-                                                      className="anticon anticon-left"
-                                                      role="img"
-                                                    >
-                                                      <IconReact
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "left",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="left"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          key="svg-left"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                            key="svg-left-svg-0"
-                                                          />
-                                                        </svg>
-                                                      </IconReact>
-                                                    </span>
-                                                  </AntdIcon>
-                                                </ForwardRef(LeftOutlined)>
-                                              </button>
-                                            </li>
-                                            <Pager
-                                              active={true}
-                                              itemRender={[Function]}
-                                              key="1"
-                                              locale={
-                                                Object {
-                                                  "items_per_page": "/ page",
-                                                  "jump_to": "Go to",
-                                                  "jump_to_confirm": "confirm",
-                                                  "next_3": "Next 3 Pages",
-                                                  "next_5": "Next 5 Pages",
-                                                  "next_page": "Next Page",
-                                                  "page": "",
-                                                  "prev_3": "Previous 3 Pages",
-                                                  "prev_5": "Previous 5 Pages",
-                                                  "prev_page": "Previous Page",
-                                                }
-                                              }
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              page={1}
-                                              rootPrefixCls="ant-pagination"
-                                              showTitle={true}
-                                            >
-                                              <li
-                                                className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                                onClick={[Function]}
-                                                onKeyPress={[Function]}
-                                                tabIndex="0"
-                                                title={1}
-                                              >
-                                                <a
-                                                  rel="nofollow"
-                                                >
-                                                  1
-                                                </a>
-                                              </li>
-                                            </Pager>
-                                            <li
-                                              aria-disabled={true}
-                                              className="ant-pagination-next ant-pagination-disabled"
-                                              onClick={[Function]}
-                                              onKeyPress={[Function]}
-                                              tabIndex={null}
-                                              title="Next Page"
-                                            >
-                                              <button
-                                                className="ant-pagination-item-link"
-                                                disabled={true}
-                                                tabIndex={-1}
-                                                type="button"
-                                              >
-                                                <ForwardRef(RightOutlined)>
-                                                  <AntdIcon
-                                                    icon={
-                                                      Object {
-                                                        "icon": Object {
-                                                          "attrs": Object {
-                                                            "focusable": "false",
-                                                            "viewBox": "64 64 896 896",
-                                                          },
-                                                          "children": Array [
-                                                            Object {
-                                                              "attrs": Object {
-                                                                "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                              },
-                                                              "tag": "path",
-                                                            },
-                                                          ],
-                                                          "tag": "svg",
-                                                        },
-                                                        "name": "right",
-                                                        "theme": "outlined",
-                                                      }
-                                                    }
-                                                  >
-                                                    <span
-                                                      aria-label="right"
-                                                      className="anticon anticon-right"
-                                                      role="img"
-                                                    >
-                                                      <IconReact
-                                                        icon={
-                                                          Object {
-                                                            "icon": Object {
-                                                              "attrs": Object {
-                                                                "focusable": "false",
-                                                                "viewBox": "64 64 896 896",
-                                                              },
-                                                              "children": Array [
-                                                                Object {
-                                                                  "attrs": Object {
-                                                                    "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                                  },
-                                                                  "tag": "path",
-                                                                },
-                                                              ],
-                                                              "tag": "svg",
-                                                            },
-                                                            "name": "right",
-                                                            "theme": "outlined",
-                                                          }
-                                                        }
-                                                      >
-                                                        <svg
-                                                          aria-hidden="true"
-                                                          data-icon="right"
-                                                          fill="currentColor"
-                                                          focusable="false"
-                                                          height="1em"
-                                                          key="svg-right"
-                                                          viewBox="64 64 896 896"
-                                                          width="1em"
-                                                        >
-                                                          <path
-                                                            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                            key="svg-right-svg-0"
-                                                          />
-                                                        </svg>
-                                                      </IconReact>
-                                                    </span>
-                                                  </AntdIcon>
-                                                </ForwardRef(RightOutlined)>
-                                              </button>
-                                            </li>
-                                            <Options
-                                              changeSize={null}
-                                              current={1}
-                                              goButton={false}
-                                              locale={
-                                                Object {
-                                                  "items_per_page": "/ page",
-                                                  "jump_to": "Go to",
-                                                  "jump_to_confirm": "confirm",
-                                                  "next_3": "Next 3 Pages",
-                                                  "next_5": "Next 5 Pages",
-                                                  "next_page": "Next Page",
-                                                  "page": "",
-                                                  "prev_3": "Previous 3 Pages",
-                                                  "prev_5": "Previous 5 Pages",
-                                                  "prev_page": "Previous Page",
-                                                }
-                                              }
-                                              pageSize={10}
-                                              pageSizeOptions={
-                                                Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ]
-                                              }
-                                              quickGo={null}
-                                              rootPrefixCls="ant-pagination"
-                                              selectComponentClass={
-                                                Object {
-                                                  "$$typeof": Symbol(react.forward_ref),
-                                                  "OptGroup": [Function],
-                                                  "Option": [Function],
-                                                  "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                                  "render": [Function],
-                                                }
-                                              }
-                                              selectPrefixCls="ant-select"
-                                            />
-                                          </ul>
-                                        </Pagination>
-                                      </LocaleReceiver>
-                                    </Pagination>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </TagList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Tags>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Tags List component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Tags
-        permission={
-          Object {
-            "actions": Array [
-              "create",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Tags"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Tags"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Tags"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <ForwardRef(InternalForm)
-                  form={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "filters",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                    }
-                  }
-                  initialValues={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  name="filters"
-                  onFinish={[Function]}
-                  onValuesChange={[Function]}
-                  style={
-                    Object {
-                      "width": "100%",
-                    }
-                  }
-                >
-                  <SizeContextProvider>
-                    <ForwardRef(Form)
-                      className="ant-form ant-form-horizontal"
-                      form={
-                        Object {
-                          "__INTERNAL__": Object {
-                            "itemRef": [Function],
-                            "name": "filters",
-                          },
-                          "getFieldError": [Function],
-                          "getFieldInstance": [Function],
-                          "getFieldValue": [Function],
-                          "getFieldsError": [Function],
-                          "getFieldsValue": [Function],
-                          "getInternalHooks": [Function],
-                          "isFieldTouched": [Function],
-                          "isFieldValidating": [Function],
-                          "isFieldsTouched": [Function],
-                          "isFieldsValidating": [Function],
-                          "resetFields": [Function],
-                          "scrollToField": [Function],
-                          "setFields": [Function],
-                          "setFieldsValue": [Function],
-                          "submit": [Function],
-                          "validateFields": [Function],
-                        }
-                      }
-                      id="filters"
-                      initialValues={
-                        Object {
-                          "limit": 10,
-                          "page": 1,
-                          "sort": "desc",
-                        }
-                      }
-                      name="filters"
-                      onFinish={[Function]}
-                      onFinishFailed={[Function]}
-                      onValuesChange={[Function]}
-                      style={
-                        Object {
-                          "width": "100%",
-                        }
-                      }
-                    >
-                      <form
-                        className="ant-form ant-form-horizontal"
-                        id="filters"
-                        onReset={[Function]}
-                        onSubmit={[Function]}
-                        style={
-                          Object {
-                            "width": "100%",
-                          }
-                        }
-                      >
-                        <Row
-                          gutter={16}
-                          justify="end"
-                          style={
-                            Object {
-                              "marginBottom": "1rem",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-row ant-row-end"
-                            style={
-                              Object {
-                                "marginBottom": "1rem",
-                                "marginLeft": -8,
-                                "marginRight": -8,
-                              }
-                            }
-                          >
-                            <Col
-                              key="2"
-                              style={
-                                Object {
-                                  "display": "flex",
-                                  "justifyContent": "end",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "display": "flex",
-                                    "justifyContent": "end",
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="q"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "q",
-                                      }
-                                    }
-                                    name="q"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_q"
-                                      messageVariables={
-                                        Object {
-                                          "label": "q",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "q",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_q"
-                                            name="q"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "q",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                    >
-                                                      <Input
-                                                        id="filters_q"
-                                                        onChange={[Function]}
-                                                        placeholder="Search tags"
-                                                        type="text"
-                                                      >
-                                                        <ClearableLabeledInput
-                                                          bordered={true}
-                                                          element={
-                                                            <input
-                                                              className="ant-input"
-                                                              id="filters_q"
-                                                              onBlur={[Function]}
-                                                              onChange={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              placeholder="Search tags"
-                                                              type="text"
-                                                            />
-                                                          }
-                                                          focused={false}
-                                                          handleReset={[Function]}
-                                                          id="filters_q"
-                                                          inputType="input"
-                                                          onChange={[Function]}
-                                                          placeholder="Search tags"
-                                                          prefixCls="ant-input"
-                                                          triggerFocus={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        >
-                                                          <input
-                                                            className="ant-input"
-                                                            id="filters_q"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            placeholder="Search tags"
-                                                            type="text"
-                                                            value=""
-                                                          />
-                                                        </ClearableLabeledInput>
-                                                      </Input>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                                <FormItem>
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        prefixCls="ant-form"
-                                        requiredMark={true}
-                                      />
-                                      <FormItemInput
-                                        errors={Array []}
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        validateStatus=""
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Button
-                                                  htmlType="submit"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Search
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <FormItem
-                                  name="sort"
-                                >
-                                  <WrapperField
-                                    messageVariables={
-                                      Object {
-                                        "label": "sort",
-                                      }
-                                    }
-                                    name="sort"
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                  >
-                                    <Field
-                                      fieldContext={
-                                        Object {
-                                          "__INTERNAL__": Object {
-                                            "itemRef": [Function],
-                                            "name": "filters",
-                                          },
-                                          "getFieldError": [Function],
-                                          "getFieldInstance": [Function],
-                                          "getFieldValue": [Function],
-                                          "getFieldsError": [Function],
-                                          "getFieldsValue": [Function],
-                                          "getInternalHooks": [Function],
-                                          "isFieldTouched": [Function],
-                                          "isFieldValidating": [Function],
-                                          "isFieldsTouched": [Function],
-                                          "isFieldsValidating": [Function],
-                                          "resetFields": [Function],
-                                          "scrollToField": [Function],
-                                          "setFields": [Function],
-                                          "setFieldsValue": [Function],
-                                          "submit": [Function],
-                                          "validateFields": [Function],
-                                          "validateTrigger": "onChange",
-                                        }
-                                      }
-                                      key="_sort"
-                                      messageVariables={
-                                        Object {
-                                          "label": "sort",
-                                        }
-                                      }
-                                      name={
-                                        Array [
-                                          "sort",
-                                        ]
-                                      }
-                                      onReset={[Function]}
-                                      trigger="onChange"
-                                      validateTrigger="onChange"
-                                      valuePropName="value"
-                                    >
-                                      <Row
-                                        className="ant-form-item"
-                                        key="row"
-                                      >
-                                        <div
-                                          className="ant-row ant-form-item"
-                                          style={Object {}}
-                                        >
-                                          <FormItemLabel
-                                            htmlFor="filters_sort"
-                                            name="sort"
-                                            prefixCls="ant-form"
-                                            required={false}
-                                            requiredMark={true}
-                                          />
-                                          <FormItemInput
-                                            errors={Array []}
-                                            name={
-                                              Array [
-                                                "sort",
-                                              ]
-                                            }
-                                            onDomErrorVisibleChange={[Function]}
-                                            prefixCls="ant-form"
-                                            status=""
-                                            touched={false}
-                                            validateStatus=""
-                                            validating={false}
-                                          >
-                                            <Col
-                                              className="ant-form-item-control"
-                                            >
-                                              <div
-                                                className="ant-col ant-form-item-control"
-                                                style={Object {}}
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input"
-                                                >
-                                                  <div
-                                                    className="ant-form-item-control-input-content"
-                                                  >
-                                                    <Component
-                                                      update={2}
-                                                      value="desc"
-                                                    >
-                                                      <ForwardRef(InternalSelect)
-                                                        defaultValue="desc"
-                                                        id="filters_sort"
-                                                        onChange={[Function]}
-                                                        value="desc"
-                                                      >
-                                                        <Select
-                                                          className=""
-                                                          clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                          defaultValue="desc"
-                                                          dropdownClassName=""
-                                                          id="filters_sort"
-                                                          inputIcon={[Function]}
-                                                          listHeight={256}
-                                                          listItemHeight={24}
-                                                          menuItemSelectedIcon={null}
-                                                          notFoundContent={
-                                                            <Context.Consumer>
-                                                              [Function]
-                                                            </Context.Consumer>
-                                                          }
-                                                          onChange={[Function]}
-                                                          prefixCls="ant-select"
-                                                          removeIcon={<ForwardRef(CloseOutlined) />}
-                                                          transitionName="ant-slide-up"
-                                                          value="desc"
-                                                        >
-                                                          <ForwardRef(Select)
-                                                            className=""
-                                                            clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                            defaultValue="desc"
-                                                            dropdownClassName=""
-                                                            id="filters_sort"
-                                                            inputIcon={[Function]}
-                                                            listHeight={256}
-                                                            listItemHeight={24}
-                                                            menuItemSelectedIcon={null}
-                                                            notFoundContent={
-                                                              <Context.Consumer>
-                                                                [Function]
-                                                              </Context.Consumer>
-                                                            }
-                                                            onChange={[Function]}
-                                                            prefixCls="ant-select"
-                                                            removeIcon={<ForwardRef(CloseOutlined) />}
-                                                            transitionName="ant-slide-up"
-                                                            value="desc"
-                                                          >
-                                                            <div
-                                                              className="ant-select ant-select-single ant-select-show-arrow"
-                                                              onBlur={[Function]}
-                                                              onFocus={[Function]}
-                                                              onKeyDown={[Function]}
-                                                              onKeyUp={[Function]}
-                                                              onMouseDown={[Function]}
-                                                            >
-                                                              <SelectTrigger
-                                                                containerWidth={null}
-                                                                dropdownClassName=""
-                                                                empty={false}
-                                                                getTriggerDOMNode={[Function]}
-                                                                popupElement={
-                                                                  <ForwardRef(OptionList)
-                                                                    childrenAsData={true}
-                                                                    defaultActiveFirstOption={true}
-                                                                    flattenOptions={
-                                                                      Array [
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Latest",
-                                                                            "key": null,
-                                                                            "value": "desc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "data": Object {
-                                                                            "children": "Sort By: Old",
-                                                                            "key": null,
-                                                                            "value": "asc",
-                                                                          },
-                                                                          "groupOption": false,
-                                                                          "key": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    height={256}
-                                                                    id="filters_sort"
-                                                                    itemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onActiveValue={[Function]}
-                                                                    onMouseEnter={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    options={
-                                                                      Array [
-                                                                        Object {
-                                                                          "children": "Sort By: Latest",
-                                                                          "key": null,
-                                                                          "value": "desc",
-                                                                        },
-                                                                        Object {
-                                                                          "children": "Sort By: Old",
-                                                                          "key": null,
-                                                                          "value": "asc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                    prefixCls="ant-select"
-                                                                    searchValue=""
-                                                                    values={
-                                                                      Set {
-                                                                        "desc",
-                                                                      }
-                                                                    }
-                                                                    virtual={true}
-                                                                  />
-                                                                }
-                                                                prefixCls="ant-select"
-                                                                transitionName="ant-slide-up"
-                                                              >
-                                                                <Trigger
-                                                                  action={Array []}
-                                                                  afterPopupVisibleChange={[Function]}
-                                                                  autoDestroy={false}
-                                                                  blurDelay={0.15}
-                                                                  builtinPlacements={
-                                                                    Object {
-                                                                      "bottomLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tl",
-                                                                          "bl",
-                                                                        ],
-                                                                      },
-                                                                      "bottomRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "tr",
-                                                                          "br",
-                                                                        ],
-                                                                      },
-                                                                      "topLeft": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "bl",
-                                                                          "tl",
-                                                                        ],
-                                                                      },
-                                                                      "topRight": Object {
-                                                                        "offset": Array [
-                                                                          0,
-                                                                          -4,
-                                                                        ],
-                                                                        "overflow": Object {
-                                                                          "adjustX": 0,
-                                                                          "adjustY": 1,
-                                                                        },
-                                                                        "points": Array [
-                                                                          "br",
-                                                                          "tr",
-                                                                        ],
-                                                                      },
-                                                                    }
-                                                                  }
-                                                                  defaultPopupVisible={false}
-                                                                  destroyPopupOnHide={false}
-                                                                  focusDelay={0}
-                                                                  getDocument={[Function]}
-                                                                  getPopupClassNameFromAlign={[Function]}
-                                                                  getTriggerDOMNode={[Function]}
-                                                                  hideAction={Array []}
-                                                                  mask={false}
-                                                                  maskClosable={true}
-                                                                  mouseEnterDelay={0}
-                                                                  mouseLeaveDelay={0.1}
-                                                                  onPopupAlign={[Function]}
-                                                                  onPopupVisibleChange={[Function]}
-                                                                  popup={
-                                                                    <div>
-                                                                      <ForwardRef(OptionList)
-                                                                        childrenAsData={true}
-                                                                        defaultActiveFirstOption={true}
-                                                                        flattenOptions={
-                                                                          Array [
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Latest",
-                                                                                "key": null,
-                                                                                "value": "desc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "data": Object {
-                                                                                "children": "Sort By: Old",
-                                                                                "key": null,
-                                                                                "value": "asc",
-                                                                              },
-                                                                              "groupOption": false,
-                                                                              "key": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        height={256}
-                                                                        id="filters_sort"
-                                                                        itemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onActiveValue={[Function]}
-                                                                        onMouseEnter={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        options={
-                                                                          Array [
-                                                                            Object {
-                                                                              "children": "Sort By: Latest",
-                                                                              "key": null,
-                                                                              "value": "desc",
-                                                                            },
-                                                                            Object {
-                                                                              "children": "Sort By: Old",
-                                                                              "key": null,
-                                                                              "value": "asc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                        prefixCls="ant-select"
-                                                                        searchValue=""
-                                                                        values={
-                                                                          Set {
-                                                                            "desc",
-                                                                          }
-                                                                        }
-                                                                        virtual={true}
-                                                                      />
-                                                                    </div>
-                                                                  }
-                                                                  popupAlign={Object {}}
-                                                                  popupClassName=""
-                                                                  popupPlacement="bottomLeft"
-                                                                  popupStyle={
-                                                                    Object {
-                                                                      "minWidth": null,
-                                                                      "width": null,
-                                                                    }
-                                                                  }
-                                                                  popupTransitionName="ant-slide-up"
-                                                                  prefixCls="ant-select-dropdown"
-                                                                  showAction={Array []}
-                                                                >
-                                                                  <Selector
-                                                                    accessibilityIndex={0}
-                                                                    activeValue={null}
-                                                                    className=""
-                                                                    clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                    defaultValue="desc"
-                                                                    domRef={
-                                                                      Object {
-                                                                        "current": <div
-                                                                          class="ant-select-selector"
-                                                                        >
-                                                                          <span
-                                                                            class="ant-select-selection-search"
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </span>
-                                                                          <span
-                                                                            class="ant-select-selection-item"
-                                                                            title="Sort By: Latest"
-                                                                          >
-                                                                            Sort By: Latest
-                                                                          </span>
-                                                                        </div>,
-                                                                      }
-                                                                    }
-                                                                    dropdownClassName=""
-                                                                    id="filters_sort"
-                                                                    inputElement={null}
-                                                                    inputIcon={[Function]}
-                                                                    key="trigger"
-                                                                    listHeight={256}
-                                                                    listItemHeight={24}
-                                                                    menuItemSelectedIcon={null}
-                                                                    multiple={false}
-                                                                    notFoundContent={
-                                                                      <Context.Consumer>
-                                                                        [Function]
-                                                                      </Context.Consumer>
-                                                                    }
-                                                                    onChange={[Function]}
-                                                                    onSearch={[Function]}
-                                                                    onSearchSubmit={[Function]}
-                                                                    onSelect={[Function]}
-                                                                    onToggleOpen={[Function]}
-                                                                    prefixCls="ant-select"
-                                                                    removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                    searchValue=""
-                                                                    showSearch={false}
-                                                                    tokenWithEnter={false}
-                                                                    transitionName="ant-slide-up"
-                                                                    value="desc"
-                                                                    values={
-                                                                      Array [
-                                                                        Object {
-                                                                          "disabled": undefined,
-                                                                          "key": "desc",
-                                                                          "label": "Sort By: Latest",
-                                                                          "value": "desc",
-                                                                        },
-                                                                      ]
-                                                                    }
-                                                                  >
-                                                                    <div
-                                                                      className="ant-select-selector"
-                                                                      onClick={[Function]}
-                                                                      onMouseDown={[Function]}
-                                                                    >
-                                                                      <SingleSelector
-                                                                        accessibilityIndex={0}
-                                                                        activeValue={null}
-                                                                        className=""
-                                                                        clearIcon={<ForwardRef(CloseCircleFilled) />}
-                                                                        defaultValue="desc"
-                                                                        domRef={
-                                                                          Object {
-                                                                            "current": <div
-                                                                              class="ant-select-selector"
-                                                                            >
-                                                                              <span
-                                                                                class="ant-select-selection-search"
-                                                                              >
-                                                                                <input
-                                                                                  aria-activedescendant="filters_sort_list_0"
-                                                                                  aria-autocomplete="list"
-                                                                                  aria-controls="filters_sort_list"
-                                                                                  aria-haspopup="listbox"
-                                                                                  aria-owns="filters_sort_list"
-                                                                                  autocomplete="off"
-                                                                                  class="ant-select-selection-search-input"
-                                                                                  id="filters_sort"
-                                                                                  readonly=""
-                                                                                  role="combobox"
-                                                                                  style="opacity: 0;"
-                                                                                  type="search"
-                                                                                  unselectable="on"
-                                                                                  value=""
-                                                                                />
-                                                                              </span>
-                                                                              <span
-                                                                                class="ant-select-selection-item"
-                                                                                title="Sort By: Latest"
-                                                                              >
-                                                                                Sort By: Latest
-                                                                              </span>
-                                                                            </div>,
-                                                                          }
-                                                                        }
-                                                                        dropdownClassName=""
-                                                                        id="filters_sort"
-                                                                        inputElement={null}
-                                                                        inputIcon={[Function]}
-                                                                        inputRef={
-                                                                          Object {
-                                                                            "current": <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autocomplete="off"
-                                                                              class="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              readonly=""
-                                                                              role="combobox"
-                                                                              style="opacity: 0;"
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />,
-                                                                          }
-                                                                        }
-                                                                        listHeight={256}
-                                                                        listItemHeight={24}
-                                                                        menuItemSelectedIcon={null}
-                                                                        multiple={false}
-                                                                        notFoundContent={
-                                                                          <Context.Consumer>
-                                                                            [Function]
-                                                                          </Context.Consumer>
-                                                                        }
-                                                                        onChange={[Function]}
-                                                                        onInputChange={[Function]}
-                                                                        onInputCompositionEnd={[Function]}
-                                                                        onInputCompositionStart={[Function]}
-                                                                        onInputKeyDown={[Function]}
-                                                                        onInputMouseDown={[Function]}
-                                                                        onInputPaste={[Function]}
-                                                                        onSearch={[Function]}
-                                                                        onSearchSubmit={[Function]}
-                                                                        onSelect={[Function]}
-                                                                        onToggleOpen={[Function]}
-                                                                        prefixCls="ant-select"
-                                                                        removeIcon={<ForwardRef(CloseOutlined) />}
-                                                                        searchValue=""
-                                                                        showSearch={false}
-                                                                        tokenWithEnter={false}
-                                                                        transitionName="ant-slide-up"
-                                                                        value="desc"
-                                                                        values={
-                                                                          Array [
-                                                                            Object {
-                                                                              "disabled": undefined,
-                                                                              "key": "desc",
-                                                                              "label": "Sort By: Latest",
-                                                                              "value": "desc",
-                                                                            },
-                                                                          ]
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          className="ant-select-selection-search"
-                                                                        >
-                                                                          <Input
-                                                                            accessibilityIndex={0}
-                                                                            attrs={Object {}}
-                                                                            editable={false}
-                                                                            id="filters_sort"
-                                                                            inputElement={null}
-                                                                            onChange={[Function]}
-                                                                            onCompositionEnd={[Function]}
-                                                                            onCompositionStart={[Function]}
-                                                                            onKeyDown={[Function]}
-                                                                            onMouseDown={[Function]}
-                                                                            onPaste={[Function]}
-                                                                            prefixCls="ant-select"
-                                                                            value=""
-                                                                          >
-                                                                            <input
-                                                                              aria-activedescendant="filters_sort_list_0"
-                                                                              aria-autocomplete="list"
-                                                                              aria-controls="filters_sort_list"
-                                                                              aria-haspopup="listbox"
-                                                                              aria-owns="filters_sort_list"
-                                                                              autoComplete="off"
-                                                                              className="ant-select-selection-search-input"
-                                                                              id="filters_sort"
-                                                                              onChange={[Function]}
-                                                                              onCompositionEnd={[Function]}
-                                                                              onCompositionStart={[Function]}
-                                                                              onKeyDown={[Function]}
-                                                                              onMouseDown={[Function]}
-                                                                              onPaste={[Function]}
-                                                                              readOnly={true}
-                                                                              role="combobox"
-                                                                              style={
-                                                                                Object {
-                                                                                  "opacity": 0,
-                                                                                }
-                                                                              }
-                                                                              type="search"
-                                                                              unselectable="on"
-                                                                              value=""
-                                                                            />
-                                                                          </Input>
-                                                                        </span>
-                                                                        <span
-                                                                          className="ant-select-selection-item"
-                                                                          title="Sort By: Latest"
-                                                                        >
-                                                                          Sort By: Latest
-                                                                        </span>
-                                                                      </SingleSelector>
-                                                                    </div>
-                                                                  </Selector>
-                                                                </Trigger>
-                                                              </SelectTrigger>
-                                                              <TransBtn
-                                                                className="ant-select-arrow"
-                                                                customizeIcon={[Function]}
-                                                                customizeIconProps={
-                                                                  Object {
-                                                                    "focused": false,
-                                                                    "loading": undefined,
-                                                                    "open": undefined,
-                                                                    "searchValue": "",
-                                                                    "showSearch": false,
-                                                                  }
-                                                                }
-                                                              >
-                                                                <span
-                                                                  aria-hidden={true}
-                                                                  className="ant-select-arrow"
-                                                                  onMouseDown={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "WebkitUserSelect": "none",
-                                                                      "userSelect": "none",
-                                                                    }
-                                                                  }
-                                                                  unselectable="on"
-                                                                >
-                                                                  <ForwardRef(DownOutlined)
-                                                                    className="ant-select-suffix"
-                                                                  >
-                                                                    <AntdIcon
-                                                                      className="ant-select-suffix"
-                                                                      icon={
-                                                                        Object {
-                                                                          "icon": Object {
-                                                                            "attrs": Object {
-                                                                              "focusable": "false",
-                                                                              "viewBox": "64 64 896 896",
-                                                                            },
-                                                                            "children": Array [
-                                                                              Object {
-                                                                                "attrs": Object {
-                                                                                  "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                },
-                                                                                "tag": "path",
-                                                                              },
-                                                                            ],
-                                                                            "tag": "svg",
-                                                                          },
-                                                                          "name": "down",
-                                                                          "theme": "outlined",
-                                                                        }
-                                                                      }
-                                                                    >
-                                                                      <span
-                                                                        aria-label="down"
-                                                                        className="anticon anticon-down ant-select-suffix"
-                                                                        role="img"
-                                                                      >
-                                                                        <IconReact
-                                                                          icon={
-                                                                            Object {
-                                                                              "icon": Object {
-                                                                                "attrs": Object {
-                                                                                  "focusable": "false",
-                                                                                  "viewBox": "64 64 896 896",
-                                                                                },
-                                                                                "children": Array [
-                                                                                  Object {
-                                                                                    "attrs": Object {
-                                                                                      "d": "M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z",
-                                                                                    },
-                                                                                    "tag": "path",
-                                                                                  },
-                                                                                ],
-                                                                                "tag": "svg",
-                                                                              },
-                                                                              "name": "down",
-                                                                              "theme": "outlined",
-                                                                            }
-                                                                          }
-                                                                        >
-                                                                          <svg
-                                                                            aria-hidden="true"
-                                                                            data-icon="down"
-                                                                            fill="currentColor"
-                                                                            focusable="false"
-                                                                            height="1em"
-                                                                            key="svg-down"
-                                                                            viewBox="64 64 896 896"
-                                                                            width="1em"
-                                                                          >
-                                                                            <path
-                                                                              d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                                                                              key="svg-down-svg-0"
-                                                                            />
-                                                                          </svg>
-                                                                        </IconReact>
-                                                                      </span>
-                                                                    </AntdIcon>
-                                                                  </ForwardRef(DownOutlined)>
-                                                                </span>
-                                                              </TransBtn>
-                                                            </div>
-                                                          </ForwardRef(Select)>
-                                                        </Select>
-                                                      </ForwardRef(InternalSelect)>
-                                                    </Component>
-                                                  </div>
-                                                </div>
-                                                <ErrorList
-                                                  errors={Array []}
-                                                  onDomErrorVisibleChange={[Function]}
-                                                >
-                                                  <CSSMotion
-                                                    motionAppear={true}
-                                                    motionDeadline={500}
-                                                    motionName="ant-show-help"
-                                                    onLeaveEnd={[Function]}
-                                                    removeOnLeave={true}
-                                                    visible={false}
-                                                  >
-                                                    <DomWrapper />
-                                                  </CSSMotion>
-                                                </ErrorList>
-                                              </div>
-                                            </Col>
-                                          </FormItemInput>
-                                        </div>
-                                      </Row>
-                                    </Field>
-                                  </WrapperField>
-                                </FormItem>
-                              </div>
-                            </Col>
-                            <Col>
-                              <div
-                                className="ant-col"
-                                style={
-                                  Object {
-                                    "paddingLeft": 8,
-                                    "paddingRight": 8,
-                                  }
-                                }
-                              >
-                                <Link
-                                  key="1"
-                                  to="/tags/create"
-                                >
-                                  <LinkAnchor
-                                    href="/tags/create"
-                                    navigate={[Function]}
-                                  >
-                                    <a
-                                      href="/tags/create"
-                                      onClick={[Function]}
-                                    >
-                                      <Button
-                                        disabled={false}
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={false}
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              New Tag
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </a>
-                                  </LinkAnchor>
-                                </Link>
-                              </div>
-                            </Col>
-                          </div>
-                        </Row>
-                      </form>
-                    </ForwardRef(Form)>
-                  </SizeContextProvider>
-                </ForwardRef(InternalForm)>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <TagList
-                  actions={
-                    Array [
-                      "create",
-                    ]
-                  }
-                  data={
-                    Object {
-                      "loading": false,
-                      "tags": Array [],
-                      "total": 0,
-                    }
-                  }
-                  fetchTags={[Function]}
-                  filters={
-                    Object {
-                      "limit": 10,
-                      "page": 1,
-                      "sort": "desc",
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Space
-                    direction="vertical"
-                  >
-                    <div
-                      className="ant-space ant-space-vertical"
-                      style={Object {}}
-                    >
-                      <Item
-                        className="ant-space-item"
-                        direction="vertical"
-                        index={0}
-                        key="ant-space-item-0"
-                        marginDirection="marginRight"
-                        wrap={false}
-                      >
-                        <div
-                          className="ant-space-item"
-                          style={Object {}}
-                        >
-                          <Table
-                            bordered={true}
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "slug",
-                                  "key": "slug",
-                                  "title": "Slug",
-                                },
-                                Object {
-                                  "align": "center",
-                                  "dataIndex": "operation",
-                                  "fixed": "right",
-                                  "render": [Function],
-                                  "title": "Action",
-                                  "width": 150,
-                                },
-                              ]
-                            }
-                            dataSource={Array []}
-                            loading={false}
-                            pagination={
-                              Object {
-                                "current": 1,
-                                "onChange": [Function],
-                                "pageSize": 10,
-                                "pageSizeOptions": Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ],
-                                "showTotal": [Function],
-                                "total": 0,
-                              }
-                            }
-                            rowKey="id"
-                          >
-                            <div
-                              className="ant-table-wrapper"
-                            >
-                              <Spin
-                                size="default"
-                                spinning={false}
-                                wrapperClassName=""
-                              >
-                                <div
-                                  className="ant-spin-nested-loading"
-                                >
-                                  <div
-                                    className="ant-spin-container"
-                                    key="container"
-                                  >
-                                    <Table
-                                      bordered={true}
-                                      className="ant-table-bordered ant-table-empty"
-                                      columns={
-                                        Array [
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                          },
-                                          Object {
-                                            "dataIndex": "slug",
-                                            "key": "slug",
-                                            "title": "Slug",
-                                          },
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                        ]
-                                      }
-                                      data={Array []}
-                                      dataSource={Array []}
-                                      emptyText={
-                                        <Context.Consumer>
-                                          [Function]
-                                        </Context.Consumer>
-                                      }
-                                      expandable={
-                                        Object {
-                                          "__PARENT_RENDER_ICON__": undefined,
-                                          "childrenColumnName": undefined,
-                                          "expandIcon": [Function],
-                                          "expandIconColumnIndex": undefined,
-                                          "indentSize": 15,
-                                        }
-                                      }
-                                      internalHooks="rc-table-internal-hook"
-                                      internalRefs={
-                                        Object {
-                                          "body": Object {
-                                            "current": <div
-                                              class="ant-table-content"
-                                            >
-                                              <table
-                                                style="table-layout: auto;"
-                                              >
-                                                <colgroup>
-                                                  <col />
-                                                  <col />
-                                                  <col
-                                                    style="width: 150px;"
-                                                  />
-                                                </colgroup>
-                                                <thead
-                                                  class="ant-table-thead"
-                                                >
-                                                  <tr>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Name
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell"
-                                                    >
-                                                      Slug
-                                                    </th>
-                                                    <th
-                                                      class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                      style="text-align: center; position: sticky; right: 0px;"
-                                                    >
-                                                      Action
-                                                    </th>
-                                                  </tr>
-                                                </thead>
-                                                <tbody
-                                                  class="ant-table-tbody"
-                                                >
-                                                  <tr
-                                                    class="ant-table-placeholder"
-                                                  >
-                                                    <td
-                                                      class="ant-table-cell"
-                                                      colspan="3"
-                                                    >
-                                                      <div
-                                                        class="ant-empty ant-empty-normal"
-                                                      >
-                                                        <div
-                                                          class="ant-empty-image"
-                                                        >
-                                                          <svg
-                                                            class="ant-empty-img-simple"
-                                                            height="41"
-                                                            viewBox="0 0 64 41"
-                                                            width="64"
-                                                            xmlns="http://www.w3.org/2000/svg"
-                                                          >
-                                                            <g
-                                                              fill="none"
-                                                              fill-rule="evenodd"
-                                                              transform="translate(0 1)"
-                                                            >
-                                                              <ellipse
-                                                                class="ant-empty-img-simple-ellipse"
-                                                                cx="32"
-                                                                cy="33"
-                                                                rx="32"
-                                                                ry="7"
-                                                              />
-                                                              <g
-                                                                class="ant-empty-img-simple-g"
-                                                                fill-rule="nonzero"
-                                                              >
-                                                                <path
-                                                                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                />
-                                                                <path
-                                                                  class="ant-empty-img-simple-path"
-                                                                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                />
-                                                              </g>
-                                                            </g>
-                                                          </svg>
-                                                        </div>
-                                                        <div
-                                                          class="ant-empty-description"
-                                                        >
-                                                          No Data
-                                                        </div>
-                                                      </div>
-                                                    </td>
-                                                  </tr>
-                                                </tbody>
-                                              </table>
-                                            </div>,
-                                          },
-                                        }
-                                      }
-                                      loading={false}
-                                      pagination={
-                                        Object {
-                                          "current": 1,
-                                          "onChange": [Function],
-                                          "pageSize": 10,
-                                          "pageSizeOptions": Array [
-                                            "10",
-                                            "15",
-                                            "20",
-                                          ],
-                                          "showTotal": [Function],
-                                          "total": 0,
-                                        }
-                                      }
-                                      prefixCls="ant-table"
-                                      rowClassName={[Function]}
-                                      rowKey={[Function]}
-                                      transformColumns={[Function]}
-                                    >
-                                      <div
-                                        className="ant-table ant-table-bordered ant-table-empty ant-table-has-fix-right"
-                                      >
-                                        <Component
-                                          pingLeft={false}
-                                          pingRight={false}
-                                          props={
-                                            Object {
-                                              "bordered": true,
-                                              "className": "ant-table-bordered ant-table-empty",
-                                              "columns": Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "slug",
-                                                  "key": "slug",
-                                                  "title": "Slug",
-                                                },
-                                                Object {
-                                                  "align": "center",
-                                                  "dataIndex": "operation",
-                                                  "fixed": "right",
-                                                  "render": [Function],
-                                                  "title": "Action",
-                                                  "width": 150,
-                                                },
-                                              ],
-                                              "data": Array [],
-                                              "dataSource": Array [],
-                                              "direction": undefined,
-                                              "emptyText": <Context.Consumer>
-                                                [Function]
-                                              </Context.Consumer>,
-                                              "expandable": Object {
-                                                "__PARENT_RENDER_ICON__": undefined,
-                                                "childrenColumnName": undefined,
-                                                "expandIcon": [Function],
-                                                "expandIconColumnIndex": undefined,
-                                                "indentSize": 15,
-                                              },
-                                              "internalHooks": "rc-table-internal-hook",
-                                              "internalRefs": Object {
-                                                "body": Object {
-                                                  "current": <div
-                                                    class="ant-table-content"
-                                                  >
-                                                    <table
-                                                      style="table-layout: auto;"
-                                                    >
-                                                      <colgroup>
-                                                        <col />
-                                                        <col />
-                                                        <col
-                                                          style="width: 150px;"
-                                                        />
-                                                      </colgroup>
-                                                      <thead
-                                                        class="ant-table-thead"
-                                                      >
-                                                        <tr>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Name
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell"
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                          <th
-                                                            class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            style="text-align: center; position: sticky; right: 0px;"
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </tr>
-                                                      </thead>
-                                                      <tbody
-                                                        class="ant-table-tbody"
-                                                      >
-                                                        <tr
-                                                          class="ant-table-placeholder"
-                                                        >
-                                                          <td
-                                                            class="ant-table-cell"
-                                                            colspan="3"
-                                                          >
-                                                            <div
-                                                              class="ant-empty ant-empty-normal"
-                                                            >
-                                                              <div
-                                                                class="ant-empty-image"
-                                                              >
-                                                                <svg
-                                                                  class="ant-empty-img-simple"
-                                                                  height="41"
-                                                                  viewBox="0 0 64 41"
-                                                                  width="64"
-                                                                  xmlns="http://www.w3.org/2000/svg"
-                                                                >
-                                                                  <g
-                                                                    fill="none"
-                                                                    fill-rule="evenodd"
-                                                                    transform="translate(0 1)"
-                                                                  >
-                                                                    <ellipse
-                                                                      class="ant-empty-img-simple-ellipse"
-                                                                      cx="32"
-                                                                      cy="33"
-                                                                      rx="32"
-                                                                      ry="7"
-                                                                    />
-                                                                    <g
-                                                                      class="ant-empty-img-simple-g"
-                                                                      fill-rule="nonzero"
-                                                                    >
-                                                                      <path
-                                                                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                      />
-                                                                      <path
-                                                                        class="ant-empty-img-simple-path"
-                                                                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                      />
-                                                                    </g>
-                                                                  </g>
-                                                                </svg>
-                                                              </div>
-                                                              <div
-                                                                class="ant-empty-description"
-                                                              >
-                                                                No Data
-                                                              </div>
-                                                            </div>
-                                                          </td>
-                                                        </tr>
-                                                      </tbody>
-                                                    </table>
-                                                  </div>,
-                                                },
-                                              },
-                                              "loading": false,
-                                              "mergedExpandedKeys": Set {},
-                                              "pagination": Object {
-                                                "current": 1,
-                                                "onChange": [Function],
-                                                "pageSize": 10,
-                                                "pageSizeOptions": Array [
-                                                  "10",
-                                                  "15",
-                                                  "20",
-                                                ],
-                                                "showTotal": [Function],
-                                                "total": 0,
-                                              },
-                                              "prefixCls": "ant-table",
-                                              "rowClassName": [Function],
-                                              "rowKey": [Function],
-                                              "stickyOffsets": Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              },
-                                              "transformColumns": [Function],
-                                            }
-                                          }
-                                        >
-                                          <div
-                                            className="ant-table-container"
-                                          >
-                                            <div
-                                              className="ant-table-content"
-                                              onScroll={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <table
-                                                style={
-                                                  Object {
-                                                    "tableLayout": "auto",
-                                                  }
-                                                }
-                                              >
-                                                <ColGroup
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      150,
-                                                    ]
-                                                  }
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                >
-                                                  <colgroup>
-                                                    <col
-                                                      key="0"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="1"
-                                                      style={
-                                                        Object {
-                                                          "width": undefined,
-                                                        }
-                                                      }
-                                                    />
-                                                    <col
-                                                      key="2"
-                                                      style={
-                                                        Object {
-                                                          "width": 150,
-                                                        }
-                                                      }
-                                                    />
-                                                  </colgroup>
-                                                </ColGroup>
-                                                <Header
-                                                  colWidths={
-                                                    Array [
-                                                      undefined,
-                                                      undefined,
-                                                      undefined,
-                                                    ]
-                                                  }
-                                                  columCount={3}
-                                                  columns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  flattenColumns={
-                                                    Array [
-                                                      Object {
-                                                        "dataIndex": "name",
-                                                        "fixed": undefined,
-                                                        "key": "name",
-                                                        "render": [Function],
-                                                        "title": "Name",
-                                                      },
-                                                      Object {
-                                                        "dataIndex": "slug",
-                                                        "fixed": undefined,
-                                                        "key": "slug",
-                                                        "title": "Slug",
-                                                      },
-                                                      Object {
-                                                        "align": "center",
-                                                        "dataIndex": "operation",
-                                                        "fixed": "right",
-                                                        "render": [Function],
-                                                        "title": "Action",
-                                                        "width": 150,
-                                                      },
-                                                    ]
-                                                  }
-                                                  stickyOffsets={
-                                                    Object {
-                                                      "left": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                      "right": Array [
-                                                        0,
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    }
-                                                  }
-                                                >
-                                                  <thead
-                                                    className="ant-table-thead"
-                                                  >
-                                                    <HeaderRow
-                                                      cellComponent="th"
-                                                      cells={
-                                                        Array [
-                                                          Object {
-                                                            "children": "Name",
-                                                            "className": "",
-                                                            "colEnd": 0,
-                                                            "colSpan": 1,
-                                                            "colStart": 0,
-                                                            "column": Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            },
-                                                            "key": "name",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Slug",
-                                                            "className": "",
-                                                            "colEnd": 1,
-                                                            "colSpan": 1,
-                                                            "colStart": 1,
-                                                            "column": Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            },
-                                                            "key": "slug",
-                                                            "rowSpan": 1,
-                                                          },
-                                                          Object {
-                                                            "children": "Action",
-                                                            "className": "",
-                                                            "colEnd": 2,
-                                                            "colSpan": 1,
-                                                            "colStart": 2,
-                                                            "column": Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            },
-                                                            "key": undefined,
-                                                            "rowSpan": 1,
-                                                          },
-                                                        ]
-                                                      }
-                                                      flattenColumns={
-                                                        Array [
-                                                          Object {
-                                                            "dataIndex": "name",
-                                                            "fixed": undefined,
-                                                            "key": "name",
-                                                            "render": [Function],
-                                                            "title": "Name",
-                                                          },
-                                                          Object {
-                                                            "dataIndex": "slug",
-                                                            "fixed": undefined,
-                                                            "key": "slug",
-                                                            "title": "Slug",
-                                                          },
-                                                          Object {
-                                                            "align": "center",
-                                                            "dataIndex": "operation",
-                                                            "fixed": "right",
-                                                            "render": [Function],
-                                                            "title": "Action",
-                                                            "width": 150,
-                                                          },
-                                                        ]
-                                                      }
-                                                      index={0}
-                                                      key="0"
-                                                      rowComponent="tr"
-                                                      stickyOffsets={
-                                                        Object {
-                                                          "left": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                          "right": Array [
-                                                            0,
-                                                            0,
-                                                            0,
-                                                          ],
-                                                        }
-                                                      }
-                                                    >
-                                                      <tr>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={0}
-                                                          colSpan={1}
-                                                          colStart={0}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "name",
-                                                              "key": "name",
-                                                              "render": [Function],
-                                                              "title": "Name",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="name"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Name
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          className=""
-                                                          colEnd={1}
-                                                          colSpan={1}
-                                                          colStart={1}
-                                                          column={
-                                                            Object {
-                                                              "dataIndex": "slug",
-                                                              "key": "slug",
-                                                              "title": "Slug",
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={false}
-                                                          key="slug"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            Slug
-                                                          </th>
-                                                        </Cell>
-                                                        <Cell
-                                                          align="center"
-                                                          className=""
-                                                          colEnd={2}
-                                                          colSpan={1}
-                                                          colStart={2}
-                                                          column={
-                                                            Object {
-                                                              "align": "center",
-                                                              "dataIndex": "operation",
-                                                              "fixed": "right",
-                                                              "render": [Function],
-                                                              "title": "Action",
-                                                              "width": 150,
-                                                            }
-                                                          }
-                                                          component="th"
-                                                          firstFixLeft={false}
-                                                          firstFixRight={true}
-                                                          fixRight={0}
-                                                          key="operation"
-                                                          lastFixLeft={false}
-                                                          lastFixRight={false}
-                                                          prefixCls="ant-table"
-                                                          rowSpan={1}
-                                                          rowType="header"
-                                                        >
-                                                          <th
-                                                            className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                            colSpan={null}
-                                                            rowSpan={null}
-                                                            style={
-                                                              Object {
-                                                                "position": "sticky",
-                                                                "right": 0,
-                                                                "textAlign": "center",
-                                                              }
-                                                            }
-                                                          >
-                                                            Action
-                                                          </th>
-                                                        </Cell>
-                                                      </tr>
-                                                    </HeaderRow>
-                                                  </thead>
-                                                </Header>
-                                                <Body
-                                                  childrenColumnName="children"
-                                                  data={Array []}
-                                                  emptyNode={
-                                                    <Context.Consumer>
-                                                      [Function]
-                                                    </Context.Consumer>
-                                                  }
-                                                  expandedKeys={Set {}}
-                                                  getRowKey={[Function]}
-                                                  measureColumnWidth={false}
-                                                >
-                                                  <tbody
-                                                    className="ant-table-tbody"
-                                                  >
-                                                    <ExpandedRow
-                                                      cellComponent="td"
-                                                      className="ant-table-placeholder"
-                                                      colSpan={3}
-                                                      component="tr"
-                                                      componentWidth={0}
-                                                      expanded={true}
-                                                      fixColumn={false}
-                                                      horizonScroll={false}
-                                                      prefixCls="ant-table"
-                                                    >
-                                                      <tr
-                                                        className="ant-table-placeholder"
-                                                        style={
-                                                          Object {
-                                                            "display": null,
-                                                          }
-                                                        }
-                                                      >
-                                                        <Cell
-                                                          colSpan={3}
-                                                          component="td"
-                                                          prefixCls="ant-table"
-                                                        >
-                                                          <td
-                                                            className="ant-table-cell"
-                                                            colSpan={3}
-                                                            rowSpan={null}
-                                                            style={Object {}}
-                                                          >
-                                                            <Empty
-                                                              image={<Simple />}
-                                                            >
-                                                              <LocaleReceiver
-                                                                componentName="Empty"
-                                                              >
-                                                                <div
-                                                                  className="ant-empty ant-empty-normal"
-                                                                >
-                                                                  <div
-                                                                    className="ant-empty-image"
-                                                                  >
-                                                                    <Simple>
-                                                                      <svg
-                                                                        className="ant-empty-img-simple"
-                                                                        height="41"
-                                                                        viewBox="0 0 64 41"
-                                                                        width="64"
-                                                                        xmlns="http://www.w3.org/2000/svg"
-                                                                      >
-                                                                        <g
-                                                                          fill="none"
-                                                                          fillRule="evenodd"
-                                                                          transform="translate(0 1)"
-                                                                        >
-                                                                          <ellipse
-                                                                            className="ant-empty-img-simple-ellipse"
-                                                                            cx="32"
-                                                                            cy="33"
-                                                                            rx="32"
-                                                                            ry="7"
-                                                                          />
-                                                                          <g
-                                                                            className="ant-empty-img-simple-g"
-                                                                            fillRule="nonzero"
-                                                                          >
-                                                                            <path
-                                                                              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                                                                            />
-                                                                            <path
-                                                                              className="ant-empty-img-simple-path"
-                                                                              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                                                                            />
-                                                                          </g>
-                                                                        </g>
-                                                                      </svg>
-                                                                    </Simple>
-                                                                  </div>
-                                                                  <div
-                                                                    className="ant-empty-description"
-                                                                  >
-                                                                    No Data
-                                                                  </div>
-                                                                </div>
-                                                              </LocaleReceiver>
-                                                            </Empty>
-                                                          </td>
-                                                        </Cell>
-                                                      </tr>
-                                                    </ExpandedRow>
-                                                  </tbody>
-                                                </Body>
-                                              </table>
-                                            </div>
-                                          </div>
-                                        </Component>
-                                      </div>
-                                    </Table>
-                                  </div>
-                                </div>
-                              </Spin>
-                            </div>
-                          </Table>
-                        </div>
-                      </Item>
-                    </div>
-                  </Space>
-                </TagList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Tags>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/tags/components/TagForm.js b/studio/src/pages/tags/components/TagForm.js
deleted file mode 100644
index 075b5f3e8..000000000
--- a/studio/src/pages/tags/components/TagForm.js
+++ /dev/null
@@ -1,203 +0,0 @@
-import React, { useState } from 'react';
-import { Button, Form, Space, Switch, Row, Col, ConfigProvider, Collapse } from 'antd';
-import { maker } from '../../../utils/sluger';
-import getJsonValue from '../../../utils/getJsonValue';
-import MediaSelector from '../../../components/MediaSelector';
-import { SketchPicker } from 'react-color';
-import { DescriptionInput, MetaForm, SlugInput, TitleInput } from '../../../components/FormItems';
-
-const TagForm = ({ onCreate, data = {} }) => {
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-  const [backgroundColour, setBackgroundColour] = useState(
-    data.background_colour ? data.background_colour : null,
-  );
-  const [displayBgColorPicker, setDisplayBgColorPicker] = useState(false);
-  const handleBgClick = () => {
-    setDisplayBgColorPicker((prev) => !prev);
-    setValueChange(true);
-  };
-  const handleBgClose = () => {
-    setDisplayBgColorPicker(false);
-  };
-
-  const onReset = () => {
-    form.resetFields();
-  };
-
-  const onTitleChange = (string) => {
-    form.setFieldsValue({
-      slug: maker(string),
-    });
-  };
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Form
-        form={form}
-        style={{ padding: '0 1rem' }}
-        initialValues={{ ...data }}
-        name="create-tag"
-        className="edit-form"
-        layout="vertical"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          values.background_colour = backgroundColour;
-          onCreate(values);
-          onReset();
-        }}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row
-          justify="center"
-          gutter={[0, 16]}
-          style={{ maxWidth: '1200px', width: '100%', margin: '0 auto' }}
-        >
-          <Col span={24}>
-            <Row justify="end" gutter={40}>
-              <Form.Item>
-                <Space>
-                  <Button disabled={!valueChange} type="primary" htmlType="submit">
-                    {data && data.id ? 'Update' : 'Save'}
-                  </Button>
-                </Space>
-              </Form.Item>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <Collapse
-                expandIconPosition="right"
-                expandIcon={({ isActive }) => <Button>{isActive ? 'Collapse' : 'Expand'}</Button>}
-                style={{ width: '100%', background: '#f0f2f5', border: 0 }}
-              >
-                <Collapse.Panel header="General">
-                  <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '1rem' }}>
-                    <Col xs={24} md={10}>
-                      <TitleInput
-                        name="name"
-                        label="Tag Name"
-                        onChange={(e) => onTitleChange(e.target.value)}
-                      />
-                      <SlugInput />
-                      <Col>
-                        <Form.Item name="is_featured" valuePropName="checked">
-                          <Row justify="space-between">
-                            <Col> Featured </Col>
-                            <Col>
-                              <Switch
-                                onChange={(checked) =>
-                                  form.setFieldsValue({ is_featured: checked })
-                                }
-                                defaultChecked={data.is_featured}
-                              />
-                            </Col>
-                          </Row>
-                        </Form.Item>
-                      </Col>
-                      <Form.Item name="background_colour" label="Colour">
-                        <div style={{ position: 'relative', width: '100%' }}>
-                          <div
-                            style={{
-                              padding: '5px',
-                              width: '100%',
-                              background: '#fff',
-                              borderRadius: '1px',
-                              boxShadow: '0 0 0 1px rgba(0,0,0,.1)',
-                              display: 'inline-block',
-                              cursor: 'pointer',
-                            }}
-                            onClick={() => handleBgClick()}
-                          >
-                            <div
-                              style={{
-                                width: '100%',
-                                height: '24px',
-                                borderRadius: '2px',
-                                background: `${backgroundColour && backgroundColour.hex}`,
-                              }}
-                            />
-                          </div>
-                          {displayBgColorPicker ? (
-                            <div
-                              style={{ position: 'absolute', zIndex: '2', top: 0, left: '120px' }}
-                            >
-                              <div
-                                style={{
-                                  position: 'fixed',
-                                  top: '0px',
-                                  right: '0px',
-                                  bottom: '0px',
-                                  left: '0px',
-                                }}
-                                onClick={() => handleBgClose()}
-                              />
-                              <SketchPicker
-                                color={backgroundColour !== null && backgroundColour.hex}
-                                onChange={(e) => setBackgroundColour(e)}
-                                disableAlpha
-                              />
-                            </div>
-                          ) : null}
-                        </div>
-                      </Form.Item>
-                      <DescriptionInput
-                        type="editor"
-                        inputProps={{
-                          style: {
-                            minHeight: '92px',
-                            background: '#F9FAFB',
-                            padding: '0.25rem 0.5rem',
-                            borderRadius: '0.25rem',
-                            border: '1px solid rgba(0, 0, 0, 0.15)',
-                          },
-                          placeholder: 'Enter Description...',
-                          basic: true,
-                        }}
-                        rows={5}
-                        initialValue={data.description_html}
-                      />
-                    </Col>
-                    <Col xs={24} md={6}>
-                      <Form.Item label="Featured Image" name="medium_id">
-                        <MediaSelector
-                          maxWidth={'350px'}
-                          containerStyles={{ justifyContent: 'start' }}
-                        />
-                      </Form.Item>
-                    </Col>
-                  </Row>
-                </Collapse.Panel>
-              </Collapse>
-            </Row>
-          </Col>
-          <Col span={24}>
-            <Row gutter={40}>
-              <MetaForm style={{ marginBottom: 16, background: '#f0f2f5', border: 0 }} />
-            </Row>
-          </Col>
-        </Row>
-      </Form>
-    </ConfigProvider>
-  );
-};
-
-export default TagForm;
diff --git a/studio/src/pages/tags/components/TagForm.test.js b/studio/src/pages/tags/components/TagForm.test.js
deleted file mode 100644
index 92a56970b..000000000
--- a/studio/src/pages/tags/components/TagForm.test.js
+++ /dev/null
@@ -1,309 +0,0 @@
-import React from 'react';
-import { Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-import { Collapse } from 'antd';
-
-import '../../../matchMedia.mock';
-import TagForm from './TagForm';
-import { SketchPicker } from 'react-color';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-let onCreate, store;
-const data = {
-  name: 'name',
-  slug: 'slug',
-  background_colour: null,
-  description: {
-    time: 1613561493761,
-    blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-    version: '2.19.0',
-  },
-  is_featured: true,
-  medium_id: 1,
-};
-
-describe('Tags Create Form component', () => {
-  store = mockStore({
-    tags: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [],
-      details: { 1: { site_address: '' } },
-      loading: true,
-      selected: 1,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <TagForm />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <TagForm data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <TagForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <TagForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <TagForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      const data2 = { ...data };
-      data2.id = 1;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <TagForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith(props.data);
-        done();
-      }, 0);
-    });
-    it('should submit form with new name', (done) => {
-      act(() => {
-        const input = wrapper.find('input').at(0);
-        input.simulate('change', { target: { value: 'new name' } });
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          slug: 'new-name',
-          background_colour: null,
-          description: {
-            time: 1613561493761,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          is_featured: true,
-          medium_id: 1,
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      const data2 = { ...data };
-      data2.meta_fields = {
-        sample: 'testing',
-      };
-      data2.background_colour = {
-        hex: '#e0f0fa',
-        hsl: { h: 240, s: 0.094517011520825, l: 0.979237, a: 1 },
-        hsv: { h: 240, s: 0.00399999999999994, v: 0.9812, a: 1 },
-        oldHue: 240,
-        rgb: { r: 240, g: 240, b: 250, a: 1 },
-        source: 'hsv',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <TagForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find(Collapse).at(0).find('Button').at(0).simulate('click');
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-        wrapper.find('FormItem').at(4).find('div').at(6).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new-slug' } });
-        wrapper
-          .find('DescriptionInput')
-          .find('Editor')
-          .props()
-          .onChange({
-            target: {
-              value: {
-                time: 1613561493761,
-                blocks: [{ type: 'paragraph', data: { text: 'New Description' } }],
-                version: '2.19.0',
-              },
-            },
-          });
-        wrapper
-          .find('FormItem')
-          .at(4)
-          .find(SketchPicker)
-          .at(0)
-          .props()
-          .onChange({
-            hex: '#f0f0fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          });
-        wrapper
-          .find('FormItem')
-          .at(10)
-          .find('MonacoEditor')
-          .props()
-          .onChange({
-            target: { value: '{"sample":"testing"}' },
-          });
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(wrapper.find(SketchPicker).length).toBe(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          background_colour: {
-            hex: '#f0f0fa',
-            hsl: { h: 240, s: 0.0945170115208253, l: 0.9792376, a: 1 },
-            hsv: { h: 240, s: 0.003999999999999949, v: 0.9812000000000001, a: 1 },
-            oldHue: 240,
-            rgb: { r: 240, g: 240, b: 250, a: 1 },
-            source: 'hsv',
-          },
-          name: 'new name',
-          slug: 'new-slug',
-          description: {
-            time: 1613561493761,
-            blocks: [{ type: 'paragraph', data: { text: 'New Description' } }],
-            version: '2.19.0',
-          },
-          is_featured: true,
-          medium_id: 1,
-          meta: {
-            canonical_URL: undefined,
-            description: undefined,
-            title: undefined,
-          },
-          meta_fields: {
-            sample: 'testing',
-          },
-        });
-        done();
-      }, 0);
-    });
-    it('should handle open and close SketchPicker', () => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <TagForm onCreate={props.onCreate} data={data} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find('FormItem').at(4).find('div').at(6).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find(SketchPicker).length).toBe(1);
-      act(() => {
-        wrapper.find('FormItem').at(4).find('div').at(9).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find(SketchPicker).length).toBe(0);
-    });
-    it('should handle collapse open and close', () => {
-      act(() => {
-        wrapper.find(Collapse).at(0).find('Button').at(0).simulate('click');
-        wrapper.find(Collapse).at(1).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      expect(wrapper.find(Collapse).at(0).find('Button').at(0).text()).toBe('Close');
-      expect(wrapper.find(Collapse).at(1).find('Button').at(0).text()).toBe('Close');
-    });
-  });
-});
diff --git a/studio/src/pages/tags/components/TagForm.tsx b/studio/src/pages/tags/components/TagForm.tsx
new file mode 100644
index 000000000..aa6c82e93
--- /dev/null
+++ b/studio/src/pages/tags/components/TagForm.tsx
@@ -0,0 +1,327 @@
+// components/TagForm.tsx
+import React, { useState, useEffect } from "react";
+import { maker } from "../../../utils/sluger";
+import MediaSelector from "../../../components/MediaSelector";
+import { SketchPicker } from "react-color";
+import getJsonValue from "../../../utils/getJsonValue";
+import {
+  MetaForm,
+  SlugInput,
+  TitleInput,
+  DescriptionInput,
+} from "../../../components/FormItems";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { Form, FormField, FormItem, FormLabel } from "@/components/ui/form";
+import { useForm } from "react-hook-form";
+import { useNavigate } from "react-router-dom";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { TagFormProps, TagFormValues } from "../types";
+
+interface ColorResult {
+  hex: string;
+  rgb: { r: number; g: number; b: number; a?: number };
+  hsl: { h: number; s: number; l: number; a?: number };
+}
+
+const TagForm: React.FC<TagFormProps> = ({ onCreate, data = {} }) => {
+  const isMobile = useIsMobile();
+  const [valueChange, setValueChange] = useState<boolean>(false);
+  const [activeKeys, setActiveKeys] = useState<string[]>(["general"]);
+  const [backgroundColour, setBackgroundColour] = useState<ColorResult | null>(
+    data.background_colour ? data.background_colour : null
+  );
+  const [displayBgColorPicker, setDisplayBgColorPicker] = useState<boolean>(false);
+  const navigate = useNavigate();
+
+  // Handle meta_fields conversion
+  const initialData = { ...data };
+  if (initialData.meta_fields && typeof initialData.meta_fields !== "string") {
+    initialData.meta_fields = JSON.stringify(initialData.meta_fields);
+  }
+
+  const form = useForm<TagFormValues>({
+    defaultValues: initialData as TagFormValues,
+  });
+
+  // Reset the form when data changes (important for edit mode)
+  useEffect(() => {
+    if (data && Object.keys(data).length > 0) {
+      form.reset(initialData);
+      setBackgroundColour(data.background_colour || null);
+    }
+  }, [data, form]);
+
+  const handleCancel = () => {
+    navigate(-1);
+  };
+
+  const handleBgClick = () => {
+    setDisplayBgColorPicker((prev) => !prev);
+    setValueChange(true);
+  };
+
+  const handleBgClose = () => {
+    setDisplayBgColorPicker(false);
+  };
+
+  const onTitleChange = (title: string) => {
+    const slug = maker(title);
+    form.setValue("slug", slug);
+    setValueChange(true);
+  };
+
+  const onSubmit = (values: TagFormValues) => {
+    // Create a new object to avoid modifying the form values directly
+    const submissionValues = { ...values };
+
+    // Always preserve the original ID format from the data
+    if (data.id !== undefined) {
+      submissionValues.id = data.id;
+    }
+
+    // Process meta_fields
+    if (submissionValues.meta_fields) {
+      submissionValues.meta_fields = getJsonValue(
+        submissionValues.meta_fields as string
+      );
+    }
+
+    // Add background color
+    submissionValues.background_colour = backgroundColour;
+
+    // Call the onCreate prop function
+    onCreate(submissionValues);
+  };
+
+  return (
+    <div className="w-full flex justify-center">
+      <div className="max-w-3xl w-full px-4">
+        <div className="text-start mb-4">
+          <h1 className="text-xl font-semibold mb-2">
+            {data && data.id ? "Edit Tag" : "Create Tag"}
+          </h1>
+          <p className="text-[#666] text-[13px]">
+            Set up a tag to help categorize content by entering the essential details provided below.
+          </p>
+        </div>
+
+        <Form {...form}>
+          <form
+            className="space-y-4 border-t pt-4"
+            onSubmit={form.handleSubmit(onSubmit)}
+            onKeyDown={(e) => {
+              if (
+                e.key === "Enter" &&
+                e.target instanceof HTMLTextAreaElement === false
+              ) {
+                e.preventDefault();
+              }
+            }}
+          >
+            <Accordion
+              type="multiple"
+              value={activeKeys}
+              onValueChange={setActiveKeys}
+              className="w-full"
+            >
+              <AccordionItem
+                value="general"
+                className="rounded-md overflow-hidden mb-4"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">General</span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent className="px-4 pt-4 pb-4">
+                  <div className="grid gap-4">
+                    <FormField
+                      control={form.control}
+                      name="name"
+                      rules={{
+                        required: "Please input the Tag name!",
+                        maxLength: {
+                          value: 100,
+                          message: "Name must be maximum 100 characters.",
+                        },
+                      }}
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel className="after:content-['*'] after:ml-0.5 after:text-red-500">
+                            Name
+                          </FormLabel>
+                          <TitleInput
+                            {...field}
+                            placeholder="Tag name"
+                            onChange={(e) => {
+                              field.onChange(e);
+                              onTitleChange(e.target.value);
+                            }}
+                          />
+                        </FormItem>
+                      )}
+                    />
+
+                    <SlugInput form={form} required={true} />
+
+                    <FormField
+                      control={form.control}
+                      name="is_featured"
+                      render={({ field }) => (
+                        <FormItem className="flex flex-row items-center justify-between">
+                          <FormLabel>Featured</FormLabel>
+                          <Switch
+                            checked={field.value}
+                            onCheckedChange={(value) => {
+                              field.onChange(value);
+                              setValueChange(true);
+                            }}
+                          />
+                        </FormItem>
+                      )}
+                    />
+
+                    <FormField
+                      control={form.control}
+                      name="background_colour"
+                      render={() => (
+                        <FormItem>
+                          <FormLabel>Colour</FormLabel>
+                          <div className="relative w-full">
+                            <div
+                              className="border border-input rounded-md h-9 w-full flex items-center px-3 bg-white shadow-xs cursor-pointer"
+                              onClick={handleBgClick}
+                            >
+                              <div className="flex w-full items-center">
+                                {backgroundColour?.hex ? (
+                                  <div className="flex items-center gap-2 w-full">
+                                    <div
+                                      className="w-5 h-5 rounded-sm"
+                                      style={{
+                                        background: `${backgroundColour?.hex}`,
+                                      }}
+                                    />
+                                    <span className="text-sm">
+                                      {backgroundColour.hex}
+                                    </span>
+                                  </div>
+                                ) : (
+                                  <span className="text-muted-foreground text-sm">
+                                    Select a colour
+                                  </span>
+                                )}
+                              </div>
+                            </div>
+                            {displayBgColorPicker ? (
+                              <div
+                                className={`absolute z-10 ${
+                                  isMobile ? "right-0" : "top-10 left-0"
+                                }`}
+                              >
+                                <div
+                                  className="fixed inset-0"
+                                  onClick={handleBgClose}
+                                />
+                                <SketchPicker
+                                  color={
+                                    backgroundColour !== null
+                                      ? backgroundColour.hex
+                                      : undefined
+                                  }
+                                  onChange={(color) => {
+                                    setBackgroundColour(color);
+                                    setValueChange(true);
+                                  }}
+                                  disableAlpha
+                                />
+                              </div>
+                            ) : null}
+                          </div>
+                        </FormItem>
+                      )}
+                    />
+
+                      {/* Description Input */}
+                      <FormField
+                        control={form.control}
+                        name="description_html"
+                        render={({ field }) => (
+                          <div className="mb-4 sm:mb-6">
+                            <FormLabel className="text-base block mb-2">
+                              Description
+                            </FormLabel>
+                            <DescriptionInput
+                              initialValue={field.value}
+                              onChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                              noLabel={true}
+                              rows={5}
+                              inputProps={{
+                                placeholder: "Enter Description...",
+                                style: {
+                                  minHeight: "92px",
+                                  borderRadius: "0.25rem",
+                                  border: "1px solid rgba(0, 0, 0, 0.15)",
+                                },
+                              }}
+                            />
+                          </div>
+                        )}
+                      />
+
+                      {/* Featured Image */}
+                      <FormField
+                        control={form.control}
+                        name="medium_id"
+                        render={({ field }) => (
+                          <FormItem className="mt-6">
+                            <FormLabel className="text-base mb-2">
+                              Featured Image
+                            </FormLabel>
+                            <MediaSelector
+                              value={field.value}
+                              onChange={(value) => {
+                                field.onChange(value);
+                                setValueChange(true);
+                              }}
+                              containerStyles={{
+                                justifyContent: "center",
+                                width: "100%",
+                                height: isMobile ? "160px" : "220px",
+                              }}
+                            />
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+
+            <MetaForm onChange={() => setValueChange(true)} />
+
+            <div className="flex justify-start space-x-4 pt-2">
+              <Button type="button" variant="outline" onClick={handleCancel}>
+                Cancel
+              </Button>
+              <Button disabled={!valueChange} type="submit">
+                {data && data.id ? "Update" : "Create Tag"}
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </div>
+    </div>
+  );
+};
+
+export default TagForm;
diff --git a/studio/src/pages/tags/components/TagList.js b/studio/src/pages/tags/components/TagList.js
deleted file mode 100644
index c8c1a3305..000000000
--- a/studio/src/pages/tags/components/TagList.js
+++ /dev/null
@@ -1,184 +0,0 @@
-import React from 'react';
-import { Button, Table, Space, ConfigProvider, Typography, Modal } from 'antd';
-import { useDispatch } from 'react-redux';
-import { deleteTag } from '../../../actions/tags';
-import { Link } from 'react-router-dom';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function TagList({ actions, filters, setFilters, fetchTags, data }) {
-  const [modalOpen, setModalOpen] = React.useState(false);
-  const [deleteItemID, setDeleteItemID] = React.useState(null);
-
-  const dispatch = useDispatch();
-  const history = useNavigation();
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      width: 400,
-      key: 'name',
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/tags/${record.id}/edit`}
-          >
-            <Typography.Text style={{ fontSize: '1rem' }} strong>
-              {record.name}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Slug',
-      dataIndex: 'slug',
-      width: 400,
-      key: 'slug',
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/tags/${record.id}/edit`}
-          >
-            <Typography.Text style={{ fontSize: '1rem' }} strong>
-              {record.slug}
-            </Typography.Text>
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      fixed: 'right',
-      align: 'center',
-      width: 150,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '150px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            <Button
-              size="large"
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-                setDeleteItemID(record.id);
-              }}
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <Space direction={'vertical'}>
-      <ConfigProvider
-        theme={{
-          components: {
-            Typography: {
-              colorText: '#101828',
-            },
-          },
-        }}
-      >
-        <Table
-          columns={columns}
-          dataSource={data.tags}
-          loading={data.loading}
-          rowKey={'id'}
-          onRow={(record, rowIndex) => {
-            return {
-              onClick: (event) => {
-                history(`/tags/${record.id}/edit`);
-              },
-              onMouseEnter: (event) => {
-                document.body.style.cursor = 'pointer';
-              },
-              onMouseLeave: (event) => {
-                document.body.style.cursor = 'default';
-              },
-            };
-          }}
-          scroll={{
-            x: '1000',
-          }}
-          pagination={{
-            showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-            total: data.total,
-            current: filters.page,
-            pageSize: filters.limit,
-            onChange: (pageNumber, pageSize) =>
-              setFilters({ ...filters, page: pageNumber, limit: pageSize }),
-            pageSizeOptions: ['10', '15', '20'],
-          }}
-        />
-        <Modal
-          open={modalOpen}
-          closable={false}
-          centered
-          width={311}
-          className="delete-modal-container"
-          style={{
-            borderRadius: '18px',
-          }}
-          onOk={(e) => {
-            e.stopPropagation();
-            dispatch(deleteTag(deleteItemID)).then(() => fetchTags());
-            setModalOpen(false);
-            setDeleteItemID(null);
-          }}
-          disabled={!(actions.includes('admin') || actions.includes('delete'))}
-          cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-          onCancel={(e) => {
-            e.stopPropagation();
-            setModalOpen(false);
-            setDeleteItemID(null);
-          }}
-        >
-          <Typography.Text strong>Are you sure you want to delete this ?</Typography.Text>
-        </Modal>
-      </ConfigProvider>
-    </Space>
-  );
-}
-
-export default TagList;
diff --git a/studio/src/pages/tags/components/TagList.test.js b/studio/src/pages/tags/components/TagList.test.js
deleted file mode 100644
index c5cdd3776..000000000
--- a/studio/src/pages/tags/components/TagList.test.js
+++ /dev/null
@@ -1,295 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import { act } from 'react-dom/test-utils';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { Popconfirm, Button, Table } from 'antd';
-
-import '../../../matchMedia.mock';
-import TagList from './TagList';
-import { getTags, deleteTag } from '../../../actions/tags';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/tags', () => ({
-  getTags: jest.fn(),
-  deleteTag: jest.fn(),
-}));
-
-let mockedDispatch, store;
-const filters = {
-  page: 1,
-  limit: 20,
-};
-const fetchTags = jest.fn();
-const setFilters = jest.fn();
-const info = {
-  tags: [
-    {
-      id: 1,
-      created_at: '2020-09-09T06:49:36.566567Z',
-      updated_at: '2020-09-09T06:49:36.566567Z',
-      deleted_at: null,
-      name: 'Election',
-      slug: 'election',
-      description: {
-        time: 1613561493761,
-        blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-        version: '2.19.0',
-      },
-      medium_id: 0,
-      space_id: 1,
-      posts: null,
-    },
-    {
-      id: 2,
-      created_at: '2020-09-09T06:49:54.027402Z',
-      updated_at: '2020-09-09T06:49:54.027402Z',
-      deleted_at: null,
-      name: 'Politics',
-      slug: 'politics',
-      description: {
-        time: 1613561493781,
-        blocks: [{ type: 'paragraph', data: { text: 'Description 2' } }],
-        version: '2.19.0',
-      },
-      medium_id: 0,
-      space_id: 1,
-      posts: null,
-    },
-  ],
-  loading: false,
-  total: 2,
-};
-let state = {
-  tags: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:49:36.566567Z',
-        updated_at: '2020-09-09T06:49:36.566567Z',
-        deleted_at: null,
-        name: 'Election',
-        slug: 'election',
-        description: {
-          time: 1613561493761,
-          blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-          version: '2.19.0',
-        },
-        medium_id: 0,
-        space_id: 1,
-        posts: null,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-09T06:49:54.027402Z',
-        updated_at: '2020-09-09T06:49:54.027402Z',
-        deleted_at: null,
-        name: 'Politics',
-        slug: 'politics',
-        description: {
-          time: 1613561493781,
-          blocks: [{ type: 'paragraph', data: { text: 'Description 2' } }],
-          version: '2.19.0',
-        },
-        medium_id: 0,
-        space_id: 1,
-        posts: null,
-      },
-    },
-    loading: false,
-  },
-};
-
-describe('Tags List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <TagList
-              actions={['update', 'delete']}
-              data={{ tags: [], total: 0, loading: false }}
-              filters={filters}
-              setFilters={setFilters}
-              fetchTags={fetchTags}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.tags.loading = true;
-      store = mockStore(state);
-      const info2 = { ...info };
-      info2.loading = true;
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <TagList
-              actions={['update', 'delete']}
-              data={info2}
-              filters={filters}
-              setFilters={setFilters}
-              fetchTags={fetchTags}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with tags', () => {
-      state.tags.loading = false;
-      store = mockStore(state);
-      const tree = shallow(
-        <Provider store={store}>
-          <Router>
-            <TagList
-              actions={['update', 'delete']}
-              data={info}
-              filters={filters}
-              setFilters={setFilters}
-              fetchTags={fetchTags}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <TagList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchTags={fetchTags}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete tag', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <TagList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchTags={fetchTags}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-
-      expect(deleteTag).toHaveBeenCalled();
-      expect(deleteTag).toHaveBeenCalledWith(1);
-    });
-    it('should edit tag', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <TagList
-                actions={['update', 'delete']}
-                data={info}
-                filters={filters}
-                setFilters={setFilters}
-                fetchTags={fetchTags}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('Election');
-      expect(link.prop('to')).toEqual('/tags/1/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        tags: {
-          req: [],
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <TagList
-                actions={['update', 'delete']}
-                data={{ tags: [], loading: false, total: 0 }}
-                filters={filters}
-                setFilters={setFilters}
-                fetchTags={fetchTags}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      const button = wrapper.find(Button);
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/tags/components/TagList.tsx b/studio/src/pages/tags/components/TagList.tsx
new file mode 100644
index 000000000..ee77418e1
--- /dev/null
+++ b/studio/src/pages/tags/components/TagList.tsx
@@ -0,0 +1,203 @@
+// components/TagList.tsx
+import { useState } from "react";
+import { Link, useNavigate } from "react-router-dom";
+import { Trash2, Pencil, Ellipsis } from "lucide-react";
+import { deleteTag } from "../../../actions/tags";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  DropdownMenuSeparator,
+} from "@/components/ui/dropdown-menu";
+import EmptyState from "@/components/EmptyState";
+import { TagListProps } from "../types";
+
+function TagList({ data, fetchTags, isMobile = false }: TagListProps) {
+  const dispatch = useAppDispatch();
+  const [modalOpen, setModalOpen] = useState<boolean>(false);
+  const [deleteItemId, setDeleteItemId] = useState<string | null>(null);
+  const navigate = useNavigate();
+
+  const handleDelete = async (e: React.MouseEvent) => {
+    e.stopPropagation();
+    console.log("Delete item ID:", deleteItemId, Number(deleteItemId));
+    if (deleteItemId) {
+      await dispatch(deleteTag(deleteItemId));
+      fetchTags();
+      setModalOpen(false);
+      setDeleteItemId(null);
+    }
+  };
+
+  const handleRowClick = (id: string) => {
+    navigate(`/tags/${id}/edit`);
+  };
+
+  // Check if there are any tags to display
+  const hasTagsData = !data.loading && data.tags && data.tags.length > 0;
+
+  return (
+    <div className="pb-4 overflow-scroll">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-[50%] text-[13px]">Title</TableHead>
+                <TableHead className="w-[40%] text-[13px]">Slug</TableHead>
+                <TableHead className="w-[10%] text-[13px] text-center">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell className="py-3">
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell>
+                    <Skeleton className="h-6 w-full" />
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <div className="flex justify-center">
+                      <Skeleton className="h-6 w-10" />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasTagsData ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead className="w-[50%] text-[13px]">Title</TableHead>
+                <TableHead className="w-[40%] text-[13px]">Slug</TableHead>
+                <TableHead className="w-[10%] text-[13px] text-center">
+                  Actions
+                </TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.tags.map((tag) => (
+                <TableRow
+                  key={tag.id}
+                  onClick={() => handleRowClick(tag.id.toString())}
+                  className="cursor-pointer"
+                >
+                  <TableCell>
+                    <Link
+                      to={`/tags/${tag.id}/edit`}
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      {tag.name || "Unnamed Tag"}
+                    </Link>
+                  </TableCell>
+                  <TableCell>
+                    <span className="line-clamp-2">{tag.slug || "—"}</span>
+                  </TableCell>
+                  <TableCell className="text-center">
+                    <DropdownMenu>
+                      <DropdownMenuTrigger
+                        asChild
+                        onClick={(e) => e.stopPropagation()}
+                      >
+                        <Button variant="ghost" size="icon">
+                          <Ellipsis className="h-5 w-5" />
+                        </Button>
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end">
+                        <DropdownMenuItem
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            navigate(`/tags/${tag.id}/edit`);
+                          }}
+                          className="cursor-pointer"
+                        >
+                          <Pencil className="h-4 w-4 mr-2" />
+                          <span>Edit</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                          onClick={(e) => {
+                            e.stopPropagation();
+                            setModalOpen(true);
+                            setDeleteItemId(tag.id.toString());
+                          }}
+                          className="cursor-pointer text-red-600 focus:text-red-600"
+                        >
+                          <Trash2 className="h-4 w-4 mr-2" />
+                          <span>Delete</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : (
+        <EmptyState
+          contentType="tags"
+          title="No tags found"
+          description="Your tags list is empty"
+          isMobile={isMobile}
+        />
+      )}
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={modalOpen} onOpenChange={setModalOpen}>
+        <DialogContent className="max-w-sm p-4">
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Delete Tag</DialogTitle>
+            <DialogDescription className="text-sm">
+              Are you sure you want to delete this tag?
+            </DialogDescription>
+          </DialogHeader>
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button
+              size="sm"
+              variant="outline"
+              onClick={(e) => {
+                e.stopPropagation();
+                setModalOpen(false);
+                setDeleteItemId(null);
+              }}
+            >
+              Cancel
+            </Button>
+            <Button size="sm" variant="destructive" onClick={handleDelete}>
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}
+
+export default TagList;
diff --git a/studio/src/pages/tags/components/__snapshots__/TagForm.test.js.snap b/studio/src/pages/tags/components/__snapshots__/TagForm.test.js.snap
deleted file mode 100644
index d469cdec6..000000000
--- a/studio/src/pages/tags/components/__snapshots__/TagForm.test.js.snap
+++ /dev/null
@@ -1,7079 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tags Create Form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <TagForm
-    data={
-      Object {
-        "background_colour": null,
-        "description": Object {
-          "blocks": Array [
-            Object {
-              "data": Object {
-                "text": "Description",
-              },
-              "type": "paragraph",
-            },
-          ],
-          "time": 1613561493761,
-          "version": "2.19.0",
-        },
-        "is_featured": true,
-        "medium_id": 1,
-        "name": "name",
-        "slug": "slug",
-      }
-    }
-    onCreate={[MockFunction]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-tag",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "background_colour": null,
-          "description": Object {
-            "blocks": Array [
-              Object {
-                "data": Object {
-                  "text": "Description",
-                },
-                "type": "paragraph",
-              },
-            ],
-            "time": 1613561493761,
-            "version": "2.19.0",
-          },
-          "is_featured": true,
-          "medium_id": 1,
-          "name": "name",
-          "slug": "slug",
-        }
-      }
-      layout="vertical"
-      name="create-tag"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-tag",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-tag"
-          initialValues={
-            Object {
-              "background_colour": null,
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "text": "Description",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1613561493761,
-                "version": "2.19.0",
-              },
-              "is_featured": true,
-              "medium_id": 1,
-              "name": "name",
-              "slug": "slug",
-            }
-          }
-          name="create-tag"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-tag"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Tag Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Tag Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Tag Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Tag Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Tag Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Tag Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_name"
-                                          label="Tag Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-tag_name"
-                                                title="Tag Name"
-                                              >
-                                                Tag Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Tag Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value="name"
-                                                  >
-                                                    <Input
-                                                      id="create-tag_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="name"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="name"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-tag_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="name"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-tag_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="name"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-tag_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value="slug"
-                                                  >
-                                                    <Input
-                                                      id="create-tag_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                      value="slug"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                            value="slug"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-tag_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value="slug"
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-tag_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value="slug"
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value={true}
-                                                >
-                                                  <Switch
-                                                    checked={true}
-                                                    id="create-tag_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        checked={true}
-                                                        className=""
-                                                        id="create-tag_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={true}
-                                                          className="ant-switch ant-switch-checked"
-                                                          id="create-tag_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_background_colour"
-                                        label="Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_background_colour"
-                                              title="Colour"
-                                            >
-                                              Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value={null}
-                                                >
-                                                  <div
-                                                    id="create-tag_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                    value={null}
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                  value={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-tag_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                    value={1}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <PlaceholderImage
-                                                                        height="auto"
-                                                                        key=".0"
-                                                                        maxWidth="350px"
-                                                                        width="100%"
-                                                                      >
-                                                                        <img
-                                                                          alt=""
-                                                                          height="auto"
-                                                                          src="placeholderImage.svg"
-                                                                          style={
-                                                                            Object {
-                                                                              "maxWidth": "350px",
-                                                                              "objectFit": "contain",
-                                                                              "padding": "1rem",
-                                                                            }
-                                                                          }
-                                                                          width="100%"
-                                                                        />
-                                                                      </PlaceholderImage>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                              type="editor"
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                    value={
-                                                      Object {
-                                                        "blocks": Array [
-                                                          Object {
-                                                            "data": Object {
-                                                              "text": "Description",
-                                                            },
-                                                            "type": "paragraph",
-                                                          },
-                                                        ],
-                                                        "time": 1613561493761,
-                                                        "version": "2.19.0",
-                                                      }
-                                                    }
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="create-tag_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                      value={
-                                                        Object {
-                                                          "blocks": Array [
-                                                            Object {
-                                                              "data": Object {
-                                                                "text": "Description",
-                                                              },
-                                                              "type": "paragraph",
-                                                            },
-                                                          ],
-                                                          "time": 1613561493761,
-                                                          "version": "2.19.0",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </TagForm>
-</Provider>
-`;
-
-exports[`Tags Create Form component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <TagForm
-    data={Array []}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-tag",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="create-tag"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-tag",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-tag"
-          initialValues={Object {}}
-          name="create-tag"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-tag"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Tag Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Tag Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Tag Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Tag Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Tag Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Tag Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_name"
-                                          label="Tag Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-tag_name"
-                                                title="Tag Name"
-                                              >
-                                                Tag Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Tag Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-tag_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-tag_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-tag_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-tag_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-tag_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-tag_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-tag_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Switch
-                                                    id="create-tag_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        className=""
-                                                        id="create-tag_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={false}
-                                                          className="ant-switch"
-                                                          id="create-tag_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_background_colour"
-                                        label="Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_background_colour"
-                                              title="Colour"
-                                            >
-                                              Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="create-tag_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-tag_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <PlaceholderImage
-                                                                        height="auto"
-                                                                        key=".0"
-                                                                        maxWidth="350px"
-                                                                        width="100%"
-                                                                      >
-                                                                        <img
-                                                                          alt=""
-                                                                          height="auto"
-                                                                          src="placeholderImage.svg"
-                                                                          style={
-                                                                            Object {
-                                                                              "maxWidth": "350px",
-                                                                              "objectFit": "contain",
-                                                                              "padding": "1rem",
-                                                                            }
-                                                                          }
-                                                                          width="100%"
-                                                                        />
-                                                                      </PlaceholderImage>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                              type="editor"
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="create-tag_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </TagForm>
-</Provider>
-`;
-
-exports[`Tags Create Form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <TagForm>
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-tag",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      layout="vertical"
-      name="create-tag"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-vertical"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-tag",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-tag"
-          initialValues={Object {}}
-          name="create-tag"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-vertical"
-            id="create-tag"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <Row
-              justify="center"
-              style={
-                Object {
-                  "margin": "0 auto",
-                  "maxWidth": "1200px",
-                  "width": "100%",
-                }
-              }
-            >
-              <div
-                className="ant-row ant-row-center"
-                style={
-                  Object {
-                    "margin": "0 auto",
-                    "maxWidth": "1200px",
-                    "width": "100%",
-                  }
-                }
-              >
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="end"
-                    >
-                      <div
-                        className="ant-row ant-row-end"
-                        style={
-                          Object {
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <FormItem>
-                          <Row
-                            className="ant-form-item"
-                            key="row"
-                          >
-                            <div
-                              className="ant-row ant-form-item"
-                              style={Object {}}
-                            >
-                              <FormItemLabel
-                                prefixCls="ant-form"
-                                requiredMark={true}
-                              />
-                              <FormItemInput
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                                prefixCls="ant-form"
-                                status=""
-                                validateStatus=""
-                              >
-                                <Col
-                                  className="ant-form-item-control"
-                                >
-                                  <div
-                                    className="ant-col ant-form-item-control"
-                                    style={Object {}}
-                                  >
-                                    <div
-                                      className="ant-form-item-control-input"
-                                    >
-                                      <div
-                                        className="ant-form-item-control-input-content"
-                                      >
-                                        <Space>
-                                          <div
-                                            className="ant-space ant-space-horizontal ant-space-align-center"
-                                            style={Object {}}
-                                          >
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={0}
-                                              key="ant-space-item-0"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                <Button
-                                                  htmlType="button"
-                                                  onClick={[Function]}
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn"
-                                                      onClick={[Function]}
-                                                      type="button"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Reset
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                            <Item
-                                              className="ant-space-item"
-                                              direction="horizontal"
-                                              index={1}
-                                              key="ant-space-item-1"
-                                              marginDirection="marginRight"
-                                              wrap={false}
-                                            >
-                                              <div
-                                                className="ant-space-item"
-                                                style={Object {}}
-                                              >
-                                                <Button
-                                                  disabled={true}
-                                                  htmlType="submit"
-                                                  type="primary"
-                                                >
-                                                  <Wave>
-                                                    <button
-                                                      className="ant-btn ant-btn-primary"
-                                                      disabled={true}
-                                                      onClick={[Function]}
-                                                      type="submit"
-                                                    >
-                                                      <LoadingIcon
-                                                        existIcon={false}
-                                                        loading={false}
-                                                        prefixCls="ant-btn"
-                                                      >
-                                                        <CSSMotion
-                                                          motionName="ant-btn-loading-icon-motion"
-                                                          onAppearActive={[Function]}
-                                                          onAppearStart={[Function]}
-                                                          onEnterActive={[Function]}
-                                                          onEnterStart={[Function]}
-                                                          onLeaveActive={[Function]}
-                                                          onLeaveStart={[Function]}
-                                                          removeOnLeave={true}
-                                                          visible={false}
-                                                        >
-                                                          <DomWrapper />
-                                                        </CSSMotion>
-                                                      </LoadingIcon>
-                                                      <span
-                                                        key=".0"
-                                                      >
-                                                        Submit
-                                                      </span>
-                                                    </button>
-                                                  </Wave>
-                                                </Button>
-                                              </div>
-                                            </Item>
-                                          </div>
-                                        </Space>
-                                      </div>
-                                    </div>
-                                    <ErrorList
-                                      errors={Array []}
-                                      onDomErrorVisibleChange={[Function]}
-                                    >
-                                      <CSSMotion
-                                        motionAppear={true}
-                                        motionDeadline={500}
-                                        motionName="ant-show-help"
-                                        onLeaveEnd={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </ErrorList>
-                                  </div>
-                                </Col>
-                              </FormItemInput>
-                            </div>
-                          </Row>
-                        </FormItem>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      justify="space-around"
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                          "marginBottom": "1rem",
-                          "padding": "1.25rem",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row ant-row-space-around"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginBottom": "1rem",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                            "padding": "1.25rem",
-                          }
-                        }
-                      >
-                        <Col
-                          span={12}
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <TitleInput
-                              label="Tag Name"
-                              name="name"
-                              onChange={[Function]}
-                            >
-                              <FormItem
-                                label="Tag Name"
-                                name="name"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please enter name!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "max": 500,
-                                      "message": "Name must be maximum 500 characters.",
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Tag Name"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Tag Name",
-                                    }
-                                  }
-                                  name="name"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please enter name!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "max": 500,
-                                        "message": "Name must be maximum 500 characters.",
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_name"
-                                    label="Tag Name"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Tag Name",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "name",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please enter name!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "max": 500,
-                                          "message": "Name must be maximum 500 characters.",
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_name"
-                                          label="Tag Name"
-                                          name="name"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-tag_name"
-                                                title="Tag Name"
-                                              >
-                                                Tag Name
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Tag Name"
-                                          name={
-                                            Array [
-                                              "name",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please enter name!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "max": 500,
-                                                "message": "Name must be maximum 500 characters.",
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-tag_name"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_name"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-tag_name"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-tag_name"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </TitleInput>
-                            <SlugInput>
-                              <FormItem
-                                label="Slug"
-                                name="slug"
-                                rules={
-                                  Array [
-                                    Object {
-                                      "message": "Please input the slug!",
-                                      "required": true,
-                                    },
-                                    Object {
-                                      "message": "Please enter valid slug!",
-                                      "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                    },
-                                  ]
-                                }
-                              >
-                                <WrapperField
-                                  label="Slug"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Slug",
-                                    }
-                                  }
-                                  name="slug"
-                                  onReset={[Function]}
-                                  rules={
-                                    Array [
-                                      Object {
-                                        "message": "Please input the slug!",
-                                        "required": true,
-                                      },
-                                      Object {
-                                        "message": "Please enter valid slug!",
-                                        "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                      },
-                                    ]
-                                  }
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_slug"
-                                    label="Slug"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Slug",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "slug",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    rules={
-                                      Array [
-                                        Object {
-                                          "message": "Please input the slug!",
-                                          "required": true,
-                                        },
-                                        Object {
-                                          "message": "Please enter valid slug!",
-                                          "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                        },
-                                      ]
-                                    }
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_slug"
-                                          label="Slug"
-                                          name="slug"
-                                          prefixCls="ant-form"
-                                          required={true}
-                                          requiredMark={true}
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className="ant-form-item-required"
-                                                htmlFor="create-tag_slug"
-                                                title="Slug"
-                                              >
-                                                Slug
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Slug"
-                                          name={
-                                            Array [
-                                              "slug",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          rules={
-                                            Array [
-                                              Object {
-                                                "message": "Please input the slug!",
-                                                "required": true,
-                                              },
-                                              Object {
-                                                "message": "Please enter valid slug!",
-                                                "pattern": /\\^\\[a-z0-9\\]\\+\\(\\?:-\\[a-z0-9\\]\\+\\)\\*\\$/,
-                                              },
-                                            ]
-                                          }
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Input
-                                                      id="create-tag_slug"
-                                                      onChange={[Function]}
-                                                      type="text"
-                                                    >
-                                                      <ClearableLabeledInput
-                                                        bordered={true}
-                                                        element={
-                                                          <input
-                                                            className="ant-input"
-                                                            id="create-tag_slug"
-                                                            onBlur={[Function]}
-                                                            onChange={[Function]}
-                                                            onFocus={[Function]}
-                                                            onKeyDown={[Function]}
-                                                            type="text"
-                                                          />
-                                                        }
-                                                        focused={false}
-                                                        handleReset={[Function]}
-                                                        id="create-tag_slug"
-                                                        inputType="input"
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-input"
-                                                        triggerFocus={[Function]}
-                                                        type="text"
-                                                        value=""
-                                                      >
-                                                        <input
-                                                          className="ant-input"
-                                                          id="create-tag_slug"
-                                                          onBlur={[Function]}
-                                                          onChange={[Function]}
-                                                          onFocus={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          type="text"
-                                                          value=""
-                                                        />
-                                                      </ClearableLabeledInput>
-                                                    </Input>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </SlugInput>
-                            <FormItem
-                              label="Featured"
-                              name="is_featured"
-                              valuePropName="checked"
-                            >
-                              <WrapperField
-                                label="Featured"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured",
-                                  }
-                                }
-                                name="is_featured"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                                valuePropName="checked"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_is_featured"
-                                  label="Featured"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "is_featured",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="checked"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_is_featured"
-                                        label="Featured"
-                                        name="is_featured"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_is_featured"
-                                              title="Featured"
-                                            >
-                                              Featured
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured"
-                                        name={
-                                          Array [
-                                            "is_featured",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                        valuePropName="checked"
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <Switch
-                                                    id="create-tag_is_featured"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Wave
-                                                      insertExtraNode={true}
-                                                    >
-                                                      <Switch
-                                                        className=""
-                                                        id="create-tag_is_featured"
-                                                        loadingIcon={
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                        }
-                                                        onChange={[Function]}
-                                                        prefixCls="ant-switch"
-                                                      >
-                                                        <button
-                                                          aria-checked={false}
-                                                          className="ant-switch"
-                                                          id="create-tag_is_featured"
-                                                          onClick={[Function]}
-                                                          onKeyDown={[Function]}
-                                                          role="switch"
-                                                          type="button"
-                                                        >
-                                                          <div
-                                                            className="ant-switch-handle"
-                                                          />
-                                                          <span
-                                                            className="ant-switch-inner"
-                                                          />
-                                                        </button>
-                                                      </Switch>
-                                                    </Wave>
-                                                  </Switch>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                            <FormItem
-                              label="Colour"
-                              name="background_colour"
-                            >
-                              <WrapperField
-                                label="Colour"
-                                messageVariables={
-                                  Object {
-                                    "label": "Colour",
-                                  }
-                                }
-                                name="background_colour"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_background_colour"
-                                  label="Colour"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Colour",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "background_colour",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_background_colour"
-                                        label="Colour"
-                                        name="background_colour"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_background_colour"
-                                              title="Colour"
-                                            >
-                                              Colour
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Colour"
-                                        name={
-                                          Array [
-                                            "background_colour",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <div
-                                                    id="create-tag_background_colour"
-                                                    onChange={[Function]}
-                                                    style={
-                                                      Object {
-                                                        "position": "relative",
-                                                      }
-                                                    }
-                                                  >
-                                                    <div
-                                                      onClick={[Function]}
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "borderRadius": "1px",
-                                                          "boxShadow": "0 0 0 1px rgba(0,0,0,.1)",
-                                                          "cursor": "pointer",
-                                                          "display": "inline-block",
-                                                          "padding": "5px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "null",
-                                                            "borderRadius": "2px",
-                                                            "height": "24px",
-                                                            "width": "100px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </div>
-                                                  </div>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10"
-                            style={
-                              Object {
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <FormItem
-                              label="Featured Image"
-                              name="medium_id"
-                            >
-                              <WrapperField
-                                label="Featured Image"
-                                messageVariables={
-                                  Object {
-                                    "label": "Featured Image",
-                                  }
-                                }
-                                name="medium_id"
-                                onReset={[Function]}
-                                trigger="onChange"
-                                validateTrigger="onChange"
-                              >
-                                <Field
-                                  fieldContext={
-                                    Object {
-                                      "__INTERNAL__": Object {
-                                        "itemRef": [Function],
-                                        "name": "create-tag",
-                                      },
-                                      "getFieldError": [Function],
-                                      "getFieldInstance": [Function],
-                                      "getFieldValue": [Function],
-                                      "getFieldsError": [Function],
-                                      "getFieldsValue": [Function],
-                                      "getInternalHooks": [Function],
-                                      "isFieldTouched": [Function],
-                                      "isFieldValidating": [Function],
-                                      "isFieldsTouched": [Function],
-                                      "isFieldsValidating": [Function],
-                                      "resetFields": [Function],
-                                      "scrollToField": [Function],
-                                      "setFields": [Function],
-                                      "setFieldsValue": [Function],
-                                      "submit": [Function],
-                                      "validateFields": [Function],
-                                      "validateTrigger": "onChange",
-                                    }
-                                  }
-                                  key="_medium_id"
-                                  label="Featured Image"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Featured Image",
-                                    }
-                                  }
-                                  name={
-                                    Array [
-                                      "medium_id",
-                                    ]
-                                  }
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                  valuePropName="value"
-                                >
-                                  <Row
-                                    className="ant-form-item"
-                                    key="row"
-                                  >
-                                    <div
-                                      className="ant-row ant-form-item"
-                                      style={Object {}}
-                                    >
-                                      <FormItemLabel
-                                        htmlFor="create-tag_medium_id"
-                                        label="Featured Image"
-                                        name="medium_id"
-                                        prefixCls="ant-form"
-                                        required={false}
-                                        requiredMark={true}
-                                      >
-                                        <Col
-                                          className="ant-form-item-label"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-label"
-                                            style={Object {}}
-                                          >
-                                            <label
-                                              className=""
-                                              htmlFor="create-tag_medium_id"
-                                              title="Featured Image"
-                                            >
-                                              Featured Image
-                                            </label>
-                                          </div>
-                                        </Col>
-                                      </FormItemLabel>
-                                      <FormItemInput
-                                        errors={Array []}
-                                        label="Featured Image"
-                                        name={
-                                          Array [
-                                            "medium_id",
-                                          ]
-                                        }
-                                        onDomErrorVisibleChange={[Function]}
-                                        prefixCls="ant-form"
-                                        status=""
-                                        touched={false}
-                                        validateStatus=""
-                                        validating={false}
-                                      >
-                                        <Col
-                                          className="ant-form-item-control"
-                                        >
-                                          <div
-                                            className="ant-col ant-form-item-control"
-                                            style={Object {}}
-                                          >
-                                            <div
-                                              className="ant-form-item-control-input"
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input-content"
-                                              >
-                                                <Component
-                                                  update={1}
-                                                >
-                                                  <MediaSelector
-                                                    containerStyles={
-                                                      Object {
-                                                        "justifyContent": "start",
-                                                      }
-                                                    }
-                                                    id="create-tag_medium_id"
-                                                    maxWidth="350px"
-                                                    onChange={[Function]}
-                                                  >
-                                                    <Modal
-                                                      closable={false}
-                                                      confirmLoading={false}
-                                                      footer={
-                                                        Array [
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                          >
-                                                            Cancel
-                                                          </ForwardRef(InternalButton)>,
-                                                          <ForwardRef(InternalButton)
-                                                            onClick={[Function]}
-                                                            type="primary"
-                                                          >
-                                                            Ok
-                                                          </ForwardRef(InternalButton)>,
-                                                        ]
-                                                      }
-                                                      okType="primary"
-                                                      onCancel={[Function]}
-                                                      visible={false}
-                                                      width="800px"
-                                                    >
-                                                      <Dialog
-                                                        closable={false}
-                                                        closeIcon={
-                                                          <span
-                                                            className="ant-modal-close-x"
-                                                          >
-                                                            <ForwardRef(CloseOutlined)
-                                                              className="ant-modal-close-icon"
-                                                            />
-                                                          </span>
-                                                        }
-                                                        confirmLoading={false}
-                                                        focusTriggerAfterClose={true}
-                                                        footer={
-                                                          Array [
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                            >
-                                                              Cancel
-                                                            </ForwardRef(InternalButton)>,
-                                                            <ForwardRef(InternalButton)
-                                                              onClick={[Function]}
-                                                              type="primary"
-                                                            >
-                                                              Ok
-                                                            </ForwardRef(InternalButton)>,
-                                                          ]
-                                                        }
-                                                        maskTransitionName="ant-fade"
-                                                        okType="primary"
-                                                        onCancel={[Function]}
-                                                        onClose={[Function]}
-                                                        prefixCls="ant-modal"
-                                                        transitionName="ant-zoom"
-                                                        visible={false}
-                                                        width="800px"
-                                                        wrapClassName=""
-                                                      >
-                                                        <PortalWrapper
-                                                          visible={false}
-                                                        />
-                                                      </Dialog>
-                                                    </Modal>
-                                                    <Space
-                                                      direction="vertical"
-                                                    >
-                                                      <div
-                                                        className="ant-space ant-space-vertical"
-                                                        style={Object {}}
-                                                      >
-                                                        <Item
-                                                          className="ant-space-item"
-                                                          direction="vertical"
-                                                          index={0}
-                                                          key="ant-space-item-0"
-                                                          marginDirection="marginRight"
-                                                          wrap={false}
-                                                        >
-                                                          <div
-                                                            className="ant-space-item"
-                                                            style={Object {}}
-                                                          >
-                                                            <div
-                                                              style={
-                                                                Object {
-                                                                  "alignItems": "center",
-                                                                  "display": "flex",
-                                                                  "justifyContent": "start",
-                                                                }
-                                                              }
-                                                            >
-                                                              <div
-                                                                style={
-                                                                  Object {
-                                                                    "position": "relative",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <Button
-                                                                  onClick={[Function]}
-                                                                  style={
-                                                                    Object {
-                                                                      "background": "transparent",
-                                                                      "borderStyle": "dashed",
-                                                                      "display": "block",
-                                                                      "height": "auto",
-                                                                    }
-                                                                  }
-                                                                >
-                                                                  <Wave>
-                                                                    <button
-                                                                      className="ant-btn"
-                                                                      onClick={[Function]}
-                                                                      style={
-                                                                        Object {
-                                                                          "background": "transparent",
-                                                                          "borderStyle": "dashed",
-                                                                          "display": "block",
-                                                                          "height": "auto",
-                                                                        }
-                                                                      }
-                                                                      type="button"
-                                                                    >
-                                                                      <LoadingIcon
-                                                                        existIcon={false}
-                                                                        loading={false}
-                                                                        prefixCls="ant-btn"
-                                                                      >
-                                                                        <CSSMotion
-                                                                          motionName="ant-btn-loading-icon-motion"
-                                                                          onAppearActive={[Function]}
-                                                                          onAppearStart={[Function]}
-                                                                          onEnterActive={[Function]}
-                                                                          onEnterStart={[Function]}
-                                                                          onLeaveActive={[Function]}
-                                                                          onLeaveStart={[Function]}
-                                                                          removeOnLeave={true}
-                                                                          visible={false}
-                                                                        >
-                                                                          <DomWrapper />
-                                                                        </CSSMotion>
-                                                                      </LoadingIcon>
-                                                                      <PlaceholderImage
-                                                                        height="auto"
-                                                                        key=".0"
-                                                                        maxWidth="350px"
-                                                                        width="100%"
-                                                                      >
-                                                                        <img
-                                                                          alt=""
-                                                                          height="auto"
-                                                                          src="placeholderImage.svg"
-                                                                          style={
-                                                                            Object {
-                                                                              "maxWidth": "350px",
-                                                                              "objectFit": "contain",
-                                                                              "padding": "1rem",
-                                                                            }
-                                                                          }
-                                                                          width="100%"
-                                                                        />
-                                                                      </PlaceholderImage>
-                                                                    </button>
-                                                                  </Wave>
-                                                                </Button>
-                                                              </div>
-                                                            </div>
-                                                          </div>
-                                                        </Item>
-                                                      </div>
-                                                    </Space>
-                                                  </MediaSelector>
-                                                </Component>
-                                              </div>
-                                            </div>
-                                            <ErrorList
-                                              errors={Array []}
-                                              onDomErrorVisibleChange={[Function]}
-                                            >
-                                              <CSSMotion
-                                                motionAppear={true}
-                                                motionDeadline={500}
-                                                motionName="ant-show-help"
-                                                onLeaveEnd={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </ErrorList>
-                                          </div>
-                                        </Col>
-                                      </FormItemInput>
-                                    </div>
-                                  </Row>
-                                </Field>
-                              </WrapperField>
-                            </FormItem>
-                          </div>
-                        </Col>
-                        <Col
-                          span={12}
-                          style={
-                            Object {
-                              "marginLeft": "20px",
-                              "marginRight": "auto",
-                            }
-                          }
-                        >
-                          <div
-                            className="ant-col ant-col-12"
-                            style={
-                              Object {
-                                "marginLeft": "20px",
-                                "marginRight": "auto",
-                                "paddingLeft": 20,
-                                "paddingRight": 20,
-                              }
-                            }
-                          >
-                            <DescriptionInput
-                              inputProps={
-                                Object {
-                                  "basic": true,
-                                  "placeholder": "Enter Description...",
-                                  "style": Object {
-                                    "background": "#fff",
-                                    "padding": "0.5rem 0.75rem",
-                                    "width": "600px",
-                                  },
-                                }
-                              }
-                              type="editor"
-                            >
-                              <FormItem
-                                label="Description"
-                                name="description"
-                              >
-                                <WrapperField
-                                  label="Description"
-                                  messageVariables={
-                                    Object {
-                                      "label": "Description",
-                                    }
-                                  }
-                                  name="description"
-                                  onReset={[Function]}
-                                  trigger="onChange"
-                                  validateTrigger="onChange"
-                                >
-                                  <Field
-                                    fieldContext={
-                                      Object {
-                                        "__INTERNAL__": Object {
-                                          "itemRef": [Function],
-                                          "name": "create-tag",
-                                        },
-                                        "getFieldError": [Function],
-                                        "getFieldInstance": [Function],
-                                        "getFieldValue": [Function],
-                                        "getFieldsError": [Function],
-                                        "getFieldsValue": [Function],
-                                        "getInternalHooks": [Function],
-                                        "isFieldTouched": [Function],
-                                        "isFieldValidating": [Function],
-                                        "isFieldsTouched": [Function],
-                                        "isFieldsValidating": [Function],
-                                        "resetFields": [Function],
-                                        "scrollToField": [Function],
-                                        "setFields": [Function],
-                                        "setFieldsValue": [Function],
-                                        "submit": [Function],
-                                        "validateFields": [Function],
-                                        "validateTrigger": "onChange",
-                                      }
-                                    }
-                                    key="_description"
-                                    label="Description"
-                                    messageVariables={
-                                      Object {
-                                        "label": "Description",
-                                      }
-                                    }
-                                    name={
-                                      Array [
-                                        "description",
-                                      ]
-                                    }
-                                    onReset={[Function]}
-                                    trigger="onChange"
-                                    validateTrigger="onChange"
-                                    valuePropName="value"
-                                  >
-                                    <Row
-                                      className="ant-form-item"
-                                      key="row"
-                                    >
-                                      <div
-                                        className="ant-row ant-form-item"
-                                        style={Object {}}
-                                      >
-                                        <FormItemLabel
-                                          htmlFor="create-tag_description"
-                                          label="Description"
-                                          name="description"
-                                          prefixCls="ant-form"
-                                          required={false}
-                                          requiredMark={true}
-                                        >
-                                          <Col
-                                            className="ant-form-item-label"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-label"
-                                              style={Object {}}
-                                            >
-                                              <label
-                                                className=""
-                                                htmlFor="create-tag_description"
-                                                title="Description"
-                                              >
-                                                Description
-                                              </label>
-                                            </div>
-                                          </Col>
-                                        </FormItemLabel>
-                                        <FormItemInput
-                                          errors={Array []}
-                                          label="Description"
-                                          name={
-                                            Array [
-                                              "description",
-                                            ]
-                                          }
-                                          onDomErrorVisibleChange={[Function]}
-                                          prefixCls="ant-form"
-                                          status=""
-                                          touched={false}
-                                          validateStatus=""
-                                          validating={false}
-                                        >
-                                          <Col
-                                            className="ant-form-item-control"
-                                          >
-                                            <div
-                                              className="ant-col ant-form-item-control"
-                                              style={Object {}}
-                                            >
-                                              <div
-                                                className="ant-form-item-control-input"
-                                              >
-                                                <div
-                                                  className="ant-form-item-control-input-content"
-                                                >
-                                                  <Component
-                                                    update={1}
-                                                  >
-                                                    <Editor
-                                                      basic={true}
-                                                      id="create-tag_description"
-                                                      onChange={[Function]}
-                                                      placeholder="Enter Description..."
-                                                      style={
-                                                        Object {
-                                                          "background": "#fff",
-                                                          "padding": "0.5rem 0.75rem",
-                                                          "width": "600px",
-                                                        }
-                                                      }
-                                                    >
-                                                      <div
-                                                        style={
-                                                          Object {
-                                                            "background": "#fff",
-                                                            "padding": "0.5rem 0.75rem",
-                                                            "width": "600px",
-                                                          }
-                                                        }
-                                                      />
-                                                    </Editor>
-                                                  </Component>
-                                                </div>
-                                              </div>
-                                              <ErrorList
-                                                errors={Array []}
-                                                onDomErrorVisibleChange={[Function]}
-                                              >
-                                                <CSSMotion
-                                                  motionAppear={true}
-                                                  motionDeadline={500}
-                                                  motionName="ant-show-help"
-                                                  onLeaveEnd={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </ErrorList>
-                                            </div>
-                                          </Col>
-                                        </FormItemInput>
-                                      </div>
-                                    </Row>
-                                  </Field>
-                                </WrapperField>
-                              </FormItem>
-                            </DescriptionInput>
-                          </div>
-                        </Col>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-                <Col
-                  span={24}
-                >
-                  <div
-                    className="ant-col ant-col-24"
-                    style={Object {}}
-                  >
-                    <Row
-                      gutter={40}
-                      style={
-                        Object {
-                          "background": "#f0f2f5",
-                        }
-                      }
-                    >
-                      <div
-                        className="ant-row"
-                        style={
-                          Object {
-                            "background": "#f0f2f5",
-                            "marginLeft": -20,
-                            "marginRight": -20,
-                          }
-                        }
-                      >
-                        <MetaForm>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Data"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Data"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Data
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Code Injection"
-                                  isActive={false}
-                                  key="1"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="1"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Code Injection"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="1"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Code Injection
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                          <Collapse
-                            expandIcon={[Function]}
-                            expandIconPosition="right"
-                            style={
-                              Object {
-                                "width": "100%",
-                              }
-                            }
-                          >
-                            <Collapse
-                              accordion={false}
-                              bordered={true}
-                              className="ant-collapse-icon-position-right"
-                              destroyInactivePanel={false}
-                              expandIcon={[Function]}
-                              expandIconPosition="right"
-                              onChange={[Function]}
-                              openMotion={
-                                Object {
-                                  "leavedClassName": "ant-collapse-content-hidden",
-                                  "motionAppear": false,
-                                  "motionDeadline": 500,
-                                  "motionName": "ant-motion-collapse",
-                                  "onAppearActive": [Function],
-                                  "onAppearEnd": [Function],
-                                  "onAppearStart": [Function],
-                                  "onEnterActive": [Function],
-                                  "onEnterEnd": [Function],
-                                  "onEnterStart": [Function],
-                                  "onLeaveActive": [Function],
-                                  "onLeaveEnd": [Function],
-                                  "onLeaveStart": [Function],
-                                }
-                              }
-                              prefixCls="ant-collapse"
-                              style={
-                                Object {
-                                  "width": "100%",
-                                }
-                              }
-                            >
-                              <div
-                                className="ant-collapse ant-collapse-icon-position-right"
-                                role={null}
-                                style={
-                                  Object {
-                                    "width": "100%",
-                                  }
-                                }
-                              >
-                                <CollapsePanel
-                                  accordion={false}
-                                  destroyInactivePanel={false}
-                                  expandIcon={[Function]}
-                                  header="Meta Fields"
-                                  isActive={false}
-                                  key="0"
-                                  onItemClick={[Function]}
-                                  openMotion={
-                                    Object {
-                                      "leavedClassName": "ant-collapse-content-hidden",
-                                      "motionAppear": false,
-                                      "motionDeadline": 500,
-                                      "motionName": "ant-motion-collapse",
-                                      "onAppearActive": [Function],
-                                      "onAppearEnd": [Function],
-                                      "onAppearStart": [Function],
-                                      "onEnterActive": [Function],
-                                      "onEnterEnd": [Function],
-                                      "onEnterStart": [Function],
-                                      "onLeaveActive": [Function],
-                                      "onLeaveEnd": [Function],
-                                      "onLeaveStart": [Function],
-                                    }
-                                  }
-                                  panelKey="0"
-                                  prefixCls="ant-collapse"
-                                >
-                                  <CollapsePanel
-                                    accordion={false}
-                                    className=""
-                                    destroyInactivePanel={false}
-                                    expandIcon={[Function]}
-                                    forceRender={false}
-                                    header="Meta Fields"
-                                    headerClass=""
-                                    isActive={false}
-                                    onItemClick={[Function]}
-                                    openMotion={
-                                      Object {
-                                        "leavedClassName": "ant-collapse-content-hidden",
-                                        "motionAppear": false,
-                                        "motionDeadline": 500,
-                                        "motionName": "ant-motion-collapse",
-                                        "onAppearActive": [Function],
-                                        "onAppearEnd": [Function],
-                                        "onAppearStart": [Function],
-                                        "onEnterActive": [Function],
-                                        "onEnterEnd": [Function],
-                                        "onEnterStart": [Function],
-                                        "onLeaveActive": [Function],
-                                        "onLeaveEnd": [Function],
-                                        "onLeaveStart": [Function],
-                                      }
-                                    }
-                                    panelKey="0"
-                                    prefixCls="ant-collapse"
-                                    showArrow={true}
-                                  >
-                                    <div
-                                      className="ant-collapse-item"
-                                    >
-                                      <div
-                                        aria-expanded={false}
-                                        className="ant-collapse-header"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        role="button"
-                                        tabIndex={0}
-                                      >
-                                        <Button
-                                          className="ant-collapse-arrow"
-                                        >
-                                          <Wave>
-                                            <button
-                                              className="ant-btn ant-collapse-arrow"
-                                              onClick={[Function]}
-                                              type="button"
-                                            >
-                                              <LoadingIcon
-                                                existIcon={false}
-                                                loading={false}
-                                                prefixCls="ant-btn"
-                                              >
-                                                <CSSMotion
-                                                  motionName="ant-btn-loading-icon-motion"
-                                                  onAppearActive={[Function]}
-                                                  onAppearStart={[Function]}
-                                                  onEnterActive={[Function]}
-                                                  onEnterStart={[Function]}
-                                                  onLeaveActive={[Function]}
-                                                  onLeaveStart={[Function]}
-                                                  removeOnLeave={true}
-                                                  visible={false}
-                                                >
-                                                  <DomWrapper />
-                                                </CSSMotion>
-                                              </LoadingIcon>
-                                              <span
-                                                key=".0"
-                                              >
-                                                Expand
-                                              </span>
-                                            </button>
-                                          </Wave>
-                                        </Button>
-                                        Meta Fields
-                                      </div>
-                                      <CSSMotion
-                                        forceRender={false}
-                                        leavedClassName="ant-collapse-content-hidden"
-                                        motionAppear={false}
-                                        motionDeadline={500}
-                                        motionName="ant-motion-collapse"
-                                        onAppearActive={[Function]}
-                                        onAppearEnd={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterEnd={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveEnd={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={false}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </div>
-                                  </CollapsePanel>
-                                </CollapsePanel>
-                              </div>
-                            </Collapse>
-                          </Collapse>
-                        </MetaForm>
-                      </div>
-                    </Row>
-                  </div>
-                </Col>
-              </div>
-            </Row>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </TagForm>
-</Provider>
-`;
diff --git a/studio/src/pages/tags/components/__snapshots__/TagList.test.js.snap b/studio/src/pages/tags/components/__snapshots__/TagList.test.js.snap
deleted file mode 100644
index 66ac08249..000000000
--- a/studio/src/pages/tags/components/__snapshots__/TagList.test.js.snap
+++ /dev/null
@@ -1,275 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tags List component snapshot testing should match component when loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <TagList
-      actions={
-        Array [
-          "update",
-          "delete",
-        ]
-      }
-      data={
-        Object {
-          "loading": true,
-          "tags": Array [
-            Object {
-              "created_at": "2020-09-09T06:49:36.566567Z",
-              "deleted_at": null,
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "text": "Description",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1613561493761,
-                "version": "2.19.0",
-              },
-              "id": 1,
-              "medium_id": 0,
-              "name": "Election",
-              "posts": null,
-              "slug": "election",
-              "space_id": 1,
-              "updated_at": "2020-09-09T06:49:36.566567Z",
-            },
-            Object {
-              "created_at": "2020-09-09T06:49:54.027402Z",
-              "deleted_at": null,
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "text": "Description 2",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1613561493781,
-                "version": "2.19.0",
-              },
-              "id": 2,
-              "medium_id": 0,
-              "name": "Politics",
-              "posts": null,
-              "slug": "politics",
-              "space_id": 1,
-              "updated_at": "2020-09-09T06:49:54.027402Z",
-            },
-          ],
-          "total": 2,
-        }
-      }
-      fetchTags={[MockFunction]}
-      filters={
-        Object {
-          "limit": 20,
-          "page": 1,
-        }
-      }
-      setFilters={[MockFunction]}
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
-
-exports[`Tags List component snapshot testing should match component with tags 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <TagList
-      actions={
-        Array [
-          "update",
-          "delete",
-        ]
-      }
-      data={
-        Object {
-          "loading": false,
-          "tags": Array [
-            Object {
-              "created_at": "2020-09-09T06:49:36.566567Z",
-              "deleted_at": null,
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "text": "Description",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1613561493761,
-                "version": "2.19.0",
-              },
-              "id": 1,
-              "medium_id": 0,
-              "name": "Election",
-              "posts": null,
-              "slug": "election",
-              "space_id": 1,
-              "updated_at": "2020-09-09T06:49:36.566567Z",
-            },
-            Object {
-              "created_at": "2020-09-09T06:49:54.027402Z",
-              "deleted_at": null,
-              "description": Object {
-                "blocks": Array [
-                  Object {
-                    "data": Object {
-                      "text": "Description 2",
-                    },
-                    "type": "paragraph",
-                  },
-                ],
-                "time": 1613561493781,
-                "version": "2.19.0",
-              },
-              "id": 2,
-              "medium_id": 0,
-              "name": "Politics",
-              "posts": null,
-              "slug": "politics",
-              "space_id": 1,
-              "updated_at": "2020-09-09T06:49:54.027402Z",
-            },
-          ],
-          "total": 2,
-        }
-      }
-      fetchTags={[MockFunction]}
-      filters={
-        Object {
-          "limit": 20,
-          "page": 1,
-        }
-      }
-      setFilters={[MockFunction]}
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
-
-exports[`Tags List component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <TagList
-      actions={
-        Array [
-          "update",
-          "delete",
-        ]
-      }
-      data={
-        Object {
-          "loading": false,
-          "tags": Array [],
-          "total": 0,
-        }
-      }
-      fetchTags={[MockFunction]}
-      filters={
-        Object {
-          "limit": 20,
-          "page": 1,
-        }
-      }
-      setFilters={[MockFunction]}
-    />
-  </BrowserRouter>
-</ContextProvider>
-`;
diff --git a/studio/src/pages/tags/hooks/useTagsData.tsx b/studio/src/pages/tags/hooks/useTagsData.tsx
new file mode 100644
index 000000000..5c66d3ef3
--- /dev/null
+++ b/studio/src/pages/tags/hooks/useTagsData.tsx
@@ -0,0 +1,67 @@
+// hooks/useTagsData.tsx
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import { TagFilters, TagListData, Tag } from "../types";
+
+export const useTagsData = (
+  filters: TagFilters,
+  searchText: string
+): TagListData => {
+  const { tags, total, loading } = useSelector((state: any) => {
+    const adjustedQuery = { ...filters };
+
+    const node = state.tags.req.find((item: any) => {
+      return deepEqual(item.query, adjustedQuery);
+    });
+
+    if (node) {
+      return {
+        tags: node.data.map(
+          (element: string) => state.tags.details[element]
+        ),
+        total: node.total,
+        loading: state.tags.loading,
+      };
+    }
+    return { tags: [], total: 0, loading: state.tags.loading };
+  });
+
+  // Filter tags locally based on search text
+  const filteredTags = useMemo(() => {
+    if (!searchText.trim()) {
+      return tags;
+    }
+
+    return tags.filter(
+      (tag: Tag) => {
+        const searchLower = searchText.toLowerCase();
+        const nameMatch = tag.name?.toLowerCase().includes(searchLower) || false;
+        const descriptionMatch = typeof tag.description === "string"
+?				tag.description?.toLowerCase().includes(searchLower) : false;
+        const slugMatch = tag.slug?.toLowerCase().includes(searchLower) || false;
+
+        return nameMatch || descriptionMatch || slugMatch;
+      }
+    );
+  }, [tags, searchText]);
+
+  // Sort tags based on sort order
+  const sortedTags = useMemo(() => {
+    if (!filteredTags) return [];
+
+    return [...filteredTags].sort((a: Tag, b: Tag) => {
+      if (filters.sort === "asc") {
+        return a.name?.localeCompare(b.name || "") || 0;
+      } else {
+        return b.name?.localeCompare(a.name || "") || 0;
+      }
+    });
+  }, [filteredTags, filters.sort]);
+
+  return {
+    tags: sortedTags,
+    total: total,
+    loading: loading,
+  };
+};
diff --git a/studio/src/pages/tags/hooks/useTagsPagination.tsx b/studio/src/pages/tags/hooks/useTagsPagination.tsx
new file mode 100644
index 000000000..c382f37e4
--- /dev/null
+++ b/studio/src/pages/tags/hooks/useTagsPagination.tsx
@@ -0,0 +1,44 @@
+// hooks/useTagsPagination.tsx
+import { useMemo } from "react";
+import { TagFilters } from "../types";
+
+export const useTagsPagination = (
+  filters: TagFilters,
+  setFilters: (filters: TagFilters) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(total / filters.limit)),
+    [total, filters.limit]
+  );
+
+  const handlePageChange = (page: number) => {
+    setFilters({
+      ...filters,
+      page,
+    });
+  };
+
+  const handlePageSizeChange = (limit: number) => {
+    setFilters({
+      ...filters,
+      page: 1,
+      limit,
+    });
+  };
+
+  const onPagination = (page: number, limit: number) => {
+    handlePageChange(page);
+    if (limit !== filters.limit) {
+      handlePageSizeChange(limit);
+    }
+  };
+
+  return {
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+    onPagination,
+  };
+};
diff --git a/studio/src/pages/tags/index.js b/studio/src/pages/tags/index.js
deleted file mode 100644
index 1ea7121ac..000000000
--- a/studio/src/pages/tags/index.js
+++ /dev/null
@@ -1,222 +0,0 @@
-/* eslint-disable react-hooks/exhaustive-deps */
-import React, { useEffect } from 'react';
-import TagList from './components/TagList';
-import {
-  Space,
-  Button,
-  Form,
-  Input,
-  Select,
-  Row,
-  Col,
-  ConfigProvider,
-  Typography,
-  Tooltip,
-} from 'antd';
-import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
-import { useDispatch, useSelector } from 'react-redux';
-import { getTags } from '../../actions/tags';
-import { Link, useLocation, useNavigate } from 'react-router-dom';
-import deepEqual from 'deep-equal';
-import getUrlParams from '../../utils/getUrlParams';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-import Filters from '../../utils/filters';
-
-function Tags({ permission }) {
-  const { actions } = permission;
-  const history = useNavigate();
-  const dispatch = useDispatch();
-  const query = new URLSearchParams(useLocation().search);
-  const [searchFieldExpand, setSearchFieldExpand] = React.useState(false);
-
-  const params = getUrlParams(query);
-  const [filters, setFilters] = React.useState({
-    ...params,
-  });
-  const [isMobileScreen, setIsMobileScreen] = React.useState(false);
-
-  React.useEffect(() => {
-    const handleResize = () => {
-      if (window.innerWidth <= 768) {
-        setIsMobileScreen(true);
-      } else {
-        setIsMobileScreen(false);
-      }
-    };
-    window.addEventListener('resize', handleResize);
-    handleResize();
-    return () => window.removeEventListener('resize', handleResize);
-  }, []);
-
-  const pathName = useLocation().pathname;
-
-  useEffect(() => {
-    history({
-      pathname: pathName,
-      search: new URLSearchParams(filters).toString(),
-    });
-  }, [history, filters]);
-
-  const [form] = Form.useForm();
-  const { Option } = Select;
-
-  const { tags, total, loading } = useSelector((state) => {
-    const node = state.tags.req.find((item) => {
-      return deepEqual(item.query, params);
-    });
-
-    if (node)
-      return {
-        tags: node.data.map((element) => state.tags.details[element]),
-        total: node.total,
-        loading: state.tags.loading,
-      };
-    return { tags: [], total: 0, loading: state.tags.loading };
-  });
-  useEffect(() => {
-    if (form) form.setFieldsValue(new Filters(params));
-  }, [params]);
-  React.useEffect(() => {
-    fetchTags();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchTags = () => {
-    dispatch(getTags(filters));
-  };
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Tags'} />
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 0,
-            },
-          },
-        }}
-      >
-        <Form
-          initialValues={filters}
-          form={form}
-          name="filters"
-          onFinish={(values) => {
-            let filterValue = {};
-            Object.keys(values).forEach(function (key) {
-              if (values[key]) {
-                filterValue[key] = values[key];
-              }
-            });
-            setFilters({
-              ...filters,
-              ...filterValue,
-            });
-          }}
-          style={{ width: '100%' }}
-          onValuesChange={(changedValues, allValues) => {
-            if (!changedValues.q) {
-              if (changedValues.q === '') {
-                const { q, ...filtersWithoutQuery } = filters;
-                setFilters({ ...filtersWithoutQuery });
-                return;
-              }
-              setFilters({ ...filters, ...changedValues });
-            }
-          }}
-        >
-          <Row justify="space-between" gutter={16}>
-            <Col>
-              <Row gutter={16}>
-                <Col>
-                  <Typography.Title
-                    level={3}
-                    style={{ margin: 0, display: 'inline', color: '#1E1E1E' }}
-                  >
-                    Tags
-                  </Typography.Title>
-                </Col>
-                <Col>
-                  {searchFieldExpand ? (
-                    <Row>
-                      <Form.Item name="q">
-                        <Input placeholder="Search tags" />
-                      </Form.Item>
-                      <Form.Item>
-                        <Button htmlType="submit" icon={<SearchOutlined />}>
-                          Search
-                        </Button>
-                      </Form.Item>
-                    </Row>
-                  ) : (
-                    <Tooltip title="search">
-                      <Button
-                        shape="circle"
-                        type="text"
-                        onFocus={() => {
-                          setSearchFieldExpand(true);
-                          setTimeout(() => {
-                            form.getFieldsValue().q === undefined && setSearchFieldExpand(false);
-                          }, 10000);
-                        }}
-                        icon={<SearchOutlined />}
-                      />
-                    </Tooltip>
-                  )}
-                </Col>
-              </Row>
-            </Col>
-            <Col xs={24} md={8}>
-              <Row
-                gutter={16}
-                style={{
-                  justifyContent: isMobileScreen ? 'space-between' : 'end',
-                  flexDirection: isMobileScreen && 'row-reverse',
-                  marginTop: isMobileScreen && '1rem',
-                }}
-              >
-                <Col md={24} xs={12}>
-                  <Row justify="end">
-                    <Link to="/tags/create">
-                      <Button
-                        disabled={!(actions.includes('admin') || actions.includes('create'))}
-                        type="primary"
-                        icon={<PlusOutlined />}
-                        style={{ marginBottom: '1.5rem' }}
-                      >
-                        Create
-                      </Button>
-                    </Link>
-                  </Row>
-                </Col>
-                <Col>
-                  <Form.Item label="Sort By" name="sort">
-                    <Select placeholder="Sort By" defaultValue="desc" style={{ width: '100%' }}>
-                      <Option value="desc" key={'desc'}>
-                        Latest
-                      </Option>
-                      <Option value="asc" key={'asc'}>
-                        Old
-                      </Option>
-                    </Select>
-                  </Form.Item>
-                </Col>
-              </Row>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-      <TagList
-        actions={actions}
-        data={{ tags: tags, total: total, loading: loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchTags={fetchTags}
-      />
-    </Space>
-  );
-}
-
-export default Tags;
diff --git a/studio/src/pages/tags/index.test.js b/studio/src/pages/tags/index.test.js
deleted file mode 100644
index 1bbb7f350..000000000
--- a/studio/src/pages/tags/index.test.js
+++ /dev/null
@@ -1,269 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-
-import '../../matchMedia.mock';
-import Tags from './index';
-import { getTags } from '../../actions/tags';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: () => ({
-    push: jest.fn(),
-  }),
-}));
-
-jest.mock('../../actions/tags', () => ({
-  getTags: jest.fn(),
-  createTag: jest.fn(),
-}));
-let state = {
-  tags: {
-    req: [
-      {
-        data: [1],
-        query: {},
-        total: 1,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-09T06:49:36.566567Z',
-        updated_at: '2020-09-09T06:49:36.566567Z',
-        deleted_at: null,
-        name: 'Election',
-        slug: 'election',
-        description: {
-          time: 1613561493761,
-          blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-          version: '2.19.0',
-        },
-        medium_id: 0,
-        space_id: 1,
-        posts: null,
-      },
-    },
-    loading: false,
-  },
-};
-let cachedQueryState = {
-  tags: {
-    req: [
-      {
-        data: [3, 2, 1],
-        query: {
-          sort: 'desc',
-          limit: 10,
-          page: 1,
-        },
-        total: 3,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2022-04-29T11:45:53.89832Z',
-        updated_at: '2022-04-29T11:45:53.89832Z',
-        deleted_at: null,
-        created_by_id: 34,
-        updated_by_id: 34,
-        name: 'murder',
-        slug: 'murder',
-        background_colour: null,
-        description: null,
-        is_featured: false,
-        meta_fields: null,
-        medium_id: null,
-        medium: null,
-        space_id: 2,
-        posts: null,
-        meta: null,
-        header_code: '',
-        footer_code: '',
-      },
-      '2': {
-        id: 2,
-        created_at: '2022-05-05T11:42:10.559671Z',
-        updated_at: '2022-05-05T11:42:10.559671Z',
-        deleted_at: null,
-        created_by_id: 34,
-        updated_by_id: 34,
-        name: 'sports',
-        slug: 'sports',
-        description: null,
-        is_featured: false,
-        meta_fields: null,
-        medium_id: null,
-        medium: null,
-        space_id: 2,
-        posts: null,
-        meta: null,
-        header_code: '',
-        footer_code: '',
-      },
-      '3': {
-        id: 3,
-        created_at: '2022-06-13T09:06:48.649526Z',
-        updated_at: '2022-06-13T09:06:48.649526Z',
-        deleted_at: null,
-        created_by_id: 34,
-        updated_by_id: 34,
-        name: 'latest',
-        slug: 'latest',
-        description: null,
-        is_featured: true,
-        meta_fields: null,
-        medium_id: null,
-        medium: null,
-        space_id: 2,
-        posts: null,
-        meta: null,
-        header_code: '',
-        footer_code: '',
-      },
-    },
-    loading: false,
-  },
-};
-describe('Tags List component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({});
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const state2 = {
-        tags: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      };
-      store = mockStore(state2);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Tags permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Tags permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with cached query data', () => {
-      store = mockStore(cachedQueryState);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Tags permission={{ actions: ['create'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  it('should render loader component', () => {
-    const loadingState = {
-      tags: {
-        req: [],
-        details: {},
-        loading: true,
-      },
-    };
-    store = mockStore(loadingState);
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <Tags permission={{ actions: ['create'] }} />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should handle url search params', () => {
-      store = mockStore(state);
-      let wrapper;
-      window.history.pushState({}, '', '/tags?limit=20&page=1&sort=desc');
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Tags permission={{ actions: ['update', 'delete'] }} />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(getTags).toHaveBeenCalledWith({ page: 1, limit: 20, sort: 'desc' });
-    });
-
-    it('should submit filters', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <Tags permission={{ actions: ['update', 'delete'] }} />
-            </Router>
-          </Provider>,
-        );
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'tag' } });
-        wrapper
-          .find('FormItem')
-          .at(2)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: '' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-
-      setTimeout(() => {
-        expect(getTags).toHaveBeenCalledWith({
-          page: 1,
-          limit: 20,
-          q: 'tag',
-        });
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/tags/index.tsx b/studio/src/pages/tags/index.tsx
new file mode 100644
index 000000000..1ffc4980c
--- /dev/null
+++ b/studio/src/pages/tags/index.tsx
@@ -0,0 +1,165 @@
+// index.tsx
+import { useEffect, useState } from "react";
+import { Link } from "react-router-dom";
+import { Helmet } from "react-helmet";
+import { PlusCircle } from "lucide-react";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { Button } from "@/components/ui/button";
+// Custom components
+import TagList from "./components/TagList";
+import SearchInput from "@/components/SearchInput";
+import PaginationFooter from "@/components/PaginationFooter";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import SearchButton from "@/components/SearchButton";
+// Actions and hooks
+import { getTags } from "../../actions/tags";
+import { useForm } from "react-hook-form";
+import { useTagsData } from "./hooks/useTagsData";
+import { useTagsPagination } from "./hooks/useTagsPagination";
+import { TagFilters, FormValues } from "./types";
+import { useSidebar } from "@/components/ui/sidebar";
+
+function Tags() {
+  const dispatch = useAppDispatch();
+  const isMobile = useIsMobile();
+  const { state: sidebarState } = useSidebar();
+  const [searchText, setSearchText] = useState("");
+  const [isFiltersOpen, setIsFiltersOpen] = useState(false);
+  const [isSearchExpanded, setIsSearchExpanded] = useState(false);
+  const [filters, setFilters] = useState<TagFilters>({
+    page: 1,
+    limit: 10,
+  });
+
+  useEffect(() => {
+    if (searchText && isMobile && !isSearchExpanded) {
+      setIsSearchExpanded(true);
+    }
+  }, [searchText, isMobile, isSearchExpanded]);
+
+  // Initialize form
+  const form = useForm<FormValues>({
+    defaultValues: {
+      q: "",
+    },
+  });
+
+  // Fetch initial data
+  useEffect(() => {
+    dispatch(getTags(filters));
+  }, [dispatch, filters]);
+
+  const toggleSearch = () => {
+    setIsSearchExpanded(!isSearchExpanded);
+  };
+
+  // Use custom hooks
+  const { tags, total, loading } = useTagsData(filters, searchText);
+  const { totalPages, handlePageChange, handlePageSizeChange, onPagination } =
+    useTagsPagination(filters, setFilters, total);
+
+  const clearSearch = () => {
+    setSearchText("");
+  };
+
+  const onSave = (values: FormValues) => {
+    // Update local state with form values
+    setFilters({
+      ...filters,
+      page: 1, // Reset to page 1 when applying new filters
+    });
+    setIsFiltersOpen(false);
+  };
+
+  const isCollapsed = sidebarState === "collapsed" && !isMobile;
+
+  return (
+    <div className="flex flex-col h-full gap-6">
+      <Helmet title="Tags" />
+
+      {/* Header */}
+      {isMobile ? (
+        <div className="space-y-4 flex justify-between items-center">
+          {isMobile && (
+            <div className="flex flex-col">
+              <MobileBreadcrumb currentPage="Tags" parentLabel="Core" />
+              {isMobile && <h1 className="text-xl font-semibold">Tags</h1>}
+            </div>
+          )}
+          <div className="flex gap-2 items-center">
+            <div>
+              <SearchButton onClick={toggleSearch} />
+            </div>
+            <div className="flex items-center gap-2 ml-2">
+              <Link to="/tags/create">
+                <Button size="sm" className="flex items-center">
+                  <PlusCircle className="h-4 w-4" />
+                </Button>
+              </Link>
+            </div>
+          </div>
+        </div>
+      ) : (
+        <div className="flex justify-between items-center">
+          <div className="flex items-center gap-4 flex-1">
+            <SearchInput
+              searchText={searchText}
+              setSearchText={setSearchText}
+              handleSearchSubmit={() => {}}
+              clearSearch={clearSearch}
+              autoFocus={false}
+            />
+          </div>
+          <Link to="/tags/create">
+            <Button size="lg" className="flex items-center gap-2 py-2">
+              <PlusCircle className="h-4 w-4" />
+              <span>Create Tag</span>
+            </Button>
+          </Link>
+        </div>
+      )}
+      {isSearchExpanded && isMobile && (
+        <div className="w-full">
+          <SearchInput
+            searchText={searchText}
+            setSearchText={setSearchText}
+            handleSearchSubmit={() => {}}
+            clearSearch={clearSearch}
+            autoFocus={true}
+          />
+        </div>
+      )}
+
+      {/* Content */}
+      <div className="flex-1 overflow-scroll">
+        <TagList
+          data={{
+            tags,
+            total,
+            loading,
+          }}
+          filters={{
+            page: filters.page,
+            limit: filters.limit,
+          }}
+          fetchTags={() => dispatch(getTags(filters))}
+          onPagination={onPagination}
+          isMobile={isMobile}
+        />
+      </div>
+
+      {/* Footer with Pagination */}
+      <PaginationFooter
+        currentPage={filters.page}
+        totalPages={totalPages}
+        totalItems={total}
+        pageSize={filters.limit}
+        onPageChange={handlePageChange}
+        onPageSizeChange={handlePageSizeChange}
+      />
+    </div>
+  );
+}
+
+export default Tags;
diff --git a/studio/src/pages/tags/types.ts b/studio/src/pages/tags/types.ts
new file mode 100644
index 000000000..66c06760a
--- /dev/null
+++ b/studio/src/pages/tags/types.ts
@@ -0,0 +1,89 @@
+// types.ts
+// Tag entity interface
+export interface Tag {
+  id: string | number;
+  name: string;
+  slug: string;
+  is_featured?: boolean;
+  background_colour?: any;
+  description_html?: string;
+  medium_id?: string | number;
+  description:
+    | {
+        json: any;
+        html: string;
+      }
+    | string;
+  meta_fields?: string | Record<string, any>;
+  [key: string]: any;
+}
+
+// Form values interface
+export interface TagFormValues {
+  id?: string | number;
+  name: string;
+  slug: string;
+  is_featured?: boolean;
+  description_html?: string;
+  background_colour?: any;
+  medium_id?: string | number;
+  meta_fields?: string | Record<string, any>;
+  meta?: {
+    canonical_URL?: string;
+    facebook?: {
+      title?: string;
+      canonical_URL?: string;
+    };
+    twitter?: {
+      title?: string;
+      canonical_URL?: string;
+    };
+    google?: {
+      title?: string;
+      canonical_URL?: string;
+    };
+  };
+}
+
+// Component props interfaces
+export interface TagFormProps {
+  onCreate: (values: TagFormValues) => void;
+  data?: Partial<TagFormValues>;
+}
+
+export interface TagFilters {
+  page: number;
+  limit: number;
+  q?: string;
+  [key: string]: any;
+}
+
+export interface FormValues {
+  q?: string;
+  [key: string]: any;
+}
+
+export interface TagListData {
+  tags: Tag[];
+  total: number;
+  loading: boolean;
+}
+
+export interface TagListProps {
+  data: TagListData;
+  filters: {
+    page?: number;
+    limit?: number;
+  };
+  fetchTags: () => void;
+  onPagination?: (page: number, limit: number) => void;
+  isMobile?: boolean;
+}
+
+export interface FiltersPopoverProps {
+  form: any;
+  onSave: (values: FormValues) => void;
+  hasActiveFilters: boolean;
+  isOpen: boolean;
+  setIsOpen: (open: boolean) => void;
+}
diff --git a/studio/src/pages/tokens/components/CreateToken.js b/studio/src/pages/tokens/components/CreateToken.js
deleted file mode 100644
index f91cf9a6f..000000000
--- a/studio/src/pages/tokens/components/CreateToken.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import React from 'react';
-import { Form, Input, Button, Card, Modal } from 'antd';
-import { useDispatch } from 'react-redux';
-import { useNavigate } from 'react-router-dom';
-import ClipBoardCopy from '../../../utils/clipboardClick';
-import { addSpaceToken } from '../../../actions/tokens';
-
-const tailLayout = {
-  wrapperCol: {
-    offset: 8,
-  },
-};
-
-const CreateSpaceTokenForm = () => {
-  const dispatch = useDispatch();
-  const [form] = Form.useForm();
-  const { TextArea } = Input;
-  const navigate = useNavigate();
-  const [token, setToken] = React.useState(null);
-  const [showModal, setShowModal] = React.useState(false);
-
-  const onReset = () => {
-    form.resetFields();
-  };
-
-  const onCreate = (values) => {
-    dispatch(addSpaceToken(values, setToken, setShowModal));
-  };
-
-  const handleOk = () => {
-    navigate('/settings/advanced/tokens');
-  };
-
-  return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '20px',
-      }}
-    >
-      <Card
-        title={`Create Space Token`}
-        style={{
-          width: '50%',
-          alignSelf: 'center',
-        }}
-      >
-        <Form
-          form={form}
-          layout="vertical"
-          name="create-application-token"
-          onFinish={(values) => {
-            onCreate(values);
-            onReset();
-          }}
-        >
-          <Form.Item
-            name="name"
-            label="Name"
-            rules={[
-              {
-                required: true,
-                message: 'Please enter the name!',
-              },
-              { min: 3, message: 'Name must be minimum 3 characters.' },
-              { max: 50, message: 'Name must be maximum 50 characters.' },
-            ]}
-          >
-            <Input />
-          </Form.Item>
-          <Form.Item
-            name="description"
-            label="Description"
-            rules={[
-              {
-                required: true,
-                message: 'Please input token description!',
-              },
-            ]}
-          >
-            <TextArea rows={4} />
-          </Form.Item>
-          <Form.Item {...tailLayout}>
-            <Button type="primary" htmlType="submit">
-              Generate Token
-            </Button>
-          </Form.Item>
-        </Form>
-        <Modal
-          title="Generated Token"
-          open={showModal}
-          width={650}
-          closable={false}
-          okText="Goto Tokens"
-          onOk={handleOk}
-          cancelButtonProps={{
-            style: {
-              display: 'none',
-            },
-          }}
-        >
-          <ClipBoardCopy text={showModal === true ? token : ''} />
-        </Modal>
-      </Card>
-    </div>
-  );
-};
-
-export default CreateSpaceTokenForm;
diff --git a/studio/src/pages/tokens/components/CreateToken.tsx b/studio/src/pages/tokens/components/CreateToken.tsx
new file mode 100644
index 000000000..2f37b0669
--- /dev/null
+++ b/studio/src/pages/tokens/components/CreateToken.tsx
@@ -0,0 +1,159 @@
+import React, { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import {
+  Form,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormControl,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogFooter,
+} from "@/components/ui/dialog";
+import { Copy } from "lucide-react";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import { addSpaceToken } from "../../../actions/tokens";
+import { toast } from "sonner";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Helmet } from "react-helmet";
+import { TokenFormValues } from "../types";
+
+// Define the form schema using Zod
+const formSchema = z.object({
+  name: z
+    .string()
+    .min(3, { message: "Name must be minimum 3 characters." })
+    .max(50, { message: "Name must be maximum 50 characters." }),
+  description: z.string().min(1, { message: "Description is required." }),
+});
+
+const CreateToken: React.FC = () => {
+  const dispatch = useAppDispatch();
+  const navigate = useNavigate();
+
+  const [token, setToken] = useState<string | null>(null);
+  const [showModal, setShowModal] = useState<boolean>(false);
+
+  // Initialize form
+  const form = useForm<TokenFormValues>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      name: "",
+      description: "",
+    },
+  });
+
+  const onSubmit = (values: TokenFormValues) => {
+    dispatch(addSpaceToken(values, setToken, setShowModal));
+    form.reset();
+  };
+
+  const handleCopyToClipboard = () => {
+    if (token) {
+      navigator.clipboard.writeText(token);
+      toast.success("Token copied to clipboard", {
+        description: "Your token has been copied to the clipboard.",
+      });
+    }
+  };
+
+  const handleDialogClose = () => {
+    navigate("/settings/advanced/tokens");
+  };
+
+  return (
+    <div className="flex flex-col gap-5">
+      <Helmet title={"Create API Token"} />
+      <Card className="w-1/2 mx-auto">
+        <CardHeader>
+          <CardTitle>Create Space Token</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <Form {...form}>
+            <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+              <FormField
+                control={form.control}
+                name="name"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Name</FormLabel>
+                    <FormControl>
+                      <Input {...field} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="description"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Description</FormLabel>
+                    <FormControl>
+                      <Textarea rows={4} {...field} />
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <div className="flex justify-center">
+                <Button type="submit">Generate Token</Button>
+              </div>
+            </form>
+          </Form>
+        </CardContent>
+      </Card>
+
+      <Dialog open={showModal} onOpenChange={setShowModal}>
+        <DialogContent
+          style={{ width: "480px", maxWidth: "90vw" }}
+          className="p-4"
+        >
+          <DialogHeader className="space-y-2">
+            <DialogTitle className="text-base">Generated Token</DialogTitle>
+            <DialogDescription className="text-sm">
+              Copy this token to use with your API calls.
+            </DialogDescription>
+          </DialogHeader>
+
+          <div className="flex items-center justify-between p-3 bg-gray-100 rounded-md mt-2">
+            <div className="overflow-x-auto w-full pr-2">
+              <code className="text-sm break-all">{token}</code>
+            </div>
+            <Button
+              variant="ghost"
+              size="icon"
+              onClick={handleCopyToClipboard}
+              className="flex-shrink-0"
+            >
+              <Copy className="h-4 w-4" />
+            </Button>
+          </div>
+
+          <DialogFooter className="mt-4 flex justify-end space-x-2">
+            <Button size="sm" onClick={handleDialogClose}>
+              Go to Tokens
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+};
+
+export default CreateToken;
diff --git a/studio/src/pages/tokens/components/TokenList.js b/studio/src/pages/tokens/components/TokenList.js
deleted file mode 100644
index a5dd794a4..000000000
--- a/studio/src/pages/tokens/components/TokenList.js
+++ /dev/null
@@ -1,101 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Popconfirm, Button, Table } from 'antd';
-import { useSelector, useDispatch } from 'react-redux';
-import { DeleteOutlined } from '@ant-design/icons';
-import { deleteSpaceToken, getSpaceTokens } from '../../../actions/tokens';
-import deepEqual from 'deep-equal';
-import { useLocation, useNavigate } from 'react-router-dom';
-import Loader from '../../../components/Loader';
-
-export default function TokenList() {
-  const dispatch = useDispatch();
-  const query = new URLSearchParams(useLocation().search);
-  const pathname = useLocation().pathname;
-  const [filters, setFilters] = useState({
-    page: 1,
-    limit: 10,
-  });
-  const navigate = useNavigate();
-
-  const { tokens, total, loading } = useSelector(({ tokens }) => {
-    const node = tokens.req.find((item) => {
-      return deepEqual(item.query, { page: query.get('page'), limit: query.get('limit') });
-    });
-
-    if (node)
-      return {
-        tokens: node.data.map((element) => tokens.details[element]),
-        total: node.total,
-        loading: tokens.loading,
-      };
-    return { tokens: [], total: 0, loading: tokens.loading };
-  });
-
-  useEffect(() => {
-    navigate(pathname + '?' + new URLSearchParams(filters).toString());
-  }, [filters, pathname, navigate]);
-
-  useEffect(() => {
-    fetchTokens();
-    // eslint-disable-next-line
-  }, [dispatch]);
-
-  const onDelete = (id) => {
-    dispatch(deleteSpaceToken(id)).then(() => dispatch(getSpaceTokens(filters)));
-  };
-
-  const fetchTokens = () => {
-    dispatch(getSpaceTokens(filters));
-  };
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      width: '30',
-    },
-    {
-      title: 'Description',
-      dataIndex: 'description',
-      key: 'description',
-      width: '40%',
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      width: '30%',
-      align: 'center',
-      render: (_, record) => {
-        return (
-          <span>
-            <Popconfirm title="Sure to Revoke?" onConfirm={() => onDelete(record?.id)}>
-              <Button danger icon={<DeleteOutlined />}>
-                Revoke
-              </Button>
-            </Popconfirm>
-          </span>
-        );
-      },
-    },
-  ];
-
-  return loading ? (
-    <Loader />
-  ) : (
-    <Table
-      bordered
-      loading={loading}
-      columns={columns}
-      dataSource={tokens}
-      rowKey={'id'}
-      pagination={{
-        total: total,
-        current: filters.page,
-        pageSize: filters.limit,
-        onChange: (pageNumber, pageSize) =>
-          setFilters({ ...filters, page: pageNumber, limit: pageSize }),
-      }}
-    />
-  );
-}
diff --git a/studio/src/pages/tokens/components/TokenList.tsx b/studio/src/pages/tokens/components/TokenList.tsx
new file mode 100644
index 000000000..42399b352
--- /dev/null
+++ b/studio/src/pages/tokens/components/TokenList.tsx
@@ -0,0 +1,154 @@
+import { deleteSpaceToken } from "../../../actions/tokens";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { Skeleton } from "@/components/ui/skeleton";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+} from "@/components/ui/alert-dialog";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import EmptyState from "@/components/EmptyState";
+import { TokenListProps } from "../types";
+
+function TokenList({ data, fetchTokens, isMobile }: TokenListProps) {
+  const dispatch = useAppDispatch();
+
+  const onDelete = (id: string) => {
+    dispatch(deleteSpaceToken(id)).then(() => fetchTokens());
+  };
+
+  const hasTokens = !data.loading && data.tokens && data.tokens.length > 0;
+
+  return (
+    <div className="pb-4 overflow-auto">
+      {data.loading ? (
+        <div className="rounded-md">
+          <Table>
+            <TableHeader className="text-[13px]">
+              <TableRow>
+                <TableHead className="w-[45%]">Name</TableHead>
+                {!isMobile && (
+                  <TableHead className="w-[45%]">Description</TableHead>
+                )}
+                <TableHead>Action</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {Array.from({ length: 5 }).map((_, index) => (
+                <TableRow key={index}>
+                  <TableCell>
+                    <div>
+                      <Skeleton className="h-6 w-full" />
+                      {isMobile && <Skeleton className="h-4 w-3/4 mt-1" />}
+                    </div>
+                  </TableCell>
+                  {!isMobile && (
+                    <TableCell>
+                      <Skeleton className="h-6 w-full" />
+                    </TableCell>
+                  )}
+                  <TableCell>
+                    <Skeleton className="h-8 w-20" />
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+        </div>
+      ) : hasTokens ? (
+        <Table>
+          <TableHeader className="text-[13px]">
+            <TableRow>
+              <TableHead className="w-[45%]">Name</TableHead>
+              {!isMobile && (
+                <TableHead className="w-[45%]">Description</TableHead>
+              )}
+              <TableHead>Action</TableHead>
+            </TableRow>
+          </TableHeader>
+          <TableBody>
+            {data.tokens.map((token) => (
+              <TableRow key={token.id}>
+                <TableCell>
+                  <div>
+                    <p className="font-medium">{token.name}</p>
+                    {isMobile && token.description && (
+                      <p className="text-sm text-gray-500 mt-1 line-clamp-1">
+                        {token.description}
+                      </p>
+                    )}
+                  </div>
+                </TableCell>
+                {!isMobile && <TableCell>{token.description}</TableCell>}
+                <TableCell>
+                  <AlertDialog>
+                    <AlertDialogTrigger asChild>
+                      <Button
+                        variant="destructive"
+                        size="sm"
+                        className={isMobile ? "h-8 px-3" : ""}
+                      >
+                        Revoke
+                      </Button>
+                    </AlertDialogTrigger>
+                    <AlertDialogContent
+                      className={isMobile ? "max-w-[90%] p-4 rounded-lg" : ""}
+                    >
+                      <AlertDialogHeader>
+                        <AlertDialogTitle className="text-base">
+                          Revoke Token
+                        </AlertDialogTitle>
+                        <AlertDialogDescription className="text-sm">
+                          This will permanently revoke the token. This action
+                          cannot be undone.
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
+                      <AlertDialogFooter className="mt-4 flex justify-end space-x-2">
+                        <AlertDialogCancel className={isMobile ? "h-9" : ""}>
+                          Cancel
+                        </AlertDialogCancel>
+                        <AlertDialogAction
+                          onClick={() => onDelete(token.id)}
+                          className={
+                            isMobile
+                              ? "h-9 bg-red-600 hover:bg-red-700"
+                              : "bg-red-600 hover:bg-red-700"
+                          }
+                        >
+                          Revoke
+                        </AlertDialogAction>
+                      </AlertDialogFooter>
+                    </AlertDialogContent>
+                  </AlertDialog>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      ) : (
+        <EmptyState
+          contentType="tokens"
+          title="No tokens found"
+          description="Your tokens list is empty"
+          isMobile={isMobile}
+        />
+      )}
+    </div>
+  );
+}
+
+export default TokenList;
diff --git a/studio/src/pages/tokens/hooks/useTokensData.tsx b/studio/src/pages/tokens/hooks/useTokensData.tsx
new file mode 100644
index 000000000..975adecae
--- /dev/null
+++ b/studio/src/pages/tokens/hooks/useTokensData.tsx
@@ -0,0 +1,40 @@
+import { useMemo } from "react";
+import { useSelector } from "react-redux";
+import { Token, TokenFilters, RootState } from "../types";
+import deepEqual from "deep-equal";
+
+export const useTokensData = (filters: TokenFilters, searchText: string) => {
+  // Get data from Redux
+  const { tokens, total, loading } = useSelector((state: RootState) => {
+    const node = state.tokens.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node)
+      return {
+        tokens: node.data.map((element) => state.tokens.details[element]),
+        total: node.total,
+        loading: state.tokens.loading,
+      };
+    return { tokens: [], total: 0, loading: state.tokens.loading };
+  });
+
+  // Filter tokens locally based on search text
+  const filteredTokens = useMemo(() => {
+    if (!searchText.trim()) {
+      return tokens as Token[];
+    }
+
+    return tokens.filter(
+      (token) =>
+        token.name?.toLowerCase().includes(searchText.toLowerCase()) ||
+        token.description?.toLowerCase().includes(searchText.toLowerCase())
+    );
+  }, [tokens, searchText]);
+
+  return {
+    tokens: filteredTokens,
+    total,
+    loading,
+  };
+};
diff --git a/studio/src/pages/tokens/hooks/useTokensPagination.tsx b/studio/src/pages/tokens/hooks/useTokensPagination.tsx
new file mode 100644
index 000000000..44a31a023
--- /dev/null
+++ b/studio/src/pages/tokens/hooks/useTokensPagination.tsx
@@ -0,0 +1,39 @@
+import { useCallback, useMemo } from "react";
+import { TokenFilters } from "../types";
+
+export const useTokensPagination = (
+  filters: TokenFilters,
+  setFilters: (
+    filters: TokenFilters | ((prev: TokenFilters) => TokenFilters)
+  ) => void,
+  total: number
+) => {
+  // Calculate total pages
+  const pageSize = filters.limit || 10;
+  const totalPages = useMemo(
+    () => Math.max(1, Math.ceil(total / pageSize)),
+    [total, pageSize]
+  );
+
+  // Pagination handlers
+  const handlePageChange = useCallback(
+    (page: number) => {
+      setFilters((prev: TokenFilters) => ({ ...prev, page }));
+    },
+    [setFilters]
+  );
+
+  const handlePageSizeChange = useCallback(
+    (size: number) => {
+      setFilters({ page: 1, limit: size });
+    },
+    [setFilters]
+  );
+
+  return {
+    pageSize,
+    totalPages,
+    handlePageChange,
+    handlePageSizeChange,
+  };
+};
diff --git a/studio/src/pages/tokens/index.js b/studio/src/pages/tokens/index.js
deleted file mode 100644
index d1059d867..000000000
--- a/studio/src/pages/tokens/index.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-import { Space, Button } from 'antd';
-import TokenList from './components/TokenList';
-import { Link } from 'react-router-dom';
-
-export default function Tokens() {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '20px',
-      }}
-    >
-      <Space direction="vertical">
-        <div style={{ display: 'flex', justifyContent: 'end' }}>
-          <Link
-            key="1"
-            to={{
-              pathname: `/settings/advanced/tokens/create`,
-            }}
-          >
-            <Button type="primary"> Generate new tokens </Button>
-          </Link>
-        </div>
-
-        <TokenList />
-      </Space>
-    </div>
-  );
-}
diff --git a/studio/src/pages/tokens/index.tsx b/studio/src/pages/tokens/index.tsx
new file mode 100644
index 000000000..10d15d599
--- /dev/null
+++ b/studio/src/pages/tokens/index.tsx
@@ -0,0 +1,228 @@
+import React, { useState, useEffect, useCallback } from "react";
+import { Link } from "react-router-dom";
+import TokenList from "./components/TokenList";
+import { Button } from "@/components/ui/button";
+import { PlusCircle, Search as SearchIcon } from "lucide-react";
+import { getSpaceTokens } from "../../actions/tokens";
+import Pagination from "../../components/Pagination";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { Input } from "@/components/ui/input";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import { Helmet } from "react-helmet";
+import { useSidebar } from "@/components/ui/sidebar";
+import { TokenFilters } from "./types";
+import { useTokensData } from "./hooks/useTokensData";
+import { useTokensPagination } from "./hooks/useTokensPagination";
+import SecuredButton from "@/components/SecuredButton";
+
+const Tokens: React.FC = () => {
+  const dispatch = useAppDispatch();
+  const { state: sidebarState } = useSidebar();
+  const isMobile = useIsMobile();
+
+  // State for search and filters
+  const [searchText, setSearchText] = useState<string>("");
+  const [showSearch, setShowSearch] = useState<boolean>(!isMobile);
+  const [filters, setFilters] = useState<TokenFilters>({
+    page: 1,
+    limit: 10,
+  });
+
+  // Handle responsive UI changes
+  useEffect(() => {
+    setShowSearch(!isMobile);
+  }, [isMobile]);
+
+  const fetchTokens = useCallback(() => {
+    dispatch(getSpaceTokens(filters));
+  }, [dispatch, filters]);
+
+  // Use custom hooks for data and pagination
+  const { tokens, total, loading } = useTokensData(filters, searchText);
+  const { pageSize, totalPages, handlePageChange, handlePageSizeChange } =
+    useTokensPagination(filters, setFilters, total);
+
+  // Fetch tokens when filters change
+  useEffect(() => {
+    fetchTokens();
+  }, [filters, fetchTokens]);
+
+  // Handle search input changes
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  // Handle navigation to create token page
+  const handleCreateToken = () => {
+    window.location.href = "/settings/advanced/tokens/create";
+  };
+
+  // Get sidebar state
+  const isCollapsed = sidebarState === "collapsed" && !isMobile;
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"API Tokens"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb
+          currentPage="API Tokens"
+          parentLabel="Advanced Settings"
+        />
+      )}
+
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-3 pt-1 h-full"
+          }`}
+        >
+          {/* Title */}
+          {isMobile && <h1 className="text-xl font-semibold">API Tokens</h1>}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex-1 max-w-xs">
+              <Input
+                placeholder="Search tokens..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-10"
+              />
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <Button
+                variant="outline"
+                size="icon"
+                onClick={toggleSearch}
+                className="h-9 w-9 text-gray-500"
+              >
+                <SearchIcon className="h-5 w-5" />
+              </Button>
+            )}
+
+            {isMobile ? (
+              <SecuredButton
+                size="icon"
+                className="h-9 w-9"
+                onClick={handleCreateToken}
+              >
+                <PlusCircle className="h-5 w-5" />
+              </SecuredButton>
+            ) : (
+              <SecuredButton
+                variant="default"
+                className="flex items-center gap-2"
+                onClick={handleCreateToken}
+              >
+                <PlusCircle className="h-4 w-4" />
+                Generate New token
+              </SecuredButton>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <Input
+              placeholder="Search tokens..."
+              value={searchText}
+              onChange={handleSearchChange}
+              className="h-9 w-full"
+              autoFocus
+            />
+          </div>
+        )}
+      </div>
+
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: "260px",
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <TokenList
+          data={{
+            tokens,
+            total,
+            loading,
+          }}
+          filters={filters}
+          setFilters={setFilters}
+          fetchTokens={fetchTokens}
+          isMobile={isMobile}
+        />
+      </div>
+
+      <div
+        className={`${
+          isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+        } z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: isCollapsed ? "89px" : "265px",
+                right: 0,
+                height: "64px",
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <Pagination
+          currentPage={filters.page}
+          totalPages={totalPages}
+          totalItems={total}
+          pageSize={pageSize}
+          onPageChange={handlePageChange}
+          onPageSizeChange={handlePageSizeChange}
+          isMobile={isMobile}
+        />
+      </div>
+    </div>
+  );
+};
+
+export default Tokens;
diff --git a/studio/src/pages/tokens/types.ts b/studio/src/pages/tokens/types.ts
new file mode 100644
index 000000000..a1e111913
--- /dev/null
+++ b/studio/src/pages/tokens/types.ts
@@ -0,0 +1,51 @@
+// Token related interfaces
+export interface Token {
+  id: string;
+  name: string;
+  description: string;
+  [key: string]: any;
+}
+
+// Form values interface
+export interface TokenFormValues {
+  name: string;
+  description: string;
+}
+
+// Component props interface
+export interface TokenListProps {
+  data: {
+    tokens: Token[];
+    loading: boolean;
+    total: number;
+  };
+  filters: TokenFilters;
+  setFilters: (
+    filters: TokenFilters | ((prev: TokenFilters) => TokenFilters)
+  ) => void;
+  fetchTokens: () => void;
+  isMobile?: boolean;
+}
+
+export interface TokenFilters {
+  page: number;
+  limit: number;
+  [key: string]: any;
+}
+
+export interface TokenState {
+  req: {
+    query: Record<string, any>;
+    data: string[];
+    total: number;
+  }[];
+  details: Record<string, Token>;
+  loading: boolean;
+}
+
+export interface RootState {
+  tokens: TokenState;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
diff --git a/studio/src/pages/users/PermissionList.js b/studio/src/pages/users/PermissionList.js
deleted file mode 100644
index 7122c4cf2..000000000
--- a/studio/src/pages/users/PermissionList.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import { Space, Typography, Checkbox } from 'antd';
-
-import { useDispatch, useSelector } from 'react-redux';
-import { useParams } from 'react-router-dom';
-import { getPermissions } from '../../actions/permissions';
-import { Helmet } from 'react-helmet';
-
-const options = [
-  { label: 'Get', value: 'get' },
-  { label: 'Create', value: 'create' },
-  { label: 'Update', value: 'update' },
-  { label: 'Delete', value: 'delete' },
-];
-
-function PermissionList() {
-  const dispatch = useDispatch();
-  const { id } = useParams();
-
-  const { details, loading } = useSelector((state) => {
-    const node = state.permissions.req.find((each) => {
-      return each === parseInt(id);
-    });
-
-    if (node)
-      return {
-        details: state.permissions.details[node],
-        loading: state.permissions.loading,
-      };
-    return { details: [], loading: state.permissions.loading };
-  });
-
-  React.useEffect(() => {
-    fetchPermissions();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const fetchPermissions = () => {
-    dispatch(getPermissions(id));
-  };
-
-  if (loading) {
-    return null;
-  }
-
-  const permission = details;
-
-  return (
-    <Space direction={'vertical'}>
-      <Helmet title={'Permission List'} />
-      {permission.map((each) => {
-        return (
-          <div key={each.resource}>
-            <Typography>
-              {each.resource.charAt(0).toUpperCase() + each.resource.slice(1)}{' '}
-            </Typography>
-            <br />
-            <Checkbox.Group value={each.actions} options={options} key={each.resource} />
-            <br />
-            <br />
-          </div>
-        );
-      })}
-    </Space>
-  );
-}
-
-export default PermissionList;
diff --git a/studio/src/pages/users/PermissionList.test.js b/studio/src/pages/users/PermissionList.test.js
deleted file mode 100644
index 7593d67af..000000000
--- a/studio/src/pages/users/PermissionList.test.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import PermissionList from './PermissionList';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../actions/permissions', () => ({
-  getPermissions: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-let mockedDispatch, store;
-
-let state = {
-  permissions: {
-    req: [1],
-    details: {
-      1: [
-        {
-          resource: 'categories',
-          actions: ['get', 'create', 'update', 'delete'],
-        },
-        {
-          resource: 'tags',
-          actions: ['get', 'create'],
-        },
-      ],
-    },
-    loading: false,
-  },
-};
-
-describe('Tags List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render without data', () => {
-      store = mockStore({
-        permissions: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <PermissionList />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <PermissionList />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.permissions.loading = true;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <PermissionList />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-});
diff --git a/studio/src/pages/users/__snapshots__/PermissionList.test.js.snap b/studio/src/pages/users/__snapshots__/PermissionList.test.js.snap
deleted file mode 100644
index 687f7fbc8..000000000
--- a/studio/src/pages/users/__snapshots__/PermissionList.test.js.snap
+++ /dev/null
@@ -1,753 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tags List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PermissionList />
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Tags List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PermissionList>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Permission List"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Permission List"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Permission List"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <div
-                  key="categories"
-                >
-                  <Typography>
-                    <article
-                      className="ant-typography"
-                    >
-                      Categories
-                       
-                    </article>
-                  </Typography>
-                  <br />
-                  <ForwardRef(InternalCheckboxGroup)
-                    key="categories"
-                    options={
-                      Array [
-                        Object {
-                          "label": "Get",
-                          "value": "get",
-                        },
-                        Object {
-                          "label": "Create",
-                          "value": "create",
-                        },
-                        Object {
-                          "label": "Update",
-                          "value": "update",
-                        },
-                        Object {
-                          "label": "Delete",
-                          "value": "delete",
-                        },
-                      ]
-                    }
-                    value={
-                      Array [
-                        "get",
-                        "create",
-                        "update",
-                        "delete",
-                      ]
-                    }
-                  >
-                    <div
-                      className="ant-checkbox-group"
-                    >
-                      <Checkbox
-                        checked={true}
-                        className="ant-checkbox-group-item"
-                        key="get"
-                        prefixCls="ant-checkbox"
-                        value="get"
-                      >
-                        <label
-                          className="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
-                        >
-                          <Checkbox
-                            checked={true}
-                            className=""
-                            defaultChecked={false}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyPress={[Function]}
-                            onKeyUp={[Function]}
-                            prefixCls="ant-checkbox"
-                            style={Object {}}
-                            type="checkbox"
-                            value="get"
-                          >
-                            <span
-                              className="ant-checkbox ant-checkbox-checked"
-                              style={Object {}}
-                            >
-                              <input
-                                checked={true}
-                                className="ant-checkbox-input"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyPress={[Function]}
-                                onKeyUp={[Function]}
-                                type="checkbox"
-                                value="get"
-                              />
-                              <span
-                                className="ant-checkbox-inner"
-                              />
-                            </span>
-                          </Checkbox>
-                          <span>
-                            Get
-                          </span>
-                        </label>
-                      </Checkbox>
-                      <Checkbox
-                        checked={true}
-                        className="ant-checkbox-group-item"
-                        key="create"
-                        prefixCls="ant-checkbox"
-                        value="create"
-                      >
-                        <label
-                          className="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
-                        >
-                          <Checkbox
-                            checked={true}
-                            className=""
-                            defaultChecked={false}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyPress={[Function]}
-                            onKeyUp={[Function]}
-                            prefixCls="ant-checkbox"
-                            style={Object {}}
-                            type="checkbox"
-                            value="create"
-                          >
-                            <span
-                              className="ant-checkbox ant-checkbox-checked"
-                              style={Object {}}
-                            >
-                              <input
-                                checked={true}
-                                className="ant-checkbox-input"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyPress={[Function]}
-                                onKeyUp={[Function]}
-                                type="checkbox"
-                                value="create"
-                              />
-                              <span
-                                className="ant-checkbox-inner"
-                              />
-                            </span>
-                          </Checkbox>
-                          <span>
-                            Create
-                          </span>
-                        </label>
-                      </Checkbox>
-                      <Checkbox
-                        checked={true}
-                        className="ant-checkbox-group-item"
-                        key="update"
-                        prefixCls="ant-checkbox"
-                        value="update"
-                      >
-                        <label
-                          className="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
-                        >
-                          <Checkbox
-                            checked={true}
-                            className=""
-                            defaultChecked={false}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyPress={[Function]}
-                            onKeyUp={[Function]}
-                            prefixCls="ant-checkbox"
-                            style={Object {}}
-                            type="checkbox"
-                            value="update"
-                          >
-                            <span
-                              className="ant-checkbox ant-checkbox-checked"
-                              style={Object {}}
-                            >
-                              <input
-                                checked={true}
-                                className="ant-checkbox-input"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyPress={[Function]}
-                                onKeyUp={[Function]}
-                                type="checkbox"
-                                value="update"
-                              />
-                              <span
-                                className="ant-checkbox-inner"
-                              />
-                            </span>
-                          </Checkbox>
-                          <span>
-                            Update
-                          </span>
-                        </label>
-                      </Checkbox>
-                      <Checkbox
-                        checked={true}
-                        className="ant-checkbox-group-item"
-                        key="delete"
-                        prefixCls="ant-checkbox"
-                        value="delete"
-                      >
-                        <label
-                          className="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
-                        >
-                          <Checkbox
-                            checked={true}
-                            className=""
-                            defaultChecked={false}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyPress={[Function]}
-                            onKeyUp={[Function]}
-                            prefixCls="ant-checkbox"
-                            style={Object {}}
-                            type="checkbox"
-                            value="delete"
-                          >
-                            <span
-                              className="ant-checkbox ant-checkbox-checked"
-                              style={Object {}}
-                            >
-                              <input
-                                checked={true}
-                                className="ant-checkbox-input"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyPress={[Function]}
-                                onKeyUp={[Function]}
-                                type="checkbox"
-                                value="delete"
-                              />
-                              <span
-                                className="ant-checkbox-inner"
-                              />
-                            </span>
-                          </Checkbox>
-                          <span>
-                            Delete
-                          </span>
-                        </label>
-                      </Checkbox>
-                    </div>
-                  </ForwardRef(InternalCheckboxGroup)>
-                  <br />
-                  <br />
-                </div>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <div
-                  key="tags"
-                >
-                  <Typography>
-                    <article
-                      className="ant-typography"
-                    >
-                      Tags
-                       
-                    </article>
-                  </Typography>
-                  <br />
-                  <ForwardRef(InternalCheckboxGroup)
-                    key="tags"
-                    options={
-                      Array [
-                        Object {
-                          "label": "Get",
-                          "value": "get",
-                        },
-                        Object {
-                          "label": "Create",
-                          "value": "create",
-                        },
-                        Object {
-                          "label": "Update",
-                          "value": "update",
-                        },
-                        Object {
-                          "label": "Delete",
-                          "value": "delete",
-                        },
-                      ]
-                    }
-                    value={
-                      Array [
-                        "get",
-                        "create",
-                      ]
-                    }
-                  >
-                    <div
-                      className="ant-checkbox-group"
-                    >
-                      <Checkbox
-                        checked={true}
-                        className="ant-checkbox-group-item"
-                        key="get"
-                        prefixCls="ant-checkbox"
-                        value="get"
-                      >
-                        <label
-                          className="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
-                        >
-                          <Checkbox
-                            checked={true}
-                            className=""
-                            defaultChecked={false}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyPress={[Function]}
-                            onKeyUp={[Function]}
-                            prefixCls="ant-checkbox"
-                            style={Object {}}
-                            type="checkbox"
-                            value="get"
-                          >
-                            <span
-                              className="ant-checkbox ant-checkbox-checked"
-                              style={Object {}}
-                            >
-                              <input
-                                checked={true}
-                                className="ant-checkbox-input"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyPress={[Function]}
-                                onKeyUp={[Function]}
-                                type="checkbox"
-                                value="get"
-                              />
-                              <span
-                                className="ant-checkbox-inner"
-                              />
-                            </span>
-                          </Checkbox>
-                          <span>
-                            Get
-                          </span>
-                        </label>
-                      </Checkbox>
-                      <Checkbox
-                        checked={true}
-                        className="ant-checkbox-group-item"
-                        key="create"
-                        prefixCls="ant-checkbox"
-                        value="create"
-                      >
-                        <label
-                          className="ant-checkbox-wrapper ant-checkbox-wrapper-checked ant-checkbox-group-item"
-                        >
-                          <Checkbox
-                            checked={true}
-                            className=""
-                            defaultChecked={false}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyPress={[Function]}
-                            onKeyUp={[Function]}
-                            prefixCls="ant-checkbox"
-                            style={Object {}}
-                            type="checkbox"
-                            value="create"
-                          >
-                            <span
-                              className="ant-checkbox ant-checkbox-checked"
-                              style={Object {}}
-                            >
-                              <input
-                                checked={true}
-                                className="ant-checkbox-input"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyPress={[Function]}
-                                onKeyUp={[Function]}
-                                type="checkbox"
-                                value="create"
-                              />
-                              <span
-                                className="ant-checkbox-inner"
-                              />
-                            </span>
-                          </Checkbox>
-                          <span>
-                            Create
-                          </span>
-                        </label>
-                      </Checkbox>
-                      <Checkbox
-                        checked={false}
-                        className="ant-checkbox-group-item"
-                        key="update"
-                        prefixCls="ant-checkbox"
-                        value="update"
-                      >
-                        <label
-                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                        >
-                          <Checkbox
-                            checked={false}
-                            className=""
-                            defaultChecked={false}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyPress={[Function]}
-                            onKeyUp={[Function]}
-                            prefixCls="ant-checkbox"
-                            style={Object {}}
-                            type="checkbox"
-                            value="update"
-                          >
-                            <span
-                              className="ant-checkbox"
-                              style={Object {}}
-                            >
-                              <input
-                                checked={false}
-                                className="ant-checkbox-input"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyPress={[Function]}
-                                onKeyUp={[Function]}
-                                type="checkbox"
-                                value="update"
-                              />
-                              <span
-                                className="ant-checkbox-inner"
-                              />
-                            </span>
-                          </Checkbox>
-                          <span>
-                            Update
-                          </span>
-                        </label>
-                      </Checkbox>
-                      <Checkbox
-                        checked={false}
-                        className="ant-checkbox-group-item"
-                        key="delete"
-                        prefixCls="ant-checkbox"
-                        value="delete"
-                      >
-                        <label
-                          className="ant-checkbox-wrapper ant-checkbox-group-item"
-                        >
-                          <Checkbox
-                            checked={false}
-                            className=""
-                            defaultChecked={false}
-                            onBlur={[Function]}
-                            onChange={[Function]}
-                            onFocus={[Function]}
-                            onKeyDown={[Function]}
-                            onKeyPress={[Function]}
-                            onKeyUp={[Function]}
-                            prefixCls="ant-checkbox"
-                            style={Object {}}
-                            type="checkbox"
-                            value="delete"
-                          >
-                            <span
-                              className="ant-checkbox"
-                              style={Object {}}
-                            >
-                              <input
-                                checked={false}
-                                className="ant-checkbox-input"
-                                onBlur={[Function]}
-                                onChange={[Function]}
-                                onFocus={[Function]}
-                                onKeyDown={[Function]}
-                                onKeyPress={[Function]}
-                                onKeyUp={[Function]}
-                                type="checkbox"
-                                value="delete"
-                              />
-                              <span
-                                className="ant-checkbox-inner"
-                              />
-                            </span>
-                          </Checkbox>
-                          <span>
-                            Delete
-                          </span>
-                        </label>
-                      </Checkbox>
-                    </div>
-                  </ForwardRef(InternalCheckboxGroup)>
-                  <br />
-                  <br />
-                </div>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </PermissionList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Tags List component snapshot testing should render without data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <PermissionList>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Permission List"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Permission List"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Permission List"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </PermissionList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/users/__snapshots__/index.test.js.snap b/studio/src/pages/users/__snapshots__/index.test.js.snap
deleted file mode 100644
index b3c6b570f..000000000
--- a/studio/src/pages/users/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,1937 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Tags List component should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <BrowserRouter>
-    <Users />
-  </BrowserRouter>
-</ContextProvider>
-`;
-
-exports[`Tags List component should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Users>
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Users"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Users"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Users"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <Table
-                  bordered={true}
-                  columns={
-                    Array [
-                      Object {
-                        "dataIndex": "name",
-                        "key": "name",
-                        "render": [Function],
-                        "title": "Name",
-                      },
-                      Object {
-                        "dataIndex": "email",
-                        "key": "email",
-                        "title": "E-mail",
-                      },
-                      Object {
-                        "dataIndex": "policies",
-                        "key": "policies",
-                        "render": [Function],
-                        "title": "Policies",
-                      },
-                    ]
-                  }
-                  dataSource={
-                    Array [
-                      Object {
-                        "birth_date": "1991-12-23T17:05:55+05:30",
-                        "created_at": "2020-09-23T11:06:11.308302Z",
-                        "deleted_at": null,
-                        "email": "ross.geller@gmail.com",
-                        "first_name": "Ross",
-                        "gender": "male",
-                        "id": 1,
-                        "last_name": "Geller",
-                        "policies": Array [
-                          Object {
-                            "description": "",
-                            "id": "Editor",
-                            "name": "Editor",
-                          },
-                          Object {
-                            "description": "",
-                            "id": "Test",
-                            "name": "Test",
-                          },
-                        ],
-                        "updated_at": "2020-09-23T11:36:09.244259Z",
-                      },
-                      Object {
-                        "birth_date": "1991-12-23T17:05:55+05:30",
-                        "created_at": "2020-09-23T11:06:11.308302Z",
-                        "deleted_at": null,
-                        "email": "chandler@gmail.com",
-                        "first_name": "Chandler",
-                        "gender": "male",
-                        "id": 1,
-                        "last_name": "Bing",
-                        "policies": Array [
-                          Object {
-                            "description": "",
-                            "id": "admin",
-                            "name": "admin",
-                          },
-                        ],
-                        "updated_at": "2020-09-23T11:36:09.244259Z",
-                      },
-                    ]
-                  }
-                  loading={false}
-                  rowKey={
-                    Array [
-                      "record",
-                      "user",
-                      "id",
-                    ]
-                  }
-                >
-                  <div
-                    className="ant-table-wrapper"
-                  >
-                    <Spin
-                      size="default"
-                      spinning={false}
-                      wrapperClassName=""
-                    >
-                      <div
-                        className="ant-spin-nested-loading"
-                      >
-                        <div
-                          className="ant-spin-container"
-                          key="container"
-                        >
-                          <Table
-                            bordered={true}
-                            className="ant-table-bordered"
-                            columns={
-                              Array [
-                                Object {
-                                  "dataIndex": "name",
-                                  "key": "name",
-                                  "render": [Function],
-                                  "title": "Name",
-                                },
-                                Object {
-                                  "dataIndex": "email",
-                                  "key": "email",
-                                  "title": "E-mail",
-                                },
-                                Object {
-                                  "dataIndex": "policies",
-                                  "key": "policies",
-                                  "render": [Function],
-                                  "title": "Policies",
-                                },
-                              ]
-                            }
-                            data={
-                              Array [
-                                Object {
-                                  "birth_date": "1991-12-23T17:05:55+05:30",
-                                  "created_at": "2020-09-23T11:06:11.308302Z",
-                                  "deleted_at": null,
-                                  "email": "ross.geller@gmail.com",
-                                  "first_name": "Ross",
-                                  "gender": "male",
-                                  "id": 1,
-                                  "last_name": "Geller",
-                                  "policies": Array [
-                                    Object {
-                                      "description": "",
-                                      "id": "Editor",
-                                      "name": "Editor",
-                                    },
-                                    Object {
-                                      "description": "",
-                                      "id": "Test",
-                                      "name": "Test",
-                                    },
-                                  ],
-                                  "updated_at": "2020-09-23T11:36:09.244259Z",
-                                },
-                                Object {
-                                  "birth_date": "1991-12-23T17:05:55+05:30",
-                                  "created_at": "2020-09-23T11:06:11.308302Z",
-                                  "deleted_at": null,
-                                  "email": "chandler@gmail.com",
-                                  "first_name": "Chandler",
-                                  "gender": "male",
-                                  "id": 1,
-                                  "last_name": "Bing",
-                                  "policies": Array [
-                                    Object {
-                                      "description": "",
-                                      "id": "admin",
-                                      "name": "admin",
-                                    },
-                                  ],
-                                  "updated_at": "2020-09-23T11:36:09.244259Z",
-                                },
-                              ]
-                            }
-                            dataSource={
-                              Array [
-                                Object {
-                                  "birth_date": "1991-12-23T17:05:55+05:30",
-                                  "created_at": "2020-09-23T11:06:11.308302Z",
-                                  "deleted_at": null,
-                                  "email": "ross.geller@gmail.com",
-                                  "first_name": "Ross",
-                                  "gender": "male",
-                                  "id": 1,
-                                  "last_name": "Geller",
-                                  "policies": Array [
-                                    Object {
-                                      "description": "",
-                                      "id": "Editor",
-                                      "name": "Editor",
-                                    },
-                                    Object {
-                                      "description": "",
-                                      "id": "Test",
-                                      "name": "Test",
-                                    },
-                                  ],
-                                  "updated_at": "2020-09-23T11:36:09.244259Z",
-                                },
-                                Object {
-                                  "birth_date": "1991-12-23T17:05:55+05:30",
-                                  "created_at": "2020-09-23T11:06:11.308302Z",
-                                  "deleted_at": null,
-                                  "email": "chandler@gmail.com",
-                                  "first_name": "Chandler",
-                                  "gender": "male",
-                                  "id": 1,
-                                  "last_name": "Bing",
-                                  "policies": Array [
-                                    Object {
-                                      "description": "",
-                                      "id": "admin",
-                                      "name": "admin",
-                                    },
-                                  ],
-                                  "updated_at": "2020-09-23T11:36:09.244259Z",
-                                },
-                              ]
-                            }
-                            emptyText={
-                              <Context.Consumer>
-                                [Function]
-                              </Context.Consumer>
-                            }
-                            expandable={
-                              Object {
-                                "__PARENT_RENDER_ICON__": undefined,
-                                "childrenColumnName": undefined,
-                                "expandIcon": [Function],
-                                "expandIconColumnIndex": undefined,
-                                "indentSize": 15,
-                              }
-                            }
-                            internalHooks="rc-table-internal-hook"
-                            internalRefs={
-                              Object {
-                                "body": Object {
-                                  "current": <div
-                                    class="ant-table-content"
-                                  >
-                                    <table
-                                      style="table-layout: auto;"
-                                    >
-                                      <colgroup />
-                                      <thead
-                                        class="ant-table-thead"
-                                      >
-                                        <tr>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Name
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            E-mail
-                                          </th>
-                                          <th
-                                            class="ant-table-cell"
-                                          >
-                                            Policies
-                                          </th>
-                                        </tr>
-                                      </thead>
-                                      <tbody
-                                        class="ant-table-tbody"
-                                      >
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <article
-                                              class="ant-typography"
-                                            >
-                                              <a
-                                                href="/members/users/1/permissions"
-                                              >
-                                                Ross Geller
-                                              </a>
-                                            </article>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            ross.geller@gmail.com
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag"
-                                            >
-                                              <a
-                                                href="/members/policies/Editor/edit"
-                                              >
-                                                 
-                                                Editor
-                                              </a>
-                                            </span>
-                                            <span
-                                              class="ant-tag"
-                                            >
-                                              <a
-                                                href="/members/policies/Test/edit"
-                                              >
-                                                 
-                                                Test
-                                              </a>
-                                            </span>
-                                          </td>
-                                        </tr>
-                                        <tr
-                                          class="ant-table-row ant-table-row-level-0"
-                                        >
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <article
-                                              class="ant-typography"
-                                            >
-                                              Chandler Bing
-                                            </article>
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            chandler@gmail.com
-                                          </td>
-                                          <td
-                                            class="ant-table-cell"
-                                          >
-                                            <span
-                                              class="ant-tag"
-                                            >
-                                              admin
-                                            </span>
-                                          </td>
-                                        </tr>
-                                      </tbody>
-                                    </table>
-                                  </div>,
-                                },
-                              }
-                            }
-                            loading={false}
-                            prefixCls="ant-table"
-                            rowClassName={[Function]}
-                            rowKey={[Function]}
-                            transformColumns={[Function]}
-                          >
-                            <div
-                              className="ant-table ant-table-bordered"
-                            >
-                              <Component
-                                pingLeft={false}
-                                pingRight={false}
-                                props={
-                                  Object {
-                                    "bordered": true,
-                                    "className": "ant-table-bordered",
-                                    "columns": Array [
-                                      Object {
-                                        "dataIndex": "name",
-                                        "key": "name",
-                                        "render": [Function],
-                                        "title": "Name",
-                                      },
-                                      Object {
-                                        "dataIndex": "email",
-                                        "key": "email",
-                                        "title": "E-mail",
-                                      },
-                                      Object {
-                                        "dataIndex": "policies",
-                                        "key": "policies",
-                                        "render": [Function],
-                                        "title": "Policies",
-                                      },
-                                    ],
-                                    "data": Array [
-                                      Object {
-                                        "birth_date": "1991-12-23T17:05:55+05:30",
-                                        "created_at": "2020-09-23T11:06:11.308302Z",
-                                        "deleted_at": null,
-                                        "email": "ross.geller@gmail.com",
-                                        "first_name": "Ross",
-                                        "gender": "male",
-                                        "id": 1,
-                                        "last_name": "Geller",
-                                        "policies": Array [
-                                          Object {
-                                            "description": "",
-                                            "id": "Editor",
-                                            "name": "Editor",
-                                          },
-                                          Object {
-                                            "description": "",
-                                            "id": "Test",
-                                            "name": "Test",
-                                          },
-                                        ],
-                                        "updated_at": "2020-09-23T11:36:09.244259Z",
-                                      },
-                                      Object {
-                                        "birth_date": "1991-12-23T17:05:55+05:30",
-                                        "created_at": "2020-09-23T11:06:11.308302Z",
-                                        "deleted_at": null,
-                                        "email": "chandler@gmail.com",
-                                        "first_name": "Chandler",
-                                        "gender": "male",
-                                        "id": 1,
-                                        "last_name": "Bing",
-                                        "policies": Array [
-                                          Object {
-                                            "description": "",
-                                            "id": "admin",
-                                            "name": "admin",
-                                          },
-                                        ],
-                                        "updated_at": "2020-09-23T11:36:09.244259Z",
-                                      },
-                                    ],
-                                    "dataSource": Array [
-                                      Object {
-                                        "birth_date": "1991-12-23T17:05:55+05:30",
-                                        "created_at": "2020-09-23T11:06:11.308302Z",
-                                        "deleted_at": null,
-                                        "email": "ross.geller@gmail.com",
-                                        "first_name": "Ross",
-                                        "gender": "male",
-                                        "id": 1,
-                                        "last_name": "Geller",
-                                        "policies": Array [
-                                          Object {
-                                            "description": "",
-                                            "id": "Editor",
-                                            "name": "Editor",
-                                          },
-                                          Object {
-                                            "description": "",
-                                            "id": "Test",
-                                            "name": "Test",
-                                          },
-                                        ],
-                                        "updated_at": "2020-09-23T11:36:09.244259Z",
-                                      },
-                                      Object {
-                                        "birth_date": "1991-12-23T17:05:55+05:30",
-                                        "created_at": "2020-09-23T11:06:11.308302Z",
-                                        "deleted_at": null,
-                                        "email": "chandler@gmail.com",
-                                        "first_name": "Chandler",
-                                        "gender": "male",
-                                        "id": 1,
-                                        "last_name": "Bing",
-                                        "policies": Array [
-                                          Object {
-                                            "description": "",
-                                            "id": "admin",
-                                            "name": "admin",
-                                          },
-                                        ],
-                                        "updated_at": "2020-09-23T11:36:09.244259Z",
-                                      },
-                                    ],
-                                    "direction": undefined,
-                                    "emptyText": <Context.Consumer>
-                                      [Function]
-                                    </Context.Consumer>,
-                                    "expandable": Object {
-                                      "__PARENT_RENDER_ICON__": undefined,
-                                      "childrenColumnName": undefined,
-                                      "expandIcon": [Function],
-                                      "expandIconColumnIndex": undefined,
-                                      "indentSize": 15,
-                                    },
-                                    "internalHooks": "rc-table-internal-hook",
-                                    "internalRefs": Object {
-                                      "body": Object {
-                                        "current": <div
-                                          class="ant-table-content"
-                                        >
-                                          <table
-                                            style="table-layout: auto;"
-                                          >
-                                            <colgroup />
-                                            <thead
-                                              class="ant-table-thead"
-                                            >
-                                              <tr>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Name
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  E-mail
-                                                </th>
-                                                <th
-                                                  class="ant-table-cell"
-                                                >
-                                                  Policies
-                                                </th>
-                                              </tr>
-                                            </thead>
-                                            <tbody
-                                              class="ant-table-tbody"
-                                            >
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <article
-                                                    class="ant-typography"
-                                                  >
-                                                    <a
-                                                      href="/members/users/1/permissions"
-                                                    >
-                                                      Ross Geller
-                                                    </a>
-                                                  </article>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  ross.geller@gmail.com
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag"
-                                                  >
-                                                    <a
-                                                      href="/members/policies/Editor/edit"
-                                                    >
-                                                       
-                                                      Editor
-                                                    </a>
-                                                  </span>
-                                                  <span
-                                                    class="ant-tag"
-                                                  >
-                                                    <a
-                                                      href="/members/policies/Test/edit"
-                                                    >
-                                                       
-                                                      Test
-                                                    </a>
-                                                  </span>
-                                                </td>
-                                              </tr>
-                                              <tr
-                                                class="ant-table-row ant-table-row-level-0"
-                                              >
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <article
-                                                    class="ant-typography"
-                                                  >
-                                                    Chandler Bing
-                                                  </article>
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  chandler@gmail.com
-                                                </td>
-                                                <td
-                                                  class="ant-table-cell"
-                                                >
-                                                  <span
-                                                    class="ant-tag"
-                                                  >
-                                                    admin
-                                                  </span>
-                                                </td>
-                                              </tr>
-                                            </tbody>
-                                          </table>
-                                        </div>,
-                                      },
-                                    },
-                                    "loading": false,
-                                    "mergedExpandedKeys": Set {},
-                                    "prefixCls": "ant-table",
-                                    "rowClassName": [Function],
-                                    "rowKey": [Function],
-                                    "stickyOffsets": Object {
-                                      "left": Array [
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                      "right": Array [
-                                        0,
-                                        0,
-                                        0,
-                                      ],
-                                    },
-                                    "transformColumns": [Function],
-                                  }
-                                }
-                              >
-                                <div
-                                  className="ant-table-container"
-                                >
-                                  <div
-                                    className="ant-table-content"
-                                    onScroll={[Function]}
-                                    style={Object {}}
-                                  >
-                                    <table
-                                      style={
-                                        Object {
-                                          "tableLayout": "auto",
-                                        }
-                                      }
-                                    >
-                                      <ColGroup
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "email",
-                                              "fixed": undefined,
-                                              "key": "email",
-                                              "title": "E-mail",
-                                            },
-                                            Object {
-                                              "dataIndex": "policies",
-                                              "fixed": undefined,
-                                              "key": "policies",
-                                              "render": [Function],
-                                              "title": "Policies",
-                                            },
-                                          ]
-                                        }
-                                      >
-                                        <colgroup />
-                                      </ColGroup>
-                                      <Header
-                                        colWidths={
-                                          Array [
-                                            undefined,
-                                            undefined,
-                                            undefined,
-                                          ]
-                                        }
-                                        columCount={3}
-                                        columns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "email",
-                                              "key": "email",
-                                              "title": "E-mail",
-                                            },
-                                            Object {
-                                              "dataIndex": "policies",
-                                              "key": "policies",
-                                              "render": [Function],
-                                              "title": "Policies",
-                                            },
-                                          ]
-                                        }
-                                        flattenColumns={
-                                          Array [
-                                            Object {
-                                              "dataIndex": "name",
-                                              "fixed": undefined,
-                                              "key": "name",
-                                              "render": [Function],
-                                              "title": "Name",
-                                            },
-                                            Object {
-                                              "dataIndex": "email",
-                                              "fixed": undefined,
-                                              "key": "email",
-                                              "title": "E-mail",
-                                            },
-                                            Object {
-                                              "dataIndex": "policies",
-                                              "fixed": undefined,
-                                              "key": "policies",
-                                              "render": [Function],
-                                              "title": "Policies",
-                                            },
-                                          ]
-                                        }
-                                        stickyOffsets={
-                                          Object {
-                                            "left": Array [
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                            "right": Array [
-                                              0,
-                                              0,
-                                              0,
-                                            ],
-                                          }
-                                        }
-                                      >
-                                        <thead
-                                          className="ant-table-thead"
-                                        >
-                                          <HeaderRow
-                                            cellComponent="th"
-                                            cells={
-                                              Array [
-                                                Object {
-                                                  "children": "Name",
-                                                  "className": "",
-                                                  "colEnd": 0,
-                                                  "colSpan": 1,
-                                                  "colStart": 0,
-                                                  "column": Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  },
-                                                  "key": "name",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "E-mail",
-                                                  "className": "",
-                                                  "colEnd": 1,
-                                                  "colSpan": 1,
-                                                  "colStart": 1,
-                                                  "column": Object {
-                                                    "dataIndex": "email",
-                                                    "key": "email",
-                                                    "title": "E-mail",
-                                                  },
-                                                  "key": "email",
-                                                  "rowSpan": 1,
-                                                },
-                                                Object {
-                                                  "children": "Policies",
-                                                  "className": "",
-                                                  "colEnd": 2,
-                                                  "colSpan": 1,
-                                                  "colStart": 2,
-                                                  "column": Object {
-                                                    "dataIndex": "policies",
-                                                    "key": "policies",
-                                                    "render": [Function],
-                                                    "title": "Policies",
-                                                  },
-                                                  "key": "policies",
-                                                  "rowSpan": 1,
-                                                },
-                                              ]
-                                            }
-                                            flattenColumns={
-                                              Array [
-                                                Object {
-                                                  "dataIndex": "name",
-                                                  "fixed": undefined,
-                                                  "key": "name",
-                                                  "render": [Function],
-                                                  "title": "Name",
-                                                },
-                                                Object {
-                                                  "dataIndex": "email",
-                                                  "fixed": undefined,
-                                                  "key": "email",
-                                                  "title": "E-mail",
-                                                },
-                                                Object {
-                                                  "dataIndex": "policies",
-                                                  "fixed": undefined,
-                                                  "key": "policies",
-                                                  "render": [Function],
-                                                  "title": "Policies",
-                                                },
-                                              ]
-                                            }
-                                            index={0}
-                                            key="0"
-                                            rowComponent="tr"
-                                            stickyOffsets={
-                                              Object {
-                                                "left": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                                "right": Array [
-                                                  0,
-                                                  0,
-                                                  0,
-                                                ],
-                                              }
-                                            }
-                                          >
-                                            <tr>
-                                              <Cell
-                                                className=""
-                                                colEnd={0}
-                                                colSpan={1}
-                                                colStart={0}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Name
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={1}
-                                                colSpan={1}
-                                                colStart={1}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "email",
-                                                    "key": "email",
-                                                    "title": "E-mail",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="email"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  E-mail
-                                                </th>
-                                              </Cell>
-                                              <Cell
-                                                className=""
-                                                colEnd={2}
-                                                colSpan={1}
-                                                colStart={2}
-                                                column={
-                                                  Object {
-                                                    "dataIndex": "policies",
-                                                    "key": "policies",
-                                                    "render": [Function],
-                                                    "title": "Policies",
-                                                  }
-                                                }
-                                                component="th"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                key="policies"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                rowSpan={1}
-                                                rowType="header"
-                                              >
-                                                <th
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  Policies
-                                                </th>
-                                              </Cell>
-                                            </tr>
-                                          </HeaderRow>
-                                        </thead>
-                                      </Header>
-                                      <Body
-                                        childrenColumnName="children"
-                                        data={
-                                          Array [
-                                            Object {
-                                              "birth_date": "1991-12-23T17:05:55+05:30",
-                                              "created_at": "2020-09-23T11:06:11.308302Z",
-                                              "deleted_at": null,
-                                              "email": "ross.geller@gmail.com",
-                                              "first_name": "Ross",
-                                              "gender": "male",
-                                              "id": 1,
-                                              "last_name": "Geller",
-                                              "policies": Array [
-                                                Object {
-                                                  "description": "",
-                                                  "id": "Editor",
-                                                  "name": "Editor",
-                                                },
-                                                Object {
-                                                  "description": "",
-                                                  "id": "Test",
-                                                  "name": "Test",
-                                                },
-                                              ],
-                                              "updated_at": "2020-09-23T11:36:09.244259Z",
-                                            },
-                                            Object {
-                                              "birth_date": "1991-12-23T17:05:55+05:30",
-                                              "created_at": "2020-09-23T11:06:11.308302Z",
-                                              "deleted_at": null,
-                                              "email": "chandler@gmail.com",
-                                              "first_name": "Chandler",
-                                              "gender": "male",
-                                              "id": 1,
-                                              "last_name": "Bing",
-                                              "policies": Array [
-                                                Object {
-                                                  "description": "",
-                                                  "id": "admin",
-                                                  "name": "admin",
-                                                },
-                                              ],
-                                              "updated_at": "2020-09-23T11:36:09.244259Z",
-                                            },
-                                          ]
-                                        }
-                                        emptyNode={null}
-                                        expandedKeys={Set {}}
-                                        getRowKey={[Function]}
-                                        measureColumnWidth={false}
-                                      >
-                                        <tbody
-                                          className="ant-table-tbody"
-                                        >
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={0}
-                                            record={
-                                              Object {
-                                                "birth_date": "1991-12-23T17:05:55+05:30",
-                                                "created_at": "2020-09-23T11:06:11.308302Z",
-                                                "deleted_at": null,
-                                                "email": "ross.geller@gmail.com",
-                                                "first_name": "Ross",
-                                                "gender": "male",
-                                                "id": 1,
-                                                "last_name": "Geller",
-                                                "policies": Array [
-                                                  Object {
-                                                    "description": "",
-                                                    "id": "Editor",
-                                                    "name": "Editor",
-                                                  },
-                                                  Object {
-                                                    "description": "",
-                                                    "id": "Test",
-                                                    "name": "Test",
-                                                  },
-                                                ],
-                                                "updated_at": "2020-09-23T11:36:09.244259Z",
-                                              }
-                                            }
-                                            rowComponent="tr"
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "birth_date": "1991-12-23T17:05:55+05:30",
-                                                    "created_at": "2020-09-23T11:06:11.308302Z",
-                                                    "deleted_at": null,
-                                                    "email": "ross.geller@gmail.com",
-                                                    "first_name": "Ross",
-                                                    "gender": "male",
-                                                    "id": 1,
-                                                    "last_name": "Geller",
-                                                    "policies": Array [
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "Editor",
-                                                        "name": "Editor",
-                                                      },
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "Test",
-                                                        "name": "Test",
-                                                      },
-                                                    ],
-                                                    "updated_at": "2020-09-23T11:36:09.244259Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Typography
-                                                    key="1"
-                                                  >
-                                                    <article
-                                                      className="ant-typography"
-                                                    >
-                                                      <Link
-                                                        to="/members/users/1/permissions"
-                                                      >
-                                                        <LinkAnchor
-                                                          href="/members/users/1/permissions"
-                                                          navigate={[Function]}
-                                                        >
-                                                          <a
-                                                            href="/members/users/1/permissions"
-                                                            onClick={[Function]}
-                                                          >
-                                                            Ross Geller
-                                                          </a>
-                                                        </LinkAnchor>
-                                                      </Link>
-                                                    </article>
-                                                  </Typography>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="email"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="email"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "birth_date": "1991-12-23T17:05:55+05:30",
-                                                    "created_at": "2020-09-23T11:06:11.308302Z",
-                                                    "deleted_at": null,
-                                                    "email": "ross.geller@gmail.com",
-                                                    "first_name": "Ross",
-                                                    "gender": "male",
-                                                    "id": 1,
-                                                    "last_name": "Geller",
-                                                    "policies": Array [
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "Editor",
-                                                        "name": "Editor",
-                                                      },
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "Test",
-                                                        "name": "Test",
-                                                      },
-                                                    ],
-                                                    "updated_at": "2020-09-23T11:36:09.244259Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  ross.geller@gmail.com
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="policies"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={0}
-                                                key="policies"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "birth_date": "1991-12-23T17:05:55+05:30",
-                                                    "created_at": "2020-09-23T11:06:11.308302Z",
-                                                    "deleted_at": null,
-                                                    "email": "ross.geller@gmail.com",
-                                                    "first_name": "Ross",
-                                                    "gender": "male",
-                                                    "id": 1,
-                                                    "last_name": "Geller",
-                                                    "policies": Array [
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "Editor",
-                                                        "name": "Editor",
-                                                      },
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "Test",
-                                                        "name": "Test",
-                                                      },
-                                                    ],
-                                                    "updated_at": "2020-09-23T11:36:09.244259Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    key="1Editor"
-                                                  >
-                                                    <span
-                                                      className="ant-tag"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <Link
-                                                        to="/members/policies/Editor/edit"
-                                                      >
-                                                        <LinkAnchor
-                                                          href="/members/policies/Editor/edit"
-                                                          navigate={[Function]}
-                                                        >
-                                                          <a
-                                                            href="/members/policies/Editor/edit"
-                                                            onClick={[Function]}
-                                                          >
-                                                             
-                                                            Editor
-                                                          </a>
-                                                        </LinkAnchor>
-                                                      </Link>
-                                                    </span>
-                                                  </Tag>
-                                                  <Tag
-                                                    key="1Test"
-                                                  >
-                                                    <span
-                                                      className="ant-tag"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      <Link
-                                                        to="/members/policies/Test/edit"
-                                                      >
-                                                        <LinkAnchor
-                                                          href="/members/policies/Test/edit"
-                                                          navigate={[Function]}
-                                                        >
-                                                          <a
-                                                            href="/members/policies/Test/edit"
-                                                            onClick={[Function]}
-                                                          >
-                                                             
-                                                            Test
-                                                          </a>
-                                                        </LinkAnchor>
-                                                      </Link>
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                          <BodyRow
-                                            cellComponent="td"
-                                            childrenColumnName="children"
-                                            expandedKeys={Set {}}
-                                            getRowKey={[Function]}
-                                            index={1}
-                                            record={
-                                              Object {
-                                                "birth_date": "1991-12-23T17:05:55+05:30",
-                                                "created_at": "2020-09-23T11:06:11.308302Z",
-                                                "deleted_at": null,
-                                                "email": "chandler@gmail.com",
-                                                "first_name": "Chandler",
-                                                "gender": "male",
-                                                "id": 1,
-                                                "last_name": "Bing",
-                                                "policies": Array [
-                                                  Object {
-                                                    "description": "",
-                                                    "id": "admin",
-                                                    "name": "admin",
-                                                  },
-                                                ],
-                                                "updated_at": "2020-09-23T11:36:09.244259Z",
-                                              }
-                                            }
-                                            rowComponent="tr"
-                                          >
-                                            <tr
-                                              className="ant-table-row ant-table-row-level-0"
-                                              onClick={[Function]}
-                                              style={Object {}}
-                                            >
-                                              <Cell
-                                                component="td"
-                                                dataIndex="name"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="name"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "birth_date": "1991-12-23T17:05:55+05:30",
-                                                    "created_at": "2020-09-23T11:06:11.308302Z",
-                                                    "deleted_at": null,
-                                                    "email": "chandler@gmail.com",
-                                                    "first_name": "Chandler",
-                                                    "gender": "male",
-                                                    "id": 1,
-                                                    "last_name": "Bing",
-                                                    "policies": Array [
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "admin",
-                                                        "name": "admin",
-                                                      },
-                                                    ],
-                                                    "updated_at": "2020-09-23T11:36:09.244259Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Typography
-                                                    key="1"
-                                                  >
-                                                    <article
-                                                      className="ant-typography"
-                                                    >
-                                                      Chandler Bing
-                                                    </article>
-                                                  </Typography>
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="email"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="email"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "birth_date": "1991-12-23T17:05:55+05:30",
-                                                    "created_at": "2020-09-23T11:06:11.308302Z",
-                                                    "deleted_at": null,
-                                                    "email": "chandler@gmail.com",
-                                                    "first_name": "Chandler",
-                                                    "gender": "male",
-                                                    "id": 1,
-                                                    "last_name": "Bing",
-                                                    "policies": Array [
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "admin",
-                                                        "name": "admin",
-                                                      },
-                                                    ],
-                                                    "updated_at": "2020-09-23T11:36:09.244259Z",
-                                                  }
-                                                }
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  chandler@gmail.com
-                                                </td>
-                                              </Cell>
-                                              <Cell
-                                                component="td"
-                                                dataIndex="policies"
-                                                firstFixLeft={false}
-                                                firstFixRight={false}
-                                                index={1}
-                                                key="policies"
-                                                lastFixLeft={false}
-                                                lastFixRight={false}
-                                                prefixCls="ant-table"
-                                                record={
-                                                  Object {
-                                                    "birth_date": "1991-12-23T17:05:55+05:30",
-                                                    "created_at": "2020-09-23T11:06:11.308302Z",
-                                                    "deleted_at": null,
-                                                    "email": "chandler@gmail.com",
-                                                    "first_name": "Chandler",
-                                                    "gender": "male",
-                                                    "id": 1,
-                                                    "last_name": "Bing",
-                                                    "policies": Array [
-                                                      Object {
-                                                        "description": "",
-                                                        "id": "admin",
-                                                        "name": "admin",
-                                                      },
-                                                    ],
-                                                    "updated_at": "2020-09-23T11:36:09.244259Z",
-                                                  }
-                                                }
-                                                render={[Function]}
-                                              >
-                                                <td
-                                                  className="ant-table-cell"
-                                                  colSpan={null}
-                                                  rowSpan={null}
-                                                  style={Object {}}
-                                                >
-                                                  <Tag
-                                                    key="1admin"
-                                                  >
-                                                    <span
-                                                      className="ant-tag"
-                                                      style={
-                                                        Object {
-                                                          "backgroundColor": undefined,
-                                                        }
-                                                      }
-                                                    >
-                                                      admin
-                                                    </span>
-                                                  </Tag>
-                                                </td>
-                                              </Cell>
-                                            </tr>
-                                          </BodyRow>
-                                        </tbody>
-                                      </Body>
-                                    </table>
-                                  </div>
-                                </div>
-                              </Component>
-                            </div>
-                          </Table>
-                          <Pagination
-                            className="ant-table-pagination ant-table-pagination-right"
-                            current={1}
-                            onChange={[Function]}
-                            pageSize={10}
-                            total={2}
-                          >
-                            <LocaleReceiver
-                              componentName="Pagination"
-                              defaultLocale={
-                                Object {
-                                  "items_per_page": "/ page",
-                                  "jump_to": "Go to",
-                                  "jump_to_confirm": "confirm",
-                                  "next_3": "Next 3 Pages",
-                                  "next_5": "Next 5 Pages",
-                                  "next_page": "Next Page",
-                                  "page": "",
-                                  "prev_3": "Previous 3 Pages",
-                                  "prev_5": "Previous 5 Pages",
-                                  "prev_page": "Previous Page",
-                                }
-                              }
-                            >
-                              <Pagination
-                                className="ant-table-pagination ant-table-pagination-right"
-                                current={1}
-                                defaultCurrent={1}
-                                defaultPageSize={10}
-                                hideOnSinglePage={false}
-                                itemRender={[Function]}
-                                jumpNextIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleRightOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                jumpPrevIcon={
-                                  <a
-                                    className="ant-pagination-item-link"
-                                  >
-                                    <div
-                                      className="ant-pagination-item-container"
-                                    >
-                                      <ForwardRef(DoubleLeftOutlined)
-                                        className="ant-pagination-item-link-icon"
-                                      />
-                                      <span
-                                        className="ant-pagination-item-ellipsis"
-                                      >
-                                        •••
-                                      </span>
-                                    </div>
-                                  </a>
-                                }
-                                locale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                                nextIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(RightOutlined) />
-                                  </button>
-                                }
-                                onChange={[Function]}
-                                onShowSizeChange={[Function]}
-                                pageSize={10}
-                                prefixCls="ant-pagination"
-                                prevIcon={
-                                  <button
-                                    className="ant-pagination-item-link"
-                                    tabIndex={-1}
-                                    type="button"
-                                  >
-                                    <ForwardRef(LeftOutlined) />
-                                  </button>
-                                }
-                                selectComponentClass={
-                                  Object {
-                                    "$$typeof": Symbol(react.forward_ref),
-                                    "OptGroup": [Function],
-                                    "Option": [Function],
-                                    "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                    "render": [Function],
-                                  }
-                                }
-                                selectPrefixCls="ant-select"
-                                showLessItems={false}
-                                showPrevNextJumpers={true}
-                                showQuickJumper={false}
-                                showTitle={true}
-                                style={Object {}}
-                                total={2}
-                                totalBoundaryShowSizeChanger={50}
-                              >
-                                <ul
-                                  className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                  style={Object {}}
-                                  unselectable="unselectable"
-                                >
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-prev ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Previous Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "left",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="left"
-                                            className="anticon anticon-left"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "left",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="left"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-left"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                  key="svg-left-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(LeftOutlined)>
-                                    </button>
-                                  </li>
-                                  <Pager
-                                    active={true}
-                                    itemRender={[Function]}
-                                    key="1"
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    page={1}
-                                    rootPrefixCls="ant-pagination"
-                                    showTitle={true}
-                                  >
-                                    <li
-                                      className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex="0"
-                                      title={1}
-                                    >
-                                      <a
-                                        rel="nofollow"
-                                      >
-                                        1
-                                      </a>
-                                    </li>
-                                  </Pager>
-                                  <li
-                                    aria-disabled={true}
-                                    className="ant-pagination-next ant-pagination-disabled"
-                                    onClick={[Function]}
-                                    onKeyPress={[Function]}
-                                    tabIndex={null}
-                                    title="Next Page"
-                                  >
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      disabled={true}
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined)>
-                                        <AntdIcon
-                                          icon={
-                                            Object {
-                                              "icon": Object {
-                                                "attrs": Object {
-                                                  "focusable": "false",
-                                                  "viewBox": "64 64 896 896",
-                                                },
-                                                "children": Array [
-                                                  Object {
-                                                    "attrs": Object {
-                                                      "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                    },
-                                                    "tag": "path",
-                                                  },
-                                                ],
-                                                "tag": "svg",
-                                              },
-                                              "name": "right",
-                                              "theme": "outlined",
-                                            }
-                                          }
-                                        >
-                                          <span
-                                            aria-label="right"
-                                            className="anticon anticon-right"
-                                            role="img"
-                                          >
-                                            <IconReact
-                                              icon={
-                                                Object {
-                                                  "icon": Object {
-                                                    "attrs": Object {
-                                                      "focusable": "false",
-                                                      "viewBox": "64 64 896 896",
-                                                    },
-                                                    "children": Array [
-                                                      Object {
-                                                        "attrs": Object {
-                                                          "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                        },
-                                                        "tag": "path",
-                                                      },
-                                                    ],
-                                                    "tag": "svg",
-                                                  },
-                                                  "name": "right",
-                                                  "theme": "outlined",
-                                                }
-                                              }
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="right"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                key="svg-right"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                  key="svg-right-svg-0"
-                                                />
-                                              </svg>
-                                            </IconReact>
-                                          </span>
-                                        </AntdIcon>
-                                      </ForwardRef(RightOutlined)>
-                                    </button>
-                                  </li>
-                                  <Options
-                                    changeSize={null}
-                                    current={1}
-                                    goButton={false}
-                                    locale={
-                                      Object {
-                                        "items_per_page": "/ page",
-                                        "jump_to": "Go to",
-                                        "jump_to_confirm": "confirm",
-                                        "next_3": "Next 3 Pages",
-                                        "next_5": "Next 5 Pages",
-                                        "next_page": "Next Page",
-                                        "page": "",
-                                        "prev_3": "Previous 3 Pages",
-                                        "prev_5": "Previous 5 Pages",
-                                        "prev_page": "Previous Page",
-                                      }
-                                    }
-                                    pageSize={10}
-                                    pageSizeOptions={
-                                      Array [
-                                        "10",
-                                        "20",
-                                        "50",
-                                        "100",
-                                      ]
-                                    }
-                                    quickGo={null}
-                                    rootPrefixCls="ant-pagination"
-                                    selectComponentClass={
-                                      Object {
-                                        "$$typeof": Symbol(react.forward_ref),
-                                        "OptGroup": [Function],
-                                        "Option": [Function],
-                                        "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                        "render": [Function],
-                                      }
-                                    }
-                                    selectPrefixCls="ant-select"
-                                  />
-                                </ul>
-                              </Pagination>
-                            </LocaleReceiver>
-                          </Pagination>
-                        </div>
-                      </div>
-                    </Spin>
-                  </div>
-                </Table>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Users>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/users/index.js b/studio/src/pages/users/index.js
deleted file mode 100644
index 4790f5d86..000000000
--- a/studio/src/pages/users/index.js
+++ /dev/null
@@ -1,128 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Space, Typography, Table, Form, Button, Row, Col } from 'antd';
-import { useDispatch, useSelector } from 'react-redux';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-import { getSpaceUsers, updateSpaceUsers } from '../../actions/spaceUsers';
-import Selector from '../../components/Selector';
-import { useLocation, useNavigate } from 'react-router-dom';
-import deepEqual from 'deep-equal';
-
-function Users() {
-  const dispatch = useDispatch();
-  const navigate = useNavigate();
-  const query = new URLSearchParams(useLocation().search);
-  const pathname = useLocation().pathname;
-  const [filters, setFilters] = useState({
-    page: 1,
-    limit: 10,
-  });
-
-  const { spaceUsers, total, loading } = useSelector(({ spaceUsers }) => {
-    const node = spaceUsers.req.find((item) => {
-      return deepEqual(item.query, { page: query.get('page'), limit: query.get('limit') });
-    });
-
-    if (node)
-      return {
-        spaceUsers: node.data.map((element) => spaceUsers.details[element]),
-        total: node.total,
-        loading: spaceUsers.loading,
-      };
-    return { spaceUsers: [], total: 0, loading: spaceUsers.loading };
-  });
-
-  useEffect(() => {
-    navigate(pathname + '?' + new URLSearchParams(filters).toString());
-  }, [filters, pathname, navigate]);
-
-  useEffect(() => {
-    fetchUsers();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  const fetchUsers = () => {
-    dispatch(getSpaceUsers(filters));
-  };
-
-  const columns = [
-    {
-      title: 'ID',
-      dataIndex: 'id',
-      key: 'id',
-      width: '15%',
-      render: (record) => (
-        <Typography.Text style={{ fontSize: '1rem' }} strong>
-          {record}
-        </Typography.Text>
-      ),
-    },
-    {
-      title: 'Name',
-      dataIndex: 'display_name',
-      key: 'name',
-      width: '35%',
-      render: (record) => (
-        <Typography.Text style={{ fontSize: '1rem' }} strong>
-          {record}
-        </Typography.Text>
-      ),
-    },
-    {
-      title: 'E-mail',
-      dataIndex: 'email',
-      key: 'email',
-      width: '50%',
-      render: (record) => (
-        <Typography.Text style={{ fontSize: '1rem' }} strong>
-          {record}
-        </Typography.Text>
-      ),
-    },
-  ];
-
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction={'vertical'}>
-      <Helmet title={'Users'} />
-      <Form
-        layout={'vertical'}
-        onFinish={(values) =>
-          dispatch(updateSpaceUsers({ ids: values.users ? values.users : [] })).then(() =>
-            navigate('/settings/users'),
-          )
-        }
-      >
-        <Row gutter={[16, 16]}>
-          <Col span={6}>
-            <Form.Item name="users" required={true}>
-              <Selector mode="multiple" display={'display_name'} action="Users" />
-            </Form.Item>
-          </Col>
-          <Col span={4}>
-            <Button type="primary" htmlType="submit">
-              Add users
-            </Button>
-          </Col>
-        </Row>
-      </Form>
-
-      <Table
-        columns={columns}
-        dataSource={spaceUsers}
-        loading={loading}
-        rowKey={['record', 'user', 'id']}
-        pagination={{
-          total: total,
-          current: filters.page,
-          pageSize: filters.limit,
-          onChange: (pageNumber, pageSize) =>
-            setFilters({ ...filters, page: pageNumber, limit: pageSize }),
-        }}
-      />
-    </Space>
-  );
-}
-
-export default Users;
diff --git a/studio/src/pages/users/index.test.js b/studio/src/pages/users/index.test.js
deleted file mode 100644
index 5b315f78f..000000000
--- a/studio/src/pages/users/index.test.js
+++ /dev/null
@@ -1,116 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import '../../matchMedia.mock';
-import UserList from './index';
-import { mount, shallow } from 'enzyme';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-const users = [
-  {
-    id: 1,
-    created_at: '2020-09-23T11:06:11.308302Z',
-    updated_at: '2020-09-23T11:36:09.244259Z',
-    deleted_at: null,
-    email: 'ross.geller@gmail.com',
-    first_name: 'Ross',
-    last_name: 'Geller',
-    birth_date: '1991-12-23T17:05:55+05:30',
-    gender: 'male',
-    policies: [
-      {
-        id: 'Editor',
-        name: 'Editor',
-        description: '',
-      },
-      {
-        id: 'Test',
-        name: 'Test',
-        description: '',
-      },
-    ],
-  },
-  {
-    id: 1,
-    created_at: '2020-09-23T11:06:11.308302Z',
-    updated_at: '2020-09-23T11:36:09.244259Z',
-    deleted_at: null,
-    email: 'chandler@gmail.com',
-    first_name: 'Chandler',
-    last_name: 'Bing',
-    birth_date: '1991-12-23T17:05:55+05:30',
-    gender: 'male',
-    policies: [
-      {
-        id: 'admin',
-        name: 'admin',
-        description: '',
-      },
-    ],
-  },
-];
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/users', () => ({
-  getUsers: jest.fn(),
-}));
-
-describe('Tags List component', () => {
-  let store;
-  let mockedDispatch;
-
-  beforeEach(() => {
-    store = mockStore({});
-    store.dispatch = jest.fn();
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  it('should render the component', () => {
-    store = mockStore({
-      users: {
-        loading: true,
-      },
-    });
-    const tree = shallow(
-      <Provider store={store}>
-        <Router>
-          <UserList />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-  });
-  it('should render the component with data', () => {
-    store = mockStore({
-      users: {
-        req: [],
-        details: users,
-        loading: false,
-      },
-    });
-    const tree = mount(
-      <Provider store={store}>
-        <Router>
-          <UserList />
-        </Router>
-      </Provider>,
-    );
-    expect(tree).toMatchSnapshot();
-
-    expect(mockedDispatch).toHaveBeenCalledTimes(1);
-  });
-});
diff --git a/studio/src/pages/users/index.tsx b/studio/src/pages/users/index.tsx
new file mode 100644
index 000000000..ba8c8b48f
--- /dev/null
+++ b/studio/src/pages/users/index.tsx
@@ -0,0 +1,472 @@
+import { useEffect, useState, useCallback } from "react";
+import { useSelector } from "react-redux";
+import { useLocation, useNavigate } from "react-router-dom";
+import { Helmet } from "react-helmet";
+import { PlusCircle, Search as SearchIcon } from "lucide-react";
+import { useForm } from "react-hook-form";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import Loader from "../../components/Loader";
+import Selector from "../../components/Selector/index";
+import { getSpaceUsers, updateSpaceUsers } from "../../actions/spaceUsers";
+import { useIsMobile } from "@/hooks/use-mobile";
+import MobileBreadcrumb from "@/components/MobileBreadcrumb";
+import EmptyState from "@/components/EmptyState";
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Form, FormField, FormItem } from "@/components/ui/form";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Pagination from "../../components/Pagination";
+import { SpaceUser, RootState, FiltersState, FormValues } from "./types";
+
+function Users() {
+  const dispatch = useAppDispatch();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const query = new URLSearchParams(location.search);
+  const pathname = location.pathname;
+  const isMobile = useIsMobile();
+
+  // Add form initialization
+  const form = useForm<FormValues>({
+    defaultValues: {
+      users: [],
+    },
+  });
+
+  const [filters, setFilters] = useState<FiltersState>({
+    page: parseInt(query.get("page") || "1"),
+    limit: parseInt(query.get("limit") || "10"),
+  });
+
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [searchText, setSearchText] = useState<string>("");
+  const [showSearch, setShowSearch] = useState<boolean>(!isMobile);
+
+  const { spaceUsers, total, loading } = useSelector((state: RootState) => {
+    if (!state.spaceUsers || !state.spaceUsers.req) {
+      return {
+        spaceUsers: [] as SpaceUser[],
+        total: 0,
+        loading: false,
+      };
+    }
+
+    const normalizedQuery = {
+      page: query.get("page") || null,
+      limit: query.get("limit") || null,
+    };
+
+    const matchingReq = state.spaceUsers.req.find((req) => {
+      if (!req.query) return false;
+
+      const pageMatch = req.query.page === normalizedQuery.page;
+      const limitMatch = req.query.limit === normalizedQuery.limit;
+
+      return pageMatch && limitMatch;
+    });
+
+    if (matchingReq && matchingReq.data && matchingReq.data.length > 0) {
+      const uniqueUsers = new Map<string, SpaceUser>();
+
+      matchingReq.data.forEach((id) => {
+        if (state.spaceUsers.details[id] && !uniqueUsers.has(id)) {
+          uniqueUsers.set(id, state.spaceUsers.details[id]);
+        }
+      });
+
+      const users = Array.from(uniqueUsers.values());
+
+      return {
+        spaceUsers: users,
+        total: matchingReq.total,
+        loading: state.spaceUsers.loading,
+      };
+    }
+
+    for (const req of state.spaceUsers.req) {
+      if (
+        req.query &&
+        req.query.page === normalizedQuery.page &&
+        req.query.limit === normalizedQuery.limit &&
+        req.data &&
+        req.data.length > 0
+      ) {
+        const uniqueUsers = new Map<string, SpaceUser>();
+
+        req.data.forEach((id) => {
+          if (state.spaceUsers.details[id] && !uniqueUsers.has(id)) {
+            uniqueUsers.set(id, state.spaceUsers.details[id]);
+          }
+        });
+
+        const users = Array.from(uniqueUsers.values());
+
+        if (users.length > 0) {
+          return {
+            spaceUsers: users,
+            total: req.total,
+            loading: state.spaceUsers.loading,
+          };
+        }
+      }
+    }
+
+    return {
+      spaceUsers: [] as SpaceUser[],
+      total: 0,
+      loading: state.spaceUsers.loading,
+    };
+  });
+
+  // Filtered users based on search
+  const filteredUsers = useCallback(() => {
+    if (!searchText.trim()) {
+      return spaceUsers;
+    }
+
+    return spaceUsers.filter((user) => {
+      return (
+        user.display_name?.toLowerCase().includes(searchText.toLowerCase()) ||
+        user.email?.toLowerCase().includes(searchText.toLowerCase()) ||
+        user.id?.toLowerCase().includes(searchText.toLowerCase())
+      );
+    });
+  }, [spaceUsers, searchText]);
+
+  // Get sidebar state from Redux store
+  const isCollapsed = useSelector(
+    (state: RootState) => state.sidebar.collapsed
+  );
+
+  // Calculate left margin based on sidebar state
+  const sidebarWidth = isCollapsed ? "89px" : "265px";
+
+  useEffect(() => {
+    const newParams = new URLSearchParams();
+    newParams.set("page", filters.page.toString());
+    newParams.set("limit", filters.limit.toString());
+    navigate(`${pathname}?${newParams.toString()}`);
+  }, [filters, pathname, navigate]);
+
+  useEffect(() => {
+    fetchUsers();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [query.get("page"), query.get("limit")]);
+
+  const fetchUsers = (): void => {
+    const currentPage = parseInt(query.get("page") || "1");
+    const currentLimit = parseInt(query.get("limit") || "10");
+
+    const queryParams = {
+      page: currentPage,
+      limit: currentLimit,
+    };
+
+    dispatch(getSpaceUsers(queryParams));
+  };
+
+  const handleAddUsers = async (values: FormValues): Promise<void> => {
+    if (!values.users || values.users.length === 0 || isSubmitting) {
+      return;
+    }
+
+    setIsSubmitting(true);
+
+    try {
+      await dispatch(updateSpaceUsers({ ids: values.users }));
+
+      form.reset();
+
+      fetchUsers();
+    } catch (error) {
+      console.error("Error adding users:", error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+
+  // Pagination handlers
+  const handlePageChange = useCallback((page: number) => {
+    setFilters((prev) => ({ ...prev, page }));
+  }, []);
+
+  const handlePageSizeChange = useCallback((size: number) => {
+    setFilters({ page: 1, limit: size });
+  }, []);
+
+  // Handle search input changes
+  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setSearchText(e.target.value);
+  };
+
+  // Toggle search on mobile
+  const toggleSearch = useCallback(() => {
+    setShowSearch((prev) => !prev);
+    if (showSearch) {
+      setSearchText("");
+    }
+  }, [showSearch]);
+
+  // Calculate total pages
+  const totalPages = Math.max(1, Math.ceil(total / filters.limit));
+  const hasUsersData = filteredUsers().length > 0;
+
+  if (loading) {
+    return <Loader />;
+  }
+
+  return (
+    <div className="flex flex-col h-full">
+      <Helmet title={"Users"} />
+
+      {/* Mobile Breadcrumb */}
+      {isMobile && (
+        <MobileBreadcrumb currentPage="User Settings" parentLabel="Settings" />
+      )}
+
+      {/* Header */}
+      <div
+        className={`${isMobile ? "sticky top-0" : "fixed"} z-10 bg-white`}
+        style={
+          !isMobile
+            ? {
+                left: sidebarWidth,
+                right: 0,
+                transition: "left 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        <div
+          className={`flex justify-between items-center ${
+            isMobile ? "pb-3 pt-1" : "px-6 pt-1 h-full"
+          }`}
+        >
+          {/* Title and Selector for Mobile */}
+          {isMobile && (
+            <div className="flex items-center">
+              <h1 className="text-xl font-semibold mr-2">Users</h1>
+              <div className="w-32">
+                <FormField
+                  control={form.control}
+                  name="users"
+                  render={({ field }) => (
+                    <FormItem>
+                      <Selector
+                        mode="multiple"
+                        display={"display_name"}
+                        action="users"
+                        value={field.value}
+                        onChange={field.onChange}
+                        placeholder="Select users"
+                      />
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+          )}
+
+          {/* Desktop search bar */}
+          {!isMobile && (
+            <div className="flex-1 max-w-xs">
+              <Input
+                placeholder="Search users..."
+                value={searchText}
+                onChange={handleSearchChange}
+                className="h-10"
+              />
+            </div>
+          )}
+
+          {/* Action buttons */}
+          <div className={`${isMobile ? "flex items-center gap-2" : ""}`}>
+            {isMobile && (
+              <>
+                <Form {...form}>
+                  <Button
+                    type="submit"
+                    size="icon"
+                    className="h-9 w-9"
+                    disabled={isSubmitting}
+                    onClick={(e) => {
+                      e.preventDefault();
+                      form.handleSubmit(handleAddUsers)();
+                    }}
+                  >
+                    <PlusCircle className="h-5 w-5" />
+                  </Button>
+                </Form>
+                <Button
+                  variant="outline"
+                  size="icon"
+                  onClick={toggleSearch}
+                  className="h-9 w-9 text-gray-500"
+                >
+                  <SearchIcon className="h-5 w-5" />
+                </Button>
+              </>
+            )}
+
+            {!isMobile && (
+              <Form {...form}>
+                <form
+                  onSubmit={form.handleSubmit(handleAddUsers)}
+                  className="flex items-center gap-4"
+                >
+                  <div className="w-64">
+                    <FormField
+                      control={form.control}
+                      name="users"
+                      render={({ field }) => (
+                        <FormItem>
+                          <Selector
+                            mode="multiple"
+                            display={"display_name"}
+                            action="users"
+                            value={field.value}
+                            onChange={field.onChange}
+                          />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                  <Button
+                    type="submit"
+                    className="flex items-center gap-2"
+                    disabled={isSubmitting}
+                  >
+                    <PlusCircle size={16} />
+                    {isSubmitting ? "Adding..." : "Add users"}
+                  </Button>
+                </form>
+              </Form>
+            )}
+          </div>
+        </div>
+
+        {/* Mobile search bar */}
+        {isMobile && showSearch && (
+          <div className="px-4 pb-3">
+            <Input
+              placeholder="Search users..."
+              value={searchText}
+              onChange={handleSearchChange}
+              className="h-9 w-full"
+              autoFocus
+            />
+          </div>
+        )}
+      </div>
+
+      {/* Content */}
+      <div
+        className={
+          isMobile
+            ? "flex-1 pb-16 pt-1 overflow-auto"
+            : "absolute overflow-auto"
+        }
+        style={
+          !isMobile
+            ? {
+                top: "calc(1.5rem + 2.5rem + 1rem)",
+                left: sidebarWidth,
+                right: 0,
+                bottom: "64px",
+                paddingLeft: "1.5rem",
+                paddingRight: "1.5rem",
+                paddingBottom: "1.5rem",
+                paddingTop: "1rem",
+                transition: "left 0.3s ease, top 0.3s ease",
+              }
+            : undefined
+        }
+      >
+        {hasUsersData ? (
+          <div className="rounded-md">
+            <Table>
+              <TableHeader className="text-[13px]">
+                <TableRow>
+                  {!isMobile && <TableHead className="w-1/4">ID</TableHead>}
+                  <TableHead className={isMobile ? "w-1/2" : "w-1/3"}>
+                    Name
+                  </TableHead>
+                  <TableHead className={isMobile ? "w-1/2" : "w-1/3"}>
+                    E-mail
+                  </TableHead>
+                </TableRow>
+              </TableHeader>
+              <TableBody>
+                {filteredUsers().map((user) => (
+                  <TableRow key={user.id}>
+                    {!isMobile && (
+                      <TableCell>
+                        <span className="font-normal">{user.id}</span>
+                      </TableCell>
+                    )}
+                    <TableCell>
+                      <span className="font-normal">{user.display_name}</span>
+                    </TableCell>
+                    <TableCell>
+                      <span className="font-normal">{user.email}</span>
+                    </TableCell>
+                  </TableRow>
+                ))}
+              </TableBody>
+            </Table>
+          </div>
+        ) : (
+          <EmptyState
+            contentType="users"
+            title="No users found"
+            description={
+              searchText
+                ? "No users matching your search"
+                : "Your users list is empty"
+            }
+            isMobile={isMobile}
+          />
+        )}
+      </div>
+
+      {/* Footer with Pagination */}
+      {hasUsersData && (
+        <div
+          className={`${
+            isMobile ? "fixed bottom-0 left-0 right-0 py-3" : "fixed bottom-0"
+          } z-10 bg-white`}
+          style={
+            !isMobile
+              ? {
+                  left: sidebarWidth,
+                  right: 0,
+                  height: "64px",
+                  transition: "left 0.3s ease",
+                }
+              : undefined
+          }
+        >
+          <Pagination
+            currentPage={filters.page}
+            totalPages={totalPages}
+            totalItems={total}
+            pageSize={filters.limit}
+            onPageChange={handlePageChange}
+            onPageSizeChange={handlePageSizeChange}
+            isMobile={isMobile}
+          />
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default Users;
diff --git a/studio/src/pages/users/types.ts b/studio/src/pages/users/types.ts
new file mode 100644
index 000000000..02239b15d
--- /dev/null
+++ b/studio/src/pages/users/types.ts
@@ -0,0 +1,36 @@
+// User related types
+export interface SpaceUser {
+  id: string;
+  display_name: string;
+  email: string;
+}
+
+export interface SpaceUsersState {
+  details: Record<string, SpaceUser>;
+  req: Array<{
+    query: {
+      page: string | null;
+      limit: string | null;
+      q?: string;
+    };
+    data: string[];
+    total: number;
+  }>;
+  loading: boolean;
+}
+
+export interface RootState {
+  spaceUsers: SpaceUsersState;
+  sidebar: {
+    collapsed: boolean;
+  };
+}
+
+export interface FiltersState {
+  page: number;
+  limit: number;
+}
+
+export interface FormValues {
+  users?: string[];
+}
diff --git a/studio/src/pages/webhooks/CreateWebhook.js b/studio/src/pages/webhooks/CreateWebhook.js
deleted file mode 100644
index 6070e722e..000000000
--- a/studio/src/pages/webhooks/CreateWebhook.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import React from 'react';
-import WebhookCreateForm from './components/WebhookForm';
-import { useDispatch } from 'react-redux';
-import { addWebhook } from '../../actions/webhooks';
-
-import { Helmet } from 'react-helmet';
-import useNavigation from '../../utils/useNavigation';
-
-function CreateWebhook() {
-  const history = useNavigation();
-  const dispatch = useDispatch();
-  const onCreate = (values) => {
-    dispatch(addWebhook(values)).then(() => history('/settings/advanced/webhooks'));
-  };
-  return (
-    <>
-      <Helmet title={'Create Webhook'} />
-      <WebhookCreateForm onCreate={onCreate} />
-    </>
-  );
-}
-export default CreateWebhook;
diff --git a/studio/src/pages/webhooks/CreateWebhook.test.js b/studio/src/pages/webhooks/CreateWebhook.test.js
deleted file mode 100644
index 1b01f776f..000000000
--- a/studio/src/pages/webhooks/CreateWebhook.test.js
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import CreateWebhook from './CreateWebhook';
-import * as actions from '../../actions/webhooks';
-import WebhookCreateForm from './components/WebhookForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/webhooks', () => ({
-  getWebhooks: jest.fn(),
-  addWebhook: jest.fn(),
-}));
-
-describe('Webhook create component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore({
-    webhooks: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    events: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    spaces: {
-      orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-      details: {
-        11: { id: 11, name: 'Space 11' },
-      },
-      loading: false,
-      selected: 11,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <CreateWebhook />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-      tree.unmount();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call addWebhook', (done) => {
-      actions.addWebhook.mockReset();
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <CreateWebhook />
-            </Router>
-          </Provider>,
-        );
-      });
-      wrapper.find(WebhookCreateForm).props().onCreate({ id: 1, name: 'test', url: 'url' });
-      setTimeout(() => {
-        expect(actions.addWebhook).toHaveBeenCalledWith({ id: 1, name: 'test', url: 'url' });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/webhooks/CreateWebhook.tsx b/studio/src/pages/webhooks/CreateWebhook.tsx
new file mode 100644
index 000000000..94e0db223
--- /dev/null
+++ b/studio/src/pages/webhooks/CreateWebhook.tsx
@@ -0,0 +1,35 @@
+import WebhookCreateForm from "./components/WebhookForm";
+import { addWebhook } from "../../actions/webhooks";
+import { Helmet } from "react-helmet";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// Define the type for webhook values
+interface WebhookFormData {
+  id?: string;
+  name?: string;
+  url?: string;
+  enabled?: boolean;
+  events?: string[];
+  event_ids?: string[];
+}
+
+function CreateWebhook(): React.ReactElement {
+  const history = useNavigation();
+  const dispatch = useAppDispatch();
+
+  const onCreate = (values: WebhookFormData): void => {
+    dispatch(addWebhook(values)).then(() =>
+      history("/settings/advanced/webhooks")
+    );
+  };
+
+  return (
+    <>
+      <Helmet title={"Create Webhook"} />
+      <WebhookCreateForm onCreate={onCreate} />
+    </>
+  );
+}
+
+export default CreateWebhook;
diff --git a/studio/src/pages/webhooks/EditWebhook.js b/studio/src/pages/webhooks/EditWebhook.js
deleted file mode 100644
index 3069a921e..000000000
--- a/studio/src/pages/webhooks/EditWebhook.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import WebhookEditForm from './components/WebhookForm';
-import { useDispatch, useSelector } from 'react-redux';
-import { updateWebhook, getWebhook } from '../../actions/webhooks';
-
-import { useParams } from 'react-router-dom';
-import { Skeleton, Row, Col } from 'antd';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-import Webhooklogs from './webhooklogs';
-import useNavigation from '../../utils/useNavigation';
-
-function EditWebhook() {
-  const history = useNavigation();
-  const { id } = useParams();
-
-  const dispatch = useDispatch();
-  const { webhook, loading } = useSelector((state) => {
-    return {
-      webhook: state.webhooks.details[id] ? state.webhooks.details[id] : null,
-      loading: state.webhooks.loading,
-    };
-  });
-
-  React.useEffect(() => {
-    dispatch(getWebhook(id));
-  }, [dispatch, id]);
-
-  if (loading) return <Skeleton />;
-
-  if (!webhook) {
-    return <RecordNotFound />;
-  }
-
-  const onUpdate = (values) => {
-    dispatch(updateWebhook({ ...webhook, ...values }));
-    history(`/settings/advanced/webhooks/${id}/edit`);
-  };
-  return (
-    <>
-      <Helmet title={'Edit Webhook'} />
-      <Row>
-        <Col span={16}>
-          <WebhookEditForm data={webhook} onCreate={onUpdate} />
-        </Col>
-        <Col span={8}>
-          <Webhooklogs WebhookId={webhook.id} />
-        </Col>
-      </Row>
-    </>
-  );
-}
-
-export default EditWebhook;
diff --git a/studio/src/pages/webhooks/EditWebhook.test.js b/studio/src/pages/webhooks/EditWebhook.test.js
deleted file mode 100644
index c5eb02c0a..000000000
--- a/studio/src/pages/webhooks/EditWebhook.test.js
+++ /dev/null
@@ -1,196 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import { BrowserRouter as Router } from 'react-router-dom';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from 'react-dom/test-utils';
-import { mount } from 'enzyme';
-
-import '../../matchMedia.mock';
-import EditWebhook from './EditWebhook';
-import * as actions from '../../actions/webhooks';
-import WebhookEditForm from './components/WebhookForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-  useParams: jest.fn().mockReturnValue({ id: '1' }),
-}));
-
-jest.mock('../../actions/webhooks', () => ({
-  getWebhooks: jest.fn(),
-  addWebhook: jest.fn(),
-  getWebhook: jest.fn(),
-  updateWebhook: jest.fn(),
-}));
-
-let state = {
-  webhooks: {
-    req: [],
-    details: {},
-    loading: false,
-  },
-  events: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-};
-
-describe('Webhook edit component', () => {
-  let store;
-  let mockedDispatch;
-  store = mockStore(state);
-  store.dispatch = jest.fn(() => ({}));
-  mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <EditWebhook />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        webhooks: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        events: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-      });
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <Router>
-              <EditWebhook />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    state.webhooks = {
-      req: [],
-      details: {
-        1: {
-          id: 1,
-          name: 'webhook-1',
-          url: 'url',
-          events: [1],
-        },
-      },
-      loading: false,
-    };
-    beforeEach(() => {
-      store = mockStore(state);
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should call get action', () => {
-      actions.getWebhook.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditWebhook />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(actions.getWebhook).toHaveBeenCalledWith('1');
-    });
-    it('should call updateWebhook', (done) => {
-      const push = jest.fn();
-      useHistory.mockReturnValueOnce({ push });
-      actions.updateWebhook.mockReset();
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditWebhook />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      wrapper.find(WebhookEditForm).props().onCreate({ url: 'newurl' });
-      setTimeout(() => {
-        expect(actions.updateWebhook).toHaveBeenCalledWith({
-          id: 1,
-          name: 'webhook-1',
-          url: 'newurl',
-          events: [1],
-        });
-        expect(push).toHaveBeenCalledWith('/advanced/webhooks/1/edit');
-        done();
-      }, 0);
-    });
-    it('should display RecordNotFound if webhook not found', () => {
-      state.webhooks = {
-        req: [],
-        details: {
-          2: {
-            id: 2,
-            name: 'webhook-2',
-            url: 'url2',
-          },
-        },
-        loading: false,
-      };
-      store = mockStore(state);
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <EditWebhook />
-            </Router>
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(WebhookEditForm).length).toBe(0);
-    });
-  });
-});
diff --git a/studio/src/pages/webhooks/EditWebhook.tsx b/studio/src/pages/webhooks/EditWebhook.tsx
new file mode 100644
index 000000000..7e3f67b35
--- /dev/null
+++ b/studio/src/pages/webhooks/EditWebhook.tsx
@@ -0,0 +1,131 @@
+import { useEffect } from "react";
+import WebhookEditForm from "./components/WebhookForm";
+import { useSelector } from "react-redux";
+import { updateWebhook, getWebhook } from "../../actions/webhooks";
+import { useParams } from "react-router-dom";
+import { Card, CardContent } from "@/components/ui/card";
+import { Skeleton } from "@/components/ui/skeleton";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Helmet } from "react-helmet";
+import Webhooklogs from "./webhooklogs";
+import useNavigation from "../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// Define types for your Redux state and webhook data
+interface Event {
+  id: string;
+  [key: string]: any;
+}
+
+interface Webhook {
+  id: string;
+  events: Event[] | string[];
+  name?: string;
+  url?: string;
+  enabled?: boolean;
+  [key: string]: any; // Add specific properties as needed
+}
+
+interface WebhookFormData {
+  id?: string;
+  name?: string;
+  url?: string;
+  enabled?: boolean;
+  events?: string[];
+  event_ids?: string[];
+}
+
+interface WebhooksState {
+  details: {
+    [id: string]: Webhook;
+  };
+  loading: boolean;
+}
+
+interface RootState {
+  webhooks: WebhooksState;
+}
+
+function EditWebhook(): React.ReactElement {
+  const history = useNavigation();
+  const { id } = useParams<{ id: string }>();
+
+  const dispatch = useAppDispatch();
+  const { webhook, loading } = useSelector((state: RootState) => {
+    return {
+      webhook:
+        id && state.webhooks.details[id] ? state.webhooks.details[id] : null,
+      loading: state.webhooks.loading,
+    };
+  });
+
+  useEffect(() => {
+    if (id) {
+      dispatch(getWebhook(id));
+    }
+  }, [dispatch, id]);
+
+  if (loading) {
+    return (
+      <div className="space-y-2">
+        <Skeleton className="h-4 w-full" />
+        <Skeleton className="h-4 w-full" />
+        <Skeleton className="h-4 w-full" />
+      </div>
+    );
+  }
+
+  if (!webhook) {
+    return <RecordNotFound />;
+  }
+
+  // Convert webhook to WebhookFormData format for the form component
+  const webhookFormData: WebhookFormData = {
+    id: webhook.id,
+    name: webhook.name,
+    url: webhook.url,
+    enabled: webhook.enabled,
+    events: Array.isArray(webhook.events)
+      ? webhook.events.map((event) =>
+          typeof event === "string" ? event : event.id
+        )
+      : (webhook.events as string[]),
+  };
+
+  const onUpdate = (values: WebhookFormData) => {
+    // Make sure to preserve the webhook's original structure
+    const updatedWebhook: Webhook = {
+      ...webhook,
+      name: values.name,
+      url: values.url,
+      enabled: values.enabled,
+      events: values.events || [],
+    };
+    dispatch(updateWebhook(updatedWebhook));
+    history(`/settings/advanced/webhooks/${id}/edit`);
+  };
+
+  return (
+    <>
+      <Helmet title={"Edit Webhook"} />
+      <div className="grid grid-cols-12 gap-4">
+        <div className="col-span-8">
+          <Card>
+            <CardContent className="pt-6">
+              <WebhookEditForm data={webhookFormData} onCreate={onUpdate} />
+            </CardContent>
+          </Card>
+        </div>
+        <div className="col-span-4">
+          <Card>
+            <CardContent className="pt-6">
+              <Webhooklogs WebhookId={webhook.id} />
+            </CardContent>
+          </Card>
+        </div>
+      </div>
+    </>
+  );
+}
+
+export default EditWebhook;
diff --git a/studio/src/pages/webhooks/__snapshots__/CreateWebhook.test.js.snap b/studio/src/pages/webhooks/__snapshots__/CreateWebhook.test.js.snap
deleted file mode 100644
index 44eebc387..000000000
--- a/studio/src/pages/webhooks/__snapshots__/CreateWebhook.test.js.snap
+++ /dev/null
@@ -1,1229 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Webhook create component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <CreateWebhook>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Create Webhook"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Create Webhook"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Create Webhook"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <WebhookForm
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-webhook",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={Object {}}
-        labelCol={
-          Object {
-            "span": 8,
-          }
-        }
-        name="create-webhook"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-        wrapperCol={
-          Object {
-            "span": 10,
-          }
-        }
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-horizontal"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-webhook",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-webhook"
-            initialValues={Object {}}
-            name="create-webhook"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-horizontal"
-              id="create-webhook"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <FormItem
-                label="Name"
-                name="name"
-              >
-                <WrapperField
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name="name"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-webhook",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_name"
-                    label="Name"
-                    messageVariables={
-                      Object {
-                        "label": "Name",
-                      }
-                    }
-                    name={
-                      Array [
-                        "name",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-webhook_name"
-                          label="Name"
-                          name="name"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-webhook_name"
-                                title="Name"
-                              >
-                                Name
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Name"
-                          name={
-                            Array [
-                              "name",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="create-webhook_name"
-                                      onChange={[Function]}
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-webhook_name"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-webhook_name"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Url"
-                name="url"
-              >
-                <WrapperField
-                  label="Url"
-                  messageVariables={
-                    Object {
-                      "label": "Url",
-                    }
-                  }
-                  name="url"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-webhook",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_url"
-                    label="Url"
-                    messageVariables={
-                      Object {
-                        "label": "Url",
-                      }
-                    }
-                    name={
-                      Array [
-                        "url",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-webhook_url"
-                          label="Url"
-                          name="url"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-webhook_url"
-                                title="Url"
-                              >
-                                Url
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Url"
-                          name={
-                            Array [
-                              "url",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Input
-                                      id="create-webhook_url"
-                                      onChange={[Function]}
-                                      type="text"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-webhook_url"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-webhook_url"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value=""
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_url"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value=""
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Enable"
-                name="enabled"
-                valuePropName="checked"
-              >
-                <WrapperField
-                  label="Enable"
-                  messageVariables={
-                    Object {
-                      "label": "Enable",
-                    }
-                  }
-                  name="enabled"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="checked"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-webhook",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_enabled"
-                    label="Enable"
-                    messageVariables={
-                      Object {
-                        "label": "Enable",
-                      }
-                    }
-                    name={
-                      Array [
-                        "enabled",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="checked"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-webhook_enabled"
-                          label="Enable"
-                          name="enabled"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                          valuePropName="checked"
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-webhook_enabled"
-                                title="Enable"
-                              >
-                                Enable
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Enable"
-                          name={
-                            Array [
-                              "enabled",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                          valuePropName="checked"
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Switch
-                                      id="create-webhook_enabled"
-                                      onChange={[Function]}
-                                    >
-                                      <Wave
-                                        insertExtraNode={true}
-                                      >
-                                        <Switch
-                                          className=""
-                                          id="create-webhook_enabled"
-                                          loadingIcon={
-                                            <div
-                                              className="ant-switch-handle"
-                                            />
-                                          }
-                                          onChange={[Function]}
-                                          prefixCls="ant-switch"
-                                        >
-                                          <button
-                                            aria-checked={false}
-                                            className="ant-switch"
-                                            id="create-webhook_enabled"
-                                            onClick={[Function]}
-                                            onKeyDown={[Function]}
-                                            role="switch"
-                                            type="button"
-                                          >
-                                            <div
-                                              className="ant-switch-handle"
-                                            />
-                                            <span
-                                              className="ant-switch-inner"
-                                            />
-                                          </button>
-                                        </Switch>
-                                      </Wave>
-                                    </Switch>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Events"
-                name="events"
-              >
-                <WrapperField
-                  label="Events"
-                  messageVariables={
-                    Object {
-                      "label": "Events",
-                    }
-                  }
-                  name="events"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-webhook",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_events"
-                    label="Events"
-                    messageVariables={
-                      Object {
-                        "label": "Events",
-                      }
-                    }
-                    name={
-                      Array [
-                        "events",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-webhook_events"
-                          label="Events"
-                          name="events"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-webhook_events"
-                                title="Events"
-                              >
-                                Events
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Events"
-                          name={
-                            Array [
-                              "events",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-webhook_events"
-                                      onChange={[Function]}
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-webhook_events"
-                                      >
-                                        <Row
-                                          gutter={
-                                            Array [
-                                              4,
-                                              16,
-                                            ]
-                                          }
-                                        >
-                                          <div
-                                            className="ant-row"
-                                            style={
-                                              Object {
-                                                "marginBottom": -8,
-                                                "marginLeft": -2,
-                                                "marginRight": -2,
-                                                "marginTop": -8,
-                                              }
-                                            }
-                                          />
-                                        </Row>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "display": "flex",
-                    "justifyContent": "center",
-                  }
-                }
-                wrapperCol={
-                  Object {
-                    "offset": 2,
-                    "span": 10,
-                  }
-                }
-              >
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                  style={
-                    Object {
-                      "alignItems": "center",
-                      "display": "flex",
-                      "justifyContent": "center",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                      style={
-                        Object {
-                          "alignItems": "center",
-                          "display": "flex",
-                          "justifyContent": "center",
-                        }
-                      }
-                      wrapperCol={
-                        Object {
-                          "offset": 2,
-                          "span": 10,
-                        }
-                      }
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      style={
-                        Object {
-                          "alignItems": "center",
-                          "display": "flex",
-                          "justifyContent": "center",
-                        }
-                      }
-                      validateStatus=""
-                      wrapperCol={
-                        Object {
-                          "offset": 2,
-                          "span": 10,
-                        }
-                      }
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                        offset={2}
-                        span={10}
-                      >
-                        <div
-                          className="ant-col ant-col-10 ant-col-offset-2 ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Button
-                                onClick={[Function]}
-                                size="small"
-                                style={
-                                  Object {
-                                    "width": "90%",
-                                  }
-                                }
-                              >
-                                <Wave>
-                                  <button
-                                    className="ant-btn ant-btn-sm"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "width": "90%",
-                                      }
-                                    }
-                                    type="button"
-                                  >
-                                    <LoadingIcon
-                                      existIcon={false}
-                                      loading={false}
-                                      prefixCls="ant-btn"
-                                    >
-                                      <CSSMotion
-                                        motionName="ant-btn-loading-icon-motion"
-                                        onAppearActive={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </LoadingIcon>
-                                    <span
-                                      key=".0"
-                                    >
-                                      Load More Events
-                                    </span>
-                                  </button>
-                                </Wave>
-                              </Button>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-              <FormItem
-                wrapperCol={
-                  Object {
-                    "offset": 10,
-                    "span": 14,
-                  }
-                }
-              >
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={Object {}}
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                      wrapperCol={
-                        Object {
-                          "offset": 10,
-                          "span": 14,
-                        }
-                      }
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      validateStatus=""
-                      wrapperCol={
-                        Object {
-                          "offset": 10,
-                          "span": 14,
-                        }
-                      }
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                        offset={10}
-                        span={14}
-                      >
-                        <div
-                          className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Space>
-                                <div
-                                  className="ant-space ant-space-horizontal ant-space-align-center"
-                                  style={Object {}}
-                                >
-                                  <Item
-                                    className="ant-space-item"
-                                    direction="horizontal"
-                                    index={0}
-                                    key="ant-space-item-0"
-                                    marginDirection="marginRight"
-                                    wrap={false}
-                                  >
-                                    <div
-                                      className="ant-space-item"
-                                      style={
-                                        Object {
-                                          "marginRight": 8,
-                                        }
-                                      }
-                                    >
-                                      <Button
-                                        disabled={true}
-                                        htmlType="submit"
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={true}
-                                            onClick={[Function]}
-                                            type="submit"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Submit
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </Item>
-                                  <Item
-                                    className="ant-space-item"
-                                    direction="horizontal"
-                                    index={1}
-                                    key="ant-space-item-1"
-                                    marginDirection="marginRight"
-                                    wrap={false}
-                                  >
-                                    <div
-                                      className="ant-space-item"
-                                      style={Object {}}
-                                    >
-                                      <Button
-                                        htmlType="button"
-                                        onClick={[Function]}
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn"
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Reset
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </Item>
-                                </div>
-                              </Space>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </WebhookForm>
-  </CreateWebhook>
-</Provider>
-`;
diff --git a/studio/src/pages/webhooks/__snapshots__/EditWebhook.test.js.snap b/studio/src/pages/webhooks/__snapshots__/EditWebhook.test.js.snap
deleted file mode 100644
index 9ed944e4a..000000000
--- a/studio/src/pages/webhooks/__snapshots__/EditWebhook.test.js.snap
+++ /dev/null
@@ -1,1377 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Webhook edit component snapshot testing should match skeleton while loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <EditWebhook>
-        <Skeleton
-          avatar={false}
-          paragraph={true}
-          title={true}
-        >
-          <div
-            className="ant-skeleton"
-          >
-            <div
-              className="ant-skeleton-content"
-            >
-              <Title
-                prefixCls="ant-skeleton-title"
-                width="38%"
-              >
-                <h3
-                  className="ant-skeleton-title"
-                  style={
-                    Object {
-                      "width": "38%",
-                    }
-                  }
-                />
-              </Title>
-              <Paragraph
-                prefixCls="ant-skeleton-paragraph"
-                rows={3}
-                width="61%"
-              >
-                <ul
-                  className="ant-skeleton-paragraph"
-                >
-                  <li
-                    key="0"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="1"
-                    style={
-                      Object {
-                        "width": undefined,
-                      }
-                    }
-                  />
-                  <li
-                    key="2"
-                    style={
-                      Object {
-                        "width": "61%",
-                      }
-                    }
-                  />
-                </ul>
-              </Paragraph>
-            </div>
-          </div>
-        </Skeleton>
-      </EditWebhook>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Webhook edit component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <EditWebhook>
-    <HelmetWrapper
-      defer={true}
-      encodeSpecialCharacters={true}
-      title="Edit Webhook"
-    >
-      <SideEffect(NullComponent)
-        defer={true}
-        encodeSpecialCharacters={true}
-        title="Edit Webhook"
-      >
-        <NullComponent
-          defer={true}
-          encodeSpecialCharacters={true}
-          title="Edit Webhook"
-        />
-      </SideEffect(NullComponent)>
-    </HelmetWrapper>
-    <WebhookForm
-      data={
-        Object {
-          "events": Array [
-            1,
-          ],
-          "id": 1,
-          "name": "webhook-1",
-          "url": "url",
-        }
-      }
-      onCreate={[Function]}
-    >
-      <ForwardRef(InternalForm)
-        form={
-          Object {
-            "__INTERNAL__": Object {
-              "itemRef": [Function],
-              "name": "create-webhook",
-            },
-            "getFieldError": [Function],
-            "getFieldInstance": [Function],
-            "getFieldValue": [Function],
-            "getFieldsError": [Function],
-            "getFieldsValue": [Function],
-            "getInternalHooks": [Function],
-            "isFieldTouched": [Function],
-            "isFieldValidating": [Function],
-            "isFieldsTouched": [Function],
-            "isFieldsValidating": [Function],
-            "resetFields": [Function],
-            "scrollToField": [Function],
-            "setFields": [Function],
-            "setFieldsValue": [Function],
-            "submit": [Function],
-            "validateFields": [Function],
-          }
-        }
-        initialValues={
-          Object {
-            "events": Array [
-              1,
-            ],
-            "id": 1,
-            "name": "webhook-1",
-            "url": "url",
-          }
-        }
-        labelCol={
-          Object {
-            "span": 8,
-          }
-        }
-        name="create-webhook"
-        onFinish={[Function]}
-        onValuesChange={[Function]}
-        wrapperCol={
-          Object {
-            "span": 10,
-          }
-        }
-      >
-        <SizeContextProvider>
-          <ForwardRef(Form)
-            className="ant-form ant-form-horizontal"
-            form={
-              Object {
-                "__INTERNAL__": Object {
-                  "itemRef": [Function],
-                  "name": "create-webhook",
-                },
-                "getFieldError": [Function],
-                "getFieldInstance": [Function],
-                "getFieldValue": [Function],
-                "getFieldsError": [Function],
-                "getFieldsValue": [Function],
-                "getInternalHooks": [Function],
-                "isFieldTouched": [Function],
-                "isFieldValidating": [Function],
-                "isFieldsTouched": [Function],
-                "isFieldsValidating": [Function],
-                "resetFields": [Function],
-                "scrollToField": [Function],
-                "setFields": [Function],
-                "setFieldsValue": [Function],
-                "submit": [Function],
-                "validateFields": [Function],
-              }
-            }
-            id="create-webhook"
-            initialValues={
-              Object {
-                "events": Array [
-                  1,
-                ],
-                "id": 1,
-                "name": "webhook-1",
-                "url": "url",
-              }
-            }
-            name="create-webhook"
-            onFinish={[Function]}
-            onFinishFailed={[Function]}
-            onValuesChange={[Function]}
-          >
-            <form
-              className="ant-form ant-form-horizontal"
-              id="create-webhook"
-              onReset={[Function]}
-              onSubmit={[Function]}
-            >
-              <FormItem
-                label="Name"
-                name="name"
-              >
-                <WrapperField
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name="name"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-webhook",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_name"
-                    label="Name"
-                    messageVariables={
-                      Object {
-                        "label": "Name",
-                      }
-                    }
-                    name={
-                      Array [
-                        "name",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-webhook_name"
-                          label="Name"
-                          name="name"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-webhook_name"
-                                title="Name"
-                              >
-                                Name
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Name"
-                          name={
-                            Array [
-                              "name",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                    value="webhook-1"
-                                  >
-                                    <Input
-                                      id="create-webhook_name"
-                                      onChange={[Function]}
-                                      type="text"
-                                      value="webhook-1"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-webhook_name"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                            value="webhook-1"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-webhook_name"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value="webhook-1"
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value="webhook-1"
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Url"
-                name="url"
-              >
-                <WrapperField
-                  label="Url"
-                  messageVariables={
-                    Object {
-                      "label": "Url",
-                    }
-                  }
-                  name="url"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-webhook",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_url"
-                    label="Url"
-                    messageVariables={
-                      Object {
-                        "label": "Url",
-                      }
-                    }
-                    name={
-                      Array [
-                        "url",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-webhook_url"
-                          label="Url"
-                          name="url"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-webhook_url"
-                                title="Url"
-                              >
-                                Url
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Url"
-                          name={
-                            Array [
-                              "url",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                    value="url"
-                                  >
-                                    <Input
-                                      id="create-webhook_url"
-                                      onChange={[Function]}
-                                      type="text"
-                                      value="url"
-                                    >
-                                      <ClearableLabeledInput
-                                        bordered={true}
-                                        element={
-                                          <input
-                                            className="ant-input"
-                                            id="create-webhook_url"
-                                            onBlur={[Function]}
-                                            onChange={[Function]}
-                                            onFocus={[Function]}
-                                            onKeyDown={[Function]}
-                                            type="text"
-                                            value="url"
-                                          />
-                                        }
-                                        focused={false}
-                                        handleReset={[Function]}
-                                        id="create-webhook_url"
-                                        inputType="input"
-                                        onChange={[Function]}
-                                        prefixCls="ant-input"
-                                        triggerFocus={[Function]}
-                                        type="text"
-                                        value="url"
-                                      >
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_url"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value="url"
-                                        />
-                                      </ClearableLabeledInput>
-                                    </Input>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Enable"
-                name="enabled"
-                valuePropName="checked"
-              >
-                <WrapperField
-                  label="Enable"
-                  messageVariables={
-                    Object {
-                      "label": "Enable",
-                    }
-                  }
-                  name="enabled"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="checked"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-webhook",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_enabled"
-                    label="Enable"
-                    messageVariables={
-                      Object {
-                        "label": "Enable",
-                      }
-                    }
-                    name={
-                      Array [
-                        "enabled",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="checked"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-webhook_enabled"
-                          label="Enable"
-                          name="enabled"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                          valuePropName="checked"
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-webhook_enabled"
-                                title="Enable"
-                              >
-                                Enable
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Enable"
-                          name={
-                            Array [
-                              "enabled",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                          valuePropName="checked"
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                  >
-                                    <Switch
-                                      id="create-webhook_enabled"
-                                      onChange={[Function]}
-                                    >
-                                      <Wave
-                                        insertExtraNode={true}
-                                      >
-                                        <Switch
-                                          className=""
-                                          id="create-webhook_enabled"
-                                          loadingIcon={
-                                            <div
-                                              className="ant-switch-handle"
-                                            />
-                                          }
-                                          onChange={[Function]}
-                                          prefixCls="ant-switch"
-                                        >
-                                          <button
-                                            aria-checked={false}
-                                            className="ant-switch"
-                                            id="create-webhook_enabled"
-                                            onClick={[Function]}
-                                            onKeyDown={[Function]}
-                                            role="switch"
-                                            type="button"
-                                          >
-                                            <div
-                                              className="ant-switch-handle"
-                                            />
-                                            <span
-                                              className="ant-switch-inner"
-                                            />
-                                          </button>
-                                        </Switch>
-                                      </Wave>
-                                    </Switch>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                label="Events"
-                name="events"
-              >
-                <WrapperField
-                  label="Events"
-                  messageVariables={
-                    Object {
-                      "label": "Events",
-                    }
-                  }
-                  name="events"
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                >
-                  <Field
-                    fieldContext={
-                      Object {
-                        "__INTERNAL__": Object {
-                          "itemRef": [Function],
-                          "name": "create-webhook",
-                        },
-                        "getFieldError": [Function],
-                        "getFieldInstance": [Function],
-                        "getFieldValue": [Function],
-                        "getFieldsError": [Function],
-                        "getFieldsValue": [Function],
-                        "getInternalHooks": [Function],
-                        "isFieldTouched": [Function],
-                        "isFieldValidating": [Function],
-                        "isFieldsTouched": [Function],
-                        "isFieldsValidating": [Function],
-                        "resetFields": [Function],
-                        "scrollToField": [Function],
-                        "setFields": [Function],
-                        "setFieldsValue": [Function],
-                        "submit": [Function],
-                        "validateFields": [Function],
-                        "validateTrigger": "onChange",
-                      }
-                    }
-                    key="_events"
-                    label="Events"
-                    messageVariables={
-                      Object {
-                        "label": "Events",
-                      }
-                    }
-                    name={
-                      Array [
-                        "events",
-                      ]
-                    }
-                    onReset={[Function]}
-                    trigger="onChange"
-                    validateTrigger="onChange"
-                    valuePropName="value"
-                  >
-                    <Row
-                      className="ant-form-item"
-                      key="row"
-                    >
-                      <div
-                        className="ant-row ant-form-item"
-                        style={Object {}}
-                      >
-                        <FormItemLabel
-                          htmlFor="create-webhook_events"
-                          label="Events"
-                          name="events"
-                          prefixCls="ant-form"
-                          required={false}
-                          requiredMark={true}
-                        >
-                          <Col
-                            className="ant-form-item-label"
-                            span={8}
-                          >
-                            <div
-                              className="ant-col ant-col-8 ant-form-item-label"
-                              style={Object {}}
-                            >
-                              <label
-                                className=""
-                                htmlFor="create-webhook_events"
-                                title="Events"
-                              >
-                                Events
-                              </label>
-                            </div>
-                          </Col>
-                        </FormItemLabel>
-                        <FormItemInput
-                          errors={Array []}
-                          label="Events"
-                          name={
-                            Array [
-                              "events",
-                            ]
-                          }
-                          onDomErrorVisibleChange={[Function]}
-                          prefixCls="ant-form"
-                          status=""
-                          touched={false}
-                          validateStatus=""
-                          validating={false}
-                        >
-                          <Col
-                            className="ant-form-item-control"
-                            span={10}
-                          >
-                            <div
-                              className="ant-col ant-col-10 ant-form-item-control"
-                              style={Object {}}
-                            >
-                              <div
-                                className="ant-form-item-control-input"
-                              >
-                                <div
-                                  className="ant-form-item-control-input-content"
-                                >
-                                  <Component
-                                    update={1}
-                                    value={
-                                      Array [
-                                        1,
-                                      ]
-                                    }
-                                  >
-                                    <ForwardRef(InternalCheckboxGroup)
-                                      id="create-webhook_events"
-                                      onChange={[Function]}
-                                      value={
-                                        Array [
-                                          1,
-                                        ]
-                                      }
-                                    >
-                                      <div
-                                        className="ant-checkbox-group"
-                                        id="create-webhook_events"
-                                      >
-                                        <Row
-                                          gutter={
-                                            Array [
-                                              4,
-                                              16,
-                                            ]
-                                          }
-                                        >
-                                          <div
-                                            className="ant-row"
-                                            style={
-                                              Object {
-                                                "marginBottom": -8,
-                                                "marginLeft": -2,
-                                                "marginRight": -2,
-                                                "marginTop": -8,
-                                              }
-                                            }
-                                          />
-                                        </Row>
-                                      </div>
-                                    </ForwardRef(InternalCheckboxGroup)>
-                                  </Component>
-                                </div>
-                              </div>
-                              <ErrorList
-                                errors={Array []}
-                                onDomErrorVisibleChange={[Function]}
-                              >
-                                <CSSMotion
-                                  motionAppear={true}
-                                  motionDeadline={500}
-                                  motionName="ant-show-help"
-                                  onLeaveEnd={[Function]}
-                                  removeOnLeave={true}
-                                  visible={false}
-                                >
-                                  <DomWrapper />
-                                </CSSMotion>
-                              </ErrorList>
-                            </div>
-                          </Col>
-                        </FormItemInput>
-                      </div>
-                    </Row>
-                  </Field>
-                </WrapperField>
-              </FormItem>
-              <FormItem
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "display": "flex",
-                    "justifyContent": "center",
-                  }
-                }
-                wrapperCol={
-                  Object {
-                    "offset": 2,
-                    "span": 10,
-                  }
-                }
-              >
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                  style={
-                    Object {
-                      "alignItems": "center",
-                      "display": "flex",
-                      "justifyContent": "center",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                      style={
-                        Object {
-                          "alignItems": "center",
-                          "display": "flex",
-                          "justifyContent": "center",
-                        }
-                      }
-                      wrapperCol={
-                        Object {
-                          "offset": 2,
-                          "span": 10,
-                        }
-                      }
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      style={
-                        Object {
-                          "alignItems": "center",
-                          "display": "flex",
-                          "justifyContent": "center",
-                        }
-                      }
-                      validateStatus=""
-                      wrapperCol={
-                        Object {
-                          "offset": 2,
-                          "span": 10,
-                        }
-                      }
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                        offset={2}
-                        span={10}
-                      >
-                        <div
-                          className="ant-col ant-col-10 ant-col-offset-2 ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Button
-                                onClick={[Function]}
-                                size="small"
-                                style={
-                                  Object {
-                                    "width": "90%",
-                                  }
-                                }
-                              >
-                                <Wave>
-                                  <button
-                                    className="ant-btn ant-btn-sm"
-                                    onClick={[Function]}
-                                    style={
-                                      Object {
-                                        "width": "90%",
-                                      }
-                                    }
-                                    type="button"
-                                  >
-                                    <LoadingIcon
-                                      existIcon={false}
-                                      loading={false}
-                                      prefixCls="ant-btn"
-                                    >
-                                      <CSSMotion
-                                        motionName="ant-btn-loading-icon-motion"
-                                        onAppearActive={[Function]}
-                                        onAppearStart={[Function]}
-                                        onEnterActive={[Function]}
-                                        onEnterStart={[Function]}
-                                        onLeaveActive={[Function]}
-                                        onLeaveStart={[Function]}
-                                        removeOnLeave={true}
-                                        visible={false}
-                                      >
-                                        <DomWrapper />
-                                      </CSSMotion>
-                                    </LoadingIcon>
-                                    <span
-                                      key=".0"
-                                    >
-                                      Load More Events
-                                    </span>
-                                  </button>
-                                </Wave>
-                              </Button>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-              <FormItem
-                wrapperCol={
-                  Object {
-                    "offset": 10,
-                    "span": 14,
-                  }
-                }
-              >
-                <Row
-                  className="ant-form-item"
-                  key="row"
-                >
-                  <div
-                    className="ant-row ant-form-item"
-                    style={Object {}}
-                  >
-                    <FormItemLabel
-                      prefixCls="ant-form"
-                      requiredMark={true}
-                      wrapperCol={
-                        Object {
-                          "offset": 10,
-                          "span": 14,
-                        }
-                      }
-                    />
-                    <FormItemInput
-                      errors={Array []}
-                      onDomErrorVisibleChange={[Function]}
-                      prefixCls="ant-form"
-                      status=""
-                      validateStatus=""
-                      wrapperCol={
-                        Object {
-                          "offset": 10,
-                          "span": 14,
-                        }
-                      }
-                    >
-                      <Col
-                        className="ant-form-item-control"
-                        offset={10}
-                        span={14}
-                      >
-                        <div
-                          className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                          style={Object {}}
-                        >
-                          <div
-                            className="ant-form-item-control-input"
-                          >
-                            <div
-                              className="ant-form-item-control-input-content"
-                            >
-                              <Space>
-                                <div
-                                  className="ant-space ant-space-horizontal ant-space-align-center"
-                                  style={Object {}}
-                                >
-                                  <Item
-                                    className="ant-space-item"
-                                    direction="horizontal"
-                                    index={0}
-                                    key="ant-space-item-0"
-                                    marginDirection="marginRight"
-                                    wrap={false}
-                                  >
-                                    <div
-                                      className="ant-space-item"
-                                      style={
-                                        Object {
-                                          "marginRight": 8,
-                                        }
-                                      }
-                                    >
-                                      <Button
-                                        disabled={true}
-                                        htmlType="submit"
-                                        type="primary"
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn ant-btn-primary"
-                                            disabled={true}
-                                            onClick={[Function]}
-                                            type="submit"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Update
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </Item>
-                                  <Item
-                                    className="ant-space-item"
-                                    direction="horizontal"
-                                    index={1}
-                                    key="ant-space-item-1"
-                                    marginDirection="marginRight"
-                                    wrap={false}
-                                  >
-                                    <div
-                                      className="ant-space-item"
-                                      style={Object {}}
-                                    >
-                                      <Button
-                                        htmlType="button"
-                                        onClick={[Function]}
-                                      >
-                                        <Wave>
-                                          <button
-                                            className="ant-btn"
-                                            onClick={[Function]}
-                                            type="button"
-                                          >
-                                            <LoadingIcon
-                                              existIcon={false}
-                                              loading={false}
-                                              prefixCls="ant-btn"
-                                            >
-                                              <CSSMotion
-                                                motionName="ant-btn-loading-icon-motion"
-                                                onAppearActive={[Function]}
-                                                onAppearStart={[Function]}
-                                                onEnterActive={[Function]}
-                                                onEnterStart={[Function]}
-                                                onLeaveActive={[Function]}
-                                                onLeaveStart={[Function]}
-                                                removeOnLeave={true}
-                                                visible={false}
-                                              >
-                                                <DomWrapper />
-                                              </CSSMotion>
-                                            </LoadingIcon>
-                                            <span
-                                              key=".0"
-                                            >
-                                              Reset
-                                            </span>
-                                          </button>
-                                        </Wave>
-                                      </Button>
-                                    </div>
-                                  </Item>
-                                </div>
-                              </Space>
-                            </div>
-                          </div>
-                          <ErrorList
-                            errors={Array []}
-                            onDomErrorVisibleChange={[Function]}
-                          >
-                            <CSSMotion
-                              motionAppear={true}
-                              motionDeadline={500}
-                              motionName="ant-show-help"
-                              onLeaveEnd={[Function]}
-                              removeOnLeave={true}
-                              visible={false}
-                            >
-                              <DomWrapper />
-                            </CSSMotion>
-                          </ErrorList>
-                        </div>
-                      </Col>
-                    </FormItemInput>
-                  </div>
-                </Row>
-              </FormItem>
-            </form>
-          </ForwardRef(Form)>
-        </SizeContextProvider>
-      </ForwardRef(InternalForm)>
-    </WebhookForm>
-  </EditWebhook>
-</Provider>
-`;
diff --git a/studio/src/pages/webhooks/__snapshots__/index.test.js.snap b/studio/src/pages/webhooks/__snapshots__/index.test.js.snap
deleted file mode 100644
index d8ea9ddc8..000000000
--- a/studio/src/pages/webhooks/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,3233 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Webhook component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [MockFunction],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Webhooks
-        permission={
-          Object {
-            "actions": Array [
-              "admin",
-            ],
-          }
-        }
-      >
-        <Loader>
-          <div
-            style={
-              Object {
-                "alignItems": "center",
-                "display": "flex",
-                "height": "100vh",
-                "justifyContent": "center",
-                "padding": "2rem",
-                "position": "absolute",
-                "width": "100%",
-              }
-            }
-          >
-            <Spin
-              size="large"
-              spinning={true}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin ant-spin-lg ant-spin-spinning"
-              >
-                <span
-                  className="ant-spin-dot ant-spin-dot-spin"
-                >
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                  <i
-                    className="ant-spin-dot-item"
-                  />
-                </span>
-              </div>
-            </Spin>
-          </div>
-        </Loader>
-      </Webhooks>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Webhook component snapshot testing should render the component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <Webhooks
-        permission={
-          Object {
-            "actions": Array [
-              "admin",
-            ],
-          }
-        }
-      >
-        <Space
-          direction="vertical"
-        >
-          <div
-            className="ant-space ant-space-vertical"
-            style={Object {}}
-          >
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={0}
-              key="ant-space-item-0"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <HelmetWrapper
-                  defer={true}
-                  encodeSpecialCharacters={true}
-                  title="Webhooks"
-                >
-                  <SideEffect(NullComponent)
-                    defer={true}
-                    encodeSpecialCharacters={true}
-                    title="Webhooks"
-                  >
-                    <NullComponent
-                      defer={true}
-                      encodeSpecialCharacters={true}
-                      title="Webhooks"
-                    />
-                  </SideEffect(NullComponent)>
-                </HelmetWrapper>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={1}
-              key="ant-space-item-1"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={
-                  Object {
-                    "marginBottom": 8,
-                  }
-                }
-              >
-                <Row
-                  gutter={16}
-                  justify="end"
-                >
-                  <div
-                    className="ant-row ant-row-end"
-                    style={
-                      Object {
-                        "marginLeft": -8,
-                        "marginRight": -8,
-                      }
-                    }
-                  >
-                    <Link
-                      key="1"
-                      to="/advanced/webhooks/create"
-                    >
-                      <LinkAnchor
-                        href="/advanced/webhooks/create"
-                        navigate={[Function]}
-                      >
-                        <a
-                          href="/advanced/webhooks/create"
-                          onClick={[Function]}
-                        >
-                          <Button
-                            type="primary"
-                          >
-                            <Wave>
-                              <button
-                                className="ant-btn ant-btn-primary"
-                                onClick={[Function]}
-                                type="button"
-                              >
-                                <LoadingIcon
-                                  existIcon={false}
-                                  loading={false}
-                                  prefixCls="ant-btn"
-                                >
-                                  <CSSMotion
-                                    motionName="ant-btn-loading-icon-motion"
-                                    onAppearActive={[Function]}
-                                    onAppearStart={[Function]}
-                                    onEnterActive={[Function]}
-                                    onEnterStart={[Function]}
-                                    onLeaveActive={[Function]}
-                                    onLeaveStart={[Function]}
-                                    removeOnLeave={true}
-                                    visible={false}
-                                  >
-                                    <DomWrapper />
-                                  </CSSMotion>
-                                </LoadingIcon>
-                                <span
-                                  key=".0"
-                                >
-                                  New Webhook
-                                </span>
-                              </button>
-                            </Wave>
-                          </Button>
-                        </a>
-                      </LinkAnchor>
-                    </Link>
-                  </div>
-                </Row>
-              </div>
-            </Item>
-            <Item
-              className="ant-space-item"
-              direction="vertical"
-              index={2}
-              key="ant-space-item-2"
-              marginDirection="marginRight"
-              wrap={false}
-            >
-              <div
-                className="ant-space-item"
-                style={Object {}}
-              >
-                <WebhookList
-                  actions={Array []}
-                  data={
-                    Object {
-                      "loading": false,
-                      "total": 1,
-                      "webhooks": Array [
-                        Object {
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 1,
-                          "name": "Webhook-1",
-                          "url": "url",
-                        },
-                      ],
-                    }
-                  }
-                  fetchWebhooks={[Function]}
-                  filters={
-                    Object {
-                      "limit": 20,
-                      "page": 1,
-                    }
-                  }
-                  setFilters={[Function]}
-                >
-                  <Table
-                    bordered={true}
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                          "width": "20%",
-                        },
-                        Object {
-                          "dataIndex": "url",
-                          "ellipsis": Object {
-                            "showTitle": false,
-                          },
-                          "key": "url",
-                          "render": [Function],
-                          "title": "Url",
-                        },
-                        Object {
-                          "dataIndex": "enabled",
-                          "render": [Function],
-                          "title": "Enabled",
-                          "width": "10%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 1,
-                          "name": "Webhook-1",
-                          "url": "url",
-                        },
-                      ]
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 1,
-                      }
-                    }
-                    rowKey="id"
-                  >
-                    <div
-                      className="ant-table-wrapper"
-                    >
-                      <Spin
-                        size="default"
-                        spinning={false}
-                        wrapperClassName=""
-                      >
-                        <div
-                          className="ant-spin-nested-loading"
-                        >
-                          <div
-                            className="ant-spin-container"
-                            key="container"
-                          >
-                            <Table
-                              bordered={true}
-                              className="ant-table-bordered"
-                              columns={
-                                Array [
-                                  Object {
-                                    "dataIndex": "name",
-                                    "key": "name",
-                                    "render": [Function],
-                                    "title": "Name",
-                                    "width": "20%",
-                                  },
-                                  Object {
-                                    "dataIndex": "url",
-                                    "ellipsis": Object {
-                                      "showTitle": false,
-                                    },
-                                    "key": "url",
-                                    "render": [Function],
-                                    "title": "Url",
-                                  },
-                                  Object {
-                                    "dataIndex": "enabled",
-                                    "render": [Function],
-                                    "title": "Enabled",
-                                    "width": "10%",
-                                  },
-                                  Object {
-                                    "align": "center",
-                                    "dataIndex": "operation",
-                                    "fixed": "right",
-                                    "render": [Function],
-                                    "title": "Action",
-                                    "width": 150,
-                                  },
-                                ]
-                              }
-                              data={
-                                Array [
-                                  Object {
-                                    "events": Array [
-                                      1,
-                                    ],
-                                    "id": 1,
-                                    "name": "Webhook-1",
-                                    "url": "url",
-                                  },
-                                ]
-                              }
-                              dataSource={
-                                Array [
-                                  Object {
-                                    "events": Array [
-                                      1,
-                                    ],
-                                    "id": 1,
-                                    "name": "Webhook-1",
-                                    "url": "url",
-                                  },
-                                ]
-                              }
-                              emptyText={
-                                <Context.Consumer>
-                                  [Function]
-                                </Context.Consumer>
-                              }
-                              expandable={
-                                Object {
-                                  "__PARENT_RENDER_ICON__": undefined,
-                                  "childrenColumnName": undefined,
-                                  "expandIcon": [Function],
-                                  "expandIconColumnIndex": undefined,
-                                  "indentSize": 15,
-                                }
-                              }
-                              internalHooks="rc-table-internal-hook"
-                              internalRefs={
-                                Object {
-                                  "body": Object {
-                                    "current": <div
-                                      class="ant-table-content"
-                                    >
-                                      <table
-                                        style="table-layout: fixed;"
-                                      >
-                                        <colgroup>
-                                          <col
-                                            style="width: 20%;"
-                                          />
-                                          <col />
-                                          <col
-                                            style="width: 10%;"
-                                          />
-                                          <col
-                                            style="width: 150px;"
-                                          />
-                                        </colgroup>
-                                        <thead
-                                          class="ant-table-thead"
-                                        >
-                                          <tr>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Name
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-ellipsis"
-                                              title="Url"
-                                            >
-                                              Url
-                                            </th>
-                                            <th
-                                              class="ant-table-cell"
-                                            >
-                                              Enabled
-                                            </th>
-                                            <th
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              Action
-                                            </th>
-                                          </tr>
-                                        </thead>
-                                        <tbody
-                                          class="ant-table-tbody"
-                                        >
-                                          <tr
-                                            class="ant-table-row ant-table-row-level-0"
-                                            data-row-key="1"
-                                          >
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <a
-                                                href="/advanced/webhooks/1/edit"
-                                                style="margin-right: 8px;"
-                                              >
-                                                Webhook-1
-                                              </a>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell ant-table-cell-ellipsis"
-                                            >
-                                              <span>
-                                                url
-                                              </span>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell"
-                                            >
-                                              <p>
-                                                No
-                                              </p>
-                                            </td>
-                                            <td
-                                              class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                              style="text-align: center; position: sticky; right: 0px;"
-                                            >
-                                              <span
-                                                class="ant-popover-disabled-compatible-wrapper"
-                                                style="display: inline-block; cursor: not-allowed;"
-                                              >
-                                                <button
-                                                  class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                  disabled=""
-                                                  style="pointer-events: none;"
-                                                  type="button"
-                                                >
-                                                  <span
-                                                    aria-label="delete"
-                                                    class="anticon anticon-delete"
-                                                    role="img"
-                                                  >
-                                                    <svg
-                                                      aria-hidden="true"
-                                                      data-icon="delete"
-                                                      fill="currentColor"
-                                                      focusable="false"
-                                                      height="1em"
-                                                      viewBox="64 64 896 896"
-                                                      width="1em"
-                                                    >
-                                                      <path
-                                                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                      />
-                                                    </svg>
-                                                  </span>
-                                                </button>
-                                              </span>
-                                            </td>
-                                          </tr>
-                                        </tbody>
-                                      </table>
-                                    </div>,
-                                  },
-                                }
-                              }
-                              loading={false}
-                              pagination={
-                                Object {
-                                  "current": 1,
-                                  "onChange": [Function],
-                                  "pageSize": 20,
-                                  "pageSizeOptions": Array [
-                                    "10",
-                                    "15",
-                                    "20",
-                                  ],
-                                  "showTotal": [Function],
-                                  "total": 1,
-                                }
-                              }
-                              prefixCls="ant-table"
-                              rowClassName={[Function]}
-                              rowKey={[Function]}
-                              transformColumns={[Function]}
-                            >
-                              <div
-                                className="ant-table ant-table-bordered ant-table-has-fix-right"
-                              >
-                                <Component
-                                  pingLeft={false}
-                                  pingRight={false}
-                                  props={
-                                    Object {
-                                      "bordered": true,
-                                      "className": "ant-table-bordered",
-                                      "columns": Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "dataIndex": "url",
-                                          "ellipsis": Object {
-                                            "showTitle": false,
-                                          },
-                                          "key": "url",
-                                          "render": [Function],
-                                          "title": "Url",
-                                        },
-                                        Object {
-                                          "dataIndex": "enabled",
-                                          "render": [Function],
-                                          "title": "Enabled",
-                                          "width": "10%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ],
-                                      "data": Array [
-                                        Object {
-                                          "events": Array [
-                                            1,
-                                          ],
-                                          "id": 1,
-                                          "name": "Webhook-1",
-                                          "url": "url",
-                                        },
-                                      ],
-                                      "dataSource": Array [
-                                        Object {
-                                          "events": Array [
-                                            1,
-                                          ],
-                                          "id": 1,
-                                          "name": "Webhook-1",
-                                          "url": "url",
-                                        },
-                                      ],
-                                      "direction": undefined,
-                                      "emptyText": <Context.Consumer>
-                                        [Function]
-                                      </Context.Consumer>,
-                                      "expandable": Object {
-                                        "__PARENT_RENDER_ICON__": undefined,
-                                        "childrenColumnName": undefined,
-                                        "expandIcon": [Function],
-                                        "expandIconColumnIndex": undefined,
-                                        "indentSize": 15,
-                                      },
-                                      "internalHooks": "rc-table-internal-hook",
-                                      "internalRefs": Object {
-                                        "body": Object {
-                                          "current": <div
-                                            class="ant-table-content"
-                                          >
-                                            <table
-                                              style="table-layout: fixed;"
-                                            >
-                                              <colgroup>
-                                                <col
-                                                  style="width: 20%;"
-                                                />
-                                                <col />
-                                                <col
-                                                  style="width: 10%;"
-                                                />
-                                                <col
-                                                  style="width: 150px;"
-                                                />
-                                              </colgroup>
-                                              <thead
-                                                class="ant-table-thead"
-                                              >
-                                                <tr>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Name
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-ellipsis"
-                                                    title="Url"
-                                                  >
-                                                    Url
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell"
-                                                  >
-                                                    Enabled
-                                                  </th>
-                                                  <th
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </tr>
-                                              </thead>
-                                              <tbody
-                                                class="ant-table-tbody"
-                                              >
-                                                <tr
-                                                  class="ant-table-row ant-table-row-level-0"
-                                                  data-row-key="1"
-                                                >
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <a
-                                                      href="/advanced/webhooks/1/edit"
-                                                      style="margin-right: 8px;"
-                                                    >
-                                                      Webhook-1
-                                                    </a>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell ant-table-cell-ellipsis"
-                                                  >
-                                                    <span>
-                                                      url
-                                                    </span>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell"
-                                                  >
-                                                    <p>
-                                                      No
-                                                    </p>
-                                                  </td>
-                                                  <td
-                                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    style="text-align: center; position: sticky; right: 0px;"
-                                                  >
-                                                    <span
-                                                      class="ant-popover-disabled-compatible-wrapper"
-                                                      style="display: inline-block; cursor: not-allowed;"
-                                                    >
-                                                      <button
-                                                        class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled=""
-                                                        style="pointer-events: none;"
-                                                        type="button"
-                                                      >
-                                                        <span
-                                                          aria-label="delete"
-                                                          class="anticon anticon-delete"
-                                                          role="img"
-                                                        >
-                                                          <svg
-                                                            aria-hidden="true"
-                                                            data-icon="delete"
-                                                            fill="currentColor"
-                                                            focusable="false"
-                                                            height="1em"
-                                                            viewBox="64 64 896 896"
-                                                            width="1em"
-                                                          >
-                                                            <path
-                                                              d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                            />
-                                                          </svg>
-                                                        </span>
-                                                      </button>
-                                                    </span>
-                                                  </td>
-                                                </tr>
-                                              </tbody>
-                                            </table>
-                                          </div>,
-                                        },
-                                      },
-                                      "loading": false,
-                                      "mergedExpandedKeys": Set {},
-                                      "pagination": Object {
-                                        "current": 1,
-                                        "onChange": [Function],
-                                        "pageSize": 20,
-                                        "pageSizeOptions": Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ],
-                                        "showTotal": [Function],
-                                        "total": 1,
-                                      },
-                                      "prefixCls": "ant-table",
-                                      "rowClassName": [Function],
-                                      "rowKey": [Function],
-                                      "stickyOffsets": Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      },
-                                      "transformColumns": [Function],
-                                    }
-                                  }
-                                >
-                                  <div
-                                    className="ant-table-container"
-                                  >
-                                    <div
-                                      className="ant-table-content"
-                                      onScroll={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <table
-                                        style={
-                                          Object {
-                                            "tableLayout": "fixed",
-                                          }
-                                        }
-                                      >
-                                        <ColGroup
-                                          colWidths={
-                                            Array [
-                                              "20%",
-                                              undefined,
-                                              "10%",
-                                              150,
-                                            ]
-                                          }
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "url",
-                                                "ellipsis": Object {
-                                                  "showTitle": false,
-                                                },
-                                                "fixed": undefined,
-                                                "key": "url",
-                                                "render": [Function],
-                                                "title": "Url",
-                                              },
-                                              Object {
-                                                "dataIndex": "enabled",
-                                                "fixed": undefined,
-                                                "render": [Function],
-                                                "title": "Enabled",
-                                                "width": "10%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                        >
-                                          <colgroup>
-                                            <col
-                                              key="0"
-                                              style={
-                                                Object {
-                                                  "width": "20%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="1"
-                                              style={
-                                                Object {
-                                                  "width": undefined,
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="2"
-                                              style={
-                                                Object {
-                                                  "width": "10%",
-                                                }
-                                              }
-                                            />
-                                            <col
-                                              key="3"
-                                              style={
-                                                Object {
-                                                  "width": 150,
-                                                }
-                                              }
-                                            />
-                                          </colgroup>
-                                        </ColGroup>
-                                        <Header
-                                          colWidths={
-                                            Array [
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                              undefined,
-                                            ]
-                                          }
-                                          columCount={4}
-                                          columns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "url",
-                                                "ellipsis": Object {
-                                                  "showTitle": false,
-                                                },
-                                                "key": "url",
-                                                "render": [Function],
-                                                "title": "Url",
-                                              },
-                                              Object {
-                                                "dataIndex": "enabled",
-                                                "render": [Function],
-                                                "title": "Enabled",
-                                                "width": "10%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          flattenColumns={
-                                            Array [
-                                              Object {
-                                                "dataIndex": "name",
-                                                "fixed": undefined,
-                                                "key": "name",
-                                                "render": [Function],
-                                                "title": "Name",
-                                                "width": "20%",
-                                              },
-                                              Object {
-                                                "dataIndex": "url",
-                                                "ellipsis": Object {
-                                                  "showTitle": false,
-                                                },
-                                                "fixed": undefined,
-                                                "key": "url",
-                                                "render": [Function],
-                                                "title": "Url",
-                                              },
-                                              Object {
-                                                "dataIndex": "enabled",
-                                                "fixed": undefined,
-                                                "render": [Function],
-                                                "title": "Enabled",
-                                                "width": "10%",
-                                              },
-                                              Object {
-                                                "align": "center",
-                                                "dataIndex": "operation",
-                                                "fixed": "right",
-                                                "render": [Function],
-                                                "title": "Action",
-                                                "width": 150,
-                                              },
-                                            ]
-                                          }
-                                          stickyOffsets={
-                                            Object {
-                                              "left": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                              "right": Array [
-                                                0,
-                                                0,
-                                                0,
-                                                0,
-                                              ],
-                                            }
-                                          }
-                                        >
-                                          <thead
-                                            className="ant-table-thead"
-                                          >
-                                            <HeaderRow
-                                              cellComponent="th"
-                                              cells={
-                                                Array [
-                                                  Object {
-                                                    "children": "Name",
-                                                    "className": "",
-                                                    "colEnd": 0,
-                                                    "colSpan": 1,
-                                                    "colStart": 0,
-                                                    "column": Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                      "width": "20%",
-                                                    },
-                                                    "key": "name",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Url",
-                                                    "className": "",
-                                                    "colEnd": 1,
-                                                    "colSpan": 1,
-                                                    "colStart": 1,
-                                                    "column": Object {
-                                                      "dataIndex": "url",
-                                                      "ellipsis": Object {
-                                                        "showTitle": false,
-                                                      },
-                                                      "key": "url",
-                                                      "render": [Function],
-                                                      "title": "Url",
-                                                    },
-                                                    "key": "url",
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Enabled",
-                                                    "className": "",
-                                                    "colEnd": 2,
-                                                    "colSpan": 1,
-                                                    "colStart": 2,
-                                                    "column": Object {
-                                                      "dataIndex": "enabled",
-                                                      "render": [Function],
-                                                      "title": "Enabled",
-                                                      "width": "10%",
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                  Object {
-                                                    "children": "Action",
-                                                    "className": "",
-                                                    "colEnd": 3,
-                                                    "colSpan": 1,
-                                                    "colStart": 3,
-                                                    "column": Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    },
-                                                    "key": undefined,
-                                                    "rowSpan": 1,
-                                                  },
-                                                ]
-                                              }
-                                              flattenColumns={
-                                                Array [
-                                                  Object {
-                                                    "dataIndex": "name",
-                                                    "fixed": undefined,
-                                                    "key": "name",
-                                                    "render": [Function],
-                                                    "title": "Name",
-                                                    "width": "20%",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "url",
-                                                    "ellipsis": Object {
-                                                      "showTitle": false,
-                                                    },
-                                                    "fixed": undefined,
-                                                    "key": "url",
-                                                    "render": [Function],
-                                                    "title": "Url",
-                                                  },
-                                                  Object {
-                                                    "dataIndex": "enabled",
-                                                    "fixed": undefined,
-                                                    "render": [Function],
-                                                    "title": "Enabled",
-                                                    "width": "10%",
-                                                  },
-                                                  Object {
-                                                    "align": "center",
-                                                    "dataIndex": "operation",
-                                                    "fixed": "right",
-                                                    "render": [Function],
-                                                    "title": "Action",
-                                                    "width": 150,
-                                                  },
-                                                ]
-                                              }
-                                              index={0}
-                                              key="0"
-                                              rowComponent="tr"
-                                              stickyOffsets={
-                                                Object {
-                                                  "left": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                  "right": Array [
-                                                    0,
-                                                    0,
-                                                    0,
-                                                    0,
-                                                  ],
-                                                }
-                                              }
-                                            >
-                                              <tr>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={0}
-                                                  colSpan={1}
-                                                  colStart={0}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "name",
-                                                      "key": "name",
-                                                      "render": [Function],
-                                                      "title": "Name",
-                                                      "width": "20%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Name
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={1}
-                                                  colSpan={1}
-                                                  colStart={1}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "url",
-                                                      "ellipsis": Object {
-                                                        "showTitle": false,
-                                                      },
-                                                      "key": "url",
-                                                      "render": [Function],
-                                                      "title": "Url",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  ellipsis={
-                                                    Object {
-                                                      "showTitle": false,
-                                                    }
-                                                  }
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="url"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-ellipsis"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                    title="Url"
-                                                  >
-                                                    Url
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  className=""
-                                                  colEnd={2}
-                                                  colSpan={1}
-                                                  colStart={2}
-                                                  column={
-                                                    Object {
-                                                      "dataIndex": "enabled",
-                                                      "render": [Function],
-                                                      "title": "Enabled",
-                                                      "width": "10%",
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  key="enabled"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    Enabled
-                                                  </th>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  className=""
-                                                  colEnd={3}
-                                                  colSpan={1}
-                                                  colStart={3}
-                                                  column={
-                                                    Object {
-                                                      "align": "center",
-                                                      "dataIndex": "operation",
-                                                      "fixed": "right",
-                                                      "render": [Function],
-                                                      "title": "Action",
-                                                      "width": 150,
-                                                    }
-                                                  }
-                                                  component="th"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  rowSpan={1}
-                                                  rowType="header"
-                                                >
-                                                  <th
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    Action
-                                                  </th>
-                                                </Cell>
-                                              </tr>
-                                            </HeaderRow>
-                                          </thead>
-                                        </Header>
-                                        <Body
-                                          childrenColumnName="children"
-                                          data={
-                                            Array [
-                                              Object {
-                                                "events": Array [
-                                                  1,
-                                                ],
-                                                "id": 1,
-                                                "name": "Webhook-1",
-                                                "url": "url",
-                                              },
-                                            ]
-                                          }
-                                          emptyNode={null}
-                                          expandedKeys={Set {}}
-                                          getRowKey={[Function]}
-                                          measureColumnWidth={false}
-                                        >
-                                          <tbody
-                                            className="ant-table-tbody"
-                                          >
-                                            <BodyRow
-                                              cellComponent="td"
-                                              childrenColumnName="children"
-                                              expandedKeys={Set {}}
-                                              getRowKey={[Function]}
-                                              index={0}
-                                              key="1"
-                                              record={
-                                                Object {
-                                                  "events": Array [
-                                                    1,
-                                                  ],
-                                                  "id": 1,
-                                                  "name": "Webhook-1",
-                                                  "url": "url",
-                                                }
-                                              }
-                                              recordKey={1}
-                                              rowComponent="tr"
-                                              rowKey={1}
-                                            >
-                                              <tr
-                                                className="ant-table-row ant-table-row-level-0"
-                                                data-row-key={1}
-                                                onClick={[Function]}
-                                                style={Object {}}
-                                              >
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="name"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="name"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "events": Array [
-                                                        1,
-                                                      ],
-                                                      "id": 1,
-                                                      "name": "Webhook-1",
-                                                      "url": "url",
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Link
-                                                      style={
-                                                        Object {
-                                                          "marginRight": 8,
-                                                        }
-                                                      }
-                                                      to="/advanced/webhooks/1/edit"
-                                                    >
-                                                      <LinkAnchor
-                                                        href="/advanced/webhooks/1/edit"
-                                                        navigate={[Function]}
-                                                        style={
-                                                          Object {
-                                                            "marginRight": 8,
-                                                          }
-                                                        }
-                                                      >
-                                                        <a
-                                                          href="/advanced/webhooks/1/edit"
-                                                          onClick={[Function]}
-                                                          style={
-                                                            Object {
-                                                              "marginRight": 8,
-                                                            }
-                                                          }
-                                                        >
-                                                          Webhook-1
-                                                        </a>
-                                                      </LinkAnchor>
-                                                    </Link>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="url"
-                                                  ellipsis={
-                                                    Object {
-                                                      "showTitle": false,
-                                                    }
-                                                  }
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="url"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "events": Array [
-                                                        1,
-                                                      ],
-                                                      "id": 1,
-                                                      "name": "Webhook-1",
-                                                      "url": "url",
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell ant-table-cell-ellipsis"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <Tooltip
-                                                      arrowPointAtCenter={false}
-                                                      autoAdjustOverflow={true}
-                                                      mouseEnterDelay={0.1}
-                                                      mouseLeaveDelay={0.1}
-                                                      placement="topLeft"
-                                                      title="url"
-                                                    >
-                                                      <ForwardRef(Tooltip)
-                                                        arrowContent={
-                                                          <span
-                                                            className="ant-tooltip-arrow-content"
-                                                          />
-                                                        }
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        builtinPlacements={
-                                                          Object {
-                                                            "bottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tc",
-                                                                "bc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "bottomRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "left": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cr",
-                                                                "cl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "bl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "leftTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                -4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tr",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "right": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "cl",
-                                                                "cr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightBottom": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "br",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "rightTop": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                4,
-                                                                0,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "tl",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "top": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bc",
-                                                                "tc",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topLeft": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "bl",
-                                                                "tl",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                            "topRight": Object {
-                                                              "ignoreShake": true,
-                                                              "offset": Array [
-                                                                0,
-                                                                -4,
-                                                              ],
-                                                              "overflow": Object {
-                                                                "adjustX": 1,
-                                                                "adjustY": 1,
-                                                              },
-                                                              "points": Array [
-                                                                "br",
-                                                                "tr",
-                                                              ],
-                                                              "targetOffset": Array [
-                                                                0,
-                                                                0,
-                                                              ],
-                                                            },
-                                                          }
-                                                        }
-                                                        motion={
-                                                          Object {
-                                                            "motionDeadline": 1000,
-                                                            "motionName": "ant-zoom-big-fast",
-                                                          }
-                                                        }
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        onPopupAlign={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay="url"
-                                                        overlayClassName=""
-                                                        placement="topLeft"
-                                                        prefixCls="ant-tooltip"
-                                                        title="url"
-                                                        visible={false}
-                                                      >
-                                                        <Trigger
-                                                          action={
-                                                            Array [
-                                                              "hover",
-                                                            ]
-                                                          }
-                                                          afterPopupVisibleChange={[Function]}
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-tooltip-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          autoDestroy={false}
-                                                          blurDelay={0.15}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          defaultPopupVisible={false}
-                                                          destroyPopupOnHide={false}
-                                                          focusDelay={0}
-                                                          getDocument={[Function]}
-                                                          getPopupClassNameFromAlign={[Function]}
-                                                          hideAction={Array []}
-                                                          mask={false}
-                                                          maskClosable={true}
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          onPopupAlign={[Function]}
-                                                          onPopupVisibleChange={[Function]}
-                                                          overlay="url"
-                                                          popup={[Function]}
-                                                          popupAlign={Object {}}
-                                                          popupClassName=""
-                                                          popupMotion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big-fast",
-                                                            }
-                                                          }
-                                                          popupPlacement="topLeft"
-                                                          popupStyle={Object {}}
-                                                          popupVisible={false}
-                                                          prefixCls="ant-tooltip"
-                                                          showAction={Array []}
-                                                          title="url"
-                                                          visible={false}
-                                                        >
-                                                          <span
-                                                            key="trigger"
-                                                            onMouseEnter={[Function]}
-                                                            onMouseLeave={[Function]}
-                                                          >
-                                                            url
-                                                          </span>
-                                                        </Trigger>
-                                                      </ForwardRef(Tooltip)>
-                                                    </Tooltip>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  component="td"
-                                                  dataIndex="enabled"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={false}
-                                                  index={0}
-                                                  key="enabled"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "events": Array [
-                                                        1,
-                                                      ],
-                                                      "id": 1,
-                                                      "name": "Webhook-1",
-                                                      "url": "url",
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={Object {}}
-                                                  >
-                                                    <p>
-                                                      No
-                                                    </p>
-                                                  </td>
-                                                </Cell>
-                                                <Cell
-                                                  align="center"
-                                                  component="td"
-                                                  dataIndex="operation"
-                                                  firstFixLeft={false}
-                                                  firstFixRight={true}
-                                                  fixRight={0}
-                                                  index={0}
-                                                  key="operation"
-                                                  lastFixLeft={false}
-                                                  lastFixRight={false}
-                                                  prefixCls="ant-table"
-                                                  record={
-                                                    Object {
-                                                      "events": Array [
-                                                        1,
-                                                      ],
-                                                      "id": 1,
-                                                      "name": "Webhook-1",
-                                                      "url": "url",
-                                                    }
-                                                  }
-                                                  render={[Function]}
-                                                >
-                                                  <td
-                                                    className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                                    colSpan={null}
-                                                    rowSpan={null}
-                                                    style={
-                                                      Object {
-                                                        "position": "sticky",
-                                                        "right": 0,
-                                                        "textAlign": "center",
-                                                      }
-                                                    }
-                                                  >
-                                                    <ForwardRef
-                                                      disabled={true}
-                                                      icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                      okType="primary"
-                                                      onConfirm={[Function]}
-                                                      placement="top"
-                                                      title="Are you sure you want to delete this?"
-                                                      trigger="click"
-                                                    >
-                                                      <Tooltip
-                                                        arrowPointAtCenter={false}
-                                                        autoAdjustOverflow={true}
-                                                        disabled={true}
-                                                        icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                        mouseEnterDelay={0.1}
-                                                        mouseLeaveDelay={0.1}
-                                                        okType="primary"
-                                                        onConfirm={[Function]}
-                                                        onVisibleChange={[Function]}
-                                                        overlay={
-                                                          <LocaleReceiver
-                                                            componentName="Popconfirm"
-                                                            defaultLocale={
-                                                              Object {
-                                                                "cancelText": "Cancel",
-                                                                "okText": "OK",
-                                                              }
-                                                            }
-                                                          >
-                                                            [Function]
-                                                          </LocaleReceiver>
-                                                        }
-                                                        overlayClassName="ant-popconfirm"
-                                                        placement="top"
-                                                        prefixCls="ant-popover"
-                                                        title="Are you sure you want to delete this?"
-                                                        transitionName="ant-zoom-big"
-                                                        trigger="click"
-                                                        visible={false}
-                                                      >
-                                                        <ForwardRef(Tooltip)
-                                                          arrowContent={
-                                                            <span
-                                                              className="ant-popover-arrow-content"
-                                                            />
-                                                          }
-                                                          arrowPointAtCenter={false}
-                                                          autoAdjustOverflow={true}
-                                                          builtinPlacements={
-                                                            Object {
-                                                              "bottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tc",
-                                                                  "bc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "bottomRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "left": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cr",
-                                                                  "cl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "bl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "leftTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  -4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tr",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "right": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "cl",
-                                                                  "cr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightBottom": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "br",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "rightTop": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  4,
-                                                                  0,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "tl",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "top": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bc",
-                                                                  "tc",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topLeft": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "bl",
-                                                                  "tl",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                              "topRight": Object {
-                                                                "ignoreShake": true,
-                                                                "offset": Array [
-                                                                  0,
-                                                                  -4,
-                                                                ],
-                                                                "overflow": Object {
-                                                                  "adjustX": 1,
-                                                                  "adjustY": 1,
-                                                                },
-                                                                "points": Array [
-                                                                  "br",
-                                                                  "tr",
-                                                                ],
-                                                                "targetOffset": Array [
-                                                                  0,
-                                                                  0,
-                                                                ],
-                                                              },
-                                                            }
-                                                          }
-                                                          disabled={true}
-                                                          icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                          motion={
-                                                            Object {
-                                                              "motionDeadline": 1000,
-                                                              "motionName": "ant-zoom-big",
-                                                            }
-                                                          }
-                                                          mouseEnterDelay={0.1}
-                                                          mouseLeaveDelay={0.1}
-                                                          okType="primary"
-                                                          onConfirm={[Function]}
-                                                          onPopupAlign={[Function]}
-                                                          onVisibleChange={[Function]}
-                                                          overlay={
-                                                            <LocaleReceiver
-                                                              componentName="Popconfirm"
-                                                              defaultLocale={
-                                                                Object {
-                                                                  "cancelText": "Cancel",
-                                                                  "okText": "OK",
-                                                                }
-                                                              }
-                                                            >
-                                                              [Function]
-                                                            </LocaleReceiver>
-                                                          }
-                                                          overlayClassName="ant-popconfirm"
-                                                          placement="top"
-                                                          prefixCls="ant-popover"
-                                                          title="Are you sure you want to delete this?"
-                                                          transitionName="ant-zoom-big"
-                                                          trigger="click"
-                                                          visible={false}
-                                                        >
-                                                          <Trigger
-                                                            action="click"
-                                                            afterPopupVisibleChange={[Function]}
-                                                            arrowContent={
-                                                              <span
-                                                                className="ant-popover-arrow-content"
-                                                              />
-                                                            }
-                                                            arrowPointAtCenter={false}
-                                                            autoAdjustOverflow={true}
-                                                            autoDestroy={false}
-                                                            blurDelay={0.15}
-                                                            builtinPlacements={
-                                                              Object {
-                                                                "bottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tc",
-                                                                    "bc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "bottomRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "left": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cr",
-                                                                    "cl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "bl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "leftTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    -4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tr",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "right": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "cl",
-                                                                    "cr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightBottom": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "br",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "rightTop": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    4,
-                                                                    0,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "tl",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "top": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bc",
-                                                                    "tc",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topLeft": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "bl",
-                                                                    "tl",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                                "topRight": Object {
-                                                                  "ignoreShake": true,
-                                                                  "offset": Array [
-                                                                    0,
-                                                                    -4,
-                                                                  ],
-                                                                  "overflow": Object {
-                                                                    "adjustX": 1,
-                                                                    "adjustY": 1,
-                                                                  },
-                                                                  "points": Array [
-                                                                    "br",
-                                                                    "tr",
-                                                                  ],
-                                                                  "targetOffset": Array [
-                                                                    0,
-                                                                    0,
-                                                                  ],
-                                                                },
-                                                              }
-                                                            }
-                                                            defaultPopupVisible={false}
-                                                            destroyPopupOnHide={false}
-                                                            disabled={true}
-                                                            focusDelay={0}
-                                                            getDocument={[Function]}
-                                                            getPopupClassNameFromAlign={[Function]}
-                                                            hideAction={Array []}
-                                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                            mask={false}
-                                                            maskClosable={true}
-                                                            mouseEnterDelay={0.1}
-                                                            mouseLeaveDelay={0.1}
-                                                            okType="primary"
-                                                            onConfirm={[Function]}
-                                                            onPopupAlign={[Function]}
-                                                            onPopupVisibleChange={[Function]}
-                                                            overlay={
-                                                              <LocaleReceiver
-                                                                componentName="Popconfirm"
-                                                                defaultLocale={
-                                                                  Object {
-                                                                    "cancelText": "Cancel",
-                                                                    "okText": "OK",
-                                                                  }
-                                                                }
-                                                              >
-                                                                [Function]
-                                                              </LocaleReceiver>
-                                                            }
-                                                            popup={[Function]}
-                                                            popupAlign={Object {}}
-                                                            popupClassName="ant-popconfirm"
-                                                            popupMotion={
-                                                              Object {
-                                                                "motionDeadline": 1000,
-                                                                "motionName": "ant-zoom-big",
-                                                              }
-                                                            }
-                                                            popupPlacement="top"
-                                                            popupStyle={Object {}}
-                                                            popupTransitionName="ant-zoom-big"
-                                                            popupVisible={false}
-                                                            prefixCls="ant-popover"
-                                                            showAction={Array []}
-                                                            title="Are you sure you want to delete this?"
-                                                            visible={false}
-                                                          >
-                                                            <span
-                                                              className="ant-popover-disabled-compatible-wrapper"
-                                                              key="trigger"
-                                                              onClick={[Function]}
-                                                              onMouseDown={[Function]}
-                                                              onTouchStart={[Function]}
-                                                              style={
-                                                                Object {
-                                                                  "cursor": "not-allowed",
-                                                                  "display": "inline-block",
-                                                                  "width": null,
-                                                                }
-                                                              }
-                                                            >
-                                                              <Button
-                                                                className={null}
-                                                                disabled={true}
-                                                                icon={<ForwardRef(DeleteOutlined) />}
-                                                                onKeyDown={[Function]}
-                                                                style={
-                                                                  Object {
-                                                                    "pointerEvents": "none",
-                                                                  }
-                                                                }
-                                                                type="danger"
-                                                              >
-                                                                <Wave>
-                                                                  <button
-                                                                    className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                                    disabled={true}
-                                                                    onClick={[Function]}
-                                                                    onKeyDown={[Function]}
-                                                                    style={
-                                                                      Object {
-                                                                        "pointerEvents": "none",
-                                                                      }
-                                                                    }
-                                                                    type="button"
-                                                                  >
-                                                                    <ForwardRef(DeleteOutlined)>
-                                                                      <AntdIcon
-                                                                        icon={
-                                                                          Object {
-                                                                            "icon": Object {
-                                                                              "attrs": Object {
-                                                                                "focusable": "false",
-                                                                                "viewBox": "64 64 896 896",
-                                                                              },
-                                                                              "children": Array [
-                                                                                Object {
-                                                                                  "attrs": Object {
-                                                                                    "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                  },
-                                                                                  "tag": "path",
-                                                                                },
-                                                                              ],
-                                                                              "tag": "svg",
-                                                                            },
-                                                                            "name": "delete",
-                                                                            "theme": "outlined",
-                                                                          }
-                                                                        }
-                                                                      >
-                                                                        <span
-                                                                          aria-label="delete"
-                                                                          className="anticon anticon-delete"
-                                                                          role="img"
-                                                                        >
-                                                                          <IconReact
-                                                                            icon={
-                                                                              Object {
-                                                                                "icon": Object {
-                                                                                  "attrs": Object {
-                                                                                    "focusable": "false",
-                                                                                    "viewBox": "64 64 896 896",
-                                                                                  },
-                                                                                  "children": Array [
-                                                                                    Object {
-                                                                                      "attrs": Object {
-                                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                                      },
-                                                                                      "tag": "path",
-                                                                                    },
-                                                                                  ],
-                                                                                  "tag": "svg",
-                                                                                },
-                                                                                "name": "delete",
-                                                                                "theme": "outlined",
-                                                                              }
-                                                                            }
-                                                                          >
-                                                                            <svg
-                                                                              aria-hidden="true"
-                                                                              data-icon="delete"
-                                                                              fill="currentColor"
-                                                                              focusable="false"
-                                                                              height="1em"
-                                                                              key="svg-delete"
-                                                                              viewBox="64 64 896 896"
-                                                                              width="1em"
-                                                                            >
-                                                                              <path
-                                                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                                key="svg-delete-svg-0"
-                                                                              />
-                                                                            </svg>
-                                                                          </IconReact>
-                                                                        </span>
-                                                                      </AntdIcon>
-                                                                    </ForwardRef(DeleteOutlined)>
-                                                                  </button>
-                                                                </Wave>
-                                                              </Button>
-                                                            </span>
-                                                          </Trigger>
-                                                        </ForwardRef(Tooltip)>
-                                                      </Tooltip>
-                                                    </ForwardRef>
-                                                  </td>
-                                                </Cell>
-                                              </tr>
-                                            </BodyRow>
-                                          </tbody>
-                                        </Body>
-                                      </table>
-                                    </div>
-                                  </div>
-                                </Component>
-                              </div>
-                            </Table>
-                            <Pagination
-                              className="ant-table-pagination ant-table-pagination-right"
-                              current={1}
-                              onChange={[Function]}
-                              pageSize={20}
-                              pageSizeOptions={
-                                Array [
-                                  "10",
-                                  "15",
-                                  "20",
-                                ]
-                              }
-                              showTotal={[Function]}
-                              total={1}
-                            >
-                              <LocaleReceiver
-                                componentName="Pagination"
-                                defaultLocale={
-                                  Object {
-                                    "items_per_page": "/ page",
-                                    "jump_to": "Go to",
-                                    "jump_to_confirm": "confirm",
-                                    "next_3": "Next 3 Pages",
-                                    "next_5": "Next 5 Pages",
-                                    "next_page": "Next Page",
-                                    "page": "",
-                                    "prev_3": "Previous 3 Pages",
-                                    "prev_5": "Previous 5 Pages",
-                                    "prev_page": "Previous Page",
-                                  }
-                                }
-                              >
-                                <Pagination
-                                  className="ant-table-pagination ant-table-pagination-right"
-                                  current={1}
-                                  defaultCurrent={1}
-                                  defaultPageSize={10}
-                                  hideOnSinglePage={false}
-                                  itemRender={[Function]}
-                                  jumpNextIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleRightOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  jumpPrevIcon={
-                                    <a
-                                      className="ant-pagination-item-link"
-                                    >
-                                      <div
-                                        className="ant-pagination-item-container"
-                                      >
-                                        <ForwardRef(DoubleLeftOutlined)
-                                          className="ant-pagination-item-link-icon"
-                                        />
-                                        <span
-                                          className="ant-pagination-item-ellipsis"
-                                        >
-                                          •••
-                                        </span>
-                                      </div>
-                                    </a>
-                                  }
-                                  locale={
-                                    Object {
-                                      "items_per_page": "/ page",
-                                      "jump_to": "Go to",
-                                      "jump_to_confirm": "confirm",
-                                      "next_3": "Next 3 Pages",
-                                      "next_5": "Next 5 Pages",
-                                      "next_page": "Next Page",
-                                      "page": "",
-                                      "prev_3": "Previous 3 Pages",
-                                      "prev_5": "Previous 5 Pages",
-                                      "prev_page": "Previous Page",
-                                    }
-                                  }
-                                  nextIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(RightOutlined) />
-                                    </button>
-                                  }
-                                  onChange={[Function]}
-                                  onShowSizeChange={[Function]}
-                                  pageSize={20}
-                                  pageSizeOptions={
-                                    Array [
-                                      "10",
-                                      "15",
-                                      "20",
-                                    ]
-                                  }
-                                  prefixCls="ant-pagination"
-                                  prevIcon={
-                                    <button
-                                      className="ant-pagination-item-link"
-                                      tabIndex={-1}
-                                      type="button"
-                                    >
-                                      <ForwardRef(LeftOutlined) />
-                                    </button>
-                                  }
-                                  selectComponentClass={
-                                    Object {
-                                      "$$typeof": Symbol(react.forward_ref),
-                                      "OptGroup": [Function],
-                                      "Option": [Function],
-                                      "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                      "render": [Function],
-                                    }
-                                  }
-                                  selectPrefixCls="ant-select"
-                                  showLessItems={false}
-                                  showPrevNextJumpers={true}
-                                  showQuickJumper={false}
-                                  showTitle={true}
-                                  showTotal={[Function]}
-                                  style={Object {}}
-                                  total={1}
-                                  totalBoundaryShowSizeChanger={50}
-                                >
-                                  <ul
-                                    className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                                    style={Object {}}
-                                    unselectable="unselectable"
-                                  >
-                                    <li
-                                      className="ant-pagination-total-text"
-                                    >
-                                      1-1 of 1 results
-                                    </li>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-prev ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Previous Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(LeftOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "left",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="left"
-                                              className="anticon anticon-left"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "left",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="left"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-left"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                                    key="svg-left-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(LeftOutlined)>
-                                      </button>
-                                    </li>
-                                    <Pager
-                                      active={true}
-                                      itemRender={[Function]}
-                                      key="1"
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      page={1}
-                                      rootPrefixCls="ant-pagination"
-                                      showTitle={true}
-                                    >
-                                      <li
-                                        className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                                        onClick={[Function]}
-                                        onKeyPress={[Function]}
-                                        tabIndex="0"
-                                        title={1}
-                                      >
-                                        <a
-                                          rel="nofollow"
-                                        >
-                                          1
-                                        </a>
-                                      </li>
-                                    </Pager>
-                                    <li
-                                      aria-disabled={true}
-                                      className="ant-pagination-next ant-pagination-disabled"
-                                      onClick={[Function]}
-                                      onKeyPress={[Function]}
-                                      tabIndex={null}
-                                      title="Next Page"
-                                    >
-                                      <button
-                                        className="ant-pagination-item-link"
-                                        disabled={true}
-                                        tabIndex={-1}
-                                        type="button"
-                                      >
-                                        <ForwardRef(RightOutlined)>
-                                          <AntdIcon
-                                            icon={
-                                              Object {
-                                                "icon": Object {
-                                                  "attrs": Object {
-                                                    "focusable": "false",
-                                                    "viewBox": "64 64 896 896",
-                                                  },
-                                                  "children": Array [
-                                                    Object {
-                                                      "attrs": Object {
-                                                        "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                      },
-                                                      "tag": "path",
-                                                    },
-                                                  ],
-                                                  "tag": "svg",
-                                                },
-                                                "name": "right",
-                                                "theme": "outlined",
-                                              }
-                                            }
-                                          >
-                                            <span
-                                              aria-label="right"
-                                              className="anticon anticon-right"
-                                              role="img"
-                                            >
-                                              <IconReact
-                                                icon={
-                                                  Object {
-                                                    "icon": Object {
-                                                      "attrs": Object {
-                                                        "focusable": "false",
-                                                        "viewBox": "64 64 896 896",
-                                                      },
-                                                      "children": Array [
-                                                        Object {
-                                                          "attrs": Object {
-                                                            "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                          },
-                                                          "tag": "path",
-                                                        },
-                                                      ],
-                                                      "tag": "svg",
-                                                    },
-                                                    "name": "right",
-                                                    "theme": "outlined",
-                                                  }
-                                                }
-                                              >
-                                                <svg
-                                                  aria-hidden="true"
-                                                  data-icon="right"
-                                                  fill="currentColor"
-                                                  focusable="false"
-                                                  height="1em"
-                                                  key="svg-right"
-                                                  viewBox="64 64 896 896"
-                                                  width="1em"
-                                                >
-                                                  <path
-                                                    d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                                    key="svg-right-svg-0"
-                                                  />
-                                                </svg>
-                                              </IconReact>
-                                            </span>
-                                          </AntdIcon>
-                                        </ForwardRef(RightOutlined)>
-                                      </button>
-                                    </li>
-                                    <Options
-                                      changeSize={null}
-                                      current={1}
-                                      goButton={false}
-                                      locale={
-                                        Object {
-                                          "items_per_page": "/ page",
-                                          "jump_to": "Go to",
-                                          "jump_to_confirm": "confirm",
-                                          "next_3": "Next 3 Pages",
-                                          "next_5": "Next 5 Pages",
-                                          "next_page": "Next Page",
-                                          "page": "",
-                                          "prev_3": "Previous 3 Pages",
-                                          "prev_5": "Previous 5 Pages",
-                                          "prev_page": "Previous Page",
-                                        }
-                                      }
-                                      pageSize={20}
-                                      pageSizeOptions={
-                                        Array [
-                                          "10",
-                                          "15",
-                                          "20",
-                                        ]
-                                      }
-                                      quickGo={null}
-                                      rootPrefixCls="ant-pagination"
-                                      selectComponentClass={
-                                        Object {
-                                          "$$typeof": Symbol(react.forward_ref),
-                                          "OptGroup": [Function],
-                                          "Option": [Function],
-                                          "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                          "render": [Function],
-                                        }
-                                      }
-                                      selectPrefixCls="ant-select"
-                                    />
-                                  </ul>
-                                </Pagination>
-                              </LocaleReceiver>
-                            </Pagination>
-                          </div>
-                        </div>
-                      </Spin>
-                    </div>
-                  </Table>
-                </WebhookList>
-              </div>
-            </Item>
-          </div>
-        </Space>
-      </Webhooks>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/webhooks/components/WebhookForm.js b/studio/src/pages/webhooks/components/WebhookForm.js
deleted file mode 100644
index 475012337..000000000
--- a/studio/src/pages/webhooks/components/WebhookForm.js
+++ /dev/null
@@ -1,126 +0,0 @@
-import React from 'react';
-import { Button, Form, Input, Switch, Checkbox, Row, Col, ConfigProvider } from 'antd';
-import { useDispatch, useSelector } from 'react-redux';
-import { getEvents } from '../../../actions/events';
-import deepEqual from 'deep-equal';
-import { getEventName } from '../../../utils/event';
-
-const WebhookForm = ({ onCreate, data = {} }) => {
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = React.useState(false);
-  const dispatch = useDispatch();
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 20,
-  });
-  const { events } = useSelector((state) => {
-    let details = [];
-    let ids = [];
-
-    for (let i = 1; i <= filters.page; i++) {
-      let j = state.events.req.findIndex((item) => deepEqual(item.query, { ...filters, page: i }));
-      if (j > -1) {
-        ids = ids.concat(state.events.req[j].data);
-      }
-    }
-    details = ids.map((element) => state.events.details[element]);
-    return { events: details };
-  });
-
-  const onReset = () => {
-    form.resetFields();
-  };
-  const onSave = (values) => {
-    values.event_ids = values.events || [];
-    onCreate(values);
-  };
-  React.useEffect(() => {
-    fetchEvents();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchEvents = () => {
-    dispatch(getEvents(filters));
-  };
-  if (events) {
-    return (
-      <ConfigProvider
-        theme={{
-          components: {
-            Form: {
-              marginLG: 12,
-            },
-          },
-        }}
-      >
-        <Form
-          form={form}
-          layout="vertical"
-          initialValues={{ ...data }}
-          name="create-webhook"
-          onFinish={(values) => {
-            onSave(values);
-            onReset();
-          }}
-          onValuesChange={() => {
-            setValueChange(true);
-          }}
-        >
-          <Row justify={'end'}>
-            <Form.Item>
-              <Button disabled={!valueChange} type="primary" htmlType="submit">
-                {data && data.id ? 'Update' : 'Submit'}
-              </Button>
-            </Form.Item>
-          </Row>
-          <Row gutter={[4, 16]}>
-            <Col span={8}>
-              <Form.Item name="name" label="Name">
-                <Input />
-              </Form.Item>
-              <Form.Item name="url" label="Url">
-                <Input />
-              </Form.Item>
-              <Form.Item name="enabled" valuePropName="checked">
-                <Row justify={'space-between'}>
-                  <span>Enabled</span>
-                  <Switch />
-                </Row>
-              </Form.Item>
-              <Form.Item name="events" label="Events">
-                <Checkbox.Group>
-                  <Row gutter={[4, 12]} justify={'start'}>
-                    {events.map((event) => (
-                      <Col span={8} key={event.id}>
-                        <Checkbox label={event.name} value={event.id}>
-                          {getEventName(event.name)}
-                        </Checkbox>
-                      </Col>
-                    ))}
-                  </Row>
-                </Checkbox.Group>
-              </Form.Item>
-              <Form.Item
-                style={{
-                  display: 'flex',
-                  justifyContent: 'start',
-                  alignItems: 'center',
-                }}
-              >
-                <Button
-                  onClick={() => {
-                    setFilters({ page: filters.page + 1, limit: filters.limit });
-                  }}
-                >
-                  Load More Events
-                </Button>
-              </Form.Item>
-            </Col>
-          </Row>
-        </Form>
-      </ConfigProvider>
-    );
-  }
-};
-
-export default WebhookForm;
diff --git a/studio/src/pages/webhooks/components/WebhookForm.test.js b/studio/src/pages/webhooks/components/WebhookForm.test.js
deleted file mode 100644
index ee4d127c0..000000000
--- a/studio/src/pages/webhooks/components/WebhookForm.test.js
+++ /dev/null
@@ -1,281 +0,0 @@
-import React from 'react';
-import { Provider, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount } from 'enzyme';
-
-import '../../../matchMedia.mock';
-import WebhookForm from './WebhookForm';
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store, mockedDispatch;
-
-const data = {
-  name: 'webhook',
-  url: 'url',
-  enabled: true,
-  events: [],
-};
-
-describe('Webhook form component', () => {
-  store = mockStore({});
-  store.dispatch = jest.fn();
-  mockedDispatch = jest.fn();
-  useDispatch.mockReturnValue(mockedDispatch);
-  store = mockStore({
-    webhooks: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    events: {
-      req: [
-        {
-          data: [1],
-          query: {
-            page: 1,
-            limit: 20,
-          },
-          total: 1,
-        },
-      ],
-      loading: false,
-      details: {
-        1: {
-          id: 1,
-          name: 'event.created',
-        },
-      },
-    },
-  });
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      let tree;
-      act(() => {
-        tree = mount(
-          <Provider store={store}>
-            <WebhookForm />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with empty data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <WebhookForm data={[]} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <WebhookForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    store = mockStore({
-      webhooks: {
-        req: [],
-        details: {},
-        loading: true,
-      },
-      events: {
-        req: [
-          {
-            data: [1],
-            query: {
-              page: 1,
-              limit: 20,
-            },
-            total: 1,
-          },
-        ],
-        loading: false,
-        details: {
-          1: {
-            id: 1,
-            name: 'event',
-          },
-        },
-      },
-    });
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <WebhookForm {...props} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({ ...props.data, event_ids: [], events: [] });
-        done();
-      }, 0);
-    });
-    it('should submit form with new name', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <WebhookForm {...props} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const input = wrapper.find('input').at(0);
-        input.simulate('change', { target: { value: 'new name' } });
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Submit');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          url: 'url',
-          enabled: true,
-          events: [],
-          event_ids: [],
-        });
-        done();
-      }, 0);
-    });
-    it('should load more events', () => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <WebhookForm {...props} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        const submitButtom = wrapper.find('Button').at(0);
-        expect(submitButtom.text()).toBe('Load More Events');
-        submitButtom.simulate('click');
-        wrapper.update();
-      });
-    });
-    it('should submit form with updated data', (done) => {
-      const data2 = { ...data };
-      data2.events = [1];
-      data2.id = 1;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <WebhookForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new url' } });
-        wrapper.find('FormItem').at(2).find('Switch').at(0).props().onChange(false);
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          url: 'new url',
-          events: [1],
-          enabled: false,
-          event_ids: [1],
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with no events', (done) => {
-      const data2 = {
-        id: 1,
-        name: 'webhook',
-        url: 'url',
-        enabled: true,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <WebhookForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new url' } });
-        wrapper.find('FormItem').at(2).find('Switch').at(0).props().onChange(false);
-
-        const submitButtom = wrapper.find('Button').at(1);
-        expect(submitButtom.text()).toBe('Update');
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          name: 'new name',
-          url: 'new url',
-          enabled: false,
-          event_ids: [],
-          events: undefined,
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/webhooks/components/WebhookForm.tsx b/studio/src/pages/webhooks/components/WebhookForm.tsx
new file mode 100644
index 000000000..44874a36a
--- /dev/null
+++ b/studio/src/pages/webhooks/components/WebhookForm.tsx
@@ -0,0 +1,252 @@
+import React, { useEffect, useState } from "react";
+import { useSelector } from "react-redux";
+import { useForm } from "react-hook-form";
+import deepEqual from "deep-equal";
+
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { Switch } from "@/components/ui/switch";
+import { Checkbox } from "@/components/ui/checkbox";
+import { Card, CardContent } from "@/components/ui/card";
+import { Save } from "lucide-react";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { getEvents } from "../../../actions/events";
+import { getEventName } from "../../../utils/event";
+
+interface Event {
+  id: string;
+  name: string;
+}
+
+interface WebhookFormData {
+  id?: string;
+  name?: string;
+  url?: string;
+  enabled?: boolean;
+  events?: string[];
+  event_ids?: string[];
+}
+
+interface WebhookFormProps {
+  onCreate: (values: WebhookFormData) => void;
+  data?: WebhookFormData;
+}
+
+interface FiltersState {
+  page: number;
+  limit: number;
+}
+
+interface RootState {
+  events: {
+    req: Array<{
+      query: FiltersState;
+      data: string[];
+    }>;
+    details: Record<string, Event>;
+  };
+}
+
+const WebhookForm: React.FC<WebhookFormProps> = ({ onCreate, data = {} }) => {
+  const [valueChange, setValueChange] = useState(false);
+  const dispatch = useAppDispatch();
+  const [filters, setFilters] = useState<FiltersState>({
+    page: 1,
+    limit: 20,
+  });
+
+  const form = useForm<WebhookFormData>({
+    defaultValues: {
+      name: data.name || "",
+      url: data.url || "",
+      enabled: data.enabled || false,
+      events: data.events || [],
+    },
+  });
+
+  const { events } = useSelector((state: RootState) => {
+    let details: Event[] = [];
+    let ids: string[] = [];
+
+    for (let i = 1; i <= filters.page; i++) {
+      const j = state.events.req.findIndex((item) =>
+        deepEqual(item.query, { ...filters, page: i })
+      );
+      if (j > -1) {
+        ids = ids.concat(state.events.req[j].data);
+      }
+    }
+    details = ids.map((element) => state.events.details[element]);
+    return { events: details };
+  });
+
+  const onReset = () => {
+    form.reset();
+    setValueChange(false);
+  };
+
+  const onSave = (values: WebhookFormData) => {
+    values.event_ids = values.events || [];
+    onCreate(values);
+  };
+
+  useEffect(() => {
+    fetchEvents();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [filters]);
+
+  const fetchEvents = () => {
+    dispatch(getEvents(filters));
+  };
+
+  if (!events) {
+    return null;
+  }
+
+  return (
+    <Card className="w-full">
+      <CardContent className="pt-6">
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit((values) => {
+              onSave(values);
+              onReset();
+            })}
+            onChange={() => setValueChange(true)}
+          >
+            <div className="flex justify-end mb-4">
+              <Button
+                type="submit"
+                disabled={!valueChange}
+                className="flex gap-2 items-center"
+              >
+                <Save className="h-4 w-4" />
+                {data && data.id ? "Update" : "Submit"}
+              </Button>
+            </div>
+
+            <div className="max-w-md space-y-4">
+              <FormField
+                control={form.control}
+                name="name"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Name</FormLabel>
+                    <FormControl>
+                      <Input {...field} />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="url"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>URL</FormLabel>
+                    <FormControl>
+                      <Input {...field} />
+                    </FormControl>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="enabled"
+                render={({ field }) => (
+                  <FormItem>
+                    <div className="flex items-center justify-between">
+                      <FormLabel>Enabled</FormLabel>
+                      <FormControl>
+                        <Switch
+                          checked={field.value}
+                          onCheckedChange={field.onChange}
+                        />
+                      </FormControl>
+                    </div>
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="events"
+                render={() => (
+                  <FormItem>
+                    <FormLabel>Events</FormLabel>
+                    <div className="grid grid-cols-3 gap-4">
+                      {events.map((event) => (
+                        <FormField
+                          key={event.id}
+                          control={form.control}
+                          name="events"
+                          render={({ field }) => {
+                            // Make sure field.value is always an array
+                            const fieldValue = field.value || [];
+                            return (
+                              <FormItem
+                                key={event.id}
+                                className="flex flex-row items-start space-x-2 space-y-0"
+                              >
+                                <FormControl>
+                                  <Checkbox
+                                    checked={fieldValue.includes(event.id)}
+                                    onCheckedChange={(checked) => {
+                                      return checked
+                                        ? field.onChange([
+                                            ...fieldValue,
+                                            event.id,
+                                          ])
+                                        : field.onChange(
+                                            fieldValue.filter(
+                                              (value) => value !== event.id
+                                            )
+                                          );
+                                    }}
+                                  />
+                                </FormControl>
+                                <FormLabel className="text-sm font-normal">
+                                  {getEventName(event.name)}
+                                </FormLabel>
+                              </FormItem>
+                            );
+                          }}
+                        />
+                      ))}
+                    </div>
+                  </FormItem>
+                )}
+              />
+
+              <div className="flex items-center mt-4">
+                <Button
+                  variant="outline"
+                  type="button"
+                  onClick={() => {
+                    setFilters({
+                      page: filters.page + 1,
+                      limit: filters.limit,
+                    });
+                  }}
+                >
+                  Load More Events
+                </Button>
+              </div>
+            </div>
+          </form>
+        </Form>
+      </CardContent>
+    </Card>
+  );
+};
+
+export default WebhookForm;
diff --git a/studio/src/pages/webhooks/components/WebhookList.js b/studio/src/pages/webhooks/components/WebhookList.js
deleted file mode 100644
index 3610b6852..000000000
--- a/studio/src/pages/webhooks/components/WebhookList.js
+++ /dev/null
@@ -1,172 +0,0 @@
-import React from 'react';
-import { ConfigProvider, Modal, Button, Table, Typography, Switch } from 'antd';
-import { useDispatch } from 'react-redux';
-import { deleteWebhook, updateWebhook } from '../../../actions/webhooks';
-import { Link } from 'react-router-dom';
-import { DeleteOutlined } from '@ant-design/icons';
-import useNavigation from '../../../utils/useNavigation';
-
-function WebhookList({ actions, data, filters, setFilters, fetchWebhooks }) {
-  const [modalOpen, setModalOpen] = React.useState(false);
-
-  const dispatch = useDispatch();
-
-  const history = useNavigation();
-
-  const columns = [
-    {
-      title: 'Name',
-      dataIndex: 'name',
-      key: 'name',
-      width: '60%',
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <Link
-            style={{
-              marginRight: 8,
-            }}
-            to={`/advanced/webhooks/${record.id}/edit`}
-          >
-            {record.name}
-          </Link>
-        );
-      },
-    },
-    {
-      title: 'Enabled',
-      dataIndex: 'enabled',
-      width: 200,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '200px',
-          },
-        };
-      },
-      render: (_, webhook) => {
-        return (
-          <Switch
-            checked={webhook.enabled}
-            onClick={(value) =>
-              dispatch(updateWebhook({ ...webhook, enabled: value, event_ids: webhook.events }))
-            }
-          />
-        );
-      },
-    },
-    {
-      title: 'Action',
-      dataIndex: 'operation',
-      align: 'center',
-      width: 150,
-      onCell: () => {
-        return {
-          style: {
-            minWidth: '150px',
-          },
-        };
-      },
-      render: (_, record) => {
-        return (
-          <ConfigProvider
-            theme={{
-              components: {
-                Button: {
-                  controlHeight: 35,
-                  colorBorder: '#F2F2F2',
-                  colorPrimaryHover: '#00000026',
-                },
-              },
-            }}
-          >
-            {' '}
-            <Button
-              size="large"
-              onClick={(e) => {
-                e.stopPropagation();
-                setModalOpen(true);
-              }}
-              icon={<DeleteOutlined style={{ color: '#858585' }} />}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-            />
-            <Modal
-              open={modalOpen}
-              closable={false}
-              centered
-              width={311}
-              className="delete-modal-container"
-              style={{
-                borderRadius: '18px',
-              }}
-              onOk={(e) => {
-                e.stopPropagation();
-                dispatch(deleteWebhook(record.id)).then(() => fetchWebhooks());
-                setModalOpen(false);
-              }}
-              disabled={!(actions.includes('admin') || actions.includes('delete'))}
-              cancelButtonProps={{ type: 'text', style: { color: '#000' } }}
-              onCancel={(e) => {
-                e.stopPropagation();
-                setModalOpen(false);
-              }}
-            >
-              <Typography.Text strong>Are you sure you want to delete this ?</Typography.Text>
-            </Modal>
-          </ConfigProvider>
-        );
-      },
-    },
-  ];
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Typography: {
-            colorText: '#101828',
-          },
-        },
-      }}
-    >
-      <Table
-        columns={columns}
-        dataSource={data.webhooks}
-        loading={data.loading}
-        rowKey={'id'}
-        onRow={(record, rowIndex) => {
-          return {
-            onClick: (event) => {
-              history(`/advanced/formats/${record.id}/edit`);
-            },
-            onMouseEnter: (event) => {
-              document.body.style.cursor = 'pointer';
-            },
-            onMouseLeave: (event) => {
-              document.body.style.cursor = 'default';
-            },
-          };
-        }}
-        scroll={{
-          x: '1000',
-        }}
-        pagination={{
-          showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} results`,
-          total: data.total,
-          current: filters.page,
-          pageSize: filters.limit,
-          onChange: (pageNumber, pageSize) => setFilters({ page: pageNumber, limit: pageSize }),
-          pageSizeOptions: ['10', '15', '20'],
-        }}
-      />
-    </ConfigProvider>
-  );
-}
-
-export default WebhookList;
diff --git a/studio/src/pages/webhooks/components/WebhookList.test.js b/studio/src/pages/webhooks/components/WebhookList.test.js
deleted file mode 100644
index 62c8cf8b9..000000000
--- a/studio/src/pages/webhooks/components/WebhookList.test.js
+++ /dev/null
@@ -1,254 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router, Link } from 'react-router-dom';
-
-import { Provider, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount } from 'enzyme';
-import { Popconfirm, Button, Table } from 'antd';
-import { act } from 'react-dom/test-utils';
-
-import '../../../matchMedia.mock';
-import WebhookList from './WebhookList';
-import { getWebhooks, deleteWebhook } from '../../../actions/webhooks';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('../../../actions/webhooks', () => ({
-  getWebhooks: jest.fn(),
-  deleteWebhook: jest.fn(),
-}));
-const setFilters = jest.fn();
-const fetchWebhooks = jest.fn();
-let store, mockedDispatch;
-let data = {
-  webhooks: [
-    {
-      id: 2,
-      created_at: '2020-09-25T07:24:11.008257Z',
-      updated_at: '2020-09-25T07:24:11.008257Z',
-      deleted_at: null,
-      name: 'Webhook2',
-      url: 'webhook2url',
-      events: [1],
-    },
-    {
-      id: 1,
-      created_at: '2020-09-25T07:23:38.40006Z',
-      updated_at: '2020-09-25T07:23:38.40006Z',
-      deleted_at: null,
-      name: 'Webhook1',
-      url: 'webhook1url',
-      events: [1],
-      enabled: true,
-    },
-  ],
-  total: 2,
-  loading: false,
-};
-let filters = {
-  page: 1,
-  limit: 20,
-};
-
-let state = {
-  webhooks: {
-    req: [
-      {
-        data: [2, 1],
-        query: {
-          page: 1,
-          limit: 20,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      1: {
-        id: 1,
-        created_at: '2020-09-25T07:23:38.40006Z',
-        updated_at: '2020-09-25T07:23:38.40006Z',
-        deleted_at: null,
-        name: 'Webhook1',
-        url: 'webhook1url',
-        events: [1],
-        enabled: true,
-      },
-      2: {
-        id: 2,
-        created_at: '2020-09-25T07:24:11.008257Z',
-        updated_at: '2020-09-25T07:24:11.008257Z',
-        deleted_at: null,
-        name: 'Webhook2',
-        url: 'webhook2url',
-        events: [1],
-      },
-    },
-    loading: false,
-  },
-  events: {
-    req: [],
-    loading: false,
-    details: {
-      1: {
-        id: 1,
-        name: 'event',
-      },
-    },
-  },
-};
-
-describe('Webhook List component', () => {
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      store = mockStore({});
-      store.dispatch = jest.fn();
-      mockedDispatch = jest.fn();
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should render the component', () => {
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <WebhookList
-              setFilters={setFilters}
-              filters={filters}
-              data={data}
-              actions={['update', 'delete']}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component when loading', () => {
-      state.webhooks.loading = true;
-      store = mockStore(state);
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <WebhookList
-              setFilters={setFilters}
-              filters={filters}
-              data={data}
-              actions={['update', 'delete']}
-            />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    beforeEach(() => {
-      jest.clearAllMocks();
-      mockedDispatch = jest.fn(() => new Promise((resolve) => resolve(true)));
-      useDispatch.mockReturnValue(mockedDispatch);
-    });
-    it('should change the page', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <WebhookList
-                setFilters={setFilters}
-                filters={filters}
-                data={data}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const table = wrapper.find(Table);
-      table.props().pagination.onChange(1);
-      wrapper.update();
-      const updatedTable = wrapper.find(Table);
-      expect(updatedTable.props().pagination.current).toEqual(1);
-    });
-    it('should delete webhook', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <WebhookList
-                fetchWebhooks={fetchWebhooks}
-                setFilters={setFilters}
-                filters={filters}
-                data={data}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const button = wrapper.find(Button).at(0);
-      expect(button.text()).toEqual('');
-
-      button.simulate('click');
-      const popconfirm = wrapper.find(Popconfirm);
-      popconfirm
-        .findWhere((item) => item.type() === 'button' && item.text() === 'OK')
-        .simulate('click');
-
-      expect(deleteWebhook).toHaveBeenCalled();
-      expect(deleteWebhook).toHaveBeenCalledWith(2);
-    });
-    it('should edit webhook', () => {
-      store = mockStore(state);
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <WebhookList
-                setFilters={setFilters}
-                filters={filters}
-                data={data}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-      const link = wrapper.find(Link).at(0);
-      expect(link.text()).toEqual('Webhook2');
-      expect(link.prop('to')).toEqual('/advanced/webhooks/2/edit');
-    });
-    it('should have no delete and edit buttons', () => {
-      store = mockStore({
-        webhooks: {
-          req: [],
-        },
-      });
-      let wrapper;
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Router>
-              <WebhookList
-                setFilters={setFilters}
-                filters={filters}
-                data={{ webhooks: [], loading: false, total: 0 }}
-                actions={['update', 'delete']}
-              />
-            </Router>
-          </Provider>,
-        );
-      });
-
-      const button = wrapper.find('Button');
-      expect(button.length).toEqual(0);
-    });
-  });
-});
diff --git a/studio/src/pages/webhooks/components/WebhookList.tsx b/studio/src/pages/webhooks/components/WebhookList.tsx
new file mode 100644
index 000000000..6367a2501
--- /dev/null
+++ b/studio/src/pages/webhooks/components/WebhookList.tsx
@@ -0,0 +1,242 @@
+import React, { useState } from "react";
+import { Link } from "react-router-dom";
+import { Trash2 } from "lucide-react";
+import { deleteWebhook, updateWebhook } from "../../../actions/webhooks";
+import useNavigation from "../../../utils/useNavigation";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import { Button } from "@/components/ui/button";
+import { Switch } from "@/components/ui/switch";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import {
+  Pagination,
+  PaginationContent,
+  PaginationItem,
+  PaginationNext,
+  PaginationPrevious,
+} from "@/components/ui/pagination";
+
+interface Webhook {
+  id: string;
+  name: string;
+  enabled: boolean;
+  events: string[];
+}
+
+interface WebhookListProps {
+  actions?: string[];
+  data: {
+    webhooks: Webhook[];
+    loading: boolean;
+    total: number;
+  };
+  filters: {
+    page: number;
+    limit: number;
+  };
+  setFilters: (filters: { page: number; limit: number }) => void;
+  fetchWebhooks: () => void;
+}
+
+const WebhookList: React.FC<WebhookListProps> = ({
+  actions = [],
+  data,
+  filters,
+  setFilters,
+  fetchWebhooks,
+}) => {
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState<boolean>(false);
+  const [selectedWebhook, setSelectedWebhook] = useState<Webhook | null>(null);
+
+  const dispatch = useAppDispatch();
+  const navigate = useNavigation();
+
+  const handleRowClick = (webhook: Webhook) => {
+    navigate(`/advanced/webhooks/${webhook.id}/edit`);
+  };
+
+  const handleDeleteClick = (e: React.MouseEvent, webhook: Webhook) => {
+    e.stopPropagation();
+    setSelectedWebhook(webhook);
+    setIsDeleteModalOpen(true);
+  };
+
+  const handleDelete = () => {
+    if (selectedWebhook) {
+      dispatch(deleteWebhook(selectedWebhook.id)).then(() => {
+        fetchWebhooks();
+        setIsDeleteModalOpen(false);
+        setSelectedWebhook(null);
+      });
+    }
+  };
+
+  const handleSwitchToggle = (value: boolean, webhook: Webhook) => {
+    dispatch(
+      updateWebhook({
+        ...webhook,
+        enabled: value,
+        event_ids: webhook.events,
+      })
+    );
+  };
+
+  // Fixed check with default value for actions
+  const isDeleteAllowed =
+    actions.includes("admin") || actions.includes("delete");
+
+  return (
+    <div>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead className="w-[60%] min-w-[200px]">Name</TableHead>
+            <TableHead className="w-[200px] min-w-[200px]">Enabled</TableHead>
+            <TableHead className="w-[150px] min-w-[150px] text-center">
+              Actions
+            </TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {data.webhooks.map((webhook) => (
+            <TableRow
+              key={webhook.id}
+              onClick={() => handleRowClick(webhook)}
+              className="cursor-pointer"
+            >
+              <TableCell>
+                <Link
+                  to={`/advanced/webhooks/${webhook.id}/edit`}
+                  className="text-blue-600 hover:text-blue-800"
+                  onClick={(e) => e.stopPropagation()}
+                >
+                  {webhook.name}
+                </Link>
+              </TableCell>
+              <TableCell>
+                <Switch
+                  checked={webhook.enabled}
+                  onCheckedChange={(value) =>
+                    handleSwitchToggle(value, webhook)
+                  }
+                  onClick={(e) => e.stopPropagation()}
+                />
+              </TableCell>
+              <TableCell className="text-center">
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  onClick={(e) => handleDeleteClick(e, webhook)}
+                  disabled={!isDeleteAllowed}
+                >
+                  <Trash2 className="h-5 w-5 text-gray-500" />
+                </Button>
+              </TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+
+      {/* Pagination */}
+      <div className="flex items-center justify-between mt-4">
+        <p className="text-sm text-gray-500">
+          {filters.limit * (filters.page - 1) + 1}-
+          {Math.min(filters.limit * filters.page, data.total)} of {data.total}{" "}
+          results
+        </p>
+        <div className="flex items-center gap-2">
+          <select
+            className="border rounded p-1"
+            value={filters.limit}
+            onChange={(e) =>
+              setFilters({ page: 1, limit: Number(e.target.value) })
+            }
+          >
+            {[10, 15, 20].map((value) => (
+              <option key={value} value={value}>
+                {value}
+              </option>
+            ))}
+          </select>
+          <Pagination>
+            <PaginationContent>
+              <PaginationItem>
+                <PaginationPrevious
+                  onClick={() =>
+                    setFilters({
+                      ...filters,
+                      page: Math.max(1, filters.page - 1),
+                    })
+                  }
+                  className={
+                    filters.page <= 1
+                      ? "opacity-50 cursor-not-allowed"
+                      : "cursor-pointer"
+                  }
+                />
+              </PaginationItem>
+              <PaginationItem>
+                <span className="px-2">{filters.page}</span>
+              </PaginationItem>
+              <PaginationItem>
+                <PaginationNext
+                  onClick={() =>
+                    setFilters({ ...filters, page: filters.page + 1 })
+                  }
+                  className={
+                    filters.page * filters.limit >= data.total
+                      ? "opacity-50 cursor-not-allowed"
+                      : "cursor-pointer"
+                  }
+                />
+              </PaginationItem>
+            </PaginationContent>
+          </Pagination>
+        </div>
+      </div>
+
+      {/* Delete Confirmation Dialog */}
+      <Dialog open={isDeleteModalOpen} onOpenChange={setIsDeleteModalOpen}>
+        <DialogContent className="sm:max-w-[311px]">
+          <DialogHeader>
+            <DialogTitle>Delete Confirmation</DialogTitle>
+          </DialogHeader>
+          <DialogDescription>
+            Are you sure you want to delete this?
+          </DialogDescription>
+          <DialogFooter className="flex justify-between">
+            <Button
+              variant="outline"
+              onClick={() => setIsDeleteModalOpen(false)}
+            >
+              Cancel
+            </Button>
+            <Button
+              variant="destructive"
+              onClick={handleDelete}
+              disabled={!isDeleteAllowed}
+            >
+              Delete
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+};
+
+export default WebhookList;
diff --git a/studio/src/pages/webhooks/components/__snapshots__/WebhookForm.test.js.snap b/studio/src/pages/webhooks/components/__snapshots__/WebhookForm.test.js.snap
deleted file mode 100644
index cc4cbacad..000000000
--- a/studio/src/pages/webhooks/components/__snapshots__/WebhookForm.test.js.snap
+++ /dev/null
@@ -1,3878 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Webhook form component snapshot testing should match component with data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <WebhookForm
-    data={
-      Object {
-        "enabled": true,
-        "events": Array [],
-        "name": "webhook",
-        "url": "url",
-      }
-    }
-    onCreate={[MockFunction]}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-webhook",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={
-        Object {
-          "enabled": true,
-          "events": Array [],
-          "name": "webhook",
-          "url": "url",
-        }
-      }
-      labelCol={
-        Object {
-          "span": 8,
-        }
-      }
-      name="create-webhook"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-      wrapperCol={
-        Object {
-          "span": 10,
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-horizontal"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-webhook",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-webhook"
-          initialValues={
-            Object {
-              "enabled": true,
-              "events": Array [],
-              "name": "webhook",
-              "url": "url",
-            }
-          }
-          name="create-webhook"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-horizontal"
-            id="create-webhook"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <FormItem
-              label="Name"
-              name="name"
-            >
-              <WrapperField
-                label="Name"
-                messageVariables={
-                  Object {
-                    "label": "Name",
-                  }
-                }
-                name="name"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_name"
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name={
-                    Array [
-                      "name",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_name"
-                        label="Name"
-                        name="name"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_name"
-                              title="Name"
-                            >
-                              Name
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Name"
-                        name={
-                          Array [
-                            "name",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={2}
-                                  value="webhook"
-                                >
-                                  <Input
-                                    id="create-webhook_name"
-                                    onChange={[Function]}
-                                    type="text"
-                                    value="webhook"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value="webhook"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-webhook_name"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value="webhook"
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-webhook_name"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value="webhook"
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Url"
-              name="url"
-            >
-              <WrapperField
-                label="Url"
-                messageVariables={
-                  Object {
-                    "label": "Url",
-                  }
-                }
-                name="url"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_url"
-                  label="Url"
-                  messageVariables={
-                    Object {
-                      "label": "Url",
-                    }
-                  }
-                  name={
-                    Array [
-                      "url",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_url"
-                        label="Url"
-                        name="url"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_url"
-                              title="Url"
-                            >
-                              Url
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Url"
-                        name={
-                          Array [
-                            "url",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={2}
-                                  value="url"
-                                >
-                                  <Input
-                                    id="create-webhook_url"
-                                    onChange={[Function]}
-                                    type="text"
-                                    value="url"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_url"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                          value="url"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-webhook_url"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value="url"
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-webhook_url"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value="url"
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Enable"
-              name="enabled"
-              valuePropName="checked"
-            >
-              <WrapperField
-                label="Enable"
-                messageVariables={
-                  Object {
-                    "label": "Enable",
-                  }
-                }
-                name="enabled"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-                valuePropName="checked"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_enabled"
-                  label="Enable"
-                  messageVariables={
-                    Object {
-                      "label": "Enable",
-                    }
-                  }
-                  name={
-                    Array [
-                      "enabled",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="checked"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_enabled"
-                        label="Enable"
-                        name="enabled"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                        valuePropName="checked"
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_enabled"
-                              title="Enable"
-                            >
-                              Enable
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Enable"
-                        name={
-                          Array [
-                            "enabled",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                        valuePropName="checked"
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={2}
-                                  value={true}
-                                >
-                                  <Switch
-                                    checked={true}
-                                    id="create-webhook_enabled"
-                                    onChange={[Function]}
-                                  >
-                                    <Wave
-                                      insertExtraNode={true}
-                                    >
-                                      <Switch
-                                        checked={true}
-                                        className=""
-                                        id="create-webhook_enabled"
-                                        loadingIcon={
-                                          <div
-                                            className="ant-switch-handle"
-                                          />
-                                        }
-                                        onChange={[Function]}
-                                        prefixCls="ant-switch"
-                                      >
-                                        <button
-                                          aria-checked={true}
-                                          className="ant-switch ant-switch-checked"
-                                          id="create-webhook_enabled"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          role="switch"
-                                          type="button"
-                                        >
-                                          <div
-                                            className="ant-switch-handle"
-                                          />
-                                          <span
-                                            className="ant-switch-inner"
-                                          />
-                                        </button>
-                                      </Switch>
-                                    </Wave>
-                                  </Switch>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Events"
-              name="events"
-            >
-              <WrapperField
-                label="Events"
-                messageVariables={
-                  Object {
-                    "label": "Events",
-                  }
-                }
-                name="events"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_events"
-                  label="Events"
-                  messageVariables={
-                    Object {
-                      "label": "Events",
-                    }
-                  }
-                  name={
-                    Array [
-                      "events",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_events"
-                        label="Events"
-                        name="events"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_events"
-                              title="Events"
-                            >
-                              Events
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Events"
-                        name={
-                          Array [
-                            "events",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={2}
-                                  value={Array []}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-webhook_events"
-                                    onChange={[Function]}
-                                    value={Array []}
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-webhook_events"
-                                    >
-                                      <Row
-                                        gutter={
-                                          Array [
-                                            4,
-                                            16,
-                                          ]
-                                        }
-                                      >
-                                        <div
-                                          className="ant-row"
-                                          style={
-                                            Object {
-                                              "marginBottom": -8,
-                                              "marginLeft": -2,
-                                              "marginRight": -2,
-                                              "marginTop": -8,
-                                            }
-                                          }
-                                        >
-                                          <Col
-                                            key="1"
-                                            span={8}
-                                            style={
-                                              Object {
-                                                "width": "550px",
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-8"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 2,
-                                                  "paddingRight": 2,
-                                                  "paddingTop": 8,
-                                                  "width": "550px",
-                                                }
-                                              }
-                                            >
-                                              <Checkbox
-                                                label="event"
-                                                value={1}
-                                              >
-                                                <label
-                                                  className="ant-checkbox-wrapper"
-                                                >
-                                                  <Checkbox
-                                                    checked={false}
-                                                    className=""
-                                                    defaultChecked={false}
-                                                    label="event"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onKeyPress={[Function]}
-                                                    onKeyUp={[Function]}
-                                                    prefixCls="ant-checkbox"
-                                                    style={Object {}}
-                                                    type="checkbox"
-                                                    value={1}
-                                                  >
-                                                    <span
-                                                      className="ant-checkbox"
-                                                      style={Object {}}
-                                                    >
-                                                      <input
-                                                        checked={false}
-                                                        className="ant-checkbox-input"
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        type="checkbox"
-                                                        value={1}
-                                                      />
-                                                      <span
-                                                        className="ant-checkbox-inner"
-                                                      />
-                                                    </span>
-                                                  </Checkbox>
-                                                  <span>
-                                                    Event
-                                                  </span>
-                                                </label>
-                                              </Checkbox>
-                                            </div>
-                                          </Col>
-                                        </div>
-                                      </Row>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                  "justifyContent": "center",
-                }
-              }
-              wrapperCol={
-                Object {
-                  "offset": 2,
-                  "span": 10,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "display": "flex",
-                    "justifyContent": "center",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={
-                    Object {
-                      "alignItems": "center",
-                      "display": "flex",
-                      "justifyContent": "center",
-                    }
-                  }
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                    wrapperCol={
-                      Object {
-                        "offset": 2,
-                        "span": 10,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 2,
-                        "span": 10,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={2}
-                      span={10}
-                    >
-                      <div
-                        className="ant-col ant-col-10 ant-col-offset-2 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Button
-                              onClick={[Function]}
-                              size="small"
-                              style={
-                                Object {
-                                  "width": "90%",
-                                }
-                              }
-                            >
-                              <Wave>
-                                <button
-                                  className="ant-btn ant-btn-sm"
-                                  onClick={[Function]}
-                                  style={
-                                    Object {
-                                      "width": "90%",
-                                    }
-                                  }
-                                  type="button"
-                                >
-                                  <LoadingIcon
-                                    existIcon={false}
-                                    loading={false}
-                                    prefixCls="ant-btn"
-                                  >
-                                    <CSSMotion
-                                      motionName="ant-btn-loading-icon-motion"
-                                      onAppearActive={[Function]}
-                                      onAppearStart={[Function]}
-                                      onEnterActive={[Function]}
-                                      onEnterStart={[Function]}
-                                      onLeaveActive={[Function]}
-                                      onLeaveStart={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </LoadingIcon>
-                                  <span
-                                    key=".0"
-                                  >
-                                    Load More Events
-                                  </span>
-                                </button>
-                              </Wave>
-                            </Button>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-            <FormItem
-              wrapperCol={
-                Object {
-                  "offset": 10,
-                  "span": 14,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={10}
-                      span={14}
-                    >
-                      <div
-                        className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Space>
-                              <div
-                                className="ant-space ant-space-horizontal ant-space-align-center"
-                                style={Object {}}
-                              >
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={0}
-                                  key="ant-space-item-0"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={
-                                      Object {
-                                        "marginRight": 8,
-                                      }
-                                    }
-                                  >
-                                    <Button
-                                      disabled={true}
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          disabled={true}
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={1}
-                                  key="ant-space-item-1"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={Object {}}
-                                  >
-                                    <Button
-                                      htmlType="button"
-                                      onClick={[Function]}
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn"
-                                          onClick={[Function]}
-                                          type="button"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Reset
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                              </div>
-                            </Space>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </WebhookForm>
-</Provider>
-`;
-
-exports[`Webhook form component snapshot testing should match component with empty data 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <WebhookForm
-    data={Array []}
-  >
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-webhook",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      labelCol={
-        Object {
-          "span": 8,
-        }
-      }
-      name="create-webhook"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-      wrapperCol={
-        Object {
-          "span": 10,
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-horizontal"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-webhook",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-webhook"
-          initialValues={Object {}}
-          name="create-webhook"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-horizontal"
-            id="create-webhook"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <FormItem
-              label="Name"
-              name="name"
-            >
-              <WrapperField
-                label="Name"
-                messageVariables={
-                  Object {
-                    "label": "Name",
-                  }
-                }
-                name="name"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_name"
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name={
-                    Array [
-                      "name",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_name"
-                        label="Name"
-                        name="name"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_name"
-                              title="Name"
-                            >
-                              Name
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Name"
-                        name={
-                          Array [
-                            "name",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={2}
-                                >
-                                  <Input
-                                    id="create-webhook_name"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-webhook_name"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-webhook_name"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Url"
-              name="url"
-            >
-              <WrapperField
-                label="Url"
-                messageVariables={
-                  Object {
-                    "label": "Url",
-                  }
-                }
-                name="url"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_url"
-                  label="Url"
-                  messageVariables={
-                    Object {
-                      "label": "Url",
-                    }
-                  }
-                  name={
-                    Array [
-                      "url",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_url"
-                        label="Url"
-                        name="url"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_url"
-                              title="Url"
-                            >
-                              Url
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Url"
-                        name={
-                          Array [
-                            "url",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={2}
-                                >
-                                  <Input
-                                    id="create-webhook_url"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_url"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-webhook_url"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-webhook_url"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Enable"
-              name="enabled"
-              valuePropName="checked"
-            >
-              <WrapperField
-                label="Enable"
-                messageVariables={
-                  Object {
-                    "label": "Enable",
-                  }
-                }
-                name="enabled"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-                valuePropName="checked"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_enabled"
-                  label="Enable"
-                  messageVariables={
-                    Object {
-                      "label": "Enable",
-                    }
-                  }
-                  name={
-                    Array [
-                      "enabled",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="checked"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_enabled"
-                        label="Enable"
-                        name="enabled"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                        valuePropName="checked"
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_enabled"
-                              title="Enable"
-                            >
-                              Enable
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Enable"
-                        name={
-                          Array [
-                            "enabled",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                        valuePropName="checked"
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={2}
-                                >
-                                  <Switch
-                                    id="create-webhook_enabled"
-                                    onChange={[Function]}
-                                  >
-                                    <Wave
-                                      insertExtraNode={true}
-                                    >
-                                      <Switch
-                                        className=""
-                                        id="create-webhook_enabled"
-                                        loadingIcon={
-                                          <div
-                                            className="ant-switch-handle"
-                                          />
-                                        }
-                                        onChange={[Function]}
-                                        prefixCls="ant-switch"
-                                      >
-                                        <button
-                                          aria-checked={false}
-                                          className="ant-switch"
-                                          id="create-webhook_enabled"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          role="switch"
-                                          type="button"
-                                        >
-                                          <div
-                                            className="ant-switch-handle"
-                                          />
-                                          <span
-                                            className="ant-switch-inner"
-                                          />
-                                        </button>
-                                      </Switch>
-                                    </Wave>
-                                  </Switch>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Events"
-              name="events"
-            >
-              <WrapperField
-                label="Events"
-                messageVariables={
-                  Object {
-                    "label": "Events",
-                  }
-                }
-                name="events"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_events"
-                  label="Events"
-                  messageVariables={
-                    Object {
-                      "label": "Events",
-                    }
-                  }
-                  name={
-                    Array [
-                      "events",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_events"
-                        label="Events"
-                        name="events"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_events"
-                              title="Events"
-                            >
-                              Events
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Events"
-                        name={
-                          Array [
-                            "events",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={2}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-webhook_events"
-                                    onChange={[Function]}
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-webhook_events"
-                                    >
-                                      <Row
-                                        gutter={
-                                          Array [
-                                            4,
-                                            16,
-                                          ]
-                                        }
-                                      >
-                                        <div
-                                          className="ant-row"
-                                          style={
-                                            Object {
-                                              "marginBottom": -8,
-                                              "marginLeft": -2,
-                                              "marginRight": -2,
-                                              "marginTop": -8,
-                                            }
-                                          }
-                                        >
-                                          <Col
-                                            key="1"
-                                            span={8}
-                                            style={
-                                              Object {
-                                                "width": "550px",
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-8"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 2,
-                                                  "paddingRight": 2,
-                                                  "paddingTop": 8,
-                                                  "width": "550px",
-                                                }
-                                              }
-                                            >
-                                              <Checkbox
-                                                label="event"
-                                                value={1}
-                                              >
-                                                <label
-                                                  className="ant-checkbox-wrapper"
-                                                >
-                                                  <Checkbox
-                                                    checked={false}
-                                                    className=""
-                                                    defaultChecked={false}
-                                                    label="event"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onKeyPress={[Function]}
-                                                    onKeyUp={[Function]}
-                                                    prefixCls="ant-checkbox"
-                                                    style={Object {}}
-                                                    type="checkbox"
-                                                    value={1}
-                                                  >
-                                                    <span
-                                                      className="ant-checkbox"
-                                                      style={Object {}}
-                                                    >
-                                                      <input
-                                                        checked={false}
-                                                        className="ant-checkbox-input"
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        type="checkbox"
-                                                        value={1}
-                                                      />
-                                                      <span
-                                                        className="ant-checkbox-inner"
-                                                      />
-                                                    </span>
-                                                  </Checkbox>
-                                                  <span>
-                                                    Event
-                                                  </span>
-                                                </label>
-                                              </Checkbox>
-                                            </div>
-                                          </Col>
-                                        </div>
-                                      </Row>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                  "justifyContent": "center",
-                }
-              }
-              wrapperCol={
-                Object {
-                  "offset": 2,
-                  "span": 10,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "display": "flex",
-                    "justifyContent": "center",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={
-                    Object {
-                      "alignItems": "center",
-                      "display": "flex",
-                      "justifyContent": "center",
-                    }
-                  }
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                    wrapperCol={
-                      Object {
-                        "offset": 2,
-                        "span": 10,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 2,
-                        "span": 10,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={2}
-                      span={10}
-                    >
-                      <div
-                        className="ant-col ant-col-10 ant-col-offset-2 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Button
-                              onClick={[Function]}
-                              size="small"
-                              style={
-                                Object {
-                                  "width": "90%",
-                                }
-                              }
-                            >
-                              <Wave>
-                                <button
-                                  className="ant-btn ant-btn-sm"
-                                  onClick={[Function]}
-                                  style={
-                                    Object {
-                                      "width": "90%",
-                                    }
-                                  }
-                                  type="button"
-                                >
-                                  <LoadingIcon
-                                    existIcon={false}
-                                    loading={false}
-                                    prefixCls="ant-btn"
-                                  >
-                                    <CSSMotion
-                                      motionName="ant-btn-loading-icon-motion"
-                                      onAppearActive={[Function]}
-                                      onAppearStart={[Function]}
-                                      onEnterActive={[Function]}
-                                      onEnterStart={[Function]}
-                                      onLeaveActive={[Function]}
-                                      onLeaveStart={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </LoadingIcon>
-                                  <span
-                                    key=".0"
-                                  >
-                                    Load More Events
-                                  </span>
-                                </button>
-                              </Wave>
-                            </Button>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-            <FormItem
-              wrapperCol={
-                Object {
-                  "offset": 10,
-                  "span": 14,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={10}
-                      span={14}
-                    >
-                      <div
-                        className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Space>
-                              <div
-                                className="ant-space ant-space-horizontal ant-space-align-center"
-                                style={Object {}}
-                              >
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={0}
-                                  key="ant-space-item-0"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={
-                                      Object {
-                                        "marginRight": 8,
-                                      }
-                                    }
-                                  >
-                                    <Button
-                                      disabled={true}
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          disabled={true}
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={1}
-                                  key="ant-space-item-1"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={Object {}}
-                                  >
-                                    <Button
-                                      htmlType="button"
-                                      onClick={[Function]}
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn"
-                                          onClick={[Function]}
-                                          type="button"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Reset
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                              </div>
-                            </Space>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </WebhookForm>
-</Provider>
-`;
-
-exports[`Webhook form component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <WebhookForm>
-    <ForwardRef(InternalForm)
-      form={
-        Object {
-          "__INTERNAL__": Object {
-            "itemRef": [Function],
-            "name": "create-webhook",
-          },
-          "getFieldError": [Function],
-          "getFieldInstance": [Function],
-          "getFieldValue": [Function],
-          "getFieldsError": [Function],
-          "getFieldsValue": [Function],
-          "getInternalHooks": [Function],
-          "isFieldTouched": [Function],
-          "isFieldValidating": [Function],
-          "isFieldsTouched": [Function],
-          "isFieldsValidating": [Function],
-          "resetFields": [Function],
-          "scrollToField": [Function],
-          "setFields": [Function],
-          "setFieldsValue": [Function],
-          "submit": [Function],
-          "validateFields": [Function],
-        }
-      }
-      initialValues={Object {}}
-      labelCol={
-        Object {
-          "span": 8,
-        }
-      }
-      name="create-webhook"
-      onFinish={[Function]}
-      onValuesChange={[Function]}
-      wrapperCol={
-        Object {
-          "span": 10,
-        }
-      }
-    >
-      <SizeContextProvider>
-        <ForwardRef(Form)
-          className="ant-form ant-form-horizontal"
-          form={
-            Object {
-              "__INTERNAL__": Object {
-                "itemRef": [Function],
-                "name": "create-webhook",
-              },
-              "getFieldError": [Function],
-              "getFieldInstance": [Function],
-              "getFieldValue": [Function],
-              "getFieldsError": [Function],
-              "getFieldsValue": [Function],
-              "getInternalHooks": [Function],
-              "isFieldTouched": [Function],
-              "isFieldValidating": [Function],
-              "isFieldsTouched": [Function],
-              "isFieldsValidating": [Function],
-              "resetFields": [Function],
-              "scrollToField": [Function],
-              "setFields": [Function],
-              "setFieldsValue": [Function],
-              "submit": [Function],
-              "validateFields": [Function],
-            }
-          }
-          id="create-webhook"
-          initialValues={Object {}}
-          name="create-webhook"
-          onFinish={[Function]}
-          onFinishFailed={[Function]}
-          onValuesChange={[Function]}
-        >
-          <form
-            className="ant-form ant-form-horizontal"
-            id="create-webhook"
-            onReset={[Function]}
-            onSubmit={[Function]}
-          >
-            <FormItem
-              label="Name"
-              name="name"
-            >
-              <WrapperField
-                label="Name"
-                messageVariables={
-                  Object {
-                    "label": "Name",
-                  }
-                }
-                name="name"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_name"
-                  label="Name"
-                  messageVariables={
-                    Object {
-                      "label": "Name",
-                    }
-                  }
-                  name={
-                    Array [
-                      "name",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_name"
-                        label="Name"
-                        name="name"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_name"
-                              title="Name"
-                            >
-                              Name
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Name"
-                        name={
-                          Array [
-                            "name",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-webhook_name"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_name"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-webhook_name"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-webhook_name"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Url"
-              name="url"
-            >
-              <WrapperField
-                label="Url"
-                messageVariables={
-                  Object {
-                    "label": "Url",
-                  }
-                }
-                name="url"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_url"
-                  label="Url"
-                  messageVariables={
-                    Object {
-                      "label": "Url",
-                    }
-                  }
-                  name={
-                    Array [
-                      "url",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_url"
-                        label="Url"
-                        name="url"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_url"
-                              title="Url"
-                            >
-                              Url
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Url"
-                        name={
-                          Array [
-                            "url",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Input
-                                    id="create-webhook_url"
-                                    onChange={[Function]}
-                                    type="text"
-                                  >
-                                    <ClearableLabeledInput
-                                      bordered={true}
-                                      element={
-                                        <input
-                                          className="ant-input"
-                                          id="create-webhook_url"
-                                          onBlur={[Function]}
-                                          onChange={[Function]}
-                                          onFocus={[Function]}
-                                          onKeyDown={[Function]}
-                                          type="text"
-                                        />
-                                      }
-                                      focused={false}
-                                      handleReset={[Function]}
-                                      id="create-webhook_url"
-                                      inputType="input"
-                                      onChange={[Function]}
-                                      prefixCls="ant-input"
-                                      triggerFocus={[Function]}
-                                      type="text"
-                                      value=""
-                                    >
-                                      <input
-                                        className="ant-input"
-                                        id="create-webhook_url"
-                                        onBlur={[Function]}
-                                        onChange={[Function]}
-                                        onFocus={[Function]}
-                                        onKeyDown={[Function]}
-                                        type="text"
-                                        value=""
-                                      />
-                                    </ClearableLabeledInput>
-                                  </Input>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Enable"
-              name="enabled"
-              valuePropName="checked"
-            >
-              <WrapperField
-                label="Enable"
-                messageVariables={
-                  Object {
-                    "label": "Enable",
-                  }
-                }
-                name="enabled"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-                valuePropName="checked"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_enabled"
-                  label="Enable"
-                  messageVariables={
-                    Object {
-                      "label": "Enable",
-                    }
-                  }
-                  name={
-                    Array [
-                      "enabled",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="checked"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_enabled"
-                        label="Enable"
-                        name="enabled"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                        valuePropName="checked"
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_enabled"
-                              title="Enable"
-                            >
-                              Enable
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Enable"
-                        name={
-                          Array [
-                            "enabled",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                        valuePropName="checked"
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <Switch
-                                    id="create-webhook_enabled"
-                                    onChange={[Function]}
-                                  >
-                                    <Wave
-                                      insertExtraNode={true}
-                                    >
-                                      <Switch
-                                        className=""
-                                        id="create-webhook_enabled"
-                                        loadingIcon={
-                                          <div
-                                            className="ant-switch-handle"
-                                          />
-                                        }
-                                        onChange={[Function]}
-                                        prefixCls="ant-switch"
-                                      >
-                                        <button
-                                          aria-checked={false}
-                                          className="ant-switch"
-                                          id="create-webhook_enabled"
-                                          onClick={[Function]}
-                                          onKeyDown={[Function]}
-                                          role="switch"
-                                          type="button"
-                                        >
-                                          <div
-                                            className="ant-switch-handle"
-                                          />
-                                          <span
-                                            className="ant-switch-inner"
-                                          />
-                                        </button>
-                                      </Switch>
-                                    </Wave>
-                                  </Switch>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              label="Events"
-              name="events"
-            >
-              <WrapperField
-                label="Events"
-                messageVariables={
-                  Object {
-                    "label": "Events",
-                  }
-                }
-                name="events"
-                onReset={[Function]}
-                trigger="onChange"
-                validateTrigger="onChange"
-              >
-                <Field
-                  fieldContext={
-                    Object {
-                      "__INTERNAL__": Object {
-                        "itemRef": [Function],
-                        "name": "create-webhook",
-                      },
-                      "getFieldError": [Function],
-                      "getFieldInstance": [Function],
-                      "getFieldValue": [Function],
-                      "getFieldsError": [Function],
-                      "getFieldsValue": [Function],
-                      "getInternalHooks": [Function],
-                      "isFieldTouched": [Function],
-                      "isFieldValidating": [Function],
-                      "isFieldsTouched": [Function],
-                      "isFieldsValidating": [Function],
-                      "resetFields": [Function],
-                      "scrollToField": [Function],
-                      "setFields": [Function],
-                      "setFieldsValue": [Function],
-                      "submit": [Function],
-                      "validateFields": [Function],
-                      "validateTrigger": "onChange",
-                    }
-                  }
-                  key="_events"
-                  label="Events"
-                  messageVariables={
-                    Object {
-                      "label": "Events",
-                    }
-                  }
-                  name={
-                    Array [
-                      "events",
-                    ]
-                  }
-                  onReset={[Function]}
-                  trigger="onChange"
-                  validateTrigger="onChange"
-                  valuePropName="value"
-                >
-                  <Row
-                    className="ant-form-item"
-                    key="row"
-                  >
-                    <div
-                      className="ant-row ant-form-item"
-                      style={Object {}}
-                    >
-                      <FormItemLabel
-                        htmlFor="create-webhook_events"
-                        label="Events"
-                        name="events"
-                        prefixCls="ant-form"
-                        required={false}
-                        requiredMark={true}
-                      >
-                        <Col
-                          className="ant-form-item-label"
-                          span={8}
-                        >
-                          <div
-                            className="ant-col ant-col-8 ant-form-item-label"
-                            style={Object {}}
-                          >
-                            <label
-                              className=""
-                              htmlFor="create-webhook_events"
-                              title="Events"
-                            >
-                              Events
-                            </label>
-                          </div>
-                        </Col>
-                      </FormItemLabel>
-                      <FormItemInput
-                        errors={Array []}
-                        label="Events"
-                        name={
-                          Array [
-                            "events",
-                          ]
-                        }
-                        onDomErrorVisibleChange={[Function]}
-                        prefixCls="ant-form"
-                        status=""
-                        touched={false}
-                        validateStatus=""
-                        validating={false}
-                      >
-                        <Col
-                          className="ant-form-item-control"
-                          span={10}
-                        >
-                          <div
-                            className="ant-col ant-col-10 ant-form-item-control"
-                            style={Object {}}
-                          >
-                            <div
-                              className="ant-form-item-control-input"
-                            >
-                              <div
-                                className="ant-form-item-control-input-content"
-                              >
-                                <Component
-                                  update={1}
-                                >
-                                  <ForwardRef(InternalCheckboxGroup)
-                                    id="create-webhook_events"
-                                    onChange={[Function]}
-                                  >
-                                    <div
-                                      className="ant-checkbox-group"
-                                      id="create-webhook_events"
-                                    >
-                                      <Row
-                                        gutter={
-                                          Array [
-                                            4,
-                                            16,
-                                          ]
-                                        }
-                                      >
-                                        <div
-                                          className="ant-row"
-                                          style={
-                                            Object {
-                                              "marginBottom": -8,
-                                              "marginLeft": -2,
-                                              "marginRight": -2,
-                                              "marginTop": -8,
-                                            }
-                                          }
-                                        >
-                                          <Col
-                                            key="1"
-                                            span={8}
-                                            style={
-                                              Object {
-                                                "width": "550px",
-                                              }
-                                            }
-                                          >
-                                            <div
-                                              className="ant-col ant-col-8"
-                                              style={
-                                                Object {
-                                                  "paddingBottom": 8,
-                                                  "paddingLeft": 2,
-                                                  "paddingRight": 2,
-                                                  "paddingTop": 8,
-                                                  "width": "550px",
-                                                }
-                                              }
-                                            >
-                                              <Checkbox
-                                                label="event"
-                                                value={1}
-                                              >
-                                                <label
-                                                  className="ant-checkbox-wrapper"
-                                                >
-                                                  <Checkbox
-                                                    checked={false}
-                                                    className=""
-                                                    defaultChecked={false}
-                                                    label="event"
-                                                    onBlur={[Function]}
-                                                    onChange={[Function]}
-                                                    onFocus={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onKeyPress={[Function]}
-                                                    onKeyUp={[Function]}
-                                                    prefixCls="ant-checkbox"
-                                                    style={Object {}}
-                                                    type="checkbox"
-                                                    value={1}
-                                                  >
-                                                    <span
-                                                      className="ant-checkbox"
-                                                      style={Object {}}
-                                                    >
-                                                      <input
-                                                        checked={false}
-                                                        className="ant-checkbox-input"
-                                                        onBlur={[Function]}
-                                                        onChange={[Function]}
-                                                        onFocus={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onKeyPress={[Function]}
-                                                        onKeyUp={[Function]}
-                                                        type="checkbox"
-                                                        value={1}
-                                                      />
-                                                      <span
-                                                        className="ant-checkbox-inner"
-                                                      />
-                                                    </span>
-                                                  </Checkbox>
-                                                  <span>
-                                                    Event
-                                                  </span>
-                                                </label>
-                                              </Checkbox>
-                                            </div>
-                                          </Col>
-                                        </div>
-                                      </Row>
-                                    </div>
-                                  </ForwardRef(InternalCheckboxGroup)>
-                                </Component>
-                              </div>
-                            </div>
-                            <ErrorList
-                              errors={Array []}
-                              onDomErrorVisibleChange={[Function]}
-                            >
-                              <CSSMotion
-                                motionAppear={true}
-                                motionDeadline={500}
-                                motionName="ant-show-help"
-                                onLeaveEnd={[Function]}
-                                removeOnLeave={true}
-                                visible={false}
-                              >
-                                <DomWrapper />
-                              </CSSMotion>
-                            </ErrorList>
-                          </div>
-                        </Col>
-                      </FormItemInput>
-                    </div>
-                  </Row>
-                </Field>
-              </WrapperField>
-            </FormItem>
-            <FormItem
-              style={
-                Object {
-                  "alignItems": "center",
-                  "display": "flex",
-                  "justifyContent": "center",
-                }
-              }
-              wrapperCol={
-                Object {
-                  "offset": 2,
-                  "span": 10,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-                style={
-                  Object {
-                    "alignItems": "center",
-                    "display": "flex",
-                    "justifyContent": "center",
-                  }
-                }
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={
-                    Object {
-                      "alignItems": "center",
-                      "display": "flex",
-                      "justifyContent": "center",
-                    }
-                  }
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                    wrapperCol={
-                      Object {
-                        "offset": 2,
-                        "span": 10,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 2,
-                        "span": 10,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={2}
-                      span={10}
-                    >
-                      <div
-                        className="ant-col ant-col-10 ant-col-offset-2 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Button
-                              onClick={[Function]}
-                              size="small"
-                              style={
-                                Object {
-                                  "width": "90%",
-                                }
-                              }
-                            >
-                              <Wave>
-                                <button
-                                  className="ant-btn ant-btn-sm"
-                                  onClick={[Function]}
-                                  style={
-                                    Object {
-                                      "width": "90%",
-                                    }
-                                  }
-                                  type="button"
-                                >
-                                  <LoadingIcon
-                                    existIcon={false}
-                                    loading={false}
-                                    prefixCls="ant-btn"
-                                  >
-                                    <CSSMotion
-                                      motionName="ant-btn-loading-icon-motion"
-                                      onAppearActive={[Function]}
-                                      onAppearStart={[Function]}
-                                      onEnterActive={[Function]}
-                                      onEnterStart={[Function]}
-                                      onLeaveActive={[Function]}
-                                      onLeaveStart={[Function]}
-                                      removeOnLeave={true}
-                                      visible={false}
-                                    >
-                                      <DomWrapper />
-                                    </CSSMotion>
-                                  </LoadingIcon>
-                                  <span
-                                    key=".0"
-                                  >
-                                    Load More Events
-                                  </span>
-                                </button>
-                              </Wave>
-                            </Button>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-            <FormItem
-              wrapperCol={
-                Object {
-                  "offset": 10,
-                  "span": 14,
-                }
-              }
-            >
-              <Row
-                className="ant-form-item"
-                key="row"
-              >
-                <div
-                  className="ant-row ant-form-item"
-                  style={Object {}}
-                >
-                  <FormItemLabel
-                    prefixCls="ant-form"
-                    requiredMark={true}
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  />
-                  <FormItemInput
-                    errors={Array []}
-                    onDomErrorVisibleChange={[Function]}
-                    prefixCls="ant-form"
-                    status=""
-                    validateStatus=""
-                    wrapperCol={
-                      Object {
-                        "offset": 10,
-                        "span": 14,
-                      }
-                    }
-                  >
-                    <Col
-                      className="ant-form-item-control"
-                      offset={10}
-                      span={14}
-                    >
-                      <div
-                        className="ant-col ant-col-14 ant-col-offset-10 ant-form-item-control"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-form-item-control-input"
-                        >
-                          <div
-                            className="ant-form-item-control-input-content"
-                          >
-                            <Space>
-                              <div
-                                className="ant-space ant-space-horizontal ant-space-align-center"
-                                style={Object {}}
-                              >
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={0}
-                                  key="ant-space-item-0"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={
-                                      Object {
-                                        "marginRight": 8,
-                                      }
-                                    }
-                                  >
-                                    <Button
-                                      disabled={true}
-                                      htmlType="submit"
-                                      type="primary"
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn ant-btn-primary"
-                                          disabled={true}
-                                          onClick={[Function]}
-                                          type="submit"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Submit
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                                <Item
-                                  className="ant-space-item"
-                                  direction="horizontal"
-                                  index={1}
-                                  key="ant-space-item-1"
-                                  marginDirection="marginRight"
-                                  wrap={false}
-                                >
-                                  <div
-                                    className="ant-space-item"
-                                    style={Object {}}
-                                  >
-                                    <Button
-                                      htmlType="button"
-                                      onClick={[Function]}
-                                    >
-                                      <Wave>
-                                        <button
-                                          className="ant-btn"
-                                          onClick={[Function]}
-                                          type="button"
-                                        >
-                                          <LoadingIcon
-                                            existIcon={false}
-                                            loading={false}
-                                            prefixCls="ant-btn"
-                                          >
-                                            <CSSMotion
-                                              motionName="ant-btn-loading-icon-motion"
-                                              onAppearActive={[Function]}
-                                              onAppearStart={[Function]}
-                                              onEnterActive={[Function]}
-                                              onEnterStart={[Function]}
-                                              onLeaveActive={[Function]}
-                                              onLeaveStart={[Function]}
-                                              removeOnLeave={true}
-                                              visible={false}
-                                            >
-                                              <DomWrapper />
-                                            </CSSMotion>
-                                          </LoadingIcon>
-                                          <span
-                                            key=".0"
-                                          >
-                                            Reset
-                                          </span>
-                                        </button>
-                                      </Wave>
-                                    </Button>
-                                  </div>
-                                </Item>
-                              </div>
-                            </Space>
-                          </div>
-                        </div>
-                        <ErrorList
-                          errors={Array []}
-                          onDomErrorVisibleChange={[Function]}
-                        >
-                          <CSSMotion
-                            motionAppear={true}
-                            motionDeadline={500}
-                            motionName="ant-show-help"
-                            onLeaveEnd={[Function]}
-                            removeOnLeave={true}
-                            visible={false}
-                          >
-                            <DomWrapper />
-                          </CSSMotion>
-                        </ErrorList>
-                      </div>
-                    </Col>
-                  </FormItemInput>
-                </div>
-              </Row>
-            </FormItem>
-          </form>
-        </ForwardRef(Form)>
-      </SizeContextProvider>
-    </ForwardRef(InternalForm)>
-  </WebhookForm>
-</Provider>
-`;
diff --git a/studio/src/pages/webhooks/components/__snapshots__/WebhookList.test.js.snap b/studio/src/pages/webhooks/components/__snapshots__/WebhookList.test.js.snap
deleted file mode 100644
index 33b7a201a..000000000
--- a/studio/src/pages/webhooks/components/__snapshots__/WebhookList.test.js.snap
+++ /dev/null
@@ -1,9331 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Webhook List component snapshot testing should match component when loading 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <WebhookList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "loading": false,
-            "total": 2,
-            "webhooks": Array [
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "events": Array [
-                  1,
-                ],
-                "id": 2,
-                "name": "Webhook2",
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-                "url": "webhook2url",
-              },
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "enabled": true,
-                "events": Array [
-                  1,
-                ],
-                "id": 1,
-                "name": "Webhook1",
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-                "url": "webhook1url",
-              },
-            ],
-          }
-        }
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-                "width": "20%",
-              },
-              Object {
-                "dataIndex": "url",
-                "ellipsis": Object {
-                  "showTitle": false,
-                },
-                "key": "url",
-                "render": [Function],
-                "title": "Url",
-              },
-              Object {
-                "dataIndex": "enabled",
-                "render": [Function],
-                "title": "Enabled",
-                "width": "10%",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "events": Array [
-                  1,
-                ],
-                "id": 2,
-                "name": "Webhook2",
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-                "url": "webhook2url",
-              },
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "enabled": true,
-                "events": Array [
-                  1,
-                ],
-                "id": 1,
-                "name": "Webhook1",
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-                "url": "webhook1url",
-              },
-            ]
-          }
-          loading={false}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={false}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  className="ant-spin-container"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                          "width": "20%",
-                        },
-                        Object {
-                          "dataIndex": "url",
-                          "ellipsis": Object {
-                            "showTitle": false,
-                          },
-                          "key": "url",
-                          "render": [Function],
-                          "title": "Url",
-                        },
-                        Object {
-                          "dataIndex": "enabled",
-                          "render": [Function],
-                          "title": "Enabled",
-                          "width": "10%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 2,
-                          "name": "Webhook2",
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                          "url": "webhook2url",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "enabled": true,
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 1,
-                          "name": "Webhook1",
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                          "url": "webhook1url",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 2,
-                          "name": "Webhook2",
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                          "url": "webhook2url",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "enabled": true,
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 1,
-                          "name": "Webhook1",
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                          "url": "webhook1url",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: fixed;"
-                            >
-                              <colgroup>
-                                <col
-                                  style="width: 20%;"
-                                />
-                                <col />
-                                <col
-                                  style="width: 10%;"
-                                />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-ellipsis"
-                                    title="Url"
-                                  >
-                                    Url
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Enabled
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/webhooks/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Webhook2
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-ellipsis"
-                                  >
-                                    <span>
-                                      webhook2url
-                                    </span>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <p>
-                                      No
-                                    </p>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/webhooks/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Webhook1
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-ellipsis"
-                                  >
-                                    <span>
-                                      webhook1url
-                                    </span>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <p>
-                                      Yes
-                                    </p>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                                "width": "20%",
-                              },
-                              Object {
-                                "dataIndex": "url",
-                                "ellipsis": Object {
-                                  "showTitle": false,
-                                },
-                                "key": "url",
-                                "render": [Function],
-                                "title": "Url",
-                              },
-                              Object {
-                                "dataIndex": "enabled",
-                                "render": [Function],
-                                "title": "Enabled",
-                                "width": "10%",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "events": Array [
-                                  1,
-                                ],
-                                "id": 2,
-                                "name": "Webhook2",
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                                "url": "webhook2url",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "enabled": true,
-                                "events": Array [
-                                  1,
-                                ],
-                                "id": 1,
-                                "name": "Webhook1",
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                                "url": "webhook1url",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "events": Array [
-                                  1,
-                                ],
-                                "id": 2,
-                                "name": "Webhook2",
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                                "url": "webhook2url",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "enabled": true,
-                                "events": Array [
-                                  1,
-                                ],
-                                "id": 1,
-                                "name": "Webhook1",
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                                "url": "webhook1url",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: fixed;"
-                                  >
-                                    <colgroup>
-                                      <col
-                                        style="width: 20%;"
-                                      />
-                                      <col />
-                                      <col
-                                        style="width: 10%;"
-                                      />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-ellipsis"
-                                          title="Url"
-                                        >
-                                          Url
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Enabled
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/webhooks/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Webhook2
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-ellipsis"
-                                        >
-                                          <span>
-                                            webhook2url
-                                          </span>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <p>
-                                            No
-                                          </p>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/webhooks/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Webhook1
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-ellipsis"
-                                        >
-                                          <span>
-                                            webhook1url
-                                          </span>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <p>
-                                            Yes
-                                          </p>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": false,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "fixed",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    "20%",
-                                    undefined,
-                                    "10%",
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                      "width": "20%",
-                                    },
-                                    Object {
-                                      "dataIndex": "url",
-                                      "ellipsis": Object {
-                                        "showTitle": false,
-                                      },
-                                      "fixed": undefined,
-                                      "key": "url",
-                                      "render": [Function],
-                                      "title": "Url",
-                                    },
-                                    Object {
-                                      "dataIndex": "enabled",
-                                      "fixed": undefined,
-                                      "render": [Function],
-                                      "title": "Enabled",
-                                      "width": "10%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": "20%",
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="2"
-                                    style={
-                                      Object {
-                                        "width": "10%",
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="3"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={4}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                      "width": "20%",
-                                    },
-                                    Object {
-                                      "dataIndex": "url",
-                                      "ellipsis": Object {
-                                        "showTitle": false,
-                                      },
-                                      "key": "url",
-                                      "render": [Function],
-                                      "title": "Url",
-                                    },
-                                    Object {
-                                      "dataIndex": "enabled",
-                                      "render": [Function],
-                                      "title": "Enabled",
-                                      "width": "10%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                      "width": "20%",
-                                    },
-                                    Object {
-                                      "dataIndex": "url",
-                                      "ellipsis": Object {
-                                        "showTitle": false,
-                                      },
-                                      "fixed": undefined,
-                                      "key": "url",
-                                      "render": [Function],
-                                      "title": "Url",
-                                    },
-                                    Object {
-                                      "dataIndex": "enabled",
-                                      "fixed": undefined,
-                                      "render": [Function],
-                                      "title": "Enabled",
-                                      "width": "10%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                            "width": "20%",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Url",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "dataIndex": "url",
-                                            "ellipsis": Object {
-                                              "showTitle": false,
-                                            },
-                                            "key": "url",
-                                            "render": [Function],
-                                            "title": "Url",
-                                          },
-                                          "key": "url",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Enabled",
-                                          "className": "",
-                                          "colEnd": 2,
-                                          "colSpan": 1,
-                                          "colStart": 2,
-                                          "column": Object {
-                                            "dataIndex": "enabled",
-                                            "render": [Function],
-                                            "title": "Enabled",
-                                            "width": "10%",
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 3,
-                                          "colSpan": 1,
-                                          "colStart": 3,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "dataIndex": "url",
-                                          "ellipsis": Object {
-                                            "showTitle": false,
-                                          },
-                                          "fixed": undefined,
-                                          "key": "url",
-                                          "render": [Function],
-                                          "title": "Url",
-                                        },
-                                        Object {
-                                          "dataIndex": "enabled",
-                                          "fixed": undefined,
-                                          "render": [Function],
-                                          "title": "Enabled",
-                                          "width": "10%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                            "width": "20%",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "dataIndex": "url",
-                                            "ellipsis": Object {
-                                              "showTitle": false,
-                                            },
-                                            "key": "url",
-                                            "render": [Function],
-                                            "title": "Url",
-                                          }
-                                        }
-                                        component="th"
-                                        ellipsis={
-                                          Object {
-                                            "showTitle": false,
-                                          }
-                                        }
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="url"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-ellipsis"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                          title="Url"
-                                        >
-                                          Url
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={2}
-                                        colSpan={1}
-                                        colStart={2}
-                                        column={
-                                          Object {
-                                            "dataIndex": "enabled",
-                                            "render": [Function],
-                                            "title": "Enabled",
-                                            "width": "10%",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="enabled"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Enabled
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={3}
-                                        colSpan={1}
-                                        colStart={3}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "created_at": "2020-09-25T07:24:11.008257Z",
-                                      "deleted_at": null,
-                                      "events": Array [
-                                        1,
-                                      ],
-                                      "id": 2,
-                                      "name": "Webhook2",
-                                      "updated_at": "2020-09-25T07:24:11.008257Z",
-                                      "url": "webhook2url",
-                                    },
-                                    Object {
-                                      "created_at": "2020-09-25T07:23:38.40006Z",
-                                      "deleted_at": null,
-                                      "enabled": true,
-                                      "events": Array [
-                                        1,
-                                      ],
-                                      "id": 1,
-                                      "name": "Webhook1",
-                                      "updated_at": "2020-09-25T07:23:38.40006Z",
-                                      "url": "webhook1url",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:24:11.008257Z",
-                                        "deleted_at": null,
-                                        "events": Array [
-                                          1,
-                                        ],
-                                        "id": 2,
-                                        "name": "Webhook2",
-                                        "updated_at": "2020-09-25T07:24:11.008257Z",
-                                        "url": "webhook2url",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 2,
-                                            "name": "Webhook2",
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                            "url": "webhook2url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/webhooks/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/webhooks/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/webhooks/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Webhook2
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="url"
-                                        ellipsis={
-                                          Object {
-                                            "showTitle": false,
-                                          }
-                                        }
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="url"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 2,
-                                            "name": "Webhook2",
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                            "url": "webhook2url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-ellipsis"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Tooltip
-                                            arrowPointAtCenter={false}
-                                            autoAdjustOverflow={true}
-                                            mouseEnterDelay={0.1}
-                                            mouseLeaveDelay={0.1}
-                                            placement="topLeft"
-                                            title="webhook2url"
-                                          >
-                                            <ForwardRef(Tooltip)
-                                              arrowContent={
-                                                <span
-                                                  className="ant-tooltip-arrow-content"
-                                                />
-                                              }
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              builtinPlacements={
-                                                Object {
-                                                  "bottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tc",
-                                                      "bc",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "bottomLeft": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tl",
-                                                      "bl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "bottomRight": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tr",
-                                                      "br",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "left": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "cr",
-                                                      "cl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "leftBottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "br",
-                                                      "bl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "leftTop": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tr",
-                                                      "tl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "right": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "cl",
-                                                      "cr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "rightBottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bl",
-                                                      "br",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "rightTop": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tl",
-                                                      "tr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "top": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bc",
-                                                      "tc",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "topLeft": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bl",
-                                                      "tl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "topRight": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "br",
-                                                      "tr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                }
-                                              }
-                                              motion={
-                                                Object {
-                                                  "motionDeadline": 1000,
-                                                  "motionName": "ant-zoom-big-fast",
-                                                }
-                                              }
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              onPopupAlign={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay="webhook2url"
-                                              overlayClassName=""
-                                              placement="topLeft"
-                                              prefixCls="ant-tooltip"
-                                              title="webhook2url"
-                                              visible={false}
-                                            >
-                                              <Trigger
-                                                action={
-                                                  Array [
-                                                    "hover",
-                                                  ]
-                                                }
-                                                afterPopupVisibleChange={[Function]}
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-tooltip-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                autoDestroy={false}
-                                                blurDelay={0.15}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                defaultPopupVisible={false}
-                                                destroyPopupOnHide={false}
-                                                focusDelay={0}
-                                                getDocument={[Function]}
-                                                getPopupClassNameFromAlign={[Function]}
-                                                hideAction={Array []}
-                                                mask={false}
-                                                maskClosable={true}
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                onPopupAlign={[Function]}
-                                                onPopupVisibleChange={[Function]}
-                                                overlay="webhook2url"
-                                                popup={[Function]}
-                                                popupAlign={Object {}}
-                                                popupClassName=""
-                                                popupMotion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big-fast",
-                                                  }
-                                                }
-                                                popupPlacement="topLeft"
-                                                popupStyle={Object {}}
-                                                popupVisible={false}
-                                                prefixCls="ant-tooltip"
-                                                showAction={Array []}
-                                                title="webhook2url"
-                                                visible={false}
-                                              >
-                                                <span
-                                                  key="trigger"
-                                                  onMouseEnter={[Function]}
-                                                  onMouseLeave={[Function]}
-                                                >
-                                                  webhook2url
-                                                </span>
-                                              </Trigger>
-                                            </ForwardRef(Tooltip)>
-                                          </Tooltip>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="enabled"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="enabled"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 2,
-                                            "name": "Webhook2",
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                            "url": "webhook2url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <p>
-                                            No
-                                          </p>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 2,
-                                            "name": "Webhook2",
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                            "url": "webhook2url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:23:38.40006Z",
-                                        "deleted_at": null,
-                                        "enabled": true,
-                                        "events": Array [
-                                          1,
-                                        ],
-                                        "id": 1,
-                                        "name": "Webhook1",
-                                        "updated_at": "2020-09-25T07:23:38.40006Z",
-                                        "url": "webhook1url",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "enabled": true,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 1,
-                                            "name": "Webhook1",
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                            "url": "webhook1url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/webhooks/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/webhooks/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/webhooks/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Webhook1
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="url"
-                                        ellipsis={
-                                          Object {
-                                            "showTitle": false,
-                                          }
-                                        }
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="url"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "enabled": true,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 1,
-                                            "name": "Webhook1",
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                            "url": "webhook1url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-ellipsis"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Tooltip
-                                            arrowPointAtCenter={false}
-                                            autoAdjustOverflow={true}
-                                            mouseEnterDelay={0.1}
-                                            mouseLeaveDelay={0.1}
-                                            placement="topLeft"
-                                            title="webhook1url"
-                                          >
-                                            <ForwardRef(Tooltip)
-                                              arrowContent={
-                                                <span
-                                                  className="ant-tooltip-arrow-content"
-                                                />
-                                              }
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              builtinPlacements={
-                                                Object {
-                                                  "bottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tc",
-                                                      "bc",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "bottomLeft": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tl",
-                                                      "bl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "bottomRight": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tr",
-                                                      "br",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "left": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "cr",
-                                                      "cl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "leftBottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "br",
-                                                      "bl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "leftTop": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tr",
-                                                      "tl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "right": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "cl",
-                                                      "cr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "rightBottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bl",
-                                                      "br",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "rightTop": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tl",
-                                                      "tr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "top": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bc",
-                                                      "tc",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "topLeft": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bl",
-                                                      "tl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "topRight": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "br",
-                                                      "tr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                }
-                                              }
-                                              motion={
-                                                Object {
-                                                  "motionDeadline": 1000,
-                                                  "motionName": "ant-zoom-big-fast",
-                                                }
-                                              }
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              onPopupAlign={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay="webhook1url"
-                                              overlayClassName=""
-                                              placement="topLeft"
-                                              prefixCls="ant-tooltip"
-                                              title="webhook1url"
-                                              visible={false}
-                                            >
-                                              <Trigger
-                                                action={
-                                                  Array [
-                                                    "hover",
-                                                  ]
-                                                }
-                                                afterPopupVisibleChange={[Function]}
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-tooltip-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                autoDestroy={false}
-                                                blurDelay={0.15}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                defaultPopupVisible={false}
-                                                destroyPopupOnHide={false}
-                                                focusDelay={0}
-                                                getDocument={[Function]}
-                                                getPopupClassNameFromAlign={[Function]}
-                                                hideAction={Array []}
-                                                mask={false}
-                                                maskClosable={true}
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                onPopupAlign={[Function]}
-                                                onPopupVisibleChange={[Function]}
-                                                overlay="webhook1url"
-                                                popup={[Function]}
-                                                popupAlign={Object {}}
-                                                popupClassName=""
-                                                popupMotion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big-fast",
-                                                  }
-                                                }
-                                                popupPlacement="topLeft"
-                                                popupStyle={Object {}}
-                                                popupVisible={false}
-                                                prefixCls="ant-tooltip"
-                                                showAction={Array []}
-                                                title="webhook1url"
-                                                visible={false}
-                                              >
-                                                <span
-                                                  key="trigger"
-                                                  onMouseEnter={[Function]}
-                                                  onMouseLeave={[Function]}
-                                                >
-                                                  webhook1url
-                                                </span>
-                                              </Trigger>
-                                            </ForwardRef(Tooltip)>
-                                          </Tooltip>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="enabled"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="enabled"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "enabled": true,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 1,
-                                            "name": "Webhook1",
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                            "url": "webhook1url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <p>
-                                            Yes
-                                          </p>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "enabled": true,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 1,
-                                            "name": "Webhook1",
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                            "url": "webhook1url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </WebhookList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
-
-exports[`Webhook List component snapshot testing should render the component 1`] = `
-<Provider
-  store={
-    Object {
-      "clearActions": [Function],
-      "dispatch": [Function],
-      "getActions": [Function],
-      "getState": [Function],
-      "replaceReducer": [Function],
-      "subscribe": [Function],
-    }
-  }
->
-  <BrowserRouter>
-    <Router
-      history={
-        Object {
-          "action": "POP",
-          "block": [Function],
-          "createHref": [Function],
-          "go": [Function],
-          "goBack": [Function],
-          "goForward": [Function],
-          "length": 1,
-          "listen": [Function],
-          "location": Object {
-            "hash": "",
-            "pathname": "/",
-            "search": "",
-            "state": undefined,
-          },
-          "push": [Function],
-          "replace": [Function],
-        }
-      }
-    >
-      <WebhookList
-        actions={
-          Array [
-            "update",
-            "delete",
-          ]
-        }
-        data={
-          Object {
-            "loading": false,
-            "total": 2,
-            "webhooks": Array [
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "events": Array [
-                  1,
-                ],
-                "id": 2,
-                "name": "Webhook2",
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-                "url": "webhook2url",
-              },
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "enabled": true,
-                "events": Array [
-                  1,
-                ],
-                "id": 1,
-                "name": "Webhook1",
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-                "url": "webhook1url",
-              },
-            ],
-          }
-        }
-        filters={
-          Object {
-            "limit": 20,
-            "page": 1,
-          }
-        }
-        setFilters={[MockFunction]}
-      >
-        <Table
-          bordered={true}
-          columns={
-            Array [
-              Object {
-                "dataIndex": "name",
-                "key": "name",
-                "render": [Function],
-                "title": "Name",
-                "width": "20%",
-              },
-              Object {
-                "dataIndex": "url",
-                "ellipsis": Object {
-                  "showTitle": false,
-                },
-                "key": "url",
-                "render": [Function],
-                "title": "Url",
-              },
-              Object {
-                "dataIndex": "enabled",
-                "render": [Function],
-                "title": "Enabled",
-                "width": "10%",
-              },
-              Object {
-                "align": "center",
-                "dataIndex": "operation",
-                "fixed": "right",
-                "render": [Function],
-                "title": "Action",
-                "width": 150,
-              },
-            ]
-          }
-          dataSource={
-            Array [
-              Object {
-                "created_at": "2020-09-25T07:24:11.008257Z",
-                "deleted_at": null,
-                "events": Array [
-                  1,
-                ],
-                "id": 2,
-                "name": "Webhook2",
-                "updated_at": "2020-09-25T07:24:11.008257Z",
-                "url": "webhook2url",
-              },
-              Object {
-                "created_at": "2020-09-25T07:23:38.40006Z",
-                "deleted_at": null,
-                "enabled": true,
-                "events": Array [
-                  1,
-                ],
-                "id": 1,
-                "name": "Webhook1",
-                "updated_at": "2020-09-25T07:23:38.40006Z",
-                "url": "webhook1url",
-              },
-            ]
-          }
-          loading={false}
-          pagination={
-            Object {
-              "current": 1,
-              "onChange": [Function],
-              "pageSize": 20,
-              "pageSizeOptions": Array [
-                "10",
-                "15",
-                "20",
-              ],
-              "showTotal": [Function],
-              "total": 2,
-            }
-          }
-          rowKey="id"
-        >
-          <div
-            className="ant-table-wrapper"
-          >
-            <Spin
-              size="default"
-              spinning={false}
-              wrapperClassName=""
-            >
-              <div
-                className="ant-spin-nested-loading"
-              >
-                <div
-                  className="ant-spin-container"
-                  key="container"
-                >
-                  <Table
-                    bordered={true}
-                    className="ant-table-bordered"
-                    columns={
-                      Array [
-                        Object {
-                          "dataIndex": "name",
-                          "key": "name",
-                          "render": [Function],
-                          "title": "Name",
-                          "width": "20%",
-                        },
-                        Object {
-                          "dataIndex": "url",
-                          "ellipsis": Object {
-                            "showTitle": false,
-                          },
-                          "key": "url",
-                          "render": [Function],
-                          "title": "Url",
-                        },
-                        Object {
-                          "dataIndex": "enabled",
-                          "render": [Function],
-                          "title": "Enabled",
-                          "width": "10%",
-                        },
-                        Object {
-                          "align": "center",
-                          "dataIndex": "operation",
-                          "fixed": "right",
-                          "render": [Function],
-                          "title": "Action",
-                          "width": 150,
-                        },
-                      ]
-                    }
-                    data={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 2,
-                          "name": "Webhook2",
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                          "url": "webhook2url",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "enabled": true,
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 1,
-                          "name": "Webhook1",
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                          "url": "webhook1url",
-                        },
-                      ]
-                    }
-                    dataSource={
-                      Array [
-                        Object {
-                          "created_at": "2020-09-25T07:24:11.008257Z",
-                          "deleted_at": null,
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 2,
-                          "name": "Webhook2",
-                          "updated_at": "2020-09-25T07:24:11.008257Z",
-                          "url": "webhook2url",
-                        },
-                        Object {
-                          "created_at": "2020-09-25T07:23:38.40006Z",
-                          "deleted_at": null,
-                          "enabled": true,
-                          "events": Array [
-                            1,
-                          ],
-                          "id": 1,
-                          "name": "Webhook1",
-                          "updated_at": "2020-09-25T07:23:38.40006Z",
-                          "url": "webhook1url",
-                        },
-                      ]
-                    }
-                    emptyText={
-                      <Context.Consumer>
-                        [Function]
-                      </Context.Consumer>
-                    }
-                    expandable={
-                      Object {
-                        "__PARENT_RENDER_ICON__": undefined,
-                        "childrenColumnName": undefined,
-                        "expandIcon": [Function],
-                        "expandIconColumnIndex": undefined,
-                        "indentSize": 15,
-                      }
-                    }
-                    internalHooks="rc-table-internal-hook"
-                    internalRefs={
-                      Object {
-                        "body": Object {
-                          "current": <div
-                            class="ant-table-content"
-                          >
-                            <table
-                              style="table-layout: fixed;"
-                            >
-                              <colgroup>
-                                <col
-                                  style="width: 20%;"
-                                />
-                                <col />
-                                <col
-                                  style="width: 10%;"
-                                />
-                                <col
-                                  style="width: 150px;"
-                                />
-                              </colgroup>
-                              <thead
-                                class="ant-table-thead"
-                              >
-                                <tr>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Name
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-ellipsis"
-                                    title="Url"
-                                  >
-                                    Url
-                                  </th>
-                                  <th
-                                    class="ant-table-cell"
-                                  >
-                                    Enabled
-                                  </th>
-                                  <th
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    Action
-                                  </th>
-                                </tr>
-                              </thead>
-                              <tbody
-                                class="ant-table-tbody"
-                              >
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="2"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/webhooks/2/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Webhook2
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-ellipsis"
-                                  >
-                                    <span>
-                                      webhook2url
-                                    </span>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <p>
-                                      No
-                                    </p>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                                <tr
-                                  class="ant-table-row ant-table-row-level-0"
-                                  data-row-key="1"
-                                >
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <a
-                                      href="/advanced/webhooks/1/edit"
-                                      style="margin-right: 8px;"
-                                    >
-                                      Webhook1
-                                    </a>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-ellipsis"
-                                  >
-                                    <span>
-                                      webhook1url
-                                    </span>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell"
-                                  >
-                                    <p>
-                                      Yes
-                                    </p>
-                                  </td>
-                                  <td
-                                    class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                    style="text-align: center; position: sticky; right: 0px;"
-                                  >
-                                    <button
-                                      class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                      type="button"
-                                    >
-                                      <span
-                                        aria-label="delete"
-                                        class="anticon anticon-delete"
-                                        role="img"
-                                      >
-                                        <svg
-                                          aria-hidden="true"
-                                          data-icon="delete"
-                                          fill="currentColor"
-                                          focusable="false"
-                                          height="1em"
-                                          viewBox="64 64 896 896"
-                                          width="1em"
-                                        >
-                                          <path
-                                            d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                          />
-                                        </svg>
-                                      </span>
-                                    </button>
-                                  </td>
-                                </tr>
-                              </tbody>
-                            </table>
-                          </div>,
-                        },
-                      }
-                    }
-                    loading={false}
-                    pagination={
-                      Object {
-                        "current": 1,
-                        "onChange": [Function],
-                        "pageSize": 20,
-                        "pageSizeOptions": Array [
-                          "10",
-                          "15",
-                          "20",
-                        ],
-                        "showTotal": [Function],
-                        "total": 2,
-                      }
-                    }
-                    prefixCls="ant-table"
-                    rowClassName={[Function]}
-                    rowKey={[Function]}
-                    transformColumns={[Function]}
-                  >
-                    <div
-                      className="ant-table ant-table-bordered ant-table-has-fix-right"
-                    >
-                      <Component
-                        pingLeft={false}
-                        pingRight={false}
-                        props={
-                          Object {
-                            "bordered": true,
-                            "className": "ant-table-bordered",
-                            "columns": Array [
-                              Object {
-                                "dataIndex": "name",
-                                "key": "name",
-                                "render": [Function],
-                                "title": "Name",
-                                "width": "20%",
-                              },
-                              Object {
-                                "dataIndex": "url",
-                                "ellipsis": Object {
-                                  "showTitle": false,
-                                },
-                                "key": "url",
-                                "render": [Function],
-                                "title": "Url",
-                              },
-                              Object {
-                                "dataIndex": "enabled",
-                                "render": [Function],
-                                "title": "Enabled",
-                                "width": "10%",
-                              },
-                              Object {
-                                "align": "center",
-                                "dataIndex": "operation",
-                                "fixed": "right",
-                                "render": [Function],
-                                "title": "Action",
-                                "width": 150,
-                              },
-                            ],
-                            "data": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "events": Array [
-                                  1,
-                                ],
-                                "id": 2,
-                                "name": "Webhook2",
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                                "url": "webhook2url",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "enabled": true,
-                                "events": Array [
-                                  1,
-                                ],
-                                "id": 1,
-                                "name": "Webhook1",
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                                "url": "webhook1url",
-                              },
-                            ],
-                            "dataSource": Array [
-                              Object {
-                                "created_at": "2020-09-25T07:24:11.008257Z",
-                                "deleted_at": null,
-                                "events": Array [
-                                  1,
-                                ],
-                                "id": 2,
-                                "name": "Webhook2",
-                                "updated_at": "2020-09-25T07:24:11.008257Z",
-                                "url": "webhook2url",
-                              },
-                              Object {
-                                "created_at": "2020-09-25T07:23:38.40006Z",
-                                "deleted_at": null,
-                                "enabled": true,
-                                "events": Array [
-                                  1,
-                                ],
-                                "id": 1,
-                                "name": "Webhook1",
-                                "updated_at": "2020-09-25T07:23:38.40006Z",
-                                "url": "webhook1url",
-                              },
-                            ],
-                            "direction": undefined,
-                            "emptyText": <Context.Consumer>
-                              [Function]
-                            </Context.Consumer>,
-                            "expandable": Object {
-                              "__PARENT_RENDER_ICON__": undefined,
-                              "childrenColumnName": undefined,
-                              "expandIcon": [Function],
-                              "expandIconColumnIndex": undefined,
-                              "indentSize": 15,
-                            },
-                            "internalHooks": "rc-table-internal-hook",
-                            "internalRefs": Object {
-                              "body": Object {
-                                "current": <div
-                                  class="ant-table-content"
-                                >
-                                  <table
-                                    style="table-layout: fixed;"
-                                  >
-                                    <colgroup>
-                                      <col
-                                        style="width: 20%;"
-                                      />
-                                      <col />
-                                      <col
-                                        style="width: 10%;"
-                                      />
-                                      <col
-                                        style="width: 150px;"
-                                      />
-                                    </colgroup>
-                                    <thead
-                                      class="ant-table-thead"
-                                    >
-                                      <tr>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Name
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-ellipsis"
-                                          title="Url"
-                                        >
-                                          Url
-                                        </th>
-                                        <th
-                                          class="ant-table-cell"
-                                        >
-                                          Enabled
-                                        </th>
-                                        <th
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          Action
-                                        </th>
-                                      </tr>
-                                    </thead>
-                                    <tbody
-                                      class="ant-table-tbody"
-                                    >
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="2"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/webhooks/2/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Webhook2
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-ellipsis"
-                                        >
-                                          <span>
-                                            webhook2url
-                                          </span>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <p>
-                                            No
-                                          </p>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                      <tr
-                                        class="ant-table-row ant-table-row-level-0"
-                                        data-row-key="1"
-                                      >
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <a
-                                            href="/advanced/webhooks/1/edit"
-                                            style="margin-right: 8px;"
-                                          >
-                                            Webhook1
-                                          </a>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-ellipsis"
-                                        >
-                                          <span>
-                                            webhook1url
-                                          </span>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell"
-                                        >
-                                          <p>
-                                            Yes
-                                          </p>
-                                        </td>
-                                        <td
-                                          class="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          style="text-align: center; position: sticky; right: 0px;"
-                                        >
-                                          <button
-                                            class="ant-btn ant-btn-danger ant-btn-icon-only"
-                                            type="button"
-                                          >
-                                            <span
-                                              aria-label="delete"
-                                              class="anticon anticon-delete"
-                                              role="img"
-                                            >
-                                              <svg
-                                                aria-hidden="true"
-                                                data-icon="delete"
-                                                fill="currentColor"
-                                                focusable="false"
-                                                height="1em"
-                                                viewBox="64 64 896 896"
-                                                width="1em"
-                                              >
-                                                <path
-                                                  d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                />
-                                              </svg>
-                                            </span>
-                                          </button>
-                                        </td>
-                                      </tr>
-                                    </tbody>
-                                  </table>
-                                </div>,
-                              },
-                            },
-                            "loading": false,
-                            "mergedExpandedKeys": Set {},
-                            "pagination": Object {
-                              "current": 1,
-                              "onChange": [Function],
-                              "pageSize": 20,
-                              "pageSizeOptions": Array [
-                                "10",
-                                "15",
-                                "20",
-                              ],
-                              "showTotal": [Function],
-                              "total": 2,
-                            },
-                            "prefixCls": "ant-table",
-                            "rowClassName": [Function],
-                            "rowKey": [Function],
-                            "stickyOffsets": Object {
-                              "left": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                              "right": Array [
-                                0,
-                                0,
-                                0,
-                                0,
-                              ],
-                            },
-                            "transformColumns": [Function],
-                          }
-                        }
-                      >
-                        <div
-                          className="ant-table-container"
-                        >
-                          <div
-                            className="ant-table-content"
-                            onScroll={[Function]}
-                            style={Object {}}
-                          >
-                            <table
-                              style={
-                                Object {
-                                  "tableLayout": "fixed",
-                                }
-                              }
-                            >
-                              <ColGroup
-                                colWidths={
-                                  Array [
-                                    "20%",
-                                    undefined,
-                                    "10%",
-                                    150,
-                                  ]
-                                }
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                      "width": "20%",
-                                    },
-                                    Object {
-                                      "dataIndex": "url",
-                                      "ellipsis": Object {
-                                        "showTitle": false,
-                                      },
-                                      "fixed": undefined,
-                                      "key": "url",
-                                      "render": [Function],
-                                      "title": "Url",
-                                    },
-                                    Object {
-                                      "dataIndex": "enabled",
-                                      "fixed": undefined,
-                                      "render": [Function],
-                                      "title": "Enabled",
-                                      "width": "10%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                              >
-                                <colgroup>
-                                  <col
-                                    key="0"
-                                    style={
-                                      Object {
-                                        "width": "20%",
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="1"
-                                    style={
-                                      Object {
-                                        "width": undefined,
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="2"
-                                    style={
-                                      Object {
-                                        "width": "10%",
-                                      }
-                                    }
-                                  />
-                                  <col
-                                    key="3"
-                                    style={
-                                      Object {
-                                        "width": 150,
-                                      }
-                                    }
-                                  />
-                                </colgroup>
-                              </ColGroup>
-                              <Header
-                                colWidths={
-                                  Array [
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                    undefined,
-                                  ]
-                                }
-                                columCount={4}
-                                columns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                      "width": "20%",
-                                    },
-                                    Object {
-                                      "dataIndex": "url",
-                                      "ellipsis": Object {
-                                        "showTitle": false,
-                                      },
-                                      "key": "url",
-                                      "render": [Function],
-                                      "title": "Url",
-                                    },
-                                    Object {
-                                      "dataIndex": "enabled",
-                                      "render": [Function],
-                                      "title": "Enabled",
-                                      "width": "10%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                flattenColumns={
-                                  Array [
-                                    Object {
-                                      "dataIndex": "name",
-                                      "fixed": undefined,
-                                      "key": "name",
-                                      "render": [Function],
-                                      "title": "Name",
-                                      "width": "20%",
-                                    },
-                                    Object {
-                                      "dataIndex": "url",
-                                      "ellipsis": Object {
-                                        "showTitle": false,
-                                      },
-                                      "fixed": undefined,
-                                      "key": "url",
-                                      "render": [Function],
-                                      "title": "Url",
-                                    },
-                                    Object {
-                                      "dataIndex": "enabled",
-                                      "fixed": undefined,
-                                      "render": [Function],
-                                      "title": "Enabled",
-                                      "width": "10%",
-                                    },
-                                    Object {
-                                      "align": "center",
-                                      "dataIndex": "operation",
-                                      "fixed": "right",
-                                      "render": [Function],
-                                      "title": "Action",
-                                      "width": 150,
-                                    },
-                                  ]
-                                }
-                                stickyOffsets={
-                                  Object {
-                                    "left": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                    "right": Array [
-                                      0,
-                                      0,
-                                      0,
-                                      0,
-                                    ],
-                                  }
-                                }
-                              >
-                                <thead
-                                  className="ant-table-thead"
-                                >
-                                  <HeaderRow
-                                    cellComponent="th"
-                                    cells={
-                                      Array [
-                                        Object {
-                                          "children": "Name",
-                                          "className": "",
-                                          "colEnd": 0,
-                                          "colSpan": 1,
-                                          "colStart": 0,
-                                          "column": Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                            "width": "20%",
-                                          },
-                                          "key": "name",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Url",
-                                          "className": "",
-                                          "colEnd": 1,
-                                          "colSpan": 1,
-                                          "colStart": 1,
-                                          "column": Object {
-                                            "dataIndex": "url",
-                                            "ellipsis": Object {
-                                              "showTitle": false,
-                                            },
-                                            "key": "url",
-                                            "render": [Function],
-                                            "title": "Url",
-                                          },
-                                          "key": "url",
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Enabled",
-                                          "className": "",
-                                          "colEnd": 2,
-                                          "colSpan": 1,
-                                          "colStart": 2,
-                                          "column": Object {
-                                            "dataIndex": "enabled",
-                                            "render": [Function],
-                                            "title": "Enabled",
-                                            "width": "10%",
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                        Object {
-                                          "children": "Action",
-                                          "className": "",
-                                          "colEnd": 3,
-                                          "colSpan": 1,
-                                          "colStart": 3,
-                                          "column": Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          },
-                                          "key": undefined,
-                                          "rowSpan": 1,
-                                        },
-                                      ]
-                                    }
-                                    flattenColumns={
-                                      Array [
-                                        Object {
-                                          "dataIndex": "name",
-                                          "fixed": undefined,
-                                          "key": "name",
-                                          "render": [Function],
-                                          "title": "Name",
-                                          "width": "20%",
-                                        },
-                                        Object {
-                                          "dataIndex": "url",
-                                          "ellipsis": Object {
-                                            "showTitle": false,
-                                          },
-                                          "fixed": undefined,
-                                          "key": "url",
-                                          "render": [Function],
-                                          "title": "Url",
-                                        },
-                                        Object {
-                                          "dataIndex": "enabled",
-                                          "fixed": undefined,
-                                          "render": [Function],
-                                          "title": "Enabled",
-                                          "width": "10%",
-                                        },
-                                        Object {
-                                          "align": "center",
-                                          "dataIndex": "operation",
-                                          "fixed": "right",
-                                          "render": [Function],
-                                          "title": "Action",
-                                          "width": 150,
-                                        },
-                                      ]
-                                    }
-                                    index={0}
-                                    key="0"
-                                    rowComponent="tr"
-                                    stickyOffsets={
-                                      Object {
-                                        "left": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                        "right": Array [
-                                          0,
-                                          0,
-                                          0,
-                                          0,
-                                        ],
-                                      }
-                                    }
-                                  >
-                                    <tr>
-                                      <Cell
-                                        className=""
-                                        colEnd={0}
-                                        colSpan={1}
-                                        colStart={0}
-                                        column={
-                                          Object {
-                                            "dataIndex": "name",
-                                            "key": "name",
-                                            "render": [Function],
-                                            "title": "Name",
-                                            "width": "20%",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Name
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={1}
-                                        colSpan={1}
-                                        colStart={1}
-                                        column={
-                                          Object {
-                                            "dataIndex": "url",
-                                            "ellipsis": Object {
-                                              "showTitle": false,
-                                            },
-                                            "key": "url",
-                                            "render": [Function],
-                                            "title": "Url",
-                                          }
-                                        }
-                                        component="th"
-                                        ellipsis={
-                                          Object {
-                                            "showTitle": false,
-                                          }
-                                        }
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="url"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-ellipsis"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                          title="Url"
-                                        >
-                                          Url
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        className=""
-                                        colEnd={2}
-                                        colSpan={1}
-                                        colStart={2}
-                                        column={
-                                          Object {
-                                            "dataIndex": "enabled",
-                                            "render": [Function],
-                                            "title": "Enabled",
-                                            "width": "10%",
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        key="enabled"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          Enabled
-                                        </th>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        className=""
-                                        colEnd={3}
-                                        colSpan={1}
-                                        colStart={3}
-                                        column={
-                                          Object {
-                                            "align": "center",
-                                            "dataIndex": "operation",
-                                            "fixed": "right",
-                                            "render": [Function],
-                                            "title": "Action",
-                                            "width": 150,
-                                          }
-                                        }
-                                        component="th"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        rowSpan={1}
-                                        rowType="header"
-                                      >
-                                        <th
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          Action
-                                        </th>
-                                      </Cell>
-                                    </tr>
-                                  </HeaderRow>
-                                </thead>
-                              </Header>
-                              <Body
-                                childrenColumnName="children"
-                                data={
-                                  Array [
-                                    Object {
-                                      "created_at": "2020-09-25T07:24:11.008257Z",
-                                      "deleted_at": null,
-                                      "events": Array [
-                                        1,
-                                      ],
-                                      "id": 2,
-                                      "name": "Webhook2",
-                                      "updated_at": "2020-09-25T07:24:11.008257Z",
-                                      "url": "webhook2url",
-                                    },
-                                    Object {
-                                      "created_at": "2020-09-25T07:23:38.40006Z",
-                                      "deleted_at": null,
-                                      "enabled": true,
-                                      "events": Array [
-                                        1,
-                                      ],
-                                      "id": 1,
-                                      "name": "Webhook1",
-                                      "updated_at": "2020-09-25T07:23:38.40006Z",
-                                      "url": "webhook1url",
-                                    },
-                                  ]
-                                }
-                                emptyNode={null}
-                                expandedKeys={Set {}}
-                                getRowKey={[Function]}
-                                measureColumnWidth={false}
-                              >
-                                <tbody
-                                  className="ant-table-tbody"
-                                >
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={0}
-                                    key="2"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:24:11.008257Z",
-                                        "deleted_at": null,
-                                        "events": Array [
-                                          1,
-                                        ],
-                                        "id": 2,
-                                        "name": "Webhook2",
-                                        "updated_at": "2020-09-25T07:24:11.008257Z",
-                                        "url": "webhook2url",
-                                      }
-                                    }
-                                    recordKey={2}
-                                    rowComponent="tr"
-                                    rowKey={2}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={2}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 2,
-                                            "name": "Webhook2",
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                            "url": "webhook2url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/webhooks/2/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/webhooks/2/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/webhooks/2/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Webhook2
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="url"
-                                        ellipsis={
-                                          Object {
-                                            "showTitle": false,
-                                          }
-                                        }
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="url"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 2,
-                                            "name": "Webhook2",
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                            "url": "webhook2url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-ellipsis"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Tooltip
-                                            arrowPointAtCenter={false}
-                                            autoAdjustOverflow={true}
-                                            mouseEnterDelay={0.1}
-                                            mouseLeaveDelay={0.1}
-                                            placement="topLeft"
-                                            title="webhook2url"
-                                          >
-                                            <ForwardRef(Tooltip)
-                                              arrowContent={
-                                                <span
-                                                  className="ant-tooltip-arrow-content"
-                                                />
-                                              }
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              builtinPlacements={
-                                                Object {
-                                                  "bottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tc",
-                                                      "bc",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "bottomLeft": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tl",
-                                                      "bl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "bottomRight": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tr",
-                                                      "br",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "left": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "cr",
-                                                      "cl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "leftBottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "br",
-                                                      "bl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "leftTop": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tr",
-                                                      "tl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "right": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "cl",
-                                                      "cr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "rightBottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bl",
-                                                      "br",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "rightTop": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tl",
-                                                      "tr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "top": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bc",
-                                                      "tc",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "topLeft": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bl",
-                                                      "tl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "topRight": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "br",
-                                                      "tr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                }
-                                              }
-                                              motion={
-                                                Object {
-                                                  "motionDeadline": 1000,
-                                                  "motionName": "ant-zoom-big-fast",
-                                                }
-                                              }
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              onPopupAlign={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay="webhook2url"
-                                              overlayClassName=""
-                                              placement="topLeft"
-                                              prefixCls="ant-tooltip"
-                                              title="webhook2url"
-                                              visible={false}
-                                            >
-                                              <Trigger
-                                                action={
-                                                  Array [
-                                                    "hover",
-                                                  ]
-                                                }
-                                                afterPopupVisibleChange={[Function]}
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-tooltip-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                autoDestroy={false}
-                                                blurDelay={0.15}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                defaultPopupVisible={false}
-                                                destroyPopupOnHide={false}
-                                                focusDelay={0}
-                                                getDocument={[Function]}
-                                                getPopupClassNameFromAlign={[Function]}
-                                                hideAction={Array []}
-                                                mask={false}
-                                                maskClosable={true}
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                onPopupAlign={[Function]}
-                                                onPopupVisibleChange={[Function]}
-                                                overlay="webhook2url"
-                                                popup={[Function]}
-                                                popupAlign={Object {}}
-                                                popupClassName=""
-                                                popupMotion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big-fast",
-                                                  }
-                                                }
-                                                popupPlacement="topLeft"
-                                                popupStyle={Object {}}
-                                                popupVisible={false}
-                                                prefixCls="ant-tooltip"
-                                                showAction={Array []}
-                                                title="webhook2url"
-                                                visible={false}
-                                              >
-                                                <span
-                                                  key="trigger"
-                                                  onMouseEnter={[Function]}
-                                                  onMouseLeave={[Function]}
-                                                >
-                                                  webhook2url
-                                                </span>
-                                              </Trigger>
-                                            </ForwardRef(Tooltip)>
-                                          </Tooltip>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="enabled"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={0}
-                                        key="enabled"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 2,
-                                            "name": "Webhook2",
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                            "url": "webhook2url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <p>
-                                            No
-                                          </p>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={0}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:24:11.008257Z",
-                                            "deleted_at": null,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 2,
-                                            "name": "Webhook2",
-                                            "updated_at": "2020-09-25T07:24:11.008257Z",
-                                            "url": "webhook2url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                  <BodyRow
-                                    cellComponent="td"
-                                    childrenColumnName="children"
-                                    expandedKeys={Set {}}
-                                    getRowKey={[Function]}
-                                    index={1}
-                                    key="1"
-                                    record={
-                                      Object {
-                                        "created_at": "2020-09-25T07:23:38.40006Z",
-                                        "deleted_at": null,
-                                        "enabled": true,
-                                        "events": Array [
-                                          1,
-                                        ],
-                                        "id": 1,
-                                        "name": "Webhook1",
-                                        "updated_at": "2020-09-25T07:23:38.40006Z",
-                                        "url": "webhook1url",
-                                      }
-                                    }
-                                    recordKey={1}
-                                    rowComponent="tr"
-                                    rowKey={1}
-                                  >
-                                    <tr
-                                      className="ant-table-row ant-table-row-level-0"
-                                      data-row-key={1}
-                                      onClick={[Function]}
-                                      style={Object {}}
-                                    >
-                                      <Cell
-                                        component="td"
-                                        dataIndex="name"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="name"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "enabled": true,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 1,
-                                            "name": "Webhook1",
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                            "url": "webhook1url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Link
-                                            style={
-                                              Object {
-                                                "marginRight": 8,
-                                              }
-                                            }
-                                            to="/advanced/webhooks/1/edit"
-                                          >
-                                            <LinkAnchor
-                                              href="/advanced/webhooks/1/edit"
-                                              navigate={[Function]}
-                                              style={
-                                                Object {
-                                                  "marginRight": 8,
-                                                }
-                                              }
-                                            >
-                                              <a
-                                                href="/advanced/webhooks/1/edit"
-                                                onClick={[Function]}
-                                                style={
-                                                  Object {
-                                                    "marginRight": 8,
-                                                  }
-                                                }
-                                              >
-                                                Webhook1
-                                              </a>
-                                            </LinkAnchor>
-                                          </Link>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="url"
-                                        ellipsis={
-                                          Object {
-                                            "showTitle": false,
-                                          }
-                                        }
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="url"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "enabled": true,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 1,
-                                            "name": "Webhook1",
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                            "url": "webhook1url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-ellipsis"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <Tooltip
-                                            arrowPointAtCenter={false}
-                                            autoAdjustOverflow={true}
-                                            mouseEnterDelay={0.1}
-                                            mouseLeaveDelay={0.1}
-                                            placement="topLeft"
-                                            title="webhook1url"
-                                          >
-                                            <ForwardRef(Tooltip)
-                                              arrowContent={
-                                                <span
-                                                  className="ant-tooltip-arrow-content"
-                                                />
-                                              }
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              builtinPlacements={
-                                                Object {
-                                                  "bottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tc",
-                                                      "bc",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "bottomLeft": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tl",
-                                                      "bl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "bottomRight": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tr",
-                                                      "br",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "left": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "cr",
-                                                      "cl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "leftBottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "br",
-                                                      "bl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "leftTop": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      -4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tr",
-                                                      "tl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "right": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "cl",
-                                                      "cr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "rightBottom": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bl",
-                                                      "br",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "rightTop": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      4,
-                                                      0,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "tl",
-                                                      "tr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "top": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bc",
-                                                      "tc",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "topLeft": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "bl",
-                                                      "tl",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                  "topRight": Object {
-                                                    "ignoreShake": true,
-                                                    "offset": Array [
-                                                      0,
-                                                      -4,
-                                                    ],
-                                                    "overflow": Object {
-                                                      "adjustX": 1,
-                                                      "adjustY": 1,
-                                                    },
-                                                    "points": Array [
-                                                      "br",
-                                                      "tr",
-                                                    ],
-                                                    "targetOffset": Array [
-                                                      0,
-                                                      0,
-                                                    ],
-                                                  },
-                                                }
-                                              }
-                                              motion={
-                                                Object {
-                                                  "motionDeadline": 1000,
-                                                  "motionName": "ant-zoom-big-fast",
-                                                }
-                                              }
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              onPopupAlign={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay="webhook1url"
-                                              overlayClassName=""
-                                              placement="topLeft"
-                                              prefixCls="ant-tooltip"
-                                              title="webhook1url"
-                                              visible={false}
-                                            >
-                                              <Trigger
-                                                action={
-                                                  Array [
-                                                    "hover",
-                                                  ]
-                                                }
-                                                afterPopupVisibleChange={[Function]}
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-tooltip-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                autoDestroy={false}
-                                                blurDelay={0.15}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                defaultPopupVisible={false}
-                                                destroyPopupOnHide={false}
-                                                focusDelay={0}
-                                                getDocument={[Function]}
-                                                getPopupClassNameFromAlign={[Function]}
-                                                hideAction={Array []}
-                                                mask={false}
-                                                maskClosable={true}
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                onPopupAlign={[Function]}
-                                                onPopupVisibleChange={[Function]}
-                                                overlay="webhook1url"
-                                                popup={[Function]}
-                                                popupAlign={Object {}}
-                                                popupClassName=""
-                                                popupMotion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big-fast",
-                                                  }
-                                                }
-                                                popupPlacement="topLeft"
-                                                popupStyle={Object {}}
-                                                popupVisible={false}
-                                                prefixCls="ant-tooltip"
-                                                showAction={Array []}
-                                                title="webhook1url"
-                                                visible={false}
-                                              >
-                                                <span
-                                                  key="trigger"
-                                                  onMouseEnter={[Function]}
-                                                  onMouseLeave={[Function]}
-                                                >
-                                                  webhook1url
-                                                </span>
-                                              </Trigger>
-                                            </ForwardRef(Tooltip)>
-                                          </Tooltip>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        component="td"
-                                        dataIndex="enabled"
-                                        firstFixLeft={false}
-                                        firstFixRight={false}
-                                        index={1}
-                                        key="enabled"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "enabled": true,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 1,
-                                            "name": "Webhook1",
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                            "url": "webhook1url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={Object {}}
-                                        >
-                                          <p>
-                                            Yes
-                                          </p>
-                                        </td>
-                                      </Cell>
-                                      <Cell
-                                        align="center"
-                                        component="td"
-                                        dataIndex="operation"
-                                        firstFixLeft={false}
-                                        firstFixRight={true}
-                                        fixRight={0}
-                                        index={1}
-                                        key="operation"
-                                        lastFixLeft={false}
-                                        lastFixRight={false}
-                                        prefixCls="ant-table"
-                                        record={
-                                          Object {
-                                            "created_at": "2020-09-25T07:23:38.40006Z",
-                                            "deleted_at": null,
-                                            "enabled": true,
-                                            "events": Array [
-                                              1,
-                                            ],
-                                            "id": 1,
-                                            "name": "Webhook1",
-                                            "updated_at": "2020-09-25T07:23:38.40006Z",
-                                            "url": "webhook1url",
-                                          }
-                                        }
-                                        render={[Function]}
-                                      >
-                                        <td
-                                          className="ant-table-cell ant-table-cell-fix-right ant-table-cell-fix-right-first"
-                                          colSpan={null}
-                                          rowSpan={null}
-                                          style={
-                                            Object {
-                                              "position": "sticky",
-                                              "right": 0,
-                                              "textAlign": "center",
-                                            }
-                                          }
-                                        >
-                                          <ForwardRef
-                                            disabled={false}
-                                            icon={<ForwardRef(ExclamationCircleFilled) />}
-                                            okType="primary"
-                                            onConfirm={[Function]}
-                                            placement="top"
-                                            title="Are you sure you want to delete this?"
-                                            trigger="click"
-                                          >
-                                            <Tooltip
-                                              arrowPointAtCenter={false}
-                                              autoAdjustOverflow={true}
-                                              disabled={false}
-                                              icon={<ForwardRef(ExclamationCircleFilled) />}
-                                              mouseEnterDelay={0.1}
-                                              mouseLeaveDelay={0.1}
-                                              okType="primary"
-                                              onConfirm={[Function]}
-                                              onVisibleChange={[Function]}
-                                              overlay={
-                                                <LocaleReceiver
-                                                  componentName="Popconfirm"
-                                                  defaultLocale={
-                                                    Object {
-                                                      "cancelText": "Cancel",
-                                                      "okText": "OK",
-                                                    }
-                                                  }
-                                                >
-                                                  [Function]
-                                                </LocaleReceiver>
-                                              }
-                                              overlayClassName="ant-popconfirm"
-                                              placement="top"
-                                              prefixCls="ant-popover"
-                                              title="Are you sure you want to delete this?"
-                                              transitionName="ant-zoom-big"
-                                              trigger="click"
-                                              visible={false}
-                                            >
-                                              <ForwardRef(Tooltip)
-                                                arrowContent={
-                                                  <span
-                                                    className="ant-popover-arrow-content"
-                                                  />
-                                                }
-                                                arrowPointAtCenter={false}
-                                                autoAdjustOverflow={true}
-                                                builtinPlacements={
-                                                  Object {
-                                                    "bottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tc",
-                                                        "bc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "bottomRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "left": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cr",
-                                                        "cl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "bl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "leftTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        -4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tr",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "right": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "cl",
-                                                        "cr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightBottom": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "br",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "rightTop": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        4,
-                                                        0,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "tl",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "top": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bc",
-                                                        "tc",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topLeft": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "bl",
-                                                        "tl",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                    "topRight": Object {
-                                                      "ignoreShake": true,
-                                                      "offset": Array [
-                                                        0,
-                                                        -4,
-                                                      ],
-                                                      "overflow": Object {
-                                                        "adjustX": 1,
-                                                        "adjustY": 1,
-                                                      },
-                                                      "points": Array [
-                                                        "br",
-                                                        "tr",
-                                                      ],
-                                                      "targetOffset": Array [
-                                                        0,
-                                                        0,
-                                                      ],
-                                                    },
-                                                  }
-                                                }
-                                                disabled={false}
-                                                icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                motion={
-                                                  Object {
-                                                    "motionDeadline": 1000,
-                                                    "motionName": "ant-zoom-big",
-                                                  }
-                                                }
-                                                mouseEnterDelay={0.1}
-                                                mouseLeaveDelay={0.1}
-                                                okType="primary"
-                                                onConfirm={[Function]}
-                                                onPopupAlign={[Function]}
-                                                onVisibleChange={[Function]}
-                                                overlay={
-                                                  <LocaleReceiver
-                                                    componentName="Popconfirm"
-                                                    defaultLocale={
-                                                      Object {
-                                                        "cancelText": "Cancel",
-                                                        "okText": "OK",
-                                                      }
-                                                    }
-                                                  >
-                                                    [Function]
-                                                  </LocaleReceiver>
-                                                }
-                                                overlayClassName="ant-popconfirm"
-                                                placement="top"
-                                                prefixCls="ant-popover"
-                                                title="Are you sure you want to delete this?"
-                                                transitionName="ant-zoom-big"
-                                                trigger="click"
-                                                visible={false}
-                                              >
-                                                <Trigger
-                                                  action="click"
-                                                  afterPopupVisibleChange={[Function]}
-                                                  arrowContent={
-                                                    <span
-                                                      className="ant-popover-arrow-content"
-                                                    />
-                                                  }
-                                                  arrowPointAtCenter={false}
-                                                  autoAdjustOverflow={true}
-                                                  autoDestroy={false}
-                                                  blurDelay={0.15}
-                                                  builtinPlacements={
-                                                    Object {
-                                                      "bottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tc",
-                                                          "bc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "bottomRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "left": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cr",
-                                                          "cl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "bl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "leftTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          -4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tr",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "right": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "cl",
-                                                          "cr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightBottom": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "br",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "rightTop": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          4,
-                                                          0,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "tl",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "top": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bc",
-                                                          "tc",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topLeft": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "bl",
-                                                          "tl",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                      "topRight": Object {
-                                                        "ignoreShake": true,
-                                                        "offset": Array [
-                                                          0,
-                                                          -4,
-                                                        ],
-                                                        "overflow": Object {
-                                                          "adjustX": 1,
-                                                          "adjustY": 1,
-                                                        },
-                                                        "points": Array [
-                                                          "br",
-                                                          "tr",
-                                                        ],
-                                                        "targetOffset": Array [
-                                                          0,
-                                                          0,
-                                                        ],
-                                                      },
-                                                    }
-                                                  }
-                                                  defaultPopupVisible={false}
-                                                  destroyPopupOnHide={false}
-                                                  disabled={false}
-                                                  focusDelay={0}
-                                                  getDocument={[Function]}
-                                                  getPopupClassNameFromAlign={[Function]}
-                                                  hideAction={Array []}
-                                                  icon={<ForwardRef(ExclamationCircleFilled) />}
-                                                  mask={false}
-                                                  maskClosable={true}
-                                                  mouseEnterDelay={0.1}
-                                                  mouseLeaveDelay={0.1}
-                                                  okType="primary"
-                                                  onConfirm={[Function]}
-                                                  onPopupAlign={[Function]}
-                                                  onPopupVisibleChange={[Function]}
-                                                  overlay={
-                                                    <LocaleReceiver
-                                                      componentName="Popconfirm"
-                                                      defaultLocale={
-                                                        Object {
-                                                          "cancelText": "Cancel",
-                                                          "okText": "OK",
-                                                        }
-                                                      }
-                                                    >
-                                                      [Function]
-                                                    </LocaleReceiver>
-                                                  }
-                                                  popup={[Function]}
-                                                  popupAlign={Object {}}
-                                                  popupClassName="ant-popconfirm"
-                                                  popupMotion={
-                                                    Object {
-                                                      "motionDeadline": 1000,
-                                                      "motionName": "ant-zoom-big",
-                                                    }
-                                                  }
-                                                  popupPlacement="top"
-                                                  popupStyle={Object {}}
-                                                  popupTransitionName="ant-zoom-big"
-                                                  popupVisible={false}
-                                                  prefixCls="ant-popover"
-                                                  showAction={Array []}
-                                                  title="Are you sure you want to delete this?"
-                                                  visible={false}
-                                                >
-                                                  <Button
-                                                    disabled={false}
-                                                    icon={<ForwardRef(DeleteOutlined) />}
-                                                    key="trigger"
-                                                    onClick={[Function]}
-                                                    onKeyDown={[Function]}
-                                                    onMouseDown={[Function]}
-                                                    onTouchStart={[Function]}
-                                                    type="danger"
-                                                  >
-                                                    <Wave>
-                                                      <button
-                                                        className="ant-btn ant-btn-danger ant-btn-icon-only"
-                                                        disabled={false}
-                                                        onClick={[Function]}
-                                                        onKeyDown={[Function]}
-                                                        onMouseDown={[Function]}
-                                                        onTouchStart={[Function]}
-                                                        type="button"
-                                                      >
-                                                        <ForwardRef(DeleteOutlined)>
-                                                          <AntdIcon
-                                                            icon={
-                                                              Object {
-                                                                "icon": Object {
-                                                                  "attrs": Object {
-                                                                    "focusable": "false",
-                                                                    "viewBox": "64 64 896 896",
-                                                                  },
-                                                                  "children": Array [
-                                                                    Object {
-                                                                      "attrs": Object {
-                                                                        "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                      },
-                                                                      "tag": "path",
-                                                                    },
-                                                                  ],
-                                                                  "tag": "svg",
-                                                                },
-                                                                "name": "delete",
-                                                                "theme": "outlined",
-                                                              }
-                                                            }
-                                                          >
-                                                            <span
-                                                              aria-label="delete"
-                                                              className="anticon anticon-delete"
-                                                              role="img"
-                                                            >
-                                                              <IconReact
-                                                                icon={
-                                                                  Object {
-                                                                    "icon": Object {
-                                                                      "attrs": Object {
-                                                                        "focusable": "false",
-                                                                        "viewBox": "64 64 896 896",
-                                                                      },
-                                                                      "children": Array [
-                                                                        Object {
-                                                                          "attrs": Object {
-                                                                            "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z",
-                                                                          },
-                                                                          "tag": "path",
-                                                                        },
-                                                                      ],
-                                                                      "tag": "svg",
-                                                                    },
-                                                                    "name": "delete",
-                                                                    "theme": "outlined",
-                                                                  }
-                                                                }
-                                                              >
-                                                                <svg
-                                                                  aria-hidden="true"
-                                                                  data-icon="delete"
-                                                                  fill="currentColor"
-                                                                  focusable="false"
-                                                                  height="1em"
-                                                                  key="svg-delete"
-                                                                  viewBox="64 64 896 896"
-                                                                  width="1em"
-                                                                >
-                                                                  <path
-                                                                    d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
-                                                                    key="svg-delete-svg-0"
-                                                                  />
-                                                                </svg>
-                                                              </IconReact>
-                                                            </span>
-                                                          </AntdIcon>
-                                                        </ForwardRef(DeleteOutlined)>
-                                                      </button>
-                                                    </Wave>
-                                                  </Button>
-                                                </Trigger>
-                                              </ForwardRef(Tooltip)>
-                                            </Tooltip>
-                                          </ForwardRef>
-                                        </td>
-                                      </Cell>
-                                    </tr>
-                                  </BodyRow>
-                                </tbody>
-                              </Body>
-                            </table>
-                          </div>
-                        </div>
-                      </Component>
-                    </div>
-                  </Table>
-                  <Pagination
-                    className="ant-table-pagination ant-table-pagination-right"
-                    current={1}
-                    onChange={[Function]}
-                    pageSize={20}
-                    pageSizeOptions={
-                      Array [
-                        "10",
-                        "15",
-                        "20",
-                      ]
-                    }
-                    showTotal={[Function]}
-                    total={2}
-                  >
-                    <LocaleReceiver
-                      componentName="Pagination"
-                      defaultLocale={
-                        Object {
-                          "items_per_page": "/ page",
-                          "jump_to": "Go to",
-                          "jump_to_confirm": "confirm",
-                          "next_3": "Next 3 Pages",
-                          "next_5": "Next 5 Pages",
-                          "next_page": "Next Page",
-                          "page": "",
-                          "prev_3": "Previous 3 Pages",
-                          "prev_5": "Previous 5 Pages",
-                          "prev_page": "Previous Page",
-                        }
-                      }
-                    >
-                      <Pagination
-                        className="ant-table-pagination ant-table-pagination-right"
-                        current={1}
-                        defaultCurrent={1}
-                        defaultPageSize={10}
-                        hideOnSinglePage={false}
-                        itemRender={[Function]}
-                        jumpNextIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleRightOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        jumpPrevIcon={
-                          <a
-                            className="ant-pagination-item-link"
-                          >
-                            <div
-                              className="ant-pagination-item-container"
-                            >
-                              <ForwardRef(DoubleLeftOutlined)
-                                className="ant-pagination-item-link-icon"
-                              />
-                              <span
-                                className="ant-pagination-item-ellipsis"
-                              >
-                                •••
-                              </span>
-                            </div>
-                          </a>
-                        }
-                        locale={
-                          Object {
-                            "items_per_page": "/ page",
-                            "jump_to": "Go to",
-                            "jump_to_confirm": "confirm",
-                            "next_3": "Next 3 Pages",
-                            "next_5": "Next 5 Pages",
-                            "next_page": "Next Page",
-                            "page": "",
-                            "prev_3": "Previous 3 Pages",
-                            "prev_5": "Previous 5 Pages",
-                            "prev_page": "Previous Page",
-                          }
-                        }
-                        nextIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(RightOutlined) />
-                          </button>
-                        }
-                        onChange={[Function]}
-                        onShowSizeChange={[Function]}
-                        pageSize={20}
-                        pageSizeOptions={
-                          Array [
-                            "10",
-                            "15",
-                            "20",
-                          ]
-                        }
-                        prefixCls="ant-pagination"
-                        prevIcon={
-                          <button
-                            className="ant-pagination-item-link"
-                            tabIndex={-1}
-                            type="button"
-                          >
-                            <ForwardRef(LeftOutlined) />
-                          </button>
-                        }
-                        selectComponentClass={
-                          Object {
-                            "$$typeof": Symbol(react.forward_ref),
-                            "OptGroup": [Function],
-                            "Option": [Function],
-                            "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                            "render": [Function],
-                          }
-                        }
-                        selectPrefixCls="ant-select"
-                        showLessItems={false}
-                        showPrevNextJumpers={true}
-                        showQuickJumper={false}
-                        showTitle={true}
-                        showTotal={[Function]}
-                        style={Object {}}
-                        total={2}
-                        totalBoundaryShowSizeChanger={50}
-                      >
-                        <ul
-                          className="ant-pagination ant-table-pagination ant-table-pagination-right"
-                          style={Object {}}
-                          unselectable="unselectable"
-                        >
-                          <li
-                            className="ant-pagination-total-text"
-                          >
-                            1-2 of 2 results
-                          </li>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-prev ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Previous Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(LeftOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "left",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="left"
-                                    className="anticon anticon-left"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "left",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="left"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-left"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
-                                          key="svg-left-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(LeftOutlined)>
-                            </button>
-                          </li>
-                          <Pager
-                            active={true}
-                            itemRender={[Function]}
-                            key="1"
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            page={1}
-                            rootPrefixCls="ant-pagination"
-                            showTitle={true}
-                          >
-                            <li
-                              className="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
-                              onClick={[Function]}
-                              onKeyPress={[Function]}
-                              tabIndex="0"
-                              title={1}
-                            >
-                              <a
-                                rel="nofollow"
-                              >
-                                1
-                              </a>
-                            </li>
-                          </Pager>
-                          <li
-                            aria-disabled={true}
-                            className="ant-pagination-next ant-pagination-disabled"
-                            onClick={[Function]}
-                            onKeyPress={[Function]}
-                            tabIndex={null}
-                            title="Next Page"
-                          >
-                            <button
-                              className="ant-pagination-item-link"
-                              disabled={true}
-                              tabIndex={-1}
-                              type="button"
-                            >
-                              <ForwardRef(RightOutlined)>
-                                <AntdIcon
-                                  icon={
-                                    Object {
-                                      "icon": Object {
-                                        "attrs": Object {
-                                          "focusable": "false",
-                                          "viewBox": "64 64 896 896",
-                                        },
-                                        "children": Array [
-                                          Object {
-                                            "attrs": Object {
-                                              "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                            },
-                                            "tag": "path",
-                                          },
-                                        ],
-                                        "tag": "svg",
-                                      },
-                                      "name": "right",
-                                      "theme": "outlined",
-                                    }
-                                  }
-                                >
-                                  <span
-                                    aria-label="right"
-                                    className="anticon anticon-right"
-                                    role="img"
-                                  >
-                                    <IconReact
-                                      icon={
-                                        Object {
-                                          "icon": Object {
-                                            "attrs": Object {
-                                              "focusable": "false",
-                                              "viewBox": "64 64 896 896",
-                                            },
-                                            "children": Array [
-                                              Object {
-                                                "attrs": Object {
-                                                  "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z",
-                                                },
-                                                "tag": "path",
-                                              },
-                                            ],
-                                            "tag": "svg",
-                                          },
-                                          "name": "right",
-                                          "theme": "outlined",
-                                        }
-                                      }
-                                    >
-                                      <svg
-                                        aria-hidden="true"
-                                        data-icon="right"
-                                        fill="currentColor"
-                                        focusable="false"
-                                        height="1em"
-                                        key="svg-right"
-                                        viewBox="64 64 896 896"
-                                        width="1em"
-                                      >
-                                        <path
-                                          d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
-                                          key="svg-right-svg-0"
-                                        />
-                                      </svg>
-                                    </IconReact>
-                                  </span>
-                                </AntdIcon>
-                              </ForwardRef(RightOutlined)>
-                            </button>
-                          </li>
-                          <Options
-                            changeSize={null}
-                            current={1}
-                            goButton={false}
-                            locale={
-                              Object {
-                                "items_per_page": "/ page",
-                                "jump_to": "Go to",
-                                "jump_to_confirm": "confirm",
-                                "next_3": "Next 3 Pages",
-                                "next_5": "Next 5 Pages",
-                                "next_page": "Next Page",
-                                "page": "",
-                                "prev_3": "Previous 3 Pages",
-                                "prev_5": "Previous 5 Pages",
-                                "prev_page": "Previous Page",
-                              }
-                            }
-                            pageSize={20}
-                            pageSizeOptions={
-                              Array [
-                                "10",
-                                "15",
-                                "20",
-                              ]
-                            }
-                            quickGo={null}
-                            rootPrefixCls="ant-pagination"
-                            selectComponentClass={
-                              Object {
-                                "$$typeof": Symbol(react.forward_ref),
-                                "OptGroup": [Function],
-                                "Option": [Function],
-                                "SECRET_COMBOBOX_MODE_DO_NOT_USE": "SECRET_COMBOBOX_MODE_DO_NOT_USE",
-                                "render": [Function],
-                              }
-                            }
-                            selectPrefixCls="ant-select"
-                          />
-                        </ul>
-                      </Pagination>
-                    </LocaleReceiver>
-                  </Pagination>
-                </div>
-              </div>
-            </Spin>
-          </div>
-        </Table>
-      </WebhookList>
-    </Router>
-  </BrowserRouter>
-</Provider>
-`;
diff --git a/studio/src/pages/webhooks/index.js b/studio/src/pages/webhooks/index.js
deleted file mode 100644
index 7ceb32d6f..000000000
--- a/studio/src/pages/webhooks/index.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-import WebhookList from './components/WebhookList';
-import { Space, Button, Row } from 'antd';
-import getUserPermission from '../../utils/getUserPermission';
-import { Link } from 'react-router-dom';
-import { useDispatch, useSelector } from 'react-redux';
-import { getWebhooks } from '../../actions/webhooks';
-import deepEqual from 'deep-equal';
-import Loader from '../../components/Loader';
-import { Helmet } from 'react-helmet';
-
-function Webhooks() {
-  const spaces = useSelector(({ spaces }) => spaces);
-  const actions = getUserPermission({ resource: 'webhooks', action: 'get', spaces });
-  const dispatch = useDispatch();
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 20,
-  });
-  const { webhooks, total, loading } = useSelector((state) => {
-    const node = state.webhooks.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-
-    if (node)
-      return {
-        webhooks: node.data.map((element) => state.webhooks.details[element]),
-        total: node.total,
-        loading: state.webhooks.loading,
-      };
-    return { webhooks: [], total: 0, loading: state.webhooks.loading };
-  });
-
-  React.useEffect(() => {
-    fetchWebhooks();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchWebhooks = () => {
-    dispatch(getWebhooks(filters));
-  };
-
-  return loading ? (
-    <Loader />
-  ) : (
-    <Space direction="vertical">
-      <Helmet title={'Webhooks'} />
-      <Row gutter={16} justify="end">
-        <Link key="1" to="/settings/advanced/webhooks/create">
-          <Button type="primary">New Webhook</Button>
-        </Link>
-      </Row>
-
-      <WebhookList
-        actions={actions}
-        data={{ webhooks, total, loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchWebhooks={fetchWebhooks}
-      />
-    </Space>
-  );
-}
-
-export default Webhooks;
diff --git a/studio/src/pages/webhooks/index.test.js b/studio/src/pages/webhooks/index.test.js
deleted file mode 100644
index 1beb694b6..000000000
--- a/studio/src/pages/webhooks/index.test.js
+++ /dev/null
@@ -1,124 +0,0 @@
-import React from 'react';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { useDispatch, Provider } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-
-import '../../matchMedia.mock';
-import Webhooks from './index';
-import { mount } from 'enzyme';
-import { getWebhooks } from '../../actions/webhooks';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-
-jest.mock('../../actions/webhooks', () => ({
-  getWebhooks: jest.fn(),
-  addWebhook: jest.fn(),
-}));
-let state = {
-  webhooks: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  events: {
-    req: [],
-    details: {},
-    loading: true,
-  },
-  spaces: {
-    orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-    details: {
-      11: { id: 11, name: 'Space 11' },
-    },
-    loading: false,
-    selected: 11,
-  },
-};
-describe('Webhook component', () => {
-  let store;
-  let mockedDispatch;
-  beforeEach(() => {
-    store = mockStore(state);
-    store.dispatch = jest.fn(() => ({}));
-    mockedDispatch = jest.fn();
-    useDispatch.mockReturnValue(mockedDispatch);
-  });
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      const tree = mount(
-        <Provider store={store}>
-          <Router>
-            <Webhooks permission={{ actions: ['admin'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should render the component with data', () => {
-      const store2 = mockStore({
-        webhooks: {
-          req: [
-            {
-              data: [1],
-              query: {
-                page: 1,
-                limit: 20,
-              },
-              total: 1,
-            },
-          ],
-          details: {
-            1: {
-              id: 1,
-              name: 'Webhook-1',
-              events: [1],
-              url: 'url',
-            },
-          },
-          loading: false,
-        },
-        events: {
-          req: [],
-          details: {
-            1: {
-              id: 1,
-              name: 'event',
-            },
-          },
-        },
-        spaces: {
-          orgs: [{ id: 1, organazation: 'Organization 1', spaces: [11] }],
-          details: {
-            11: { id: 11, name: 'Space 11' },
-          },
-          loading: false,
-          selected: 11,
-        },
-        sidebar: {
-          collapsed: false,
-        },
-      });
-      const tree = mount(
-        <Provider store={store2}>
-          <Router>
-            <Webhooks permission={{ actions: ['admin'] }} />
-          </Router>
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-      expect(getWebhooks).toHaveBeenCalledWith({ page: 1, limit: 20 });
-    });
-  });
-});
diff --git a/studio/src/pages/webhooks/index.tsx b/studio/src/pages/webhooks/index.tsx
new file mode 100644
index 000000000..716340da3
--- /dev/null
+++ b/studio/src/pages/webhooks/index.tsx
@@ -0,0 +1,104 @@
+import { useEffect, useState } from "react";
+import WebhookList from "./components/WebhookList";
+import { Button } from "@/components/ui/button";
+import { Plus } from "lucide-react";
+import { Link } from "react-router-dom";
+import { useSelector } from "react-redux";
+import { getWebhooks } from "../../actions/webhooks";
+import deepEqual from "deep-equal";
+import Loader from "../../components/Loader";
+import { Helmet } from "react-helmet";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import getUserPermission from "../../utils/getUserPermission";
+
+// Define types for our state and props
+interface WebhookFilters {
+  page: number;
+  limit: number;
+}
+
+interface Webhook {
+  id: string;
+  name: string;
+  enabled: boolean;
+  events: string[];
+}
+
+interface WebhooksState {
+  details: Record<string, Webhook>;
+  loading: boolean;
+  req: Array<{
+    query: WebhookFilters;
+    data: string[];
+    total: number;
+  }>;
+}
+
+interface RootState {
+  webhooks: WebhooksState;
+  spaces: any;
+}
+
+function Webhooks(): React.ReactElement {
+  const spaces = useSelector(({ spaces }: RootState) => spaces);
+  const actions = getUserPermission({
+    resource: "webhooks",
+    action: "get",
+    spaces,
+  });
+
+  const dispatch = useAppDispatch();
+  const [filters, setFilters] = useState<WebhookFilters>({
+    page: 1,
+    limit: 20,
+  });
+
+  const { webhooks, total, loading } = useSelector((state: RootState) => {
+    const node = state.webhooks.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node)
+      return {
+        webhooks: node.data.map((element) => state.webhooks.details[element]),
+        total: node.total,
+        loading: state.webhooks.loading,
+      };
+    return { webhooks: [], total: 0, loading: state.webhooks.loading };
+  });
+
+  useEffect(() => {
+    fetchWebhooks();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [filters]);
+
+  const fetchWebhooks = (): void => {
+    dispatch(getWebhooks(filters));
+  };
+
+  return loading ? (
+    <Loader />
+  ) : (
+    <div className="flex flex-col space-y-4">
+      <Helmet title={"Webhooks"} />
+      <div className="flex justify-end">
+        <Link to="/settings/advanced/webhooks/create">
+          <Button variant="default">
+            <Plus className="h-4 w-4" />
+            New Webhook
+          </Button>
+        </Link>
+      </div>
+
+      <WebhookList
+        actions={actions}
+        data={{ webhooks, total, loading }}
+        filters={filters}
+        setFilters={setFilters}
+        fetchWebhooks={fetchWebhooks}
+      />
+    </div>
+  );
+}
+
+export default Webhooks;
diff --git a/studio/src/pages/webhooks/webhooklogs/components/WebhookLogsList.js b/studio/src/pages/webhooks/webhooklogs/components/WebhookLogsList.js
deleted file mode 100644
index fc3e7ea7e..000000000
--- a/studio/src/pages/webhooks/webhooklogs/components/WebhookLogsList.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { Table } from 'antd';
-import { getEventName } from '../../../../utils/event';
-import { getDateAndTimeFromString } from '../../../../utils/date';
-function WebhookLogsList({ data, filters, setFilters }) {
-  const columns = [
-    {
-      title: 'Event',
-      dataIndex: 'event',
-      key: 'event',
-      render: (_, record) => getEventName(record.event),
-    },
-    {
-      title: 'Time',
-      dataIndex: 'created_at',
-      key: 'created_at',
-      render: (_, record) => getDateAndTimeFromString(record.created_at),
-    },
-  ];
-
-  return (
-    <Table
-      bordered
-      columns={columns}
-      dataSource={data.webhooklogs}
-      loading={data.loading}
-      rowKey={'id'}
-      pagination={{
-        total: data.total,
-        current: filters.page,
-        pageSize: filters.limit,
-        onChange: (pageNumber, pageSize) => setFilters({ page: pageNumber, limit: pageSize }),
-        pageSizeOptions: ['10', '15', '20'],
-      }}
-    />
-  );
-}
-
-export default WebhookLogsList;
diff --git a/studio/src/pages/webhooks/webhooklogs/components/WebhookLogsList.tsx b/studio/src/pages/webhooks/webhooklogs/components/WebhookLogsList.tsx
new file mode 100644
index 000000000..21b299f49
--- /dev/null
+++ b/studio/src/pages/webhooks/webhooklogs/components/WebhookLogsList.tsx
@@ -0,0 +1,190 @@
+import React from "react";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+import {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  PaginationNext,
+  PaginationPrevious,
+} from "@/components/ui/pagination";
+import { getEventName } from "../../../../utils/event";
+import { getDateAndTimeFromString } from "../../../../utils/date";
+import Loader from "@/components/Loader";
+
+// Define TypeScript interfaces
+interface WebhookLog {
+  id: string;
+  event: string;
+  created_at: string;
+}
+
+interface WebhookLogsData {
+  webhooklogs: WebhookLog[];
+  loading: boolean;
+  total: number;
+}
+
+interface Filters {
+  page: number;
+  limit: number;
+}
+
+interface WebhookLogsListProps {
+  data: WebhookLogsData;
+  filters: Filters;
+  setFilters: (filters: Partial<Filters>) => void;
+  fetchWebhooks?: () => void; // Make this prop optional with the same type as in the parent
+}
+
+function WebhookLogsList({
+  data,
+  filters,
+  setFilters,
+}: WebhookLogsListProps): React.ReactElement {
+  // Calculate pagination values
+  const totalPages = Math.ceil(data.total / filters.limit);
+  const pageNumbers = Array.from({ length: totalPages }, (_, i) => i + 1);
+
+  // Filter page numbers to show a reasonable amount
+  const visiblePageNumbers = pageNumbers
+    .filter(
+      (num) =>
+        num === 1 ||
+        num === totalPages ||
+        (num >= filters.page - 1 && num <= filters.page + 1)
+    )
+    .sort((a, b) => a - b);
+
+  const handlePageChange = (page: number) => {
+    setFilters({ page });
+  };
+
+  const handleLimitChange = (limit: number) => {
+    setFilters({ page: 1, limit });
+  };
+
+  return (
+    <div className="space-y-4">
+      {data.loading ? (
+        <Loader />
+      ) : (
+        <>
+          <Table>
+            <TableHeader>
+              <TableRow>
+                <TableHead>Event</TableHead>
+                <TableHead>Time</TableHead>
+              </TableRow>
+            </TableHeader>
+            <TableBody>
+              {data.webhooklogs.map((log) => (
+                <TableRow key={log.id}>
+                  <TableCell>{getEventName(log.event)}</TableCell>
+                  <TableCell>
+                    {getDateAndTimeFromString(log.created_at)}
+                  </TableCell>
+                </TableRow>
+              ))}
+            </TableBody>
+          </Table>
+
+          <div className="flex items-center justify-between">
+            <div className="text-sm text-muted-foreground">
+              Showing {(filters.page - 1) * filters.limit + 1} to{" "}
+              {Math.min(filters.page * filters.limit, data.total)} of{" "}
+              {data.total} entries
+            </div>
+
+            <div className="flex items-center space-x-2">
+              <select
+                className="h-9 rounded-md border border-input bg-background px-3"
+                value={filters.limit}
+                onChange={(e) => handleLimitChange(Number(e.target.value))}
+              >
+                <option value={10}>10</option>
+                <option value={15}>15</option>
+                <option value={20}>20</option>
+              </select>
+
+              <Pagination>
+                <PaginationContent>
+                  <PaginationItem>
+                    <PaginationPrevious
+                      onClick={() =>
+                        handlePageChange(Math.max(1, filters.page - 1))
+                      }
+                      className={
+                        filters.page <= 1
+                          ? "pointer-events-none opacity-50"
+                          : "cursor-pointer"
+                      }
+                    />
+                  </PaginationItem>
+
+                  {visiblePageNumbers.map((pageNumber, index) => {
+                    // Add ellipsis if there are gaps in the sequence
+                    if (
+                      index > 0 &&
+                      pageNumber - visiblePageNumbers[index - 1] > 1
+                    ) {
+                      return (
+                        <React.Fragment key={`ellipsis-${pageNumber}`}>
+                          <PaginationItem>
+                            <PaginationEllipsis />
+                          </PaginationItem>
+                          <PaginationItem>
+                            <PaginationLink
+                              isActive={pageNumber === filters.page}
+                              onClick={() => handlePageChange(pageNumber)}
+                            >
+                              {pageNumber}
+                            </PaginationLink>
+                          </PaginationItem>
+                        </React.Fragment>
+                      );
+                    }
+
+                    return (
+                      <PaginationItem key={pageNumber}>
+                        <PaginationLink
+                          isActive={pageNumber === filters.page}
+                          onClick={() => handlePageChange(pageNumber)}
+                        >
+                          {pageNumber}
+                        </PaginationLink>
+                      </PaginationItem>
+                    );
+                  })}
+
+                  <PaginationItem>
+                    <PaginationNext
+                      onClick={() =>
+                        handlePageChange(Math.min(totalPages, filters.page + 1))
+                      }
+                      className={
+                        filters.page >= totalPages
+                          ? "pointer-events-none opacity-50"
+                          : "cursor-pointer"
+                      }
+                    />
+                  </PaginationItem>
+                </PaginationContent>
+              </Pagination>
+            </div>
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+export default WebhookLogsList;
diff --git a/studio/src/pages/webhooks/webhooklogs/index.js b/studio/src/pages/webhooks/webhooklogs/index.js
deleted file mode 100644
index 28b928e1c..000000000
--- a/studio/src/pages/webhooks/webhooklogs/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import { Space } from 'antd';
-import { useDispatch, useSelector } from 'react-redux';
-import deepEqual from 'deep-equal';
-import { getWebhooklogs } from '../../../actions/webhooklogs';
-import WebhookLogsList from './components/WebhookLogsList';
-
-function Webhooklogs({ WebhookId }) {
-  const dispatch = useDispatch();
-  const [filters, setFilters] = React.useState({
-    page: 1,
-    limit: 20,
-  });
-  const { webhooklogs, total, loading } = useSelector((state) => {
-    const node = state.webhooklogs.req.find((item) => {
-      return deepEqual(item.query, filters);
-    });
-    if (node)
-      return {
-        webhooklogs: node.data.map((element) => state.webhooklogs.details[element]),
-        total: node.total,
-        loading: state.webhooks.loading,
-      };
-    return { webhooklogs: [], total: 0, loading: state.webhooklogs.loading };
-  });
-  React.useEffect(() => {
-    fetchWebhooklogs();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [filters]);
-
-  const fetchWebhooklogs = () => {
-    dispatch(getWebhooklogs(WebhookId, filters));
-  };
-
-  return (
-    <Space direction="vertical">
-      <WebhookLogsList
-        data={{ webhooklogs, total, loading }}
-        filters={filters}
-        setFilters={setFilters}
-        fetchWebhooks={fetchWebhooklogs}
-      />
-    </Space>
-  );
-}
-
-export default Webhooklogs;
diff --git a/studio/src/pages/webhooks/webhooklogs/index.tsx b/studio/src/pages/webhooks/webhooklogs/index.tsx
new file mode 100644
index 000000000..77fc3ecd7
--- /dev/null
+++ b/studio/src/pages/webhooks/webhooklogs/index.tsx
@@ -0,0 +1,98 @@
+import React from "react";
+import { Space } from "lucide-react";
+import { useSelector } from "react-redux";
+import deepEqual from "deep-equal";
+import { getWebhooklogs } from "../../../actions/webhooklogs";
+import WebhookLogsList from "./components/WebhookLogsList";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+
+// Define interfaces for our component props and state
+interface WebhooklogsProps {
+  WebhookId: string;
+}
+
+interface FiltersState {
+  page: number;
+  limit: number;
+}
+
+interface WebhookLog {
+  id: string;
+  event: string;
+  created_at: string;
+  [key: string]: any; // Keep this to maintain backward compatibility
+}
+
+interface RootState {
+  webhooklogs: {
+    req: Array<{
+      query: FiltersState;
+      data: string[];
+      total: number;
+    }>;
+    details: Record<string, WebhookLog>;
+    loading: boolean;
+  };
+  webhooks: {
+    loading: boolean;
+  };
+}
+
+function Webhooklogs({ WebhookId }: WebhooklogsProps): React.ReactElement {
+  const dispatch = useAppDispatch();
+  const [filters, setFilters] = React.useState<FiltersState>({
+    page: 1,
+    limit: 20,
+  });
+
+  const { webhooklogs, total, loading } = useSelector((state: RootState) => {
+    const node = state.webhooklogs.req.find((item) => {
+      return deepEqual(item.query, filters);
+    });
+
+    if (node)
+      return {
+        webhooklogs: node.data.map(
+          (element) => state.webhooklogs.details[element]
+        ),
+        total: node.total,
+        loading: state.webhooks.loading,
+      };
+
+    return {
+      webhooklogs: [] as WebhookLog[],
+      total: 0,
+      loading: state.webhooklogs.loading,
+    };
+  });
+
+  React.useEffect(() => {
+    fetchWebhooklogs();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [filters]);
+
+  const fetchWebhooklogs = (): void => {
+    dispatch(getWebhooklogs(WebhookId, filters));
+  };
+
+  // Create a handler that updates state in a way compatible with WebhookLogsList's expected type
+  const handleFiltersChange = (partialFilters: Partial<FiltersState>): void => {
+    setFilters((prevFilters) => ({
+      ...prevFilters,
+      ...partialFilters,
+    }));
+  };
+
+  return (
+    <Space direction="vertical">
+      <WebhookLogsList
+        data={{ webhooklogs, total, loading }}
+        filters={filters}
+        setFilters={handleFiltersChange}
+        fetchWebhooks={fetchWebhooklogs}
+      />
+    </Space>
+  );
+}
+
+export default Webhooklogs;
diff --git a/studio/src/pages/website/AnalyticsForm.js b/studio/src/pages/website/AnalyticsForm.js
deleted file mode 100644
index d5257ee33..000000000
--- a/studio/src/pages/website/AnalyticsForm.js
+++ /dev/null
@@ -1,79 +0,0 @@
-import React, { useState } from 'react';
-import { Button, Form, Input, Skeleton, Row, Col, ConfigProvider } from 'antd';
-import { useDispatch, useSelector } from 'react-redux';
-import { updateSpace } from '../../actions/spaces';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-
-function AnalyticsForm() {
-  const id = useSelector((state) => state.spaces.selected);
-  const dispatch = useDispatch();
-  const [valueChange, setValueChange] = useState(false);
-  const [form] = Form.useForm();
-
-  const { space, loading } = useSelector((state) => {
-    return {
-      space: state.spaces.details[id],
-      loading: state.spaces.loading,
-    };
-  });
-
-  const onCreate = (values) => {
-    dispatch(updateSpace({ ...space, ...values }));
-  };
-
-  if (loading) return <Skeleton />;
-
-  if (!space) {
-    return <RecordNotFound />;
-  }
-
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Form: {
-            marginLG: 12,
-          },
-        },
-      }}
-    >
-      <Helmet title={'Analytics Form'} />
-      <Form
-        form={form}
-        layout="vertical"
-        initialValues={space}
-        name="create-space"
-        onFinish={(values) => {
-          onCreate(values);
-        }}
-        scrollToFirstError={true}
-        onFinishFailed={(errors) => {}}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row>
-          <Col md={8} xs={24}>
-            <Form.Item name={['analytics', 'plausible', 'server_url']} label="Server URL">
-              <Input style={{ width: '100%' }} />
-            </Form.Item>
-            <Form.Item name={['analytics', 'plausible', 'domain']} label="Domain">
-              <Input style={{ width: '100%' }} />
-            </Form.Item>
-            <Form.Item name={['analytics', 'plausible', 'embed_code']} label="Embed Code">
-              <Input.TextArea style={{ width: '100%' }} />
-            </Form.Item>
-          </Col>
-        </Row>
-        <Form.Item>
-          <Button disabled={!valueChange} type="primary" htmlType="submit">
-            Update
-          </Button>
-        </Form.Item>
-      </Form>
-    </ConfigProvider>
-  );
-}
-
-export default AnalyticsForm;
diff --git a/studio/src/pages/website/AnalyticsForm.test.js b/studio/src/pages/website/AnalyticsForm.test.js
deleted file mode 100644
index a500953de..000000000
--- a/studio/src/pages/website/AnalyticsForm.test.js
+++ /dev/null
@@ -1,259 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-
-import AnalyticsForm from './AnalyticsForm';
-import * as actions from '../../actions/spaces';
-import { Form } from 'antd';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../actions/spaces', () => ({
-  updateSpace: jest.fn(),
-}));
-
-describe('Analytics form component', () => {
-  let store;
-
-  store = mockStore({
-    spaces: {
-      orgs: [
-        {
-          id: 34,
-          created_at: '2022-04-29T07:10:05.626434Z',
-          updated_at: '2022-04-29T07:10:05.626434Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          title: 'test',
-          slug: 'test',
-          permission: {
-            id: 34,
-            created_at: '2022-04-29T07:10:05.637767Z',
-            updated_at: '2022-04-29T07:10:05.637767Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            role: 'owner',
-          },
-          spaces: [2],
-        },
-      ],
-      details: {
-        '2': {
-          id: 2,
-          created_at: '2022-04-29T11:19:00.634414Z',
-          updated_at: '2022-06-28T08:58:44.782829Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          name: 'factly-eng',
-          slug: 'factly-eng',
-          site_title: '',
-          tag_line: '',
-          description: '',
-          site_address: '',
-          logo_id: 1,
-          contact_info: null,
-          analytics: {
-            plausible: {
-              server_url: 'factly-eng.com',
-              domain: 'factly-eng.com',
-              embed_code: 'factly-eng.com',
-            },
-          },
-          organisation_id: 34,
-        },
-      },
-      loading: false,
-      selected: 2,
-    },
-  });
-
-  store.dispatch = jest.fn(() => ({}));
-  const mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = shallow(
-          <Provider store={store}>
-            <AnalyticsForm />
-          </Provider>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-      act(() => component.unmount());
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: true,
-          selected: 0,
-        },
-      });
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <AnalyticsForm />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        spaces: {
-          orgs: [
-            {
-              id: 34,
-              created_at: '2022-04-29T07:10:05.626434Z',
-              updated_at: '2022-04-29T07:10:05.626434Z',
-              deleted_at: null,
-              created_by_id: 34,
-              updated_by_id: 34,
-              title: 'test',
-              slug: 'test',
-              permission: {
-                id: 34,
-                created_at: '2022-04-29T07:10:05.637767Z',
-                updated_at: '2022-04-29T07:10:05.637767Z',
-                deleted_at: null,
-                created_by_id: 34,
-                updated_by_id: 34,
-                role: 'owner',
-              },
-              spaces: [2],
-            },
-          ],
-          details: {
-            '2': {
-              id: 2,
-              created_at: '2022-04-29T11:19:00.634414Z',
-              updated_at: '2022-06-28T08:58:44.782829Z',
-              deleted_at: null,
-              created_by_id: 34,
-              updated_by_id: 34,
-              name: 'factly-eng',
-              slug: 'factly-eng',
-              site_title: '',
-              tag_line: '',
-              description: '',
-              site_address: '',
-              logo_id: 1,
-              contact_info: null,
-              analytics: {
-                plausible: {
-                  server_url: 'factly-eng.com',
-                  domain: 'factly-eng.com',
-                  embed_code: 'factly-eng.com',
-                },
-              },
-              organisation_id: 34,
-            },
-          },
-          loading: false,
-          selected: 2,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should display RecordNotFound when no space found', () => {
-      let store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: false,
-          selected: 0,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <AnalyticsForm />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(Form).length).toBe(0);
-    });
-    it('should call updateSpace', (done) => {
-      actions.updateSpace.mockReset();
-      useDispatch.mockReturnValueOnce(() => Promise.resolve({}));
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <AnalyticsForm />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'factly-hin.com' } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'factly-hin.com' } });
-        wrapper
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'factly-hin.com' } });
-        wrapper.find('Button').at(0).simulate('submit');
-      });
-      setTimeout(() => {
-        expect(actions.updateSpace).toHaveBeenCalledWith({
-          id: 2,
-          created_at: '2022-04-29T11:19:00.634414Z',
-          updated_at: '2022-06-28T08:58:44.782829Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          organisation_id: 34,
-          name: 'factly-eng',
-          slug: 'factly-eng',
-          site_title: '',
-          tag_line: '',
-          description: '',
-          site_address: '',
-          logo_id: 1,
-          contact_info: null,
-          analytics: {
-            plausible: {
-              server_url: 'factly-hin.com',
-              domain: 'factly-hin.com',
-              embed_code: 'factly-hin.com',
-            },
-          },
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/website/AnalyticsForm.tsx b/studio/src/pages/website/AnalyticsForm.tsx
new file mode 100644
index 000000000..36b6bb709
--- /dev/null
+++ b/studio/src/pages/website/AnalyticsForm.tsx
@@ -0,0 +1,204 @@
+import { useEffect, useState } from "react";
+import { useSelector } from "react-redux";
+import { Helmet } from "react-helmet";
+import { useAppDispatch } from "../../hooks/reduxHooks";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Textarea } from "@/components/ui/textarea";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/ui/form";
+import { Skeleton } from "@/components/ui/skeleton";
+import { useForm } from "react-hook-form";
+import { updateSpace } from "../../actions/spaces";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { useIsMobile } from "@/hooks/use-mobile";
+import { Space, RootState } from "./types";
+
+function AnalyticsForm() {
+  const dispatch = useAppDispatch();
+  const [valueChange, setValueChange] = useState(false);
+  const isMobile = useIsMobile();
+  // Get space ID from Redux state
+  const id = useSelector((state: RootState) => state.spaces.selected);
+  // Get space and loading state from Redux
+  const { space, loading } = useSelector((state: RootState) => {
+    return {
+      space: state.spaces.details[id],
+      loading: state.spaces.loading,
+    };
+  });
+  const form = useForm<Space>({
+    // Do not set default values here, we'll set them with reset when space data loads
+  });
+
+  useEffect(() => {
+    const subscription = form.watch(() => {
+      if (form.formState.isDirty) {
+        setValueChange(true);
+      }
+    });
+
+    return () => subscription.unsubscribe();
+  }, [form]);
+
+  // Use useEffect to update form values when space data is loaded
+  useEffect(() => {
+    if (space) {
+      const formValues = {
+        ...space,
+        analytics: {
+          plausible: {
+            server_url: space.analytics?.plausible?.server_url || "",
+            domain: space.analytics?.plausible?.domain || "",
+            embed_code: space.analytics?.plausible?.embed_code || "",
+          },
+        },
+      };
+
+      // Reset the form with the space data
+      form.reset(formValues);
+
+      // Reset the value change tracker since we just loaded data
+      setValueChange(false);
+    }
+  }, [space, form]);
+
+  // Handle form submission
+  const onSubmit = (values: Space) => {
+    dispatch(updateSpace({ ...space, ...values }));
+    setValueChange(false);
+  };
+
+  // Handle form reset/cancel
+  const handleCancel = () => {
+    if (space) {
+      // Reset to the original values from the space data
+      const formValues = {
+        ...space,
+        analytics: {
+          plausible: {
+            server_url: space.analytics?.plausible?.server_url || "",
+            domain: space.analytics?.plausible?.domain || "",
+            embed_code: space.analytics?.plausible?.embed_code || "",
+          },
+        },
+      };
+      form.reset(formValues);
+      setValueChange(false);
+    }
+  };
+
+  // Show loading state
+  if (loading) return <Skeleton className="w-full h-48" />;
+
+  // Show not found state
+  if (!space) {
+    return <RecordNotFound />;
+  }
+
+  return (
+    <>
+      <Helmet title="Analytics Settings" />
+      <div className="px-4 sm:px-6 md:px-8 lg:px-16 xl:px-60 max-w-6xl mx-auto">
+        <div className="mb-4 px-4">
+          <h1 className="text-xl font-semibold">Analytics Settings</h1>
+          <div className="mt-2">
+            <p className="text-gray-600 text-[13px]">
+              Configure your analytics tracking to monitor visitor activity on
+              your website
+            </p>
+          </div>
+        </div>
+
+        <div className="border-t border-gray-200 mb-4"></div>
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(onSubmit)}
+            className="w-full mx-auto"
+            onChange={() => setValueChange(true)}
+          >
+            <div className="w-full mb-6 bg-white rounded-md">
+              <div className="space-y-4">
+                <FormField
+                  control={form.control}
+                  name="analytics.plausible.server_url"
+                  render={({ field }) => (
+                    <FormItem className="mb-4 sm:mb-6">
+                      <FormLabel className="text-base">Server URL</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          className="text-sm sm:text-base h-9 sm:h-10"
+                          placeholder="https://plausible.io"
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="analytics.plausible.domain"
+                  render={({ field }) => (
+                    <FormItem className="mb-4 sm:mb-6">
+                      <FormLabel className="text-base">Domain</FormLabel>
+                      <FormControl>
+                        <Input
+                          {...field}
+                          className="text-sm sm:text-base h-9 sm:h-10"
+                          placeholder="yourdomain.com"
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+
+                <FormField
+                  control={form.control}
+                  name="analytics.plausible.embed_code"
+                  render={({ field }) => (
+                    <FormItem className="mb-4 sm:mb-6">
+                      <FormLabel className="text-base">Embed Code</FormLabel>
+                      <FormControl>
+                        <Textarea
+                          {...field}
+                          className="min-h-24 text-sm sm:text-base"
+                          placeholder="<script>...</script>"
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            <div className="flex flex-col sm:flex-row sm:justify-start mb-8 mt-8 gap-3 sm:gap-4">
+              <Button
+                type="button"
+                variant="outline"
+                onClick={handleCancel}
+                className="w-full sm:w-auto sm:px-6"
+              >
+                Cancel
+              </Button>
+              <Button
+                type="submit"
+                disabled={!valueChange}
+                className="w-full sm:w-auto sm:px-6"
+              >
+                Update
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </div>
+    </>
+  );
+}
+
+export default AnalyticsForm;
diff --git a/studio/src/pages/website/Branding.js b/studio/src/pages/website/Branding.js
deleted file mode 100644
index 6ba37e78e..000000000
--- a/studio/src/pages/website/Branding.js
+++ /dev/null
@@ -1,195 +0,0 @@
-import React, { useState } from 'react';
-import { Button, Col, Collapse, Form, Input, Row, Skeleton, ConfigProvider } from 'antd';
-
-import MediaSelector from '../../components/MediaSelector/index';
-import { useSelector, useDispatch } from 'react-redux';
-import { updateSpace } from '../../actions/spaces';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-
-function Branding() {
-  const { Panel } = Collapse;
-  const id = useSelector((state) => state.spaces.selected);
-  const dispatch = useDispatch();
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = useState(false);
-
-  const { space, loading } = useSelector((state) => {
-    return {
-      space: state.spaces.details[id],
-      loading: state.spaces.loading,
-    };
-  });
-
-  const onCreate = (values) => {
-    dispatch(updateSpace({ ...space, ...values }));
-  };
-
-  if (loading) return <Skeleton />;
-
-  if (!space) {
-    return <RecordNotFound />;
-  }
-
-  //! More Descriptive favicons and logo fields
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Helmet title={'Branding'} />
-      <Form
-        layout="vertical"
-        form={form}
-        initialValues={space}
-        name="create-space"
-        onFinish={(values) => {
-          onCreate(values);
-        }}
-        className="edit-form"
-        scrollToFirstError={true}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row justify="end">
-          <Form.Item>
-            <Button disabled={!valueChange} type="primary" htmlType="submit">
-              Update
-            </Button>
-          </Form.Item>
-        </Row>
-        <Collapse
-          expandIconPosition="right"
-          expandIcon={({ isActive }) => <Button>{isActive ? 'Close' : 'Expand'}</Button>}
-          style={{ width: '100%', background: '#f0f2f5', border: 0 }}
-          defaultActiveKey={['1']}
-        >
-          <Panel header="Icons and Logos" key="1">
-            <Row gutter={[48, 16]}>
-              <Col xs={24} md={5}>
-                <Form.Item label="Primary Logo" name="logo_id" extra="Primary Logo">
-                  <MediaSelector
-                    containerStyles={{
-                      justifyContent: 'flex-start',
-                      maxWidth: '100%',
-                      margin: '8px 0',
-                    }}
-                    maxWidth="100%"
-                  />
-                </Form.Item>
-              </Col>
-              <Col xs={24} md={5}>
-                <Form.Item
-                  label="Logo Mobile"
-                  name="logo_mobile_id"
-                  extra="Secondary logo for mobile sites or amp pages"
-                >
-                  <MediaSelector
-                    containerStyles={{
-                      justifyContent: 'flex-start',
-                      maxWidth: '100%',
-                      margin: '8px 0',
-                    }}
-                    maxWidth="100%"
-                  />
-                </Form.Item>
-              </Col>
-              <Col xs={24} md={5}>
-                <Form.Item
-                  label="Fav Icon"
-                  name="fav_icon_id"
-                  extra="Default favicon for browsers and pwa sites"
-                >
-                  <MediaSelector
-                    containerStyles={{
-                      justifyContent: 'flex-start',
-                      maxWidth: '100%',
-                      margin: '8px 0',
-                    }}
-                    maxWidth="100%"
-                  />
-                </Form.Item>
-              </Col>
-              <Col xs={24} md={5}>
-                <Form.Item
-                  label="Mobile Icon"
-                  name="mobile_icon_id"
-                  extra="Favicon for mobile and pwa sites"
-                >
-                  <MediaSelector
-                    containerStyles={{
-                      justifyContent: 'flex-start',
-                      maxWidth: '100%',
-                      margin: '8px 0',
-                    }}
-                    maxWidth="100%"
-                  />
-                </Form.Item>
-              </Col>
-            </Row>
-          </Panel>
-        </Collapse>
-        <Collapse
-          expandIconPosition="right"
-          expandIcon={({ isActive }) => <Button>{isActive ? 'Close' : 'Expand'}</Button>}
-          style={{ width: '100%', background: '#f0f2f5', border: 0, marginTop: 16 }}
-        >
-          <Panel header="Social Accounts" key="1">
-            <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '1rem' }}>
-              <Col xs={24} md={10}>
-                <Form.Item name={['social_media_urls', 'facebook']} label="Facebook">
-                  <Input
-                    style={{ width: '100%' }}
-                    placeholder="https://www.facebook.com/pages/factly"
-                  />
-                </Form.Item>
-                <Form.Item name={['social_media_urls', 'twitter']} label="Twitter">
-                  <Input
-                    style={{ width: '100%' }}
-                    placeholder="https://www.twitter.com/users/factly"
-                  />
-                </Form.Item>
-                <Form.Item name={['social_media_urls', 'instagram']} label="Instagram">
-                  <Input
-                    style={{ width: '100%' }}
-                    placeholder="https://www.instagram.com/pages/factly"
-                  />
-                </Form.Item>
-                <Form.Item name={['social_media_urls', 'github']} label="Github">
-                  <Input style={{ width: '100%' }} placeholder="https://github.com/factly/" />
-                </Form.Item>
-                <Form.Item name={['social_media_urls', 'youtube']} label="Youtube">
-                  <Input
-                    style={{ width: '100%' }}
-                    placeholder="https://www.youtube.com/c/Factlyindia"
-                  />
-                </Form.Item>
-                <Form.Item name={['social_media_urls', 'linkedin']} label="Linkedin">
-                  <Input
-                    style={{ width: '100%' }}
-                    placeholder="https://www.linkedin.com/company/factlyindia/"
-                  />
-                </Form.Item>
-                <Form.Item name={['social_media_urls', 'pinterest']} label="Pinterest">
-                  <Input
-                    style={{ width: '100%' }}
-                    placeholder="https://www.pinterest.com/pages/factly"
-                  />
-                </Form.Item>
-              </Col>
-            </Row>
-          </Panel>
-        </Collapse>
-      </Form>
-    </ConfigProvider>
-  );
-}
-
-export default Branding;
diff --git a/studio/src/pages/website/Branding.test.js b/studio/src/pages/website/Branding.test.js
deleted file mode 100644
index 807e011a1..000000000
--- a/studio/src/pages/website/Branding.test.js
+++ /dev/null
@@ -1,333 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-
-import Branding from './Branding';
-import * as actions from '../../actions/spaces';
-import { Form } from 'antd';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../actions/spaces', () => ({
-  updateSpace: jest.fn(),
-}));
-
-describe('Branding component', () => {
-  let store;
-  store = mockStore({
-    spaces: {
-      orgs: [
-        {
-          id: 34,
-          created_at: '2022-04-29T07:10:05.626434Z',
-          updated_at: '2022-04-29T07:10:05.626434Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          title: 'test',
-          slug: 'test',
-          permission: {
-            id: 34,
-            created_at: '2022-04-29T07:10:05.637767Z',
-            updated_at: '2022-04-29T07:10:05.637767Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            role: 'owner',
-          },
-          spaces: [2],
-        },
-      ],
-      details: {
-        '2': {
-          id: 2,
-          created_at: '2022-04-29T11:19:00.634414Z',
-          updated_at: '2022-06-28T08:58:44.782829Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          name: 'factly-eng',
-          slug: 'factly-eng',
-          site_title: '',
-          tag_line: '',
-          description: '',
-          site_address: '',
-          logo_id: 1,
-          logo_mobile_id: 1,
-          fav_icon_id: 1,
-          mobile_icon_id: 1,
-          social_media_urls: {
-            facebook: 'fb.com',
-            twitter: 'twitter.com',
-            pintrest: 'pinterest.com',
-            instagram: 'instagram.com',
-          },
-          contact_info: null,
-          organisation_id: 34,
-        },
-      },
-      loading: false,
-      selected: 2,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  const mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = shallow(
-          <Provider store={store}>
-            <Branding />
-          </Provider>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-      act(() => component.unmount());
-    });
-  });
-  it('should match skeleton while loading', () => {
-    let tree;
-    store = mockStore({
-      spaces: {
-        orgs: [],
-        details: {},
-        loading: true,
-        selected: 0,
-      },
-    });
-    act(() => {
-      tree = shallow(
-        <Provider store={store}>
-          <Branding />
-        </Provider>,
-      );
-    });
-    expect(tree).toMatchSnapshot();
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-        spaces: {
-          orgs: [
-            {
-              id: 34,
-              created_at: '2022-04-29T07:10:05.626434Z',
-              updated_at: '2022-04-29T07:10:05.626434Z',
-              deleted_at: null,
-              created_by_id: 34,
-              updated_by_id: 34,
-              title: 'test',
-              slug: 'test',
-              permission: {
-                id: 34,
-                created_at: '2022-04-29T07:10:05.637767Z',
-                updated_at: '2022-04-29T07:10:05.637767Z',
-                deleted_at: null,
-                created_by_id: 34,
-                updated_by_id: 34,
-                role: 'owner',
-              },
-              spaces: [2],
-            },
-          ],
-          details: {
-            '2': {
-              id: 2,
-              created_at: '2022-04-29T11:19:00.634414Z',
-              updated_at: '2022-06-28T08:58:44.782829Z',
-              deleted_at: null,
-              created_by_id: 34,
-              updated_by_id: 34,
-              name: 'factly-eng',
-              slug: 'factly-eng',
-              site_title: '',
-              tag_line: '',
-              description: '',
-              site_address: '',
-              logo_id: 1,
-              logo_mobile_id: 1,
-              fav_icon_id: 1,
-              mobile_icon_id: 1,
-              social_media_urls: {
-                facebook: 'fb.com',
-                twitter: 'twitter.com',
-                pintrest: 'pinterest.com',
-                instagram: 'instagram.com',
-              },
-              contact_info: null,
-              organisation_id: 34,
-            },
-          },
-          loading: false,
-          selected: 2,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should display RecordNotFound when no space found', () => {
-      let store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: false,
-          selected: 0,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Branding />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(Form).length).toBe(0);
-    });
-
-    it('should call updateSpace', (done) => {
-      actions.updateSpace.mockReset();
-      useDispatch.mockReturnValueOnce(() => Promise.resolve({}));
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <Branding />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find('Collapse').at(1).props().onChange();
-        wrapper.find('CollapsePanel').at(2).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('MediaSelector')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 2 } });
-        wrapper
-          .find('MediaSelector')
-          .at(1)
-          .props()
-          .onChange({ target: { value: 3 } });
-        wrapper
-          .find('MediaSelector')
-          .at(2)
-          .props()
-          .onChange({ target: { value: 4 } });
-        wrapper
-          .find('MediaSelector')
-          .at(3)
-          .props()
-          .onChange({ target: { value: 5 } });
-
-        wrapper
-          .find('Collapse')
-          .at(1)
-          .find('input')
-          .at(0)
-          .simulate('change', { target: { value: 'm.fb.com' } });
-        wrapper
-          .find('Collapse')
-          .at(1)
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'm.twitter.com' } });
-        wrapper
-          .find('Collapse')
-          .at(1)
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: 'm.insta.com' } });
-        wrapper
-          .find('Collapse')
-          .at(1)
-          .find('input')
-          .at(3)
-          .simulate('change', { target: { value: 'm.github.com' } });
-        wrapper
-          .find('Collapse')
-          .at(1)
-          .find('input')
-          .at(4)
-          .simulate('change', { target: { value: 'm.youtube.com' } });
-        wrapper
-          .find('Collapse')
-          .at(1)
-          .find('input')
-          .at(5)
-          .simulate('change', { target: { value: 'm.linkedin.com' } });
-        wrapper
-          .find('Collapse')
-          .at(1)
-          .find('input')
-          .at(6)
-          .simulate('change', { target: { value: 'm.pin.com' } });
-        wrapper.find('Button').at(0).simulate('submit');
-      });
-      setTimeout(() => {
-        expect(actions.updateSpace).toHaveBeenCalledWith({
-          id: 2,
-          created_at: '2022-04-29T11:19:00.634414Z',
-          updated_at: '2022-06-28T08:58:44.782829Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          organisation_id: 34,
-          name: 'factly-eng',
-          slug: 'factly-eng',
-          site_title: '',
-          tag_line: '',
-          description: '',
-          site_address: '',
-          logo_id: 2,
-          logo_mobile_id: 3,
-          mobile_icon_id: 5,
-          fav_icon_id: 4,
-          contact_info: null,
-          social_media_urls: {
-            facebook: 'm.fb.com',
-            github: 'm.github.com',
-            instagram: 'm.insta.com',
-            linkedin: 'm.linkedin.com',
-            pinterest: 'm.pin.com',
-            twitter: 'm.twitter.com',
-            youtube: 'm.youtube.com',
-          },
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/website/Branding.tsx b/studio/src/pages/website/Branding.tsx
new file mode 100644
index 000000000..0e42fd82f
--- /dev/null
+++ b/studio/src/pages/website/Branding.tsx
@@ -0,0 +1,380 @@
+import { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import { Helmet } from "react-helmet";
+
+import { Button } from "@/components/ui/button";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Input } from "@/components/ui/input";
+import {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+} from "@/components/ui/form";
+
+import MediaSelector from "../../components/MediaSelector";
+import { updateSpace } from "../../actions/spaces";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { useForm } from "react-hook-form";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+import { RootState, BrandingFormValues } from "./types";
+
+function Branding() {
+  const dispatch = useAppDispatch();
+  const id = useSelector((state: RootState) => state.spaces.selected);
+  const [valueChange, setValueChange] = useState<boolean>(false);
+
+  const { space, loading } = useSelector((state: RootState) => {
+    return {
+      space: state.spaces.details[id],
+      loading: state.spaces.loading,
+    };
+  });
+
+  const form = useForm<BrandingFormValues>({
+    defaultValues: space || {},
+  });
+
+  // Update form values when space data is available
+  useEffect(() => {
+    if (space) {
+      form.reset(space);
+    }
+  }, [space, form]);
+
+  const onSubmit = (values: BrandingFormValues) => {
+    if (!space) return;
+
+    dispatch(updateSpace({ ...space, ...values }));
+    setValueChange(false);
+  };
+
+  const handleCancel = () => {
+    if (space) {
+      form.reset(space);
+    }
+    setValueChange(false);
+  };
+
+  if (loading) return <Skeleton className="h-40 w-full" />;
+
+  if (!space) {
+    return <RecordNotFound />;
+  }
+
+  return (
+    <>
+      <Helmet title={"Branding"} />
+      <div className="max-w-3xl mx-auto px-4 space-y-4">
+        <div className="mb-4 px-4">
+          <h1 className="text-xl font-semibold text-gray-900">
+            Branding Settings
+          </h1>
+          <div className="mt-2">
+            <p className="text-gray-600 text-[13px]">
+              Customize your brand identity by uploading logos, icons, and
+              configuring social media accounts
+            </p>
+          </div>
+        </div>
+
+        <div className="border-t border-gray-200 mb-4"></div>
+
+        <Form {...form}>
+          <form
+            onSubmit={form.handleSubmit(onSubmit)}
+            className="space-y-4"
+            onChange={() => setValueChange(true)}
+          >
+            <Accordion
+              type="multiple"
+              defaultValue={["icons-logos"]}
+              className="w-full"
+            >
+              <AccordionItem
+                value="icons-logos"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">
+                      Icons and Logos
+                    </span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="p-4 bg-white max-w-3xl mx-auto space-y-4">
+                    <div className="grid grid-cols-1 gap-6">
+                      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                        <FormField
+                          control={form.control}
+                          name="logo_id"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>Primary Logo</FormLabel>
+                              <FormDescription>Primary Logo</FormDescription>
+                              <FormControl>
+                                <MediaSelector
+                                  value={field.value}
+                                  onChange={field.onChange}
+                                  containerStyles={{
+                                    justifyContent: "flex-start",
+                                    maxWidth: "100%",
+                                    margin: "8px 0",
+                                  }}
+                                  maxWidth={100}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="logo_mobile_id"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>Logo Mobile</FormLabel>
+                              <FormDescription>
+                                Secondary logo for mobile sites or amp pages
+                              </FormDescription>
+                              <FormControl>
+                                <MediaSelector
+                                  value={field.value}
+                                  onChange={field.onChange}
+                                  containerStyles={{
+                                    justifyContent: "flex-start",
+                                    maxWidth: "100%",
+                                    margin: "8px 0",
+                                  }}
+                                  maxWidth={100}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+                      </div>
+
+                      <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+                        <FormField
+                          control={form.control}
+                          name="fav_icon_id"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>Fav Icon</FormLabel>
+                              <FormDescription>
+                                Default favicon for browsers and pwa sites
+                              </FormDescription>
+                              <FormControl>
+                                <MediaSelector
+                                  value={field.value}
+                                  onChange={field.onChange}
+                                  containerStyles={{
+                                    justifyContent: "flex-start",
+                                    maxWidth: "100%",
+                                    margin: "8px 0",
+                                  }}
+                                  maxWidth={100}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="mobile_icon_id"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel>Mobile Icon</FormLabel>
+                              <FormDescription>
+                                Favicon for mobile and pwa sites
+                              </FormDescription>
+                              <FormControl>
+                                <MediaSelector
+                                  value={field.value}
+                                  onChange={field.onChange}
+                                  containerStyles={{
+                                    justifyContent: "flex-start",
+                                    maxWidth: "100%",
+                                    margin: "8px 0",
+                                  }}
+                                  maxWidth={100}
+                                />
+                              </FormControl>
+                            </FormItem>
+                          )}
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+
+              <AccordionItem
+                value="social-accounts"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">
+                      Social Accounts
+                    </span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="p-4 bg-white">
+                    <div className="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-xl">
+                      <FormField
+                        control={form.control}
+                        name="social_media_urls.facebook"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>Facebook</FormLabel>
+                            <FormControl>
+                              <Input
+                                placeholder="https://www.facebook.com/pages/factly"
+                                {...field}
+                                value={field.value || ""}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="social_media_urls.twitter"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>Twitter</FormLabel>
+                            <FormControl>
+                              <Input
+                                placeholder="https://www.twitter.com/users/factly"
+                                {...field}
+                                value={field.value || ""}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="social_media_urls.instagram"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>Instagram</FormLabel>
+                            <FormControl>
+                              <Input
+                                placeholder="https://www.instagram.com/pages/factly"
+                                {...field}
+                                value={field.value || ""}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="social_media_urls.github"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>Github</FormLabel>
+                            <FormControl>
+                              <Input
+                                placeholder="https://github.com/factly/"
+                                {...field}
+                                value={field.value || ""}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="social_media_urls.youtube"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>Youtube</FormLabel>
+                            <FormControl>
+                              <Input
+                                placeholder="https://www.youtube.com/c/Factlyindia"
+                                {...field}
+                                value={field.value || ""}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="social_media_urls.linkedin"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>Linkedin</FormLabel>
+                            <FormControl>
+                              <Input
+                                placeholder="https://www.linkedin.com/company/factlyindia/"
+                                {...field}
+                                value={field.value || ""}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+
+                      <FormField
+                        control={form.control}
+                        name="social_media_urls.pinterest"
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormLabel>Pinterest</FormLabel>
+                            <FormControl>
+                              <Input
+                                placeholder="https://www.pinterest.com/pages/factly"
+                                {...field}
+                                value={field.value || ""}
+                              />
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+
+            <div className="flex justify-start gap-2 mb-4">
+              <Button
+                type="button"
+                variant="outline"
+                onClick={handleCancel}
+                disabled={!valueChange}
+              >
+                Cancel
+              </Button>
+              <Button type="submit" disabled={!valueChange}>
+                Save Changes
+              </Button>
+            </div>
+          </form>
+        </Form>
+      </div>
+    </>
+  );
+}
+
+export default Branding;
diff --git a/studio/src/pages/website/CodeInjection.js b/studio/src/pages/website/CodeInjection.js
deleted file mode 100644
index 72edaaca5..000000000
--- a/studio/src/pages/website/CodeInjection.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import React, { useState } from 'react';
-import { Button, Form, Skeleton, Row } from 'antd';
-import MonacoEditor from '../../components/MonacoEditor/index';
-import { useSelector, useDispatch } from 'react-redux';
-import { updateSpace } from '../../actions/spaces';
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import { Helmet } from 'react-helmet';
-
-function CodeInjection() {
-  const id = useSelector((state) => state.spaces.selected);
-  const dispatch = useDispatch();
-  const [form] = Form.useForm();
-  const [valueChange, setValueChange] = useState(false);
-
-  const { space, loading } = useSelector((state) => {
-    return {
-      space: state.spaces.details[id],
-      loading: state.spaces.loading,
-    };
-  });
-
-  const onCreate = (values) => {
-    dispatch(updateSpace({ ...space, ...values }));
-  };
-
-  if (loading) return <Skeleton />;
-
-  if (!space) {
-    return <RecordNotFound />;
-  }
-
-  return (
-    <div>
-      <Helmet title={'Code Injection'} />
-      <Form
-        form={form}
-        layout="vertical"
-        initialValues={space}
-        name="code-injection"
-        onFinish={(values) => {
-          onCreate(values);
-        }}
-        scrollToFirstError={true}
-        onFinishFailed={(errors) => {}}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row justify="end">
-          <Form.Item>
-            <Button disabled={!valueChange} type="primary" htmlType="submit">
-              Update
-            </Button>
-          </Form.Item>
-        </Row>
-        <Form.Item name="header_code" label="Header Code">
-          <MonacoEditor language="html" width="100%" />
-        </Form.Item>
-        <Form.Item name="footer_code" label="Footer Code">
-          <MonacoEditor language="html" width="100%" />
-        </Form.Item>
-      </Form>
-    </div>
-  );
-}
-
-export default CodeInjection;
diff --git a/studio/src/pages/website/CodeInjection.test.js b/studio/src/pages/website/CodeInjection.test.js
deleted file mode 100644
index b747a2e62..000000000
--- a/studio/src/pages/website/CodeInjection.test.js
+++ /dev/null
@@ -1,246 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-
-import CodeInjection from './CodeInjection';
-import * as actions from '../../actions/spaces';
-import { Form } from 'antd';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../actions/spaces', () => ({
-  updateSpace: jest.fn(),
-}));
-
-describe('CodeInjection component', () => {
-  let store;
-  store = mockStore({
-    spaces: {
-      orgs: [
-        {
-          id: 34,
-          created_at: '2022-04-29T07:10:05.626434Z',
-          updated_at: '2022-04-29T07:10:05.626434Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          title: 'test',
-          slug: 'test',
-          permission: {
-            id: 34,
-            created_at: '2022-04-29T07:10:05.637767Z',
-            updated_at: '2022-04-29T07:10:05.637767Z',
-            deleted_at: null,
-            created_by_id: 34,
-            updated_by_id: 34,
-            role: 'owner',
-          },
-          spaces: [2],
-        },
-      ],
-      details: {
-        '2': {
-          id: 2,
-          created_at: '2022-04-29T11:19:00.634414Z',
-          updated_at: '2022-06-28T08:58:44.782829Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          name: 'factly-eng',
-          slug: 'factly-eng',
-          site_title: '',
-          tag_line: '',
-          description: '',
-          site_address: '',
-          header_code: '',
-          footer_code: '',
-          contact_info: null,
-          organisation_id: 34,
-        },
-      },
-      loading: false,
-      selected: 2,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  const mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = shallow(
-          <Provider store={store}>
-            <CodeInjection />
-          </Provider>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-      act(() => component.unmount());
-    });
-  });
-  it('should match skeleton while loading', () => {
-    let tree;
-    store = mockStore({
-      spaces: {
-        orgs: [],
-        details: {},
-        loading: true,
-        selected: 0,
-      },
-    });
-    act(() => {
-      tree = shallow(
-        <Provider store={store}>
-          <CodeInjection />
-        </Provider>,
-      );
-    });
-    expect(tree).toMatchSnapshot();
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        spaces: {
-          orgs: [
-            {
-              id: 34,
-              created_at: '2022-04-29T07:10:05.626434Z',
-              updated_at: '2022-04-29T07:10:05.626434Z',
-              deleted_at: null,
-              created_by_id: 34,
-              updated_by_id: 34,
-              title: 'test',
-              slug: 'test',
-              permission: {
-                id: 34,
-                created_at: '2022-04-29T07:10:05.637767Z',
-                updated_at: '2022-04-29T07:10:05.637767Z',
-                deleted_at: null,
-                created_by_id: 34,
-                updated_by_id: 34,
-                role: 'owner',
-              },
-              spaces: [2],
-            },
-          ],
-          details: {
-            '2': {
-              id: 2,
-              created_at: '2022-04-29T11:19:00.634414Z',
-              updated_at: '2022-06-28T08:58:44.782829Z',
-              deleted_at: null,
-              created_by_id: 34,
-              updated_by_id: 34,
-              name: 'factly-eng',
-              slug: 'factly-eng',
-              site_title: '',
-              tag_line: '',
-              description: '',
-              site_address: '',
-              header_code: '',
-              footer_code: '',
-              contact_info: null,
-              organisation_id: 34,
-            },
-          },
-          loading: false,
-          selected: 2,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should display RecordNotFound when no space found', () => {
-      let store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: false,
-          selected: 0,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: true,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CodeInjection />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(Form).length).toBe(0);
-    });
-
-    it('should call updateSpace', (done) => {
-      actions.updateSpace.mockReset();
-      useDispatch.mockReturnValueOnce(() => Promise.resolve({}));
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <CodeInjection />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper
-          .find('MonacoEditor')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 'header-code' } });
-        wrapper
-          .find('MonacoEditor')
-          .at(1)
-          .props()
-          .onChange({ target: { value: 'footer-code' } });
-        wrapper.find('Button').at(0).simulate('submit');
-      });
-      setTimeout(() => {
-        expect(actions.updateSpace).toHaveBeenCalledWith({
-          id: 2,
-          created_at: '2022-04-29T11:19:00.634414Z',
-          updated_at: '2022-06-28T08:58:44.782829Z',
-          deleted_at: null,
-          created_by_id: 34,
-          updated_by_id: 34,
-          organisation_id: 34,
-          name: 'factly-eng',
-          slug: 'factly-eng',
-          footer_code: 'footer-code',
-          header_code: 'header-code',
-          site_title: '',
-          tag_line: '',
-          description: '',
-          site_address: '',
-          contact_info: null,
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/website/CodeInjection.tsx b/studio/src/pages/website/CodeInjection.tsx
new file mode 100644
index 000000000..9c1204cef
--- /dev/null
+++ b/studio/src/pages/website/CodeInjection.tsx
@@ -0,0 +1,115 @@
+import { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import { Helmet } from "react-helmet";
+import MonacoEditor from "../../components/MonacoEditor";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import { Button } from "@/components/ui/button";
+import { Form, FormField, FormItem, FormLabel } from "@/components/ui/form";
+import { Skeleton } from "@/components/ui/skeleton";
+import { updateSpace } from "../../actions/spaces";
+import { useForm } from "react-hook-form";
+import { useAppDispatch } from "../../hooks/reduxHooks";
+import { Space, RootState } from "./types";
+
+function CodeInjection(): React.ReactElement {
+  const id = useSelector((state: RootState) => state.spaces.selected);
+  const dispatch = useAppDispatch();
+  const [valueChange, setValueChange] = useState<boolean>(false);
+
+  const { space, loading } = useSelector((state: RootState) => {
+    return {
+      space: state.spaces.details[id],
+      loading: state.spaces.loading,
+    };
+  });
+
+  const form = useForm<Space>({
+    defaultValues: space,
+  });
+
+  // Reset form when space changes
+  useEffect(() => {
+    if (space) {
+      form.reset(space);
+      setValueChange(false); // Reset valueChange when form is reset
+    }
+  }, [space, form]);
+
+  // This will run whenever any form field changes
+  const onFormChange = () => {
+    setValueChange(true);
+  };
+
+  const onSubmit = (values: Space) => {
+    dispatch(updateSpace({ ...space, ...values }));
+    setValueChange(false);
+  };
+
+  if (loading) return <Skeleton className="w-full h-64" />;
+
+  if (!space) {
+    return <RecordNotFound />;
+  }
+
+  return (
+    <div className="container mx-auto">
+      <Helmet title={"Code Injection"} />
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(onSubmit)}
+          className="space-y-6"
+          onChange={onFormChange} // Add onChange handler to the form
+        >
+          <FormField
+            control={form.control}
+            name="header_code"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel className="text-base">Header Code</FormLabel>
+                <MonacoEditor
+                  language="html"
+                  width="100%"
+                  value={field.value || ""}
+                  onChange={(value) => {
+                    field.onChange(value);
+                    setValueChange(true); // Set valueChange to true when editor content changes
+                  }}
+                />
+              </FormItem>
+            )}
+          />
+
+          <FormField
+            control={form.control}
+            name="footer_code"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel className="text-base">Footer Code</FormLabel>
+                <MonacoEditor
+                  language="html"
+                  width="100%"
+                  value={field.value || ""}
+                  onChange={(value) => {
+                    field.onChange(value);
+                    setValueChange(true);
+                  }}
+                />
+              </FormItem>
+            )}
+          />
+        </form>
+      </Form>
+      <div className="flex justify-start mt-6">
+        <Button
+          type="submit"
+          disabled={!valueChange}
+          className="flex items-center gap-2"
+        >
+          Update
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default CodeInjection;
diff --git a/studio/src/pages/website/EditWebsite.js b/studio/src/pages/website/EditWebsite.js
deleted file mode 100644
index 3dc3c273e..000000000
--- a/studio/src/pages/website/EditWebsite.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { useSelector, useDispatch } from 'react-redux';
-import { Skeleton } from 'antd';
-import { updateSpace } from '../../actions/spaces';
-
-import RecordNotFound from '../../components/ErrorsAndImage/RecordNotFound';
-import WebsiteEditForm from './components/WebsiteEditForm';
-import { Helmet } from 'react-helmet';
-
-function EditWebsite() {
-  const id = useSelector((state) => state.spaces.selected);
-  const dispatch = useDispatch();
-
-  const { space, loading } = useSelector((state) => {
-    return {
-      space: state.spaces.details[id],
-      loading: state.spaces.loading,
-    };
-  });
-
-  const onCreate = (values) => {
-    dispatch(updateSpace({ ...space, ...values }));
-  };
-
-  if (loading) return <Skeleton />;
-
-  if (!space) {
-    return <RecordNotFound />;
-  }
-
-  return (
-    <>
-      <Helmet title={'Edit Website'} />
-      <WebsiteEditForm onCreate={onCreate} data={space} />
-    </>
-  );
-}
-
-export default EditWebsite;
diff --git a/studio/src/pages/website/EditWebsite.test.js b/studio/src/pages/website/EditWebsite.test.js
deleted file mode 100644
index 0696fdccf..000000000
--- a/studio/src/pages/website/EditWebsite.test.js
+++ /dev/null
@@ -1,268 +0,0 @@
-import React from 'react';
-import { useHistory } from 'react-router-dom';
-import { useDispatch, Provider, useSelector } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { mount, shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-
-import '../../matchMedia.mock';
-
-import EditWebsite from './EditWebsite';
-import * as actions from '../../actions/spaces';
-import WebsiteEditForm from './components/WebsiteEditForm';
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useDispatch: jest.fn(),
-}));
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-router-dom', () => ({
-  ...jest.requireActual('react-router-dom'),
-  useHistory: jest.fn(),
-}));
-jest.mock('../../actions/spaces', () => ({
-  updateSpace: jest.fn(),
-}));
-
-describe('Edit website component', () => {
-  let store;
-  store = mockStore({
-    spaces: {
-      orgs: [],
-      details: {
-        11: {
-          id: 11,
-          organisation_id: 1,
-          name: 'name',
-          slug: 'slug',
-          site_title: 'site_title',
-          tag_line: 'tag_line',
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          site_address: 'site_address',
-          logo_id: 1,
-          logo_mobile_id: 1,
-          fav_icon_id: 1,
-          mobile_icon_id: 1,
-          social_media_urls: {
-            facebook: 'fb.com',
-            twitter: 'twitter.com',
-            pintrest: 'pinterest.com',
-            instagram: 'instagram.com',
-          },
-        },
-      },
-      loading: false,
-      selected: 0,
-    },
-    claims: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    rating: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: false,
-    },
-  });
-  store.dispatch = jest.fn(() => ({}));
-  const mockedDispatch = jest.fn(() => Promise.resolve({}));
-  useDispatch.mockReturnValue(mockedDispatch);
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = shallow(
-          <Provider store={store}>
-            <EditWebsite />
-          </Provider>,
-        );
-      });
-      expect(component).toMatchSnapshot();
-      act(() => component.unmount());
-    });
-    it('should match skeleton while loading', () => {
-      let tree;
-      store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: true,
-          selected: 0,
-        },
-      });
-      act(() => {
-        tree = shallow(
-          <Provider store={store}>
-            <EditWebsite />
-          </Provider>,
-        );
-      });
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper;
-    beforeEach(() => {
-      store = mockStore({
-        spaces: {
-          orgs: [
-            { id: 1, organazation: 'Organization 1', spaces: [11] },
-            { id: 2, organazation: 'Organization 2', spaces: [21, 22] },
-          ],
-          details: {
-            11: {
-              id: 11,
-              organisation_id: 1,
-              name: 'name',
-              slug: 'slug',
-              site_title: 'site_title',
-              tag_line: 'tag_line',
-              description: {
-                time: 1613559903378,
-                blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-                version: '2.19.0',
-              },
-              site_address: 'site_address',
-              logo_id: 1,
-              logo_mobile_id: 1,
-              fav_icon_id: 1,
-              mobile_icon_id: 1,
-              social_media_urls: {
-                facebook: 'fb.com',
-                twitter: 'twitter.com',
-                pintrest: 'pinterest.com',
-                instagram: 'instagram.com',
-              },
-            },
-          },
-          loading: false,
-          selected: 11,
-        },
-        claims: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        claimants: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        rating: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-        media: {
-          req: [],
-          details: {},
-          loading: false,
-        },
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should display RecordNotFound when no space found', () => {
-      store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: false,
-          selected: 0,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditWebsite />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('RecordNotFound').length).toBe(1);
-      expect(wrapper.find(WebsiteEditForm).length).toBe(0);
-    });
-    it('should display Skeleton when loading', () => {
-      store = mockStore({
-        spaces: {
-          orgs: [],
-          details: {},
-          loading: true,
-          selected: 0,
-        },
-      });
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditWebsite />
-          </Provider>,
-        );
-      });
-      expect(wrapper.find('Skeleton').length).toBe(1);
-      expect(wrapper.find(WebsiteEditForm).length).toBe(0);
-    });
-
-    it('should call updateSpace', (done) => {
-      actions.updateSpace.mockReset();
-      useDispatch.mockReturnValueOnce(() => Promise.resolve({}));
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <EditWebsite />
-          </Provider>,
-        );
-      });
-      wrapper.find(WebsiteEditForm).props().onCreate({ test: 'test' });
-      setTimeout(() => {
-        expect(actions.updateSpace).toHaveBeenCalledWith({
-          id: 11,
-          organisation_id: 1,
-          name: 'name',
-          slug: 'slug',
-          site_title: 'site_title',
-          tag_line: 'tag_line',
-          description: {
-            time: 1613559903378,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          site_address: 'site_address',
-          logo_id: 1,
-          logo_mobile_id: 1,
-          fav_icon_id: 1,
-          mobile_icon_id: 1,
-          social_media_urls: {
-            facebook: 'fb.com',
-            twitter: 'twitter.com',
-            pintrest: 'pinterest.com',
-            instagram: 'instagram.com',
-          },
-          test: 'test',
-        });
-        done();
-      }, 0);
-    });
-  });
-});
diff --git a/studio/src/pages/website/EditWebsite.tsx b/studio/src/pages/website/EditWebsite.tsx
new file mode 100644
index 000000000..5e6540bba
--- /dev/null
+++ b/studio/src/pages/website/EditWebsite.tsx
@@ -0,0 +1,47 @@
+import React from "react";
+import { useSelector } from "react-redux";
+import { Skeleton } from "@/components/ui/skeleton";
+import { updateSpace } from "../../actions/spaces";
+import RecordNotFound from "../../components/ErrorsAndImage/RecordNotFound";
+import WebsiteEditForm from "./components/WebsiteEditForm";
+import { Helmet } from "react-helmet";
+import { RootState, WebsiteData } from "./types";
+import { useAppDispatch } from "@/hooks/reduxHooks";
+const EditWebsite: React.FC = () => {
+  const id = useSelector((state: RootState) => state.spaces.selected);
+  const dispatch = useAppDispatch();
+
+  const { space, loading } = useSelector((state: RootState) => {
+    return {
+      space: state.spaces.details[id],
+      loading: state.spaces.loading,
+    };
+  });
+
+  const onCreate = (values: WebsiteData) => {
+    dispatch(updateSpace({ ...space, ...values }));
+  };
+
+  if (loading) {
+    return (
+      <div className="space-y-2">
+        <Skeleton className="h-4 w-full" />
+        <Skeleton className="h-4 w-full" />
+        <Skeleton className="h-4 w-3/4" />
+      </div>
+    );
+  }
+
+  if (!space) {
+    return <RecordNotFound />;
+  }
+
+  return (
+    <>
+      <Helmet title={"Edit Website"} />
+      <WebsiteEditForm onCreate={onCreate} data={space} />
+    </>
+  );
+};
+
+export default EditWebsite;
diff --git a/studio/src/pages/website/TwoFactorAuthManagement.css b/studio/src/pages/website/TwoFactorAuthManagement.css
deleted file mode 100644
index 2a6d5be88..000000000
--- a/studio/src/pages/website/TwoFactorAuthManagement.css
+++ /dev/null
@@ -1,136 +0,0 @@
-.security-container {
-  width: 100%;
-  height: 100vh;
-  padding: 64px 32px;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  max-height: 100vh;
-  overflow-y: auto;
-}
-
-.security-title {
-  font-size: 24px;
-  font-weight: 600;
-}
-
-.success-message,
-.error-message {
-  border: 1px solid;
-  padding: 8px;
-  font-size: 14px;
-  border-radius: 4px;
-}
-
-.success-message {
-  background-color: #d1fae5;
-  color: #059669;
-  border-color: #059669;
-}
-
-.error-message {
-  background-color: #fee2e2;
-  color: #dc2626;
-  border-color: #dc2626;
-}
-
-.security-sections {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 64px;
-  margin-top: 16px;
-}
-
-.security-section {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.section-title {
-  font-size: 20px;
-  font-weight: 600;
-}
-
-.toggle-password-btn {
-  font-size: 14px;
-  color: #4b5563;
-  border: 1px solid #d1d5db;
-  border-radius: 4px;
-  padding: 4px 8px;
-}
-
-.toggle-password-btn:hover {
-  color: #1f2937;
-}
-
-.section-divider {
-  height: 1px;
-  width: 100%;
-  background-color: #d1d5db;
-  border: 0;
-  margin: 16px 0;
-}
-
-.password-change-form {
-  width: 33.333%;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.password-input {
-  width: 100%;
-  padding: 8px;
-  border: 1px solid #d1d5db;
-  border-radius: 4px;
-}
-
-.change-password-btn,
-.enable-2fa-btn {
-  width: 33.333%;
-  background-color: #1e1e1e;
-  color: white;
-  padding: 8px;
-  border-radius: 4px;
-  font-weight: 600;
-  cursor: pointer;
-}
-
-.disable-2fa-btn {
-  width: 33.333%;
-  background-color: #dc2626;
-  color: white;
-  padding: 8px;
-  border-radius: 4px;
-  font-weight: 600;
-  cursor: pointer;
-}
-
-.status-enabled {
-  background-color: #d1fae5;
-  color: #059669;
-  padding: 8px;
-  border-radius: 4px;
-  border: 1px solid #059669;
-}
-
-@media (max-width: 768px) {
-  .security-container {
-    padding: 32px 16px;
-  }
-
-  .password-change-form,
-  .change-password-btn,
-  .enable-2fa-btn,
-  .disable-2fa-btn {
-    width: 100%;
-  }
-}
diff --git a/studio/src/pages/website/TwoFactorAuthManagement.js b/studio/src/pages/website/TwoFactorAuthManagement.js
deleted file mode 100644
index 52bf9cdf7..000000000
--- a/studio/src/pages/website/TwoFactorAuthManagement.js
+++ /dev/null
@@ -1,227 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { TOTPSetupComponent } from '../../utils/zitadel/mfa';
-import { startTOTPRegistration, verifyTOTPRegistration } from '../../actions/mfa';
-import './TwoFactorAuthManagement.css';
-
-const TwoFactorAuthManagement = () => {
-  const [isSettingUp2FA, setIsSettingUp2FA] = useState(false);
-  const [is2FAEnabled, setIs2FAEnabled] = useState(false);
-  const [totpUri, setTotpUri] = useState('');
-  const [totpSecret, setTotpSecret] = useState('');
-  const [successMessage, setSuccessMessage] = useState('');
-  const [errorMessage, setErrorMessage] = useState('');
-  const [oldPassword, setOldPassword] = useState('');
-  const [newPassword, setNewPassword] = useState('');
-  const [confirmPassword, setConfirmPassword] = useState('');
-  const [isPasswordHidden, setIsPasswordHidden] = useState(false);
-
-  useEffect(() => {
-    const check2FAStatus = async () => {
-      const userId = localStorage.getItem('userId');
-      try {
-        const authMethods = await getAuthMethods(userId);
-        if (
-          authMethods.authMethodTypes &&
-          authMethods.authMethodTypes.includes('AUTHENTICATION_METHOD_TYPE_TOTP')
-        ) {
-          setIs2FAEnabled(true);
-        } else {
-          setIs2FAEnabled(false);
-        }
-      } catch (error) {
-        console.error('Error checking 2FA status:', error);
-      }
-    };
-
-    check2FAStatus();
-  }, []);
-
-  const getAuthMethods = async (userId) => {
-    const response = await fetch(
-      `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/authentication_methods`,
-      {
-        headers: {
-          Accept: 'application/json',
-          Authorization: `Bearer ${localStorage.getItem('sessionToken')}`,
-        },
-      },
-    );
-    if (!response.ok) {
-      throw new Error('Failed to fetch authentication methods');
-    }
-    const data = await response.json();
-    console.log('Auth methods response:', data);
-    return data;
-  };
-
-  const handleEnable2FA = async () => {
-    const userId = localStorage.getItem('userId');
-    const token = localStorage.getItem('sessionToken');
-    try {
-      const result = await startTOTPRegistration(userId, token);
-      setTotpUri(result.uri);
-      setTotpSecret(result.secret);
-      setIsSettingUp2FA(true);
-    } catch (error) {
-      console.error('Error starting 2FA setup:', error);
-      setErrorMessage('Failed to start 2FA setup. Please try again.');
-    }
-  };
-
-  const handleVerify2FA = async (code) => {
-    const userId = localStorage.getItem('userId');
-    const token = localStorage.getItem('sessionToken');
-    try {
-      await verifyTOTPRegistration(userId, token, code);
-      setIsSettingUp2FA(false);
-      setIs2FAEnabled(true);
-      setSuccessMessage('Two-factor authentication is successfully enabled.');
-    } catch (error) {
-      console.error('Error verifying 2FA:', error);
-      setErrorMessage('Failed to verify 2FA. Please try again.');
-    }
-  };
-
-  const handleDisable2FA = async () => {
-    const userId = localStorage.getItem('userId');
-    const token = localStorage.getItem('sessionToken');
-    try {
-      const response = await fetch(
-        `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/totp`,
-        {
-          method: 'DELETE',
-          headers: {
-            Authorization: `Bearer ${token}`,
-            'Content-Type': 'application/json',
-          },
-        },
-      );
-      if (response.ok) {
-        setIsSettingUp2FA(false);
-        setIs2FAEnabled(false);
-        setSuccessMessage('Two-factor authentication has been disabled.');
-      } else {
-        throw new Error('Failed to disable 2FA.');
-      }
-    } catch (error) {
-      console.error('Error disabling 2FA:', error);
-      setErrorMessage('Failed to disable 2FA. Please try again.');
-    }
-  };
-
-  const handlePasswordChange = async () => {
-    if (newPassword !== confirmPassword) {
-      setErrorMessage('Passwords do not match.');
-      return;
-    }
-
-    const token = localStorage.getItem('sessionToken');
-
-    try {
-      const response = await fetch(
-        `${window.REACT_APP_ZITADEL_AUTHORITY}/auth/v1/users/me/password`,
-        {
-          method: 'PUT',
-          headers: {
-            Authorization: `Bearer ${token}`,
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({
-            oldPassword: oldPassword,
-            newPassword: newPassword,
-          }),
-        },
-      );
-
-      if (response.ok) {
-        setSuccessMessage('Password changed successfully.');
-        setOldPassword('');
-        setNewPassword('');
-        setConfirmPassword('');
-      } else {
-        const errorData = await response.json();
-        const errorMessage = errorData.message.split('(')[0].trim();
-        throw new Error(errorMessage || 'Failed to change password');
-      }
-    } catch (error) {
-      setErrorMessage(error.message);
-    }
-  };
-
-  const togglePasswordVisibility = () => {
-    setIsPasswordHidden(!isPasswordHidden);
-  };
-
-  return (
-    <div className="security-container">
-      <h1 className="security-title">Security</h1>
-      {successMessage && <span className="success-message">{successMessage}</span>}
-      {errorMessage && <span className="error-message">{errorMessage}</span>}
-      <div className="security-sections">
-        <div className="security-section">
-          <div className="section-header">
-            <h2 className="section-title">Change Password</h2>
-            <button onClick={togglePasswordVisibility} className="toggle-password-btn">
-              {isPasswordHidden ? 'Change password' : 'Hide'}
-            </button>
-          </div>
-          <hr className="section-divider" />
-          <div className="password-change-form">
-            {!isPasswordHidden && (
-              <>
-                <input
-                  type="password"
-                  placeholder="Enter old password"
-                  value={oldPassword}
-                  onChange={(e) => setOldPassword(e.target.value)}
-                  className="password-input"
-                />
-                <input
-                  type="password"
-                  placeholder="Enter new password"
-                  value={newPassword}
-                  onChange={(e) => setNewPassword(e.target.value)}
-                  className="password-input"
-                />
-                <input
-                  type="password"
-                  placeholder="Confirm new password"
-                  value={confirmPassword}
-                  onChange={(e) => setConfirmPassword(e.target.value)}
-                  className="password-input"
-                />
-                <button className="change-password-btn" onClick={handlePasswordChange}>
-                  Change Password
-                </button>
-              </>
-            )}
-          </div>
-        </div>
-        <div className="security-section">
-          <div className="section-header">
-            <h2 className="section-title">Manage Two Factor Authentication</h2>
-            {is2FAEnabled && <span className="status-enabled">Enabled</span>}
-          </div>
-          <hr className="section-divider" />
-          {is2FAEnabled ? (
-            <button className="disable-2fa-btn" onClick={handleDisable2FA}>
-              Disable 2FA
-            </button>
-          ) : (
-            <>
-              {isSettingUp2FA ? (
-                <TOTPSetupComponent uri={totpUri} secret={totpSecret} onVerify={handleVerify2FA} />
-              ) : (
-                <button className="enable-2fa-btn" onClick={handleEnable2FA}>
-                  Enable 2FA
-                </button>
-              )}
-            </>
-          )}
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default TwoFactorAuthManagement;
diff --git a/studio/src/pages/website/TwoFactorAuthManagement.tsx b/studio/src/pages/website/TwoFactorAuthManagement.tsx
new file mode 100644
index 000000000..61a8065f2
--- /dev/null
+++ b/studio/src/pages/website/TwoFactorAuthManagement.tsx
@@ -0,0 +1,317 @@
+import React, { useState, useEffect } from "react";
+import { TOTPSetupComponent } from "../../utils/zitadel/mfa";
+import {
+  startTOTPRegistration,
+  verifyTOTPRegistration,
+} from "../../actions/mfa";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+import { Separator } from "@/components/ui/separator";
+import { Badge } from "@/components/ui/badge";
+import { Eye, EyeOff } from "lucide-react";
+import PasswordInput from "../../components/PasswordInput/index";
+import { AuthMethods } from "./types";
+
+const TwoFactorAuthManagement: React.FC = () => {
+  const [isSettingUp2FA, setIsSettingUp2FA] = useState<boolean>(false);
+  const [is2FAEnabled, setIs2FAEnabled] = useState<boolean>(false);
+  const [totpUri, setTotpUri] = useState<string>("");
+  const [totpSecret, setTotpSecret] = useState<string>("");
+  const [successMessage, setSuccessMessage] = useState<string>("");
+  const [errorMessage, setErrorMessage] = useState<string>("");
+  const [oldPassword, setOldPassword] = useState<string>("");
+  const [newPassword, setNewPassword] = useState<string>("");
+  const [confirmPassword, setConfirmPassword] = useState<string>("");
+  const [isPasswordHidden, setIsPasswordHidden] = useState<boolean>(false);
+
+  useEffect(() => {
+    const check2FAStatus = async (): Promise<void> => {
+      const userId = localStorage.getItem("userId");
+      try {
+        if (userId) {
+          const authMethods = await getAuthMethods(userId);
+          if (
+            authMethods.authMethodTypes &&
+            authMethods.authMethodTypes.includes(
+              "AUTHENTICATION_METHOD_TYPE_TOTP"
+            )
+          ) {
+            setIs2FAEnabled(true);
+          } else {
+            setIs2FAEnabled(false);
+          }
+        }
+      } catch (error) {
+        console.error("Error checking 2FA status:", error);
+      }
+    };
+
+    check2FAStatus();
+  }, []);
+
+  const getAuthMethods = async (userId: string): Promise<AuthMethods> => {
+    const response = await fetch(
+      `${
+        import.meta.env.VITE_ZITADEL_AUTHORITY
+      }/v2/users/${userId}/authentication_methods`,
+      {
+        headers: {
+          Accept: "application/json",
+          Authorization: `Bearer ${localStorage.getItem("sessionToken")}`,
+        },
+      }
+    );
+    if (!response.ok) {
+      throw new Error("Failed to fetch authentication methods");
+    }
+    const data = await response.json();
+    return data;
+  };
+
+  const handleEnable2FA = async (): Promise<void> => {
+    const userId = localStorage.getItem("userId");
+    const token = localStorage.getItem("sessionToken");
+    try {
+      if (userId && token) {
+        const result = await startTOTPRegistration(userId, token);
+        setTotpUri(result.uri);
+        setTotpSecret(result.secret);
+        setIsSettingUp2FA(true);
+      }
+    } catch (error) {
+      console.error("Error starting 2FA setup:", error);
+      setErrorMessage("Failed to start 2FA setup. Please try again.");
+    }
+  };
+
+  const handleVerify2FA = async (code: string): Promise<void> => {
+    const userId = localStorage.getItem("userId");
+    const token = localStorage.getItem("sessionToken");
+    try {
+      if (userId && token) {
+        await verifyTOTPRegistration(userId, token, code);
+        setIsSettingUp2FA(false);
+        setIs2FAEnabled(true);
+        setSuccessMessage("Two-factor authentication is successfully enabled.");
+      }
+    } catch (error) {
+      console.error("Error verifying 2FA:", error);
+      setErrorMessage("Failed to verify 2FA. Please try again.");
+    }
+  };
+
+  const handleDisable2FA = async (): Promise<void> => {
+    const userId = localStorage.getItem("userId");
+    const token = localStorage.getItem("sessionToken");
+    try {
+      if (userId && token) {
+        const response = await fetch(
+          `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/users/${userId}/totp`,
+          {
+            method: "DELETE",
+            headers: {
+              Authorization: `Bearer ${token}`,
+              "Content-Type": "application/json",
+            },
+          }
+        );
+        if (response.ok) {
+          setIsSettingUp2FA(false);
+          setIs2FAEnabled(false);
+          setSuccessMessage("Two-factor authentication has been disabled.");
+        } else {
+          throw new Error("Failed to disable 2FA.");
+        }
+      }
+    } catch (error) {
+      console.error("Error disabling 2FA:", error);
+      setErrorMessage("Failed to disable 2FA. Please try again.");
+    }
+  };
+
+  const handlePasswordChange = async (): Promise<void> => {
+    if (newPassword !== confirmPassword) {
+      setErrorMessage("Passwords do not match.");
+      return;
+    }
+
+    const token = localStorage.getItem("sessionToken");
+
+    try {
+      if (token) {
+        const response = await fetch(
+          `${import.meta.env.VITE_ZITADEL_AUTHORITY}/auth/v1/users/me/password`,
+          {
+            method: "PUT",
+            headers: {
+              Authorization: `Bearer ${token}`,
+              "Content-Type": "application/json",
+            },
+            body: JSON.stringify({
+              oldPassword: oldPassword,
+              newPassword: newPassword,
+            }),
+          }
+        );
+
+        if (response.ok) {
+          setSuccessMessage("Password changed successfully.");
+          setOldPassword("");
+          setNewPassword("");
+          setConfirmPassword("");
+        } else {
+          const errorData = await response.json();
+          const errorMessage = errorData.message.split("(")[0].trim();
+          throw new Error(errorMessage || "Failed to change password");
+        }
+      }
+    } catch (error) {
+      if (error instanceof Error) {
+        setErrorMessage(error.message);
+      } else {
+        setErrorMessage("An unknown error occurred");
+      }
+    }
+  };
+
+  const togglePasswordVisibility = (): void => {
+    setIsPasswordHidden(!isPasswordHidden);
+  };
+
+  return (
+    <div className="w-full h-screen flex justify-center">
+      <div className="w-full max-w-3xl p-8 flex flex-col gap-4 max-h-screen">
+        <h1 className="text-2xl font-semibold">Security</h1>
+
+        {successMessage && (
+          <Alert
+            variant="default"
+            className="bg-emerald-50 text-emerald-600 border-emerald-600"
+          >
+            <AlertDescription>{successMessage}</AlertDescription>
+          </Alert>
+        )}
+
+        {errorMessage && (
+          <Alert variant="destructive">
+            <AlertDescription>{errorMessage}</AlertDescription>
+          </Alert>
+        )}
+
+        <div className="w-full flex flex-col gap-16 mt-4">
+          <div className="w-full flex flex-col">
+            <div className="flex justify-between items-center">
+              <h2 className="text-xl font-semibold">Change Password</h2>
+              <Button
+                variant="outline"
+                size="sm"
+                onClick={togglePasswordVisibility}
+                className="text-gray-500 hover:text-gray-800"
+              >
+                {isPasswordHidden ? (
+                  <Eye className="h-4 w-4 mr-2" />
+                ) : (
+                  <EyeOff className="h-4 w-4 mr-2" />
+                )}
+                {isPasswordHidden ? "Change password" : "Hide"}
+              </Button>
+            </div>
+
+            <Separator className="my-4" />
+
+            <div className="w-full flex flex-col gap-4">
+              {!isPasswordHidden && (
+                <>
+                  <PasswordInput
+                    id="old-password"
+                    name="oldPassword"
+                    label="Old Password"
+                    value={oldPassword}
+                    onChange={(e) => setOldPassword(e.target.value)}
+                    placeholder="Enter old password"
+                    required
+                  />
+                  <PasswordInput
+                    id="new-password"
+                    name="newPassword"
+                    label="New Password"
+                    value={newPassword}
+                    onChange={(e) => setNewPassword(e.target.value)}
+                    placeholder="Enter new password"
+                    required
+                  />
+                  <PasswordInput
+                    id="confirm-password"
+                    name="confirmPassword"
+                    label="Confirm New Password"
+                    value={confirmPassword}
+                    onChange={(e) => setConfirmPassword(e.target.value)}
+                    placeholder="Confirm new password"
+                    required
+                    error={
+                      newPassword !== confirmPassword && confirmPassword
+                        ? "Passwords do not match"
+                        : undefined
+                    }
+                  />
+                  <div className="flex justify-start mt-2">
+                    <Button onClick={handlePasswordChange}>
+                      Change Password
+                    </Button>
+                  </div>
+                </>
+              )}
+            </div>
+          </div>
+
+          <div className="w-full flex flex-col">
+            <div className="flex justify-between items-center">
+              <h2 className="text-xl font-semibold">
+                Manage Two Factor Authentication
+              </h2>
+              {is2FAEnabled && (
+                <Badge
+                  variant="outline"
+                  className="bg-emerald-50 text-emerald-600 border-emerald-600"
+                >
+                  Enabled
+                </Badge>
+              )}
+            </div>
+
+            <Separator className="my-4" />
+
+            <div className="flex justify-start">
+              {is2FAEnabled ? (
+                <Button variant="destructive" onClick={handleDisable2FA}>
+                  Disable 2FA
+                </Button>
+              ) : (
+                <>
+                  {isSettingUp2FA ? (
+                    <div className="w-full">
+                      <TOTPSetupComponent
+                        uri={totpUri}
+                        secret={totpSecret}
+                        onVerify={handleVerify2FA}
+                      />
+                    </div>
+                  ) : (
+                    <Button
+                      className="hover:bg-black"
+                      onClick={handleEnable2FA}
+                    >
+                      Enable 2FA
+                    </Button>
+                  )}
+                </>
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TwoFactorAuthManagement;
diff --git a/studio/src/pages/website/__snapshots__/AnalyticsForm.test.js.snap b/studio/src/pages/website/__snapshots__/AnalyticsForm.test.js.snap
deleted file mode 100644
index c0e74b2d0..000000000
--- a/studio/src/pages/website/__snapshots__/AnalyticsForm.test.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Analytics form component snapshot testing should match skeleton while loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <AnalyticsForm />
-</ContextProvider>
-`;
-
-exports[`Analytics form component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <AnalyticsForm />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/website/__snapshots__/Branding.test.js.snap b/studio/src/pages/website/__snapshots__/Branding.test.js.snap
deleted file mode 100644
index b767a9785..000000000
--- a/studio/src/pages/website/__snapshots__/Branding.test.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Branding component should match skeleton while loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <Branding />
-</ContextProvider>
-`;
-
-exports[`Branding component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <Branding />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/website/__snapshots__/CodeInjection.test.js.snap b/studio/src/pages/website/__snapshots__/CodeInjection.test.js.snap
deleted file mode 100644
index 2b08b36b8..000000000
--- a/studio/src/pages/website/__snapshots__/CodeInjection.test.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CodeInjection component should match skeleton while loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <CodeInjection />
-</ContextProvider>
-`;
-
-exports[`CodeInjection component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <CodeInjection />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/website/__snapshots__/EditWebsite.test.js.snap b/studio/src/pages/website/__snapshots__/EditWebsite.test.js.snap
deleted file mode 100644
index e36761049..000000000
--- a/studio/src/pages/website/__snapshots__/EditWebsite.test.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Edit website component snapshot testing should match skeleton while loading 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditWebsite />
-</ContextProvider>
-`;
-
-exports[`Edit website component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [MockFunction],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [MockFunction],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <EditWebsite />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/website/__snapshots__/index.test.js.snap b/studio/src/pages/website/__snapshots__/index.test.js.snap
deleted file mode 100644
index f1acb2889..000000000
--- a/studio/src/pages/website/__snapshots__/index.test.js.snap
+++ /dev/null
@@ -1,177 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`website component snapshot testing should render the component 1`] = `
-<div>
-  <HelmetWrapper
-    defer={true}
-    encodeSpecialCharacters={true}
-    title="Website"
-  />
-  <Row
-    gutter={
-      Array [
-        16,
-        16,
-      ]
-    }
-  >
-    <Col
-      span={12}
-    >
-      <Link
-        to="/website/general"
-      >
-        <Card
-          hoverable={true}
-        >
-          <Meta
-            avatar={
-              <ForwardRef(InternalAvatar)
-                icon={<ForwardRef(DeploymentUnitOutlined) />}
-                shape="circle"
-                size="default"
-                style={
-                  Object {
-                    "backgroundColor": "transparent",
-                    "color": "#ffb41f",
-                  }
-                }
-              />
-            }
-            description="Basic Site Details and Site Meta Data"
-            title="General"
-          />
-        </Card>
-      </Link>
-    </Col>
-    <Col
-      span={12}
-    >
-      <Link
-        to="/website/branding"
-      >
-        <Card
-          hoverable={true}
-        >
-          <Meta
-            avatar={
-              <ForwardRef(InternalAvatar)
-                icon={
-                  <ForwardRef(TagsTwoTone)
-                    twoToneColor="#51bbf6"
-                  />
-                }
-                shape="circle"
-                size="default"
-                style={
-                  Object {
-                    "backgroundColor": "transparent",
-                  }
-                }
-              />
-            }
-            description="Update site logos, icons and design tokens"
-            title="Branding"
-          />
-        </Card>
-      </Link>
-    </Col>
-    <Col
-      span={12}
-    >
-      <Link
-        to="/website/menus"
-      >
-        <Card
-          hoverable={true}
-        >
-          <Meta
-            avatar={
-              <ForwardRef(InternalAvatar)
-                icon={
-                  <ForwardRef(CompassTwoTone)
-                    twoToneColor="#7b2feb"
-                  />
-                }
-                shape="circle"
-                size="default"
-                style={
-                  Object {
-                    "backgroundColor": "transparent",
-                  }
-                }
-              />
-            }
-            description="Setup Menus"
-            title="Navigation"
-          />
-        </Card>
-      </Link>
-    </Col>
-    <Col
-      span={12}
-    >
-      <Link
-        to="/website/code-injection"
-      >
-        <Card
-          hoverable={true}
-        >
-          <Meta
-            avatar={
-              <ForwardRef(InternalAvatar)
-                icon={
-                  <ForwardRef(ApiTwoTone)
-                    twoToneColor="#30cf43"
-                  />
-                }
-                shape="circle"
-                size="default"
-                style={
-                  Object {
-                    "backgroundColor": "transparent",
-                  }
-                }
-              />
-            }
-            description="Add code to your site"
-            title="Code Injection"
-          />
-        </Card>
-      </Link>
-    </Col>
-    <Col
-      span={12}
-    >
-      <Link
-        to="/website/analytics"
-      >
-        <Card
-          hoverable={true}
-        >
-          <Meta
-            avatar={
-              <ForwardRef(InternalAvatar)
-                icon={
-                  <ForwardRef(FundTwoTone)
-                    twoToneColor="#fb2d8d"
-                  />
-                }
-                shape="circle"
-                size="default"
-                style={
-                  Object {
-                    "backgroundColor": "transparent",
-                  }
-                }
-              />
-            }
-            description="View Analytics for your site"
-            title="Analytics"
-          />
-        </Card>
-      </Link>
-    </Col>
-  </Row>
-</div>
-`;
diff --git a/studio/src/pages/website/components/WebsiteEditForm.js b/studio/src/pages/website/components/WebsiteEditForm.js
deleted file mode 100644
index a86132c92..000000000
--- a/studio/src/pages/website/components/WebsiteEditForm.js
+++ /dev/null
@@ -1,132 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { Button, Collapse, Form, Input, Row, Select, Col, ConfigProvider } from 'antd';
-import MonacoEditor from '../../../components/MonacoEditor';
-import getJsonValue from '../../../utils/getJsonValue';
-import { SlugInput } from '../../../components/FormItems';
-
-const { Option } = Select;
-const { TextArea } = Input;
-
-const WebsiteEditForm = ({ onCreate, data = {} }) => {
-  if (data && data.meta_fields) {
-    if (typeof data.meta_fields !== 'string') {
-      data.meta_fields = JSON.stringify(data.meta_fields);
-    }
-  }
-  const [form] = Form.useForm();
-  const orgs = useSelector((state) => state.spaces.orgs);
-  const currentSpaceID = useSelector((state) => state.spaces.selected);
-
-  const [valueChange, setValueChange] = React.useState(false);
-  const { Panel } = Collapse;
-  return (
-    <ConfigProvider
-      theme={{
-        components: {
-          Collapse: {
-            colorBgContainer: '#F9FAFB',
-            colorText: '#000000E0',
-          },
-        },
-      }}
-    >
-      <Form
-        layout="vertical"
-        form={form}
-        className="edit-form"
-        initialValues={{ ...data, space_id: currentSpaceID }}
-        name="create-space"
-        onFinish={(values) => {
-          if (values.meta_fields) {
-            values.meta_fields = getJsonValue(values.meta_fields);
-          }
-          onCreate(values);
-        }}
-        scrollToFirstError={true}
-        onValuesChange={() => {
-          setValueChange(true);
-        }}
-      >
-        <Row justify="end">
-          <Form.Item>
-            <Button disabled={!valueChange} type="primary" htmlType="submit">
-              Update
-            </Button>
-          </Form.Item>
-        </Row>
-        <Collapse
-          expandIconPosition="right"
-          expandIcon={({ isActive }) => <Button>{isActive ? 'Close' : 'Expand'}</Button>}
-          defaultActiveKey={['1']}
-          style={{ width: '100%', background: '#f0f2f5', border: 0 }}
-        >
-          <Panel header="Title and Description" key="1">
-            <Row style={{ background: '#F9FAFB', marginBottom: '1rem', gap: '1rem' }}>
-              <Col xs={24} md={10}>
-                <Form.Item
-                  name="organisation_id"
-                  label="Organisation"
-                  rules={[{ required: true, message: 'Organisation is required' }]}
-                >
-                  <Select placeholder="Select organisation" disabled>
-                    {orgs.map((org) => (
-                      <Option key={org.id} value={org.id}>
-                        {org.title}
-                      </Option>
-                    ))}
-                  </Select>
-                </Form.Item>
-                <Form.Item rules={[{ required: true }]} name="space_id" label="SpaceID">
-                  <Input disabled />
-                </Form.Item>
-                <Form.Item
-                  name="name"
-                  label="Name"
-                  rules={[
-                    { required: true, message: 'Name is required' },
-                    { min: 3, message: 'Name must be minimum 3 characters.' },
-                    { max: 50, message: 'Name must be maximum 50 characters.' },
-                  ]}
-                >
-                  <Input placeholder="Input name" />
-                </Form.Item>
-                <Form.Item name="site_title" label="Title">
-                  <Input />
-                </Form.Item>
-                <Form.Item name="tag_line" label="Tag line">
-                  <Input />
-                </Form.Item>
-                <Form.Item name="description" label="Description">
-                  <TextArea placeholder="Enter Description..." />
-                </Form.Item>
-                <SlugInput />
-                <Form.Item name="site_address" label="Site Address">
-                  <Input />
-                </Form.Item>
-              </Col>
-            </Row>
-          </Panel>
-        </Collapse>
-        <Collapse
-          expandIconPosition="right"
-          expandIcon={({ isActive }) => <Button>{isActive ? 'Close' : 'Expand'}</Button>}
-          style={{
-            width: '100%',
-            background: '#f0f2f5',
-            border: 0,
-            marginTop: '1rem',
-          }}
-        >
-          <Panel header="Meta Fields" key="1">
-            <Form.Item name="meta_fields" label="Metafields">
-              <MonacoEditor language="json" width="100%" />
-            </Form.Item>
-          </Panel>
-        </Collapse>
-      </Form>
-    </ConfigProvider>
-  );
-};
-
-export default WebsiteEditForm;
diff --git a/studio/src/pages/website/components/WebsiteEditForm.test.js b/studio/src/pages/website/components/WebsiteEditForm.test.js
deleted file mode 100644
index eb5cfa6f6..000000000
--- a/studio/src/pages/website/components/WebsiteEditForm.test.js
+++ /dev/null
@@ -1,233 +0,0 @@
-import React from 'react';
-import { Provider, useSelector, useDispatch } from 'react-redux';
-import configureMockStore from 'redux-mock-store';
-import thunk from 'redux-thunk';
-import { act } from '@testing-library/react';
-import { mount, shallow } from 'enzyme';
-import { Steps, Button, Collapse } from 'antd';
-
-import '../../../matchMedia.mock';
-import WebsiteEditForm from './WebsiteEditForm';
-const data = {
-  organisation_id: 1,
-  name: 'name',
-  slug: 'slug',
-  site_title: 'site_title',
-  tag_line: 'tag_line',
-  description: {
-    time: 1613715908408,
-    blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-    version: '2.19.0',
-  },
-  site_address: 'site_address',
-};
-
-jest.mock('@editorjs/editorjs');
-jest.mock('react-monaco-editor', () => {
-  const MonacoEditor = () => <div />;
-  return MonacoEditor;
-});
-jest.mock('react-redux', () => ({
-  ...jest.requireActual('react-redux'),
-  useSelector: jest.fn(),
-  useDispatch: jest.fn(),
-}));
-
-const middlewares = [thunk];
-const mockStore = configureMockStore(middlewares);
-
-let onCreate, store;
-
-describe('WebsiteEditForm Form component', () => {
-  store = mockStore({
-    claims: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    claimants: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    rating: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-    media: {
-      req: [],
-      details: {},
-      loading: true,
-    },
-  });
-  useDispatch.mockReturnValue(jest.fn());
-  useSelector.mockReturnValue([{ id: 1, organazation: 'Organization 1', spaces: [11] }]);
-
-  describe('snapshot testing', () => {
-    beforeEach(() => {
-      onCreate = jest.fn();
-      onCreate.mockImplementationOnce(
-        (values) => new Promise((resolve, reject) => resolve(values)),
-      );
-    });
-    it('should render the component', () => {
-      const tree = shallow(
-        <Provider store={store}>
-          <WebsiteEditForm />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-    it('should match component with data', () => {
-      const tree = shallow(
-        <Provider store={store}>
-          <WebsiteEditForm onCreate={onCreate} data={data} />
-        </Provider>,
-      );
-      expect(tree).toMatchSnapshot();
-    });
-  });
-  describe('component testing', () => {
-    let wrapper, props;
-    beforeEach(() => {
-      props = {
-        onCreate: jest.fn(),
-        data: data,
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <WebsiteEditForm {...props} />
-          </Provider>,
-        );
-      });
-    });
-    afterEach(() => {
-      wrapper.unmount();
-    });
-    it('should not submit form with empty data', (done) => {
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <WebsiteEditForm onCreate={props.onCreate} />
-          </Provider>,
-        );
-      });
-      wrapper.update();
-
-      setTimeout(() => {
-        expect(props.onCreate).not.toHaveBeenCalled();
-        done();
-      }, 0);
-    });
-    it('should submit form with given data', (done) => {
-      act(() => {
-        const submitButtom = wrapper.find(Button).at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          organisation_id: 1,
-          name: 'name',
-          slug: 'slug',
-          site_title: 'site_title',
-          tag_line: 'tag_line',
-          description: {
-            time: 1613715908408,
-            blocks: [{ type: 'paragraph', data: { text: 'Description' } }],
-            version: '2.19.0',
-          },
-          site_address: 'site_address',
-        });
-        done();
-      }, 0);
-    });
-    it('should submit form with updated data', (done) => {
-      const data2 = { ...data };
-      data2.meta_fields = {
-        sample: 'testing',
-      };
-      act(() => {
-        wrapper = mount(
-          <Provider store={store}>
-            <WebsiteEditForm onCreate={props.onCreate} data={data2} />
-          </Provider>,
-        );
-      });
-      act(() => {
-        wrapper.find('CollapsePanel').at(2).find('Button').at(0).simulate('click');
-      });
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('FormItem')
-          .at(1)
-          .find('Select')
-          .at(0)
-          .props()
-          .onChange({ target: { value: 2 } });
-        wrapper
-          .find('input')
-          .at(1)
-          .simulate('change', { target: { value: 'new name' } });
-        wrapper
-          .find('input')
-          .at(4)
-          .simulate('change', { target: { value: 'new-slug' } });
-        wrapper
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: 'new site title' } });
-        wrapper
-          .find('input')
-          .at(3)
-          .simulate('change', { target: { value: 'new tag line' } });
-        wrapper
-          .find('TextArea')
-          .at(0)
-          .simulate('change', { target: { value: 'New Description' } });
-        wrapper
-          .find('input')
-          .at(5)
-          .simulate('change', { target: { value: 'new site address' } });
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-        wrapper.update();
-      });
-
-      setTimeout(() => {
-        expect(props.onCreate).toHaveBeenCalledTimes(1);
-        expect(props.onCreate).toHaveBeenCalledWith({
-          organisation_id: 2,
-          name: 'new name',
-          slug: 'new-slug',
-          site_title: 'new site title',
-          tag_line: 'new tag line',
-          description: 'New Description',
-          meta_fields: {
-            sample: 'testing',
-          },
-          site_address: 'new site address',
-        });
-        done();
-      }, 0);
-    });
-    it('should highlight form fields with error', () => {
-      wrapper.update();
-      act(() => {
-        wrapper
-          .find('input')
-          .at(2)
-          .simulate('change', { target: { value: '' } });
-
-        const submitButtom = wrapper.find('Button').at(0);
-        submitButtom.simulate('submit');
-      });
-      expect(props.onCreate).not.toHaveBeenCalled();
-    });
-  });
-});
diff --git a/studio/src/pages/website/components/WebsiteEditForm.tsx b/studio/src/pages/website/components/WebsiteEditForm.tsx
new file mode 100644
index 000000000..7b767c622
--- /dev/null
+++ b/studio/src/pages/website/components/WebsiteEditForm.tsx
@@ -0,0 +1,343 @@
+import React, { useState } from "react";
+import { useSelector } from "react-redux";
+import { Button } from "@/components/ui/button";
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+import MonacoEditor from "../../../components/MonacoEditor";
+import getJsonValue from "../../../utils/getJsonValue";
+import { SlugInput } from "../../../components/FormItems";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { WebsiteData, Organization } from "../types";
+
+interface WebsiteEditFormProps {
+  onCreate: (values: WebsiteData) => void;
+  data?: WebsiteData;
+}
+
+// Form schema
+const websiteFormSchema = z.object({
+  organisation_id: z.string({ required_error: "Organisation is required" }),
+  space_id: z.string({ required_error: "Space ID is required" }),
+  name: z
+    .string()
+    .min(3, { message: "Name must be minimum 3 characters." })
+    .max(50, { message: "Name must be maximum 50 characters." }),
+  site_title: z.string().optional(),
+  tag_line: z.string().optional(),
+  description: z.string().optional(),
+  slug: z.string().optional(),
+  site_address: z.string().optional(),
+  meta_fields: z.any().optional(),
+});
+
+type WebsiteFormValues = z.infer<typeof websiteFormSchema>;
+
+const WebsiteEditForm: React.FC<WebsiteEditFormProps> = ({
+  onCreate,
+  data = {},
+}) => {
+  // Process meta_fields if it exists
+  const processedData = { ...data };
+  if (
+    processedData.meta_fields &&
+    typeof processedData.meta_fields !== "string"
+  ) {
+    processedData.meta_fields = JSON.stringify(processedData.meta_fields);
+  }
+
+  // Redux state
+  const orgs = useSelector(
+    (state: { spaces: { orgs: Organization[] } }) => state.spaces.orgs
+  );
+  const currentSpaceID = useSelector(
+    (state: { spaces: { selected: string } }) => state.spaces.selected
+  );
+
+  // Local state
+  const [valueChange, setValueChange] = useState<boolean>(false);
+
+  // Form setup
+  const form = useForm<WebsiteFormValues>({
+    resolver: zodResolver(websiteFormSchema),
+    defaultValues: {
+      ...processedData,
+      space_id: processedData.space_id || currentSpaceID,
+    },
+  });
+
+  // Form submission handler
+  const onSubmit = (values: WebsiteFormValues) => {
+    const finalValues = { ...values };
+    if (finalValues.meta_fields) {
+      finalValues.meta_fields = getJsonValue(finalValues.meta_fields as string);
+    }
+    onCreate(finalValues);
+  };
+
+  // Reset form handler
+  const handleCancel = () => {
+    form.reset({
+      ...processedData,
+      space_id: processedData.space_id || currentSpaceID,
+    });
+    setValueChange(false);
+  };
+
+  return (
+    <div className="max-w-3xl mx-auto px-4">
+      {/* Added Heading and Subheading with bottom border */}
+      <div className="mb-4 px-4">
+        <h1 className="text-xl font-semibold text-gray-900">Edit Website</h1>
+        <div className="mt-2">
+          <p className="text-gray-600 text-[13px]">
+            Modify the website details by entering the essential information
+            below
+          </p>
+        </div>
+      </div>
+
+      {/* Added a top border above the form */}
+      <div className="border-t border-gray-200 mb-4"></div>
+
+      <Form {...form}>
+        <form
+          className="w-full"
+          onSubmit={form.handleSubmit(onSubmit)}
+          onChange={() => setValueChange(true)}
+        >
+          <div className="w-full">
+            <Accordion
+              type="multiple"
+              defaultValue={["title-description"]}
+              className="w-full"
+            >
+              <AccordionItem
+                value="title-description"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">
+                      Title and Description
+                    </span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="p-6 bg-white space-y-4">
+                    <div className="grid grid-cols-1 gap-4">
+                      <div className="space-y-4">
+                        <FormField
+                          control={form.control}
+                          name="organisation_id"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-base">
+                                Organisation
+                              </FormLabel>
+                              <Select
+                                disabled
+                                onValueChange={field.onChange}
+                                defaultValue={field.value}
+                              >
+                                <FormControl>
+                                  <SelectTrigger>
+                                    <SelectValue placeholder="Select organisation" />
+                                  </SelectTrigger>
+                                </FormControl>
+                                <SelectContent>
+                                  {orgs.map((org) => (
+                                    <SelectItem key={org.id} value={org.id}>
+                                      {org.title}
+                                    </SelectItem>
+                                  ))}
+                                </SelectContent>
+                              </Select>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="space_id"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-base">
+                                Space ID
+                              </FormLabel>
+                              <FormControl>
+                                <Input {...field} disabled />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="name"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-base">Name</FormLabel>
+                              <FormControl>
+                                <Input placeholder="Input name" {...field} />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="site_title"
+                          render={({ field }) => (
+                            <FormItem className="text-base">
+                              <FormLabel className="text-base">Title</FormLabel>
+                              <FormControl>
+                                <Input {...field} />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="tag_line"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-base">
+                                Tag line
+                              </FormLabel>
+                              <FormControl>
+                                <Input {...field} />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+
+                        <SlugInput form={form} />
+
+                        <FormField
+                          control={form.control}
+                          name="site_address"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-base">
+                                Site Address
+                              </FormLabel>
+                              <FormControl>
+                                <Input {...field} />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+
+                        <FormField
+                          control={form.control}
+                          name="description"
+                          render={({ field }) => (
+                            <FormItem>
+                              <FormLabel className="text-base">
+                                Description
+                              </FormLabel>
+                              <FormControl>
+                                <Textarea
+                                  placeholder="Enter Description..."
+                                  {...field}
+                                  className="min-h-24"
+                                />
+                              </FormControl>
+                              <FormMessage />
+                            </FormItem>
+                          )}
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+
+              <AccordionItem
+                value="meta-fields"
+                className="rounded-md overflow-hidden mb-2"
+              >
+                <AccordionTrigger className="hover:no-underline px-4 data-[state=open]:bg-[#F0F5FF] data-[state=closed]:bg-white">
+                  <div className="flex items-center justify-between w-full">
+                    <span className="text-base font-medium">Meta Fields</span>
+                  </div>
+                </AccordionTrigger>
+                <AccordionContent>
+                  <div className="p-6 bg-white">
+                    <FormField
+                      control={form.control}
+                      name="meta_fields"
+                      render={({ field }) => (
+                        <FormItem>
+                          <FormLabel className="text-base">
+                            Metafields
+                          </FormLabel>
+                          <FormControl>
+                            <MonacoEditor
+                              language="json"
+                              width="100%"
+                              value={field.value as string}
+                              onChange={field.onChange}
+                            />
+                          </FormControl>
+                          <FormMessage />
+                        </FormItem>
+                      )}
+                    />
+                  </div>
+                </AccordionContent>
+              </AccordionItem>
+            </Accordion>
+          </div>
+
+          <div className="flex justify-start mb-8 mt-8 space-x-4">
+            <Button
+              type="button"
+              variant="outline"
+              onClick={handleCancel}
+              disabled={!valueChange}
+              className="px-6"
+            >
+              Cancel
+            </Button>
+            <Button type="submit" disabled={!valueChange} className="px-6">
+              Save Changes
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+};
+
+export default WebsiteEditForm;
diff --git a/studio/src/pages/website/components/__snapshots__/WebsiteEditForm.test.js.snap b/studio/src/pages/website/components/__snapshots__/WebsiteEditForm.test.js.snap
deleted file mode 100644
index 60727ade2..000000000
--- a/studio/src/pages/website/components/__snapshots__/WebsiteEditForm.test.js.snap
+++ /dev/null
@@ -1,97 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`WebsiteEditForm Form component snapshot testing should match component with data 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <WebsiteEditForm
-    data={
-      Object {
-        "description": Object {
-          "blocks": Array [
-            Object {
-              "data": Object {
-                "text": "Description",
-              },
-              "type": "paragraph",
-            },
-          ],
-          "time": 1613715908408,
-          "version": "2.19.0",
-        },
-        "name": "name",
-        "organisation_id": 1,
-        "site_address": "site_address",
-        "site_title": "site_title",
-        "slug": "slug",
-        "tag_line": "tag_line",
-      }
-    }
-    onCreate={[MockFunction]}
-  />
-</ContextProvider>
-`;
-
-exports[`WebsiteEditForm Form component snapshot testing should render the component 1`] = `
-<ContextProvider
-  value={
-    Object {
-      "store": Object {
-        "clearActions": [Function],
-        "dispatch": [Function],
-        "getActions": [Function],
-        "getState": [Function],
-        "replaceReducer": [Function],
-        "subscribe": [Function],
-      },
-      "subscription": Subscription {
-        "handleChangeWrapper": [Function],
-        "listeners": Object {
-          "notify": [Function],
-        },
-        "onStateChange": [Function],
-        "parentSub": undefined,
-        "store": Object {
-          "clearActions": [Function],
-          "dispatch": [Function],
-          "getActions": [Function],
-          "getState": [Function],
-          "replaceReducer": [Function],
-          "subscribe": [Function],
-        },
-        "unsubscribe": null,
-      },
-    }
-  }
->
-  <WebsiteEditForm />
-</ContextProvider>
-`;
diff --git a/studio/src/pages/website/index.js b/studio/src/pages/website/index.js
deleted file mode 100644
index 13c332883..000000000
--- a/studio/src/pages/website/index.js
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-import { Card, Row, Col } from 'antd';
-import { Link } from 'react-router-dom';
-import { Helmet } from 'react-helmet';
-
-const Website = (children) => {
-  const { Meta } = Card;
-
-  return (
-    <div>
-      <Helmet title={'Website'} />
-      <Row gutter={[16, 24]}>
-        {children.map((child) => {
-          return (
-            <Col md={12} xs={24}>
-              <Link to={`/settings${child.url}`}>
-                <Card hoverable>
-                  <Meta
-                    avatar={child.avatar()}
-                    title={child.name}
-                    description={child.description}
-                  />
-                </Card>
-              </Link>
-            </Col>
-          );
-        })}
-      </Row>
-    </div>
-  );
-};
-
-export default Website;
diff --git a/studio/src/pages/website/index.test.js b/studio/src/pages/website/index.test.js
deleted file mode 100644
index 26794ecc0..000000000
--- a/studio/src/pages/website/index.test.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from 'react';
-import { shallow } from 'enzyme';
-import { act } from '@testing-library/react';
-import Website from '.';
-import '../../matchMedia.mock';
-
-describe('website component', () => {
-  describe('snapshot testing', () => {
-    it('should render the component', () => {
-      let component;
-      act(() => {
-        component = shallow(<Website />);
-      });
-      expect(component).toMatchSnapshot();
-      act(() => component.unmount());
-    });
-  });
-});
diff --git a/studio/src/pages/website/types.ts b/studio/src/pages/website/types.ts
new file mode 100644
index 000000000..e2d03bf05
--- /dev/null
+++ b/studio/src/pages/website/types.ts
@@ -0,0 +1,111 @@
+// Define analytics types
+export interface AnalyticsPlausible {
+  server_url?: string;
+  domain?: string;
+  embed_code?: string;
+}
+
+export interface Analytics {
+  plausible: AnalyticsPlausible;
+}
+
+// Define media related types
+export interface Media {
+  id: string;
+  url: string;
+  dimensions?: {
+    height: number;
+    width: number;
+  };
+  alt_text?: string;
+  caption?: string;
+  file_size?: number;
+  file_type?: string;
+}
+
+// Define social media URL types
+export interface SocialMediaUrls {
+  facebook?: string;
+  twitter?: string;
+  instagram?: string;
+  github?: string;
+  youtube?: string;
+  linkedin?: string;
+  pinterest?: string;
+}
+
+// Define space types
+export interface Space {
+  id: string;
+  name: string;
+  slug: string;
+  organisation_id: string;
+
+  // Analytics
+  analytics?: Analytics;
+
+  // Branding
+  logo_id?: string | null;
+  logo_mobile_id?: string | null;
+  fav_icon_id?: string | null;
+  mobile_icon_id?: string | null;
+  social_media_urls?: SocialMediaUrls;
+
+  // Website properties
+  site_title?: string;
+  tag_line?: string;
+  description?: string;
+  site_address?: string;
+  space_id?: string;
+  meta_fields?: string | Record<string, any>;
+
+  // Code injection
+  header_code?: string;
+  footer_code?: string;
+
+  // Allow for additional properties
+  [key: string]: any;
+}
+
+// Define organization type
+export interface Organization {
+  id: string;
+  title: string;
+}
+
+// Define Redux state types
+export interface RootState {
+  spaces: {
+    selected: string;
+    details: Record<string, Space>;
+    loading: boolean;
+    orgs: Organization[];
+  };
+}
+
+// Define website form data type
+export interface WebsiteData {
+  name?: string;
+  site_title?: string;
+  tag_line?: string;
+  description?: string;
+  slug?: string;
+  site_address?: string;
+  organisation_id?: string;
+  space_id?: string;
+  meta_fields?: string | Record<string, any>;
+}
+
+// Define branding form values type
+export interface BrandingFormValues extends Partial<Space> {
+  logo_id?: string | null;
+  logo_mobile_id?: string | null;
+  fav_icon_id?: string | null;
+  mobile_icon_id?: string | null;
+  social_media_urls?: SocialMediaUrls;
+}
+
+// Define authentication types
+export interface AuthMethods {
+  authMethodTypes?: string[];
+}
diff --git a/studio/src/reducers/authorsReducer.js b/studio/src/reducers/authorsReducer.js
deleted file mode 100644
index 2ce87bc6b..000000000
--- a/studio/src/reducers/authorsReducer.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { SET_AUTHORS_LOADING, ADD_AUTHORS, ADD_AUTHORS_REQUEST } from '../constants/authors';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function authorsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_AUTHORS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_AUTHORS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_AUTHORS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/authorsReducer.ts b/studio/src/reducers/authorsReducer.ts
new file mode 100644
index 000000000..ccb84cd2c
--- /dev/null
+++ b/studio/src/reducers/authorsReducer.ts
@@ -0,0 +1,87 @@
+import {
+  SET_AUTHORS_LOADING,
+  ADD_AUTHORS,
+  ADD_AUTHORS_REQUEST,
+} from "../constants/authors";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and author object
+interface Author {
+  id: string;
+  [key: string]: any;
+}
+
+interface AuthorsRequest {
+  query: any;
+  [key: string]: any;
+}
+
+interface AuthorsState {
+  req: AuthorsRequest[];
+  details: Record<string, Author>;
+  loading: boolean;
+}
+
+// Define action types
+interface SetAuthorsLoadingAction {
+  type: typeof SET_AUTHORS_LOADING;
+  payload: boolean;
+}
+
+interface AddAuthorsRequestAction {
+  type: typeof ADD_AUTHORS_REQUEST;
+  payload: AuthorsRequest;
+}
+
+interface AddAuthorsAction {
+  type: typeof ADD_AUTHORS;
+  payload: Author[];
+}
+
+// Union type for all possible actions
+type AuthorsActionTypes =
+  | SetAuthorsLoadingAction
+  | AddAuthorsRequestAction
+  | AddAuthorsAction;
+
+const initialState: AuthorsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function authorsReducer(
+  state: AuthorsState = initialState,
+  action: AuthorsActionTypes = {} as AuthorsActionTypes
+): AuthorsState {
+  switch (action.type) {
+    case SET_AUTHORS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_AUTHORS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_AUTHORS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<Record<string, Author>>(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/categoriesReducer.js b/studio/src/reducers/categoriesReducer.js
deleted file mode 100644
index 1c968dee6..000000000
--- a/studio/src/reducers/categoriesReducer.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import {
-  ADD_CATEGORIES,
-  ADD_CATEGORIES_REQUEST,
-  SET_CATEGORIES_LOADING,
-  RESET_CATEGORIES,
-  GET_CATEGORY,
-  UPDATE_CATEGORY,
-} from '../constants/categories';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function categoriesReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_CATEGORIES:
-      return {
-        ...state,
-        req: [],
-        loading: true,
-      };
-    case SET_CATEGORIES_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_CATEGORIES_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_CATEGORIES:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_CATEGORY:
-    case UPDATE_CATEGORY:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/categoriesReducer.ts b/studio/src/reducers/categoriesReducer.ts
new file mode 100644
index 000000000..b83a9e62f
--- /dev/null
+++ b/studio/src/reducers/categoriesReducer.ts
@@ -0,0 +1,149 @@
+import {
+  ADD_CATEGORIES,
+  ADD_CATEGORIES_REQUEST,
+  SET_CATEGORIES_LOADING,
+  RESET_CATEGORIES,
+  GET_CATEGORY,
+  UPDATE_CATEGORY,
+} from "../constants/categories";
+import deepEqual from "deep-equal";
+
+// Define types for the category object
+interface Category {
+  id: number | string;
+  [key: string]: any;
+}
+
+// Define types for the request object
+interface CategoryRequest {
+  query: any;
+  data: string[];
+  total: number;
+  [key: string]: any;
+}
+
+// Define the state interface
+interface CategoriesState {
+  req: CategoryRequest[];
+  details: {
+    [key: string]: Category;
+  };
+  loading: boolean;
+}
+
+// Define action interfaces
+interface SetCategoriesLoadingAction {
+  type: typeof SET_CATEGORIES_LOADING;
+  payload: boolean;
+}
+
+interface AddCategoriesAction {
+  type: typeof ADD_CATEGORIES;
+  payload: Category[];
+}
+
+interface AddCategoriesRequestAction {
+  type: typeof ADD_CATEGORIES_REQUEST;
+  payload: CategoryRequest;
+}
+
+interface ResetCategoriesAction {
+  type: typeof RESET_CATEGORIES;
+}
+
+interface GetCategoryAction {
+  type: typeof GET_CATEGORY;
+  payload: Category;
+}
+
+interface UpdateCategoryAction {
+  type: typeof UPDATE_CATEGORY;
+  payload: Category;
+}
+
+// Define union type for all possible actions
+type CategoriesAction =
+  | SetCategoriesLoadingAction
+  | AddCategoriesAction
+  | AddCategoriesRequestAction
+  | ResetCategoriesAction
+  | GetCategoryAction
+  | UpdateCategoryAction
+  | { type: string };
+
+const initialState: CategoriesState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function categoriesReducer(
+  state: CategoriesState = initialState,
+  action: CategoriesAction = { type: "" }
+): CategoriesState {
+  switch (action.type) {
+    case RESET_CATEGORIES:
+      return {
+        ...state,
+        req: [],
+        loading: true,
+      };
+    case SET_CATEGORIES_LOADING:
+      return {
+        ...state,
+        loading: (action as SetCategoriesLoadingAction).payload,
+      };
+    case ADD_CATEGORIES_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter(
+            (value) =>
+              !deepEqual(
+                value.query,
+                (action as AddCategoriesRequestAction).payload.query
+              )
+          )
+          .concat((action as AddCategoriesRequestAction).payload),
+      };
+    case ADD_CATEGORIES: {
+      const payload = (action as AddCategoriesAction).payload;
+      if (payload.length === 0) {
+        return state;
+      }
+
+      const newDetails = payload.reduce<{ [key: string]: Category }>(
+        (obj, item) => {
+          const stringId = String(item.id);
+          obj[stringId] = { ...item };
+          return obj;
+        },
+        {}
+      );
+
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...newDetails,
+        },
+      };
+    }
+    case GET_CATEGORY:
+    case UPDATE_CATEGORY: {
+      const payload = (action as GetCategoryAction | UpdateCategoryAction)
+        .payload;
+      const stringId = String(payload.id);
+
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [stringId]: { ...payload },
+        },
+      };
+    }
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/claimantsReducer.js b/studio/src/reducers/claimantsReducer.js
deleted file mode 100644
index 9ffb2d02e..000000000
--- a/studio/src/reducers/claimantsReducer.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import {
-  ADD_CLAIMANTS,
-  ADD_CLAIMANTS_REQUEST,
-  SET_CLAIMANTS_LOADING,
-  RESET_CLAIMANTS,
-  GET_CLAIMANT,
-  UPDATE_CLAIMANT,
-} from '../constants/claimants';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function claimantsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_CLAIMANTS:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_CLAIMANTS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_CLAIMANTS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_CLAIMANTS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_CLAIMANT:
-    case UPDATE_CLAIMANT:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/claimantsReducer.ts b/studio/src/reducers/claimantsReducer.ts
new file mode 100644
index 000000000..9ebabf5c3
--- /dev/null
+++ b/studio/src/reducers/claimantsReducer.ts
@@ -0,0 +1,122 @@
+import {
+  ADD_CLAIMANTS,
+  ADD_CLAIMANTS_REQUEST,
+  SET_CLAIMANTS_LOADING,
+  RESET_CLAIMANTS,
+  GET_CLAIMANT,
+  UPDATE_CLAIMANT,
+} from "../constants/claimants";
+import deepEqual from "deep-equal";
+
+// Define types for our state and actions
+interface Claimant {
+  id: string | number;
+  [key: string]: any;
+}
+
+interface ClaimantRequest {
+  query: Record<string, any>;
+  [key: string]: any;
+}
+
+interface ClaimantsState {
+  req: ClaimantRequest[];
+  details: Record<string | number, Claimant>;
+  loading: boolean;
+}
+
+// Action types
+interface ResetClaimantsAction {
+  type: typeof RESET_CLAIMANTS;
+}
+
+interface SetClaimantsLoadingAction {
+  type: typeof SET_CLAIMANTS_LOADING;
+  payload: boolean;
+}
+
+interface AddClaimantsRequestAction {
+  type: typeof ADD_CLAIMANTS_REQUEST;
+  payload: ClaimantRequest;
+}
+
+interface AddClaimantsAction {
+  type: typeof ADD_CLAIMANTS;
+  payload: Claimant[];
+}
+
+interface GetClaimantAction {
+  type: typeof GET_CLAIMANT;
+  payload: Claimant;
+}
+
+interface UpdateClaimantAction {
+  type: typeof UPDATE_CLAIMANT;
+  payload: Claimant;
+}
+
+type ClaimantsActionTypes =
+  | ResetClaimantsAction
+  | SetClaimantsLoadingAction
+  | AddClaimantsRequestAction
+  | AddClaimantsAction
+  | GetClaimantAction
+  | UpdateClaimantAction;
+
+const initialState: ClaimantsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function claimantsReducer(
+  state: ClaimantsState = initialState,
+  action: ClaimantsActionTypes = {} as ClaimantsActionTypes
+): ClaimantsState {
+  switch (action.type) {
+    case RESET_CLAIMANTS:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_CLAIMANTS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_CLAIMANTS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_CLAIMANTS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {} as Record<string | number, Claimant>
+          ),
+        },
+      };
+    case GET_CLAIMANT:
+    case UPDATE_CLAIMANT:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/claimsReducer.js b/studio/src/reducers/claimsReducer.js
deleted file mode 100644
index 605b958e4..000000000
--- a/studio/src/reducers/claimsReducer.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import {
-  ADD_CLAIMS,
-  ADD_CLAIMS_REQUEST,
-  SET_CLAIMS_LOADING,
-  RESET_CLAIMS,
-  GET_CLAIM,
-  UPDATE_CLAIM,
-} from '../constants/claims';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function claimsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_CLAIMS:
-      return {
-        ...state,
-        req: [],
-        loading: true,
-      };
-    case SET_CLAIMS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_CLAIMS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_CLAIMS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_CLAIM:
-    case UPDATE_CLAIM:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/claimsReducer.ts b/studio/src/reducers/claimsReducer.ts
new file mode 100644
index 000000000..310e22bb4
--- /dev/null
+++ b/studio/src/reducers/claimsReducer.ts
@@ -0,0 +1,123 @@
+import {
+  ADD_CLAIMS,
+  ADD_CLAIMS_REQUEST,
+  SET_CLAIMS_LOADING,
+  RESET_CLAIMS,
+  GET_CLAIM,
+  UPDATE_CLAIM,
+} from "../constants/claims";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the data structures
+interface Claim {
+  id: string;
+  [key: string]: any;
+}
+
+interface ClaimRequest {
+  query: any;
+  [key: string]: any;
+}
+
+interface ClaimsState {
+  req: ClaimRequest[];
+  details: {
+    [id: string]: Claim;
+  };
+  loading: boolean;
+}
+
+// Define types for actions
+interface ResetClaimsAction {
+  type: typeof RESET_CLAIMS;
+}
+
+interface SetClaimsLoadingAction {
+  type: typeof SET_CLAIMS_LOADING;
+  payload: boolean;
+}
+
+interface AddClaimsRequestAction {
+  type: typeof ADD_CLAIMS_REQUEST;
+  payload: ClaimRequest;
+}
+
+interface AddClaimsAction {
+  type: typeof ADD_CLAIMS;
+  payload: Claim[];
+}
+
+interface GetClaimAction {
+  type: typeof GET_CLAIM;
+  payload: Claim;
+}
+
+interface UpdateClaimAction {
+  type: typeof UPDATE_CLAIM;
+  payload: Claim;
+}
+
+type ClaimsActionTypes =
+  | ResetClaimsAction
+  | SetClaimsLoadingAction
+  | AddClaimsRequestAction
+  | AddClaimsAction
+  | GetClaimAction
+  | UpdateClaimAction;
+
+const initialState: ClaimsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function claimsReducer(
+  state: ClaimsState = initialState,
+  action: ClaimsActionTypes = {} as ClaimsActionTypes
+): ClaimsState {
+  switch (action.type) {
+    case RESET_CLAIMS:
+      return {
+        ...state,
+        req: [],
+        loading: true,
+      };
+    case SET_CLAIMS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_CLAIMS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_CLAIMS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {} as { [id: string]: Claim }
+          ),
+        },
+      };
+    case GET_CLAIM:
+    case UPDATE_CLAIM:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/eventsReducer.js b/studio/src/reducers/eventsReducer.js
deleted file mode 100644
index e8529de56..000000000
--- a/studio/src/reducers/eventsReducer.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import {
-  ADD_EVENTS,
-  ADD_EVENTS_REQUEST,
-  GET_EVENT,
-  RESET_EVENTS,
-  SET_EVENTS_LOADING,
-  UPDATE_EVENT,
-} from '../constants/events';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-export default function eventsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_EVENTS:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_EVENTS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_EVENTS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_EVENTS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_EVENT:
-    case UPDATE_EVENT:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/eventsReducer.ts b/studio/src/reducers/eventsReducer.ts
new file mode 100644
index 000000000..42643c67d
--- /dev/null
+++ b/studio/src/reducers/eventsReducer.ts
@@ -0,0 +1,123 @@
+import {
+  ADD_EVENTS,
+  ADD_EVENTS_REQUEST,
+  GET_EVENT,
+  RESET_EVENTS,
+  SET_EVENTS_LOADING,
+  UPDATE_EVENT,
+} from "../constants/events";
+import deepEqual from "deep-equal";
+
+// Define interfaces for our state and event objects
+interface Event {
+  id: string;
+  [key: string]: any;
+}
+
+interface EventRequest {
+  query: any;
+  [key: string]: any;
+}
+
+interface EventsState {
+  req: EventRequest[];
+  details: Record<string, Event>;
+  loading: boolean;
+}
+
+// Define action types
+interface ResetEventsAction {
+  type: typeof RESET_EVENTS;
+}
+
+interface SetEventsLoadingAction {
+  type: typeof SET_EVENTS_LOADING;
+  payload: boolean;
+}
+
+interface AddEventsRequestAction {
+  type: typeof ADD_EVENTS_REQUEST;
+  payload: EventRequest;
+}
+
+interface AddEventsAction {
+  type: typeof ADD_EVENTS;
+  payload: Event[];
+}
+
+interface GetEventAction {
+  type: typeof GET_EVENT;
+  payload: Event;
+}
+
+interface UpdateEventAction {
+  type: typeof UPDATE_EVENT;
+  payload: Event;
+}
+
+// Union type for all possible actions
+type EventsActionTypes =
+  | ResetEventsAction
+  | SetEventsLoadingAction
+  | AddEventsRequestAction
+  | AddEventsAction
+  | GetEventAction
+  | UpdateEventAction;
+
+const initialState: EventsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function eventsReducer(
+  state: EventsState = initialState,
+  action: EventsActionTypes = {} as EventsActionTypes
+): EventsState {
+  switch (action.type) {
+    case RESET_EVENTS:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_EVENTS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_EVENTS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_EVENTS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<Record<string, Event>>(
+            (obj, item) => ({ ...obj, [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    case GET_EVENT:
+    case UPDATE_EVENT:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/formatsReducer.js b/studio/src/reducers/formatsReducer.js
deleted file mode 100644
index 357e6a36c..000000000
--- a/studio/src/reducers/formatsReducer.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import {
-  ADD_FORMATS,
-  ADD_FORMATS_REQUEST,
-  SET_FORMATS_LOADING,
-  RESET_FORMATS,
-  GET_FORMAT,
-  UPDATE_FORMAT,
-} from '../constants/formats';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function formatsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_FORMATS:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_FORMATS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_FORMATS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_FORMATS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_FORMAT:
-    case UPDATE_FORMAT:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/formatsReducer.ts b/studio/src/reducers/formatsReducer.ts
new file mode 100644
index 000000000..f9bbc4a3b
--- /dev/null
+++ b/studio/src/reducers/formatsReducer.ts
@@ -0,0 +1,125 @@
+import {
+  ADD_FORMATS,
+  ADD_FORMATS_REQUEST,
+  SET_FORMATS_LOADING,
+  RESET_FORMATS,
+  GET_FORMAT,
+  UPDATE_FORMAT,
+} from "../constants/formats";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and format objects
+interface Format {
+  id: string;
+  [key: string]: any;
+}
+
+interface FormatRequest {
+  query: any;
+  [key: string]: any;
+}
+
+interface FormatsState {
+  req: FormatRequest[];
+  details: {
+    [key: string]: Format;
+  };
+  loading: boolean;
+}
+
+// Define action types
+interface ResetFormatsAction {
+  type: typeof RESET_FORMATS;
+}
+
+interface SetFormatsLoadingAction {
+  type: typeof SET_FORMATS_LOADING;
+  payload: boolean;
+}
+
+interface AddFormatsRequestAction {
+  type: typeof ADD_FORMATS_REQUEST;
+  payload: FormatRequest;
+}
+
+interface AddFormatsAction {
+  type: typeof ADD_FORMATS;
+  payload: Format[];
+}
+
+interface GetFormatAction {
+  type: typeof GET_FORMAT;
+  payload: Format;
+}
+
+interface UpdateFormatAction {
+  type: typeof UPDATE_FORMAT;
+  payload: Format;
+}
+
+// Union type for all possible actions
+type FormatActionTypes =
+  | ResetFormatsAction
+  | SetFormatsLoadingAction
+  | AddFormatsRequestAction
+  | AddFormatsAction
+  | GetFormatAction
+  | UpdateFormatAction;
+
+const initialState: FormatsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function formatsReducer(
+  state: FormatsState = initialState,
+  action: FormatActionTypes = {} as FormatActionTypes
+): FormatsState {
+  switch (action.type) {
+    case RESET_FORMATS:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_FORMATS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_FORMATS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_FORMATS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {} as { [key: string]: Format }
+          ),
+        },
+      };
+    case GET_FORMAT:
+    case UPDATE_FORMAT:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/googleFactChecksReducer.js b/studio/src/reducers/googleFactChecksReducer.js
deleted file mode 100644
index b3d94fec7..000000000
--- a/studio/src/reducers/googleFactChecksReducer.js
+++ /dev/null
@@ -1,29 +0,0 @@
-import {
-  ADD_GOOGLE_FACT_CHECKS_REQUEST,
-  SET_GOOGLE_FACT_CHECKS_LOADING,
-} from '../constants/googleFactChecks';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  loading: true,
-};
-
-export default function googleFactChecksReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_GOOGLE_FACT_CHECKS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_GOOGLE_FACT_CHECKS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/googleFactChecksReducer.ts b/studio/src/reducers/googleFactChecksReducer.ts
new file mode 100644
index 000000000..828d9dd28
--- /dev/null
+++ b/studio/src/reducers/googleFactChecksReducer.ts
@@ -0,0 +1,56 @@
+import {
+  ADD_GOOGLE_FACT_CHECKS_REQUEST,
+  SET_GOOGLE_FACT_CHECKS_LOADING,
+} from "../constants/googleFactChecks";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and actions
+interface GoogleFactChecksState {
+  req: GoogleFactCheckRequest[];
+  loading: boolean;
+}
+
+interface GoogleFactCheckRequest {
+  query: any; // You might want to define a more specific type based on your application
+  // Add other properties that might be in this object
+}
+
+interface SetLoadingAction {
+  type: typeof SET_GOOGLE_FACT_CHECKS_LOADING;
+  payload: boolean;
+}
+
+interface AddRequestAction {
+  type: typeof ADD_GOOGLE_FACT_CHECKS_REQUEST;
+  payload: GoogleFactCheckRequest;
+}
+
+// Union type for all possible actions
+type GoogleFactChecksAction = SetLoadingAction | AddRequestAction;
+
+const initialState: GoogleFactChecksState = {
+  req: [],
+  loading: true,
+};
+
+export default function googleFactChecksReducer(
+  state: GoogleFactChecksState = initialState,
+  action: GoogleFactChecksAction = {} as GoogleFactChecksAction
+): GoogleFactChecksState {
+  switch (action.type) {
+    case SET_GOOGLE_FACT_CHECKS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_GOOGLE_FACT_CHECKS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/index.js b/studio/src/reducers/index.js
deleted file mode 100644
index 88661a77e..000000000
--- a/studio/src/reducers/index.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import { combineReducers } from 'redux';
-import settings from './settingsReducer';
-import spaces from './spacesReducer';
-import categories from './categoriesReducer';
-import tags from './tagsReducer';
-import formats from './formatsReducer';
-import googleFactChecks from './googleFactChecksReducer';
-import media from './mediaReducer';
-import authors from './authorsReducer';
-import posts from './postsReducer';
-import ratings from './ratingsReducer';
-import claimants from './claimantsReducer';
-import claims from './claimsReducer';
-import notifications from './notificationsReducer';
-import policies from './policiesReducer';
-import permissions from './permissionsReducer';
-import organisations from './organisationsReducer';
-import users from './usersReducer';
-import { SET_SELECTED_SPACE } from '../constants/spaces';
-import menus from './menuReducer';
-import sidebar from './sidebarReducer';
-import spaceSelectorPage from './spaceSelectorPage';
-import redirect from './redirectReducer';
-import events from './eventsReducer';
-import info from './infoReducer';
-import pages from './pagesReducer';
-import webhooks from './webhooksReducer';
-import profile from './profileReducer';
-import search from './searchReducer';
-import sachFactChecks from './sachFactChecksReducer';
-import webhooklogs from './webhooklogsReducer';
-import tokens from './tokensReducer';
-import spaceUsers from './spaceUsersReducer';
-import session from './sessionReducer';
-
-const appReducer = combineReducers({
-  info,
-  settings,
-  spaces,
-  organisations,
-  redirect,
-  categories,
-  tags,
-  formats,
-  googleFactChecks,
-  media,
-  authors,
-  posts,
-  pages,
-  ratings,
-  claimants,
-  claims,
-  notifications,
-  policies,
-  permissions,
-  users,
-  menus,
-  sidebar,
-  spaceSelectorPage,
-  events,
-  webhooks,
-  webhooklogs,
-  profile,
-  search,
-  sachFactChecks,
-  tokens,
-  spaceUsers,
-  session,
-});
-
-const rootReducer = (state, action) => {
-  if (action.type === SET_SELECTED_SPACE) {
-    const { spaces, settings } = state;
-
-    state = { spaces, settings };
-  }
-  return appReducer(state, action);
-};
-
-export default rootReducer;
diff --git a/studio/src/reducers/index.ts b/studio/src/reducers/index.ts
new file mode 100644
index 000000000..efad46a32
--- /dev/null
+++ b/studio/src/reducers/index.ts
@@ -0,0 +1,78 @@
+import { combineReducers, AnyAction } from "redux";
+import { RootState } from "../types/index";
+import ratings from "./ratingsReducer";
+import postsReducer from "./postsReducer";
+import spaceSelectorPage from "./spaceSelectorPage";
+import spaceUsers from "./spaceUsersReducer";
+import { spaces } from "./spacesReducer";
+import usersReducer from "./usersReducer";
+import sidebarReducer from "./sidebarReducer";
+import { SET_SELECTED_SPACE } from "../constants/spaces";
+import settingsReducer from "./settingsReducer";
+import notificationsReducer from "./notificationsReducer";
+import mediaReducer from "./mediaReducer";
+import menuReducer from "./menuReducer";
+import tokensReducer from "./tokensReducer";
+import formatsReducer from "./formatsReducer";
+import policiesReducer from "./policiesReducer";
+import webhooklogsReducer from "./webhooklogsReducer";
+import webhooksReducer from "./webhooksReducer";
+import authorsReducer from "./authorsReducer";
+import claimantsReducer from "./claimantsReducer";
+import redirectReducer from "./redirectReducer";
+import organisationsReducer from "./organisationsReducer";
+import eventsReducer from "./eventsReducer";
+import profileReducer from "./profileReducer";
+import sessionReducer from "./sessionReducer";
+import claimsReducer from "./claimsReducer";
+import tagsReducer from "./tagsReducer";
+import categoriesReducer from "./categoriesReducer";
+import googleFactChecksReducer from "./googleFactChecksReducer";
+import sachFactCheckReducer from "./sachFactChecksReducer";
+import pagesReducer from "./pagesReducer";
+import infoReducer from "./infoReducer";
+import searchReducer from "./searchReducer";
+
+const appReducer = combineReducers({
+  posts: postsReducer,
+  ratings,
+  spaces,
+  spaceSelectorPage,
+  spaceUsers,
+  users: usersReducer,
+  sidebar: sidebarReducer,
+  settings: settingsReducer,
+  notifications: notificationsReducer,
+  media: mediaReducer,
+  menus: menuReducer,
+  tokens: tokensReducer,
+  formats: formatsReducer,
+  policies: policiesReducer,
+  webhooklogs: webhooklogsReducer,
+  webhooks: webhooksReducer,
+  authors: authorsReducer,
+  claimants: claimantsReducer,
+  redirect: redirectReducer,
+  organisations: organisationsReducer,
+  events: eventsReducer,
+  profile: profileReducer,
+  session: sessionReducer,
+  claims: claimsReducer,
+  tags: tagsReducer,
+  categories: categoriesReducer,
+  googleFactChecks: googleFactChecksReducer,
+  sachFactChecks: sachFactCheckReducer,
+  pages: pagesReducer,
+  info: infoReducer,
+  search: searchReducer,
+});
+
+const rootReducer = (state: RootState | undefined, action: AnyAction) => {
+  if (action.type === SET_SELECTED_SPACE && state) {
+    const { spaces, settings } = state;
+    state = { spaces, settings } as RootState;
+  }
+  return appReducer(state, action);
+};
+
+export default rootReducer;
diff --git a/studio/src/reducers/infoReducer.js b/studio/src/reducers/infoReducer.js
deleted file mode 100644
index 8fabed537..000000000
--- a/studio/src/reducers/infoReducer.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import { ADD_INFO, SET_INFO_LOADING } from '../constants/info';
-
-const initialState = {
-  categories: 0,
-  tag: 0,
-  article: {
-    draft: 0,
-    template: 0,
-    publish: 0,
-  },
-  factCheck: {
-    draft: 0,
-    template: 0,
-    publish: 0,
-  },
-  loading: true,
-};
-
-export default function infoReducer(state = initialState, action = {}) {
-  if (!action.payload) {
-    return state;
-  }
-  switch (action.type) {
-    case SET_INFO_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_INFO:
-      const posts = action.payload.posts;
-      let article = {
-        draft: 0,
-        template: 0,
-        publish: 0,
-        ready: 0,
-      };
-      let factCheck = {
-        draft: 0,
-        template: 0,
-        publish: 0,
-        ready: 0,
-      };
-
-      posts.forEach((each) => {
-        if (each.slug === 'article') {
-          article[each.status] = each.count;
-        }
-        if (each.slug === 'fact-check') {
-          factCheck[each.status] = each.count;
-        }
-      });
-      return {
-        ...action.payload,
-        article,
-        factCheck,
-      };
-
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/infoReducer.ts b/studio/src/reducers/infoReducer.ts
new file mode 100644
index 000000000..4198be2fb
--- /dev/null
+++ b/studio/src/reducers/infoReducer.ts
@@ -0,0 +1,102 @@
+import { ADD_INFO, SET_INFO_LOADING } from "../constants/info";
+
+// Define interfaces for the state structure
+interface ArticleFactCheckState {
+  draft: number;
+  template: number;
+  publish: number;
+  ready?: number;
+}
+
+interface InfoState {
+  categories: number;
+  tag: number;
+  article: ArticleFactCheckState;
+  factCheck: ArticleFactCheckState;
+  loading: boolean;
+  [key: string]: any;
+}
+
+// Define interface for post objects in the payload
+interface Post {
+  slug: string;
+  status: "draft" | "template" | "publish" | "ready";
+  count: number;
+}
+
+// Define interface for action
+interface InfoAction {
+  type: string;
+  payload?: {
+    posts?: Post[];
+    [key: string]: any;
+  };
+}
+
+const initialState: InfoState = {
+  categories: 0,
+  tag: 0,
+  article: {
+    draft: 0,
+    template: 0,
+    publish: 0,
+  },
+  factCheck: {
+    draft: 0,
+    template: 0,
+    publish: 0,
+  },
+  loading: true,
+};
+
+export default function infoReducer(
+  state: InfoState = initialState,
+  action: InfoAction = {}
+): InfoState {
+  if (!action.payload) {
+    return state;
+  }
+
+  switch (action.type) {
+    case SET_INFO_LOADING:
+      return {
+        ...state,
+        loading: action.payload.loading,
+      };
+
+    case ADD_INFO:
+      const posts = action.payload.posts || [];
+
+      let article: ArticleFactCheckState = {
+        draft: 0,
+        template: 0,
+        publish: 0,
+        ready: 0,
+      };
+
+      let factCheck: ArticleFactCheckState = {
+        draft: 0,
+        template: 0,
+        publish: 0,
+        ready: 0,
+      };
+
+      posts.forEach((each) => {
+        if (each.slug === "article") {
+          article[each.status] = each.count;
+        }
+        if (each.slug === "fact-check") {
+          factCheck[each.status] = each.count;
+        }
+      });
+
+      return {
+        ...action.payload,
+        article,
+        factCheck,
+      };
+
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/mediaReducer.js b/studio/src/reducers/mediaReducer.js
deleted file mode 100644
index cbdfc3ee8..000000000
--- a/studio/src/reducers/mediaReducer.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import {
-  ADD_MEDIA,
-  ADD_MEDIA_REQUEST,
-  SET_MEDIA_LOADING,
-  RESET_MEDIA,
-  GET_MEDIUM,
-  UPDATE_MEDIUM,
-} from '../constants/media';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function mediaReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_MEDIA:
-      return {
-        ...state,
-        req: [],
-        loading: true,
-      };
-    case SET_MEDIA_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_MEDIA_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_MEDIA:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_MEDIUM:
-    case UPDATE_MEDIUM:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/mediaReducer.ts b/studio/src/reducers/mediaReducer.ts
new file mode 100644
index 000000000..9a72a3815
--- /dev/null
+++ b/studio/src/reducers/mediaReducer.ts
@@ -0,0 +1,121 @@
+import {
+  ADD_MEDIA,
+  ADD_MEDIA_REQUEST,
+  SET_MEDIA_LOADING,
+  RESET_MEDIA,
+  GET_MEDIUM,
+  UPDATE_MEDIUM,
+} from "../constants/media";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and actions
+export interface Medium {
+  id: string | number;
+  [key: string]: any;
+}
+
+interface MediaRequest {
+  query: Record<string, any>;
+  data: (string | number)[];
+  total: number;
+}
+
+export interface MediaState {
+  req: MediaRequest[];
+  details: Record<string | number, Medium>;
+  loading: boolean;
+}
+
+interface ResetMediaAction {
+  type: typeof RESET_MEDIA;
+}
+
+interface SetMediaLoadingAction {
+  type: typeof SET_MEDIA_LOADING;
+  payload: boolean;
+}
+
+interface AddMediaRequestAction {
+  type: typeof ADD_MEDIA_REQUEST;
+  payload: MediaRequest;
+}
+
+interface AddMediaAction {
+  type: typeof ADD_MEDIA;
+  payload: Medium[];
+}
+
+interface GetMediumAction {
+  type: typeof GET_MEDIUM;
+  payload: Medium;
+}
+
+interface UpdateMediumAction {
+  type: typeof UPDATE_MEDIUM;
+  payload: Medium;
+}
+
+type MediaActionTypes =
+  | ResetMediaAction
+  | SetMediaLoadingAction
+  | AddMediaRequestAction
+  | AddMediaAction
+  | GetMediumAction
+  | UpdateMediumAction;
+
+const initialState: MediaState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function mediaReducer(
+  state: MediaState = initialState,
+  action: MediaActionTypes = {} as MediaActionTypes
+): MediaState {
+  switch (action.type) {
+    case RESET_MEDIA:
+      return {
+        ...state,
+        req: [],
+        loading: true,
+      };
+    case SET_MEDIA_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_MEDIA_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_MEDIA:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<Record<string | number, Medium>>(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    case GET_MEDIUM:
+    case UPDATE_MEDIUM:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/menuReducer.js b/studio/src/reducers/menuReducer.js
deleted file mode 100644
index 865bea391..000000000
--- a/studio/src/reducers/menuReducer.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import {
-  ADD_MENUS,
-  ADD_MENUS_REQUEST,
-  SET_MENUS_LOADING,
-  RESET_MENUS,
-  GET_MENU,
-  UPDATE_MENU,
-} from '../constants/menu';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function menuReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_MENUS:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_MENUS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_MENUS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_MENUS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_MENU:
-    case UPDATE_MENU:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/menuReducer.ts b/studio/src/reducers/menuReducer.ts
new file mode 100644
index 000000000..eec871921
--- /dev/null
+++ b/studio/src/reducers/menuReducer.ts
@@ -0,0 +1,125 @@
+import {
+  ADD_MENUS,
+  ADD_MENUS_REQUEST,
+  SET_MENUS_LOADING,
+  RESET_MENUS,
+  GET_MENU,
+  UPDATE_MENU,
+} from "../constants/menu";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the menu item and related types
+interface Menu {
+  id: string | number;
+  [key: string]: any;
+}
+
+interface MenuQuery {
+  query: any;
+  [key: string]: any;
+}
+
+interface MenuState {
+  req: MenuQuery[];
+  details: {
+    [key: string | number]: Menu;
+  };
+  loading: boolean;
+}
+
+// Define interfaces for the actions
+interface ResetMenusAction {
+  type: typeof RESET_MENUS;
+}
+
+interface SetMenusLoadingAction {
+  type: typeof SET_MENUS_LOADING;
+  payload: boolean;
+}
+
+interface AddMenusRequestAction {
+  type: typeof ADD_MENUS_REQUEST;
+  payload: MenuQuery;
+}
+
+interface AddMenusAction {
+  type: typeof ADD_MENUS;
+  payload: Menu[];
+}
+
+interface GetMenuAction {
+  type: typeof GET_MENU;
+  payload: Menu;
+}
+
+interface UpdateMenuAction {
+  type: typeof UPDATE_MENU;
+  payload: Menu;
+}
+
+// Union type for all possible actions
+type MenuActionTypes =
+  | ResetMenusAction
+  | SetMenusLoadingAction
+  | AddMenusRequestAction
+  | AddMenusAction
+  | GetMenuAction
+  | UpdateMenuAction;
+
+const initialState: MenuState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function menuReducer(
+  state: MenuState = initialState,
+  action: MenuActionTypes = {} as MenuActionTypes
+): MenuState {
+  switch (action.type) {
+    case RESET_MENUS:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_MENUS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_MENUS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_MENUS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<{ [key: string | number]: Menu }>(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    case GET_MENU:
+    case UPDATE_MENU:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/notificationsReducer.js b/studio/src/reducers/notificationsReducer.js
deleted file mode 100644
index eed847c55..000000000
--- a/studio/src/reducers/notificationsReducer.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { ADD_NOTIFICATION } from '../constants/notifications';
-
-const initialState = {
-  type: null,
-  message: null,
-  description: null,
-};
-
-export default function notificationsReducer(state = initialState, action = {}) {
-  if (!action.payload) {
-    return state;
-  }
-  switch (action.type) {
-    case ADD_NOTIFICATION:
-      return {
-        ...state,
-        type: action.payload.type,
-        message: action.payload.title,
-        description: action.payload.message,
-        time: action.payload.time,
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/notificationsReducer.ts b/studio/src/reducers/notificationsReducer.ts
new file mode 100644
index 000000000..d0fd571a4
--- /dev/null
+++ b/studio/src/reducers/notificationsReducer.ts
@@ -0,0 +1,37 @@
+import { ADD_NOTIFICATION } from "../constants/notifications";
+import { NotificationAction } from "../actions/notifications";
+
+interface NotificationState {
+  type: string | null;
+  message: string | null;
+  description: string | null;
+  time: number | null;
+}
+
+const initialState: NotificationState = {
+  type: null,
+  message: null,
+  description: null,
+  time: null,
+};
+
+export default function notificationsReducer(
+  state: NotificationState = initialState,
+  action: NotificationAction | { type: string }
+): NotificationState {
+  switch (action.type) {
+    case ADD_NOTIFICATION:
+      if ("payload" in action) {
+        return {
+          ...state,
+          type: action.payload.type,
+          message: action.payload.title,
+          description: action.payload.message,
+          time: action.payload.time,
+        };
+      }
+      return state;
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/organisationsReducer.js b/studio/src/reducers/organisationsReducer.js
deleted file mode 100644
index 4df42423b..000000000
--- a/studio/src/reducers/organisationsReducer.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function organisationsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/organisationsReducer.ts b/studio/src/reducers/organisationsReducer.ts
new file mode 100644
index 000000000..eaf1d49b4
--- /dev/null
+++ b/studio/src/reducers/organisationsReducer.ts
@@ -0,0 +1,30 @@
+// Define the state interface
+interface OrganisationsState {
+  req: any[];
+  details: Record<string, any>;
+  loading: boolean;
+}
+
+// Define the action interface
+interface Action {
+  type: string;
+  payload?: any;
+}
+
+// Initial state
+const initialState: OrganisationsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+// Reducer function with type annotations
+export default function organisationsReducer(
+  state: OrganisationsState = initialState,
+  action: Action = { type: "" }
+): OrganisationsState {
+  switch (action.type) {
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/pagesReducer.js b/studio/src/reducers/pagesReducer.js
deleted file mode 100644
index 9f522853b..000000000
--- a/studio/src/reducers/pagesReducer.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import {
-  ADD_PAGE,
-  ADD_PAGES,
-  ADD_PAGES_REQUEST,
-  RESET_PAGES,
-  SET_PAGES_LOADING,
-} from '../constants/pages';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function pagesReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_PAGES:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_PAGES_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_PAGES_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_PAGES:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case ADD_PAGE:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/pagesReducer.ts b/studio/src/reducers/pagesReducer.ts
new file mode 100644
index 000000000..1b6daf5ce
--- /dev/null
+++ b/studio/src/reducers/pagesReducer.ts
@@ -0,0 +1,136 @@
+import {
+  ADD_PAGE,
+  ADD_PAGES,
+  ADD_PAGES_REQUEST,
+  RESET_PAGES,
+  SET_PAGES_LOADING,
+} from "../constants/pages";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and payload objects
+export interface Page {
+  id: number;
+  title: string;
+  slug: string;
+  status: "publish" | "draft" | "ready";
+  featured_medium_id?: number;
+  medium?: any;
+  published_date: string | null;
+  categories?: number[];
+  tags?: number[];
+  authors?: number[];
+  claims?: number[];
+  [key: string]: any;
+}
+
+interface PagesRequest {
+  query: any;
+  [key: string]: any;
+}
+
+interface PagesState {
+  req: PagesRequest[];
+  details: {
+    [key: string]: Page;
+  };
+  loading: boolean;
+  hasAttemptedFetch: boolean;
+}
+
+// Define types for the various actions
+interface ResetPagesAction {
+  type: typeof RESET_PAGES;
+}
+
+interface SetPagesLoadingAction {
+  type: typeof SET_PAGES_LOADING;
+  payload: boolean;
+}
+
+interface AddPagesRequestAction {
+  type: typeof ADD_PAGES_REQUEST;
+  payload: PagesRequest;
+}
+
+interface AddPagesAction {
+  type: typeof ADD_PAGES;
+  payload: Page[];
+}
+
+interface AddPageAction {
+  type: typeof ADD_PAGE;
+  payload: Page;
+}
+
+// Union type for all possible action types
+type PagesActionTypes =
+  | ResetPagesAction
+  | SetPagesLoadingAction
+  | AddPagesRequestAction
+  | AddPagesAction
+  | AddPageAction;
+
+// Check if we have a stored space ID to optimize initial loading
+const storedSpaceId = localStorage.getItem("space");
+
+const initialState: PagesState = {
+  req: [],
+  details: {},
+  loading: !storedSpaceId,
+  hasAttemptedFetch: false,
+};
+
+export default function pagesReducer(
+  state: PagesState = initialState,
+  action: PagesActionTypes = {} as PagesActionTypes
+): PagesState {
+  switch (action.type) {
+    case RESET_PAGES:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_PAGES_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+        hasAttemptedFetch: state.hasAttemptedFetch,
+      };
+    case ADD_PAGES_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_PAGES:
+      if (action.payload.length === 0) {
+        return {
+          ...state,
+          hasAttemptedFetch: true,
+        };
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {} as { [key: string]: Page }
+          ),
+        },
+      };
+    case ADD_PAGE:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/permissionsReducer.js b/studio/src/reducers/permissionsReducer.js
deleted file mode 100644
index 6b655163f..000000000
--- a/studio/src/reducers/permissionsReducer.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import {
-  ADD_PERMISSIONS,
-  ADD_PERMISSIONS_REQUEST,
-  SET_PERMISSIONS_LOADING,
-} from '../constants/permissions';
-
-const initialState = {
-  details: {},
-  req: [],
-  loading: true,
-};
-
-export default function permissionsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_PERMISSIONS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-
-    case ADD_PERMISSIONS_REQUEST:
-      return {
-        ...state,
-        req: state.req.concat(action.payload),
-      };
-    case ADD_PERMISSIONS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.user_id]: action.payload.data,
-        },
-      };
-
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/permissionsReducer.ts b/studio/src/reducers/permissionsReducer.ts
new file mode 100644
index 000000000..d76b3c150
--- /dev/null
+++ b/studio/src/reducers/permissionsReducer.ts
@@ -0,0 +1,92 @@
+import {
+  ADD_PERMISSIONS,
+  ADD_PERMISSIONS_REQUEST,
+  SET_PERMISSIONS_LOADING,
+} from "../constants/permissions";
+
+// Define interfaces for permission data structures
+interface PermissionData {
+  [key: string]: any;
+}
+
+interface PermissionPayload {
+  user_id: string;
+  data: PermissionData;
+  length: number;
+}
+
+interface PermissionRequest {
+  [key: string]: any;
+}
+
+// Define the state interface
+interface PermissionsState {
+  details: {
+    [key: string]: PermissionData;
+  };
+  req: PermissionRequest[];
+  loading: boolean;
+}
+
+// Define action interfaces
+interface SetPermissionsLoadingAction {
+  type: typeof SET_PERMISSIONS_LOADING;
+  payload: boolean;
+}
+
+interface AddPermissionsRequestAction {
+  type: typeof ADD_PERMISSIONS_REQUEST;
+  payload: PermissionRequest;
+}
+
+interface AddPermissionsAction {
+  type: typeof ADD_PERMISSIONS;
+  payload: PermissionPayload;
+}
+
+// Union type for all possible actions
+type PermissionsActionTypes =
+  | SetPermissionsLoadingAction
+  | AddPermissionsRequestAction
+  | AddPermissionsAction;
+
+// Initial state
+const initialState: PermissionsState = {
+  details: {},
+  req: [],
+  loading: true,
+};
+
+// The reducer function
+export default function permissionsReducer(
+  state: PermissionsState = initialState,
+  action: PermissionsActionTypes = {} as PermissionsActionTypes
+): PermissionsState {
+  switch (action.type) {
+    case SET_PERMISSIONS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+
+    case ADD_PERMISSIONS_REQUEST:
+      return {
+        ...state,
+        req: state.req.concat(action.payload),
+      };
+    case ADD_PERMISSIONS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.user_id]: action.payload.data,
+        },
+      };
+
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/policiesReducer.js b/studio/src/reducers/policiesReducer.js
deleted file mode 100644
index bb2da31a2..000000000
--- a/studio/src/reducers/policiesReducer.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import {
-  ADD_POLICIES,
-  ADD_POLICIES_REQUEST,
-  SET_POLICIES_LOADING,
-  RESET_POLICIES,
-  GET_POLICY,
-  UPDATE_POLICY,
-} from '../constants/policies';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function policiesReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_POLICIES:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_POLICIES_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_POLICIES_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_POLICIES:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_POLICY:
-    case UPDATE_POLICY:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/policiesReducer.ts b/studio/src/reducers/policiesReducer.ts
new file mode 100644
index 000000000..203cf1ae3
--- /dev/null
+++ b/studio/src/reducers/policiesReducer.ts
@@ -0,0 +1,132 @@
+import {
+  ADD_POLICIES,
+  ADD_POLICIES_REQUEST,
+  SET_POLICIES_LOADING,
+  RESET_POLICIES,
+  GET_POLICY,
+  UPDATE_POLICY,
+} from "../constants/policies";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and policy objects
+export interface Policy {
+  id: string;
+  name: string;
+  description?: string;
+  permissions?: {
+    resource: string;
+    actions: string[];
+  }[];
+  [key: string]: any;
+}
+
+export interface PolicyRequest {
+  query: any;
+  data: string[];
+  total: number;
+}
+
+export interface PoliciesState {
+  req: PolicyRequest[];
+  details: {
+    [id: string]: Policy;
+  };
+  loading: boolean;
+}
+
+// Define action types
+interface ResetPoliciesAction {
+  type: typeof RESET_POLICIES;
+}
+
+interface SetPoliciesLoadingAction {
+  type: typeof SET_POLICIES_LOADING;
+  payload: boolean;
+}
+
+interface AddPoliciesRequestAction {
+  type: typeof ADD_POLICIES_REQUEST;
+  payload: PolicyRequest;
+}
+
+interface AddPoliciesAction {
+  type: typeof ADD_POLICIES;
+  payload: Policy[];
+}
+
+interface GetPolicyAction {
+  type: typeof GET_POLICY;
+  payload: Policy;
+}
+
+interface UpdatePolicyAction {
+  type: typeof UPDATE_POLICY;
+  payload: Policy;
+}
+
+// Union type for all possible actions
+type PolicyActionTypes =
+  | ResetPoliciesAction
+  | SetPoliciesLoadingAction
+  | AddPoliciesRequestAction
+  | AddPoliciesAction
+  | GetPolicyAction
+  | UpdatePolicyAction;
+
+const initialState: PoliciesState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function policiesReducer(
+  state: PoliciesState = initialState,
+  action: PolicyActionTypes = {} as PolicyActionTypes
+): PoliciesState {
+  switch (action.type) {
+    case RESET_POLICIES:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_POLICIES_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_POLICIES_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_POLICIES:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<{ [id: string]: Policy }>(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    case GET_POLICY:
+    case UPDATE_POLICY:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/postsReducer.js b/studio/src/reducers/postsReducer.js
deleted file mode 100644
index e38ce5d2f..000000000
--- a/studio/src/reducers/postsReducer.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import {
-  ADD_POST,
-  ADD_POSTS,
-  ADD_POSTS_REQUEST,
-  SET_POSTS_LOADING,
-  RESET_POSTS,
-} from '../constants/posts';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function postsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_POSTS:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_POSTS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_POSTS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_POSTS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case ADD_POST:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/postsReducer.ts b/studio/src/reducers/postsReducer.ts
new file mode 100644
index 000000000..4df19cb63
--- /dev/null
+++ b/studio/src/reducers/postsReducer.ts
@@ -0,0 +1,135 @@
+import {
+  ADD_POST,
+  ADD_POSTS,
+  ADD_POSTS_REQUEST,
+  SET_POSTS_LOADING,
+  RESET_POSTS,
+} from "../constants/posts";
+import deepEqual from "deep-equal";
+
+interface Description {
+  json: any;
+  html: string;
+}
+// Define interfaces for the state and actions
+export interface Post {
+  author_ids?: number[];
+  created_at?: string;
+  updated_at?: string;
+  format_id?: number;
+  id: number;
+  title: string;
+  slug: string;
+  status?: "publish" | "draft" | "ready";
+  featured_medium_id?: number;
+  medium?: any;
+  published_date: string | null;
+  categories?: number[];
+  tags?: number[];
+  authors?: number[];
+  claims?: number[];
+  description?: any;
+  format?: number;
+  [key: string]: any;
+}
+
+interface PostsState {
+  req: RequestItem[];
+  details: Record<string | number, Post>;
+  loading: boolean;
+}
+
+interface RequestItem {
+  query: any;
+  [key: string]: any;
+}
+
+// Action interfaces
+interface ResetPostsAction {
+  type: typeof RESET_POSTS;
+}
+
+interface SetPostsLoadingAction {
+  type: typeof SET_POSTS_LOADING;
+  payload: boolean;
+}
+
+interface AddPostsRequestAction {
+  type: typeof ADD_POSTS_REQUEST;
+  payload: RequestItem;
+}
+
+interface AddPostsAction {
+  type: typeof ADD_POSTS;
+  payload: Post[];
+}
+
+interface AddPostAction {
+  type: typeof ADD_POST;
+  payload: Post;
+}
+
+// Union type for all possible action types
+type PostAction =
+  | ResetPostsAction
+  | SetPostsLoadingAction
+  | AddPostsRequestAction
+  | AddPostsAction
+  | AddPostAction;
+
+const initialState: PostsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function postsReducer(
+  state: PostsState = initialState,
+  action: PostAction = {} as PostAction
+): PostsState {
+  switch (action.type) {
+    case RESET_POSTS:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_POSTS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_POSTS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_POSTS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<Record<string | number, Post>>(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    case ADD_POST:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/profileReducer.js b/studio/src/reducers/profileReducer.js
deleted file mode 100644
index 3fb008b23..000000000
--- a/studio/src/reducers/profileReducer.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { SET_PROFILE_LOADING, ADD_PROFILE } from '../constants/profile';
-
-const initialState = {
-  details: {},
-  loading: true,
-};
-
-export default function profileReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_PROFILE_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_PROFILE:
-      return {
-        ...state,
-        details: action.payload,
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/profileReducer.ts b/studio/src/reducers/profileReducer.ts
new file mode 100644
index 000000000..0134af9f8
--- /dev/null
+++ b/studio/src/reducers/profileReducer.ts
@@ -0,0 +1,45 @@
+import { SET_PROFILE_LOADING, ADD_PROFILE } from "../constants/profile";
+
+// Define interfaces for state and actions
+interface ProfileState {
+  details: Record<string, any>;
+  loading: boolean;
+}
+
+interface SetProfileLoadingAction {
+  type: typeof SET_PROFILE_LOADING;
+  payload: boolean;
+}
+
+interface AddProfileAction {
+  type: typeof ADD_PROFILE;
+  payload: Record<string, any>;
+}
+
+// Union type for all possible profile actions
+type ProfileActionTypes = SetProfileLoadingAction | AddProfileAction;
+
+const initialState: ProfileState = {
+  details: {},
+  loading: true,
+};
+
+export default function profileReducer(
+  state: ProfileState = initialState,
+  action: ProfileActionTypes = {} as ProfileActionTypes
+): ProfileState {
+  switch (action.type) {
+    case SET_PROFILE_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_PROFILE:
+      return {
+        ...state,
+        details: action.payload,
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/ratingsReducer.js b/studio/src/reducers/ratingsReducer.js
deleted file mode 100644
index 3cb82ed86..000000000
--- a/studio/src/reducers/ratingsReducer.js
+++ /dev/null
@@ -1,61 +0,0 @@
-import {
-  ADD_RATINGS,
-  ADD_RATINGS_REQUEST,
-  SET_RATINGS_LOADING,
-  RESET_RATINGS,
-  GET_RATING,
-  UPDATE_RATING,
-} from '../constants/ratings';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function ratingsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_RATINGS:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_RATINGS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_RATINGS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_RATINGS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_RATING:
-    case UPDATE_RATING:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/ratingsReducer.ts b/studio/src/reducers/ratingsReducer.ts
new file mode 100644
index 000000000..468e7136b
--- /dev/null
+++ b/studio/src/reducers/ratingsReducer.ts
@@ -0,0 +1,122 @@
+import {
+  ADD_RATINGS,
+  ADD_RATINGS_REQUEST,
+  SET_RATINGS_LOADING,
+  RESET_RATINGS,
+  GET_RATING,
+  UPDATE_RATING,
+} from "../constants/ratings";
+import deepEqual from "deep-equal";
+
+// Define interfaces for our state and actions
+interface Rating {
+  id: string;
+  [key: string]: any; // Additional rating properties
+}
+
+interface RatingsRequest {
+  query: any;
+  [key: string]: any; // Additional request properties
+}
+
+export interface RatingsState {
+  req: RatingsRequest[];
+  details: Record<string, Rating>;
+  loading: boolean;
+}
+
+// Define action types
+interface ResetRatingsAction {
+  type: typeof RESET_RATINGS;
+}
+
+interface SetRatingsLoadingAction {
+  type: typeof SET_RATINGS_LOADING;
+  payload: boolean;
+}
+
+interface AddRatingsRequestAction {
+  type: typeof ADD_RATINGS_REQUEST;
+  payload: RatingsRequest;
+}
+
+interface AddRatingsAction {
+  type: typeof ADD_RATINGS;
+  payload: Rating[];
+}
+
+interface GetRatingAction {
+  type: typeof GET_RATING;
+  payload: Rating;
+}
+
+interface UpdateRatingAction {
+  type: typeof UPDATE_RATING;
+  payload: Rating;
+}
+
+type RatingsActionTypes =
+  | ResetRatingsAction
+  | SetRatingsLoadingAction
+  | AddRatingsRequestAction
+  | AddRatingsAction
+  | GetRatingAction
+  | UpdateRatingAction;
+
+const initialState: RatingsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function ratingsReducer(
+  state: RatingsState = initialState,
+  action: RatingsActionTypes = {} as RatingsActionTypes
+): RatingsState {
+  switch (action.type) {
+    case RESET_RATINGS:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_RATINGS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_RATINGS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_RATINGS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<Record<string, Rating>>(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    case GET_RATING:
+    case UPDATE_RATING:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/redirectReducer.js b/studio/src/reducers/redirectReducer.js
deleted file mode 100644
index 65cd82a3a..000000000
--- a/studio/src/reducers/redirectReducer.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { SET_REDIRECT } from '../constants/settings';
-
-const initialState = {
-  code: 200,
-};
-
-export default function redirectReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_REDIRECT:
-      return {
-        ...state,
-        code: action.payload,
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/redirectReducer.ts b/studio/src/reducers/redirectReducer.ts
new file mode 100644
index 000000000..698421e69
--- /dev/null
+++ b/studio/src/reducers/redirectReducer.ts
@@ -0,0 +1,33 @@
+import { SET_REDIRECT } from "../constants/settings";
+
+// Define the state interface
+interface RedirectState {
+  code: number;
+}
+
+// Define the action interface
+interface RedirectAction {
+  type: typeof SET_REDIRECT;
+  payload: number;
+}
+
+// Define the initial state
+const initialState: RedirectState = {
+  code: 200,
+};
+
+// Define the reducer function with proper type annotations
+export default function redirectReducer(
+  state: RedirectState = initialState,
+  action: RedirectAction | { type: string } = { type: "" }
+): RedirectState {
+  switch (action.type) {
+    case SET_REDIRECT:
+      return {
+        ...state,
+        code: (action as RedirectAction).payload,
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/sachFactChecksReducer.js b/studio/src/reducers/sachFactChecksReducer.js
deleted file mode 100644
index 844a84c8f..000000000
--- a/studio/src/reducers/sachFactChecksReducer.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ADD_SACH_FACT_CHECKS, SET_SACH_FACT_CHECKS_LOADING } from '../constants/sachFactChecks';
-
-const initialState = {
-  details: [],
-  loading: true,
-};
-
-export default function sachFactCheckReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case ADD_SACH_FACT_CHECKS:
-      return {
-        ...state,
-        details: [...action.payload],
-      };
-    case SET_SACH_FACT_CHECKS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/sachFactChecksReducer.ts b/studio/src/reducers/sachFactChecksReducer.ts
new file mode 100644
index 000000000..06463c75c
--- /dev/null
+++ b/studio/src/reducers/sachFactChecksReducer.ts
@@ -0,0 +1,53 @@
+import {
+  ADD_SACH_FACT_CHECKS,
+  SET_SACH_FACT_CHECKS_LOADING,
+} from "../constants/sachFactChecks";
+
+// Define interfaces for state and actions
+interface SachFactCheck {}
+
+interface SachFactChecksState {
+  details: SachFactCheck[];
+  loading: boolean;
+}
+
+interface AddSachFactChecksAction {
+  type: typeof ADD_SACH_FACT_CHECKS;
+  payload: SachFactCheck[];
+}
+
+interface SetSachFactChecksLoadingAction {
+  type: typeof SET_SACH_FACT_CHECKS_LOADING;
+  payload: boolean;
+}
+
+type SachFactChecksActionTypes =
+  | AddSachFactChecksAction
+  | SetSachFactChecksLoadingAction;
+
+// Initial state
+const initialState: SachFactChecksState = {
+  details: [],
+  loading: true,
+};
+
+// Reducer function
+export default function sachFactCheckReducer(
+  state: SachFactChecksState = initialState,
+  action: SachFactChecksActionTypes = {} as SachFactChecksActionTypes
+): SachFactChecksState {
+  switch (action.type) {
+    case ADD_SACH_FACT_CHECKS:
+      return {
+        ...state,
+        details: [...action.payload],
+      };
+    case SET_SACH_FACT_CHECKS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/searchReducer.js b/studio/src/reducers/searchReducer.js
deleted file mode 100644
index 235012626..000000000
--- a/studio/src/reducers/searchReducer.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import { SET_SEARCH_DETAILS_LOADING, ADD_SEARCH_DETAIL } from '../constants/search';
-
-const initialState = {
-  req: [],
-  details: {
-    articles: [],
-    'fact-checks': [],
-    pages: [],
-    claims: [],
-    tags: [],
-    categories: [],
-    media: [],
-    ratings: [],
-    total: 0,
-  },
-  loading: true,
-};
-
-export default function authorsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_SEARCH_DETAILS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_SEARCH_DETAIL:
-      const { data, formats } = action.payload;
-      if (data.length === 0) {
-        return initialState;
-      }
-
-      const result = {
-        articles: [],
-        'fact-checks': [],
-        pages: [],
-        claims: [],
-        tags: [],
-        categories: [],
-        media: [],
-        ratings: [],
-        total: 0,
-      };
-
-      const kind = {
-        category: 'categories',
-        tag: 'tags',
-        claim: 'claims',
-        rating: 'ratings',
-        medium: 'media',
-      };
-
-      data.forEach((each) => {
-        if (each.kind === 'post' && each.is_page) {
-          if (each.status !== 'template') result.pages.push(each);
-        } else if (each.kind === 'post') {
-          if (formats[each.format_id].slug === 'article' && each.status !== 'template') {
-            result.articles.push(each);
-          }
-          if (formats[each.format_id].slug === 'fact-check' && each.status !== 'template') {
-            result['fact-checks'].push(each);
-          }
-        } else if (kind[each.kind]) {
-          result[kind[each.kind]].push(each);
-        }
-      });
-
-      return {
-        ...state,
-        details: result,
-        total: data.length,
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/searchReducer.ts b/studio/src/reducers/searchReducer.ts
new file mode 100644
index 000000000..14ea1958d
--- /dev/null
+++ b/studio/src/reducers/searchReducer.ts
@@ -0,0 +1,135 @@
+import {
+  SET_SEARCH_DETAILS_LOADING,
+  ADD_SEARCH_DETAIL,
+} from "../constants/search";
+
+// Define interfaces for our data structures
+interface Format {
+  slug: string;
+  [key: string]: any;
+}
+
+interface Item {
+  kind: string;
+  is_page?: boolean;
+  status?: string;
+  format_id?: string;
+  [key: string]: any;
+}
+
+interface SearchDetails {
+  articles: Item[];
+  "fact-checks": Item[];
+  pages: Item[];
+  claims: Item[];
+  tags: Item[];
+  categories: Item[];
+  media: Item[];
+  ratings: Item[];
+  total: number;
+}
+
+interface SearchState {
+  req: any[];
+  details: SearchDetails;
+  loading: boolean;
+}
+
+// Define action types
+interface SetSearchDetailsLoadingAction {
+  type: typeof SET_SEARCH_DETAILS_LOADING;
+  payload: boolean;
+}
+
+interface AddSearchDetailAction {
+  type: typeof ADD_SEARCH_DETAIL;
+  payload: {
+    data: Item[];
+    formats: Record<string, Format>;
+  };
+}
+
+type SearchActionTypes = SetSearchDetailsLoadingAction | AddSearchDetailAction;
+
+const initialState: SearchState = {
+  req: [],
+  details: {
+    articles: [],
+    "fact-checks": [],
+    pages: [],
+    claims: [],
+    tags: [],
+    categories: [],
+    media: [],
+    ratings: [],
+    total: 0,
+  },
+  loading: true,
+};
+
+export default function searchReducer(
+  state: SearchState = initialState,
+  action: SearchActionTypes = {} as SearchActionTypes
+): SearchState {
+  switch (action.type) {
+    case SET_SEARCH_DETAILS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_SEARCH_DETAIL:
+      const { data, formats } = action.payload;
+      if (data.length === 0) {
+        return initialState;
+      }
+
+      const result: SearchDetails = {
+        articles: [],
+        "fact-checks": [],
+        pages: [],
+        claims: [],
+        tags: [],
+        categories: [],
+        media: [],
+        ratings: [],
+        total: 0,
+      };
+
+      const kind: Record<string, keyof SearchDetails> = {
+        category: "categories",
+        tag: "tags",
+        claim: "claims",
+        rating: "ratings",
+        medium: "media",
+      };
+
+      data.forEach((each: Item) => {
+        if (each.kind === "post" && each.is_page) {
+          if (each.status !== "template") result.pages.push(each);
+        } else if (each.kind === "post") {
+          if (
+            formats[each.format_id as string].slug === "article" &&
+            each.status !== "template"
+          ) {
+            result.articles.push(each);
+          }
+          if (
+            formats[each.format_id as string].slug === "fact-check" &&
+            each.status !== "template"
+          ) {
+            result["fact-checks"].push(each);
+          }
+        } else if (kind[each.kind]) {
+          result[kind[each.kind]].push(each);
+        }
+      });
+
+      return {
+        ...state,
+        details: result,
+        total: data.length,
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/sessionReducer.js b/studio/src/reducers/sessionReducer.js
deleted file mode 100644
index 1ef136283..000000000
--- a/studio/src/reducers/sessionReducer.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { SET_SESSIONS_LOADING, ADD_SESSION } from '../constants/session';
-
-const initialState = {
-  details: {},
-  loading: true,
-};
-
-export default function sessionReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_SESSIONS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_SESSION:
-      return {
-        ...state,
-        details: {
-          ...action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/sessionReducer.ts b/studio/src/reducers/sessionReducer.ts
new file mode 100644
index 000000000..ebb23a051
--- /dev/null
+++ b/studio/src/reducers/sessionReducer.ts
@@ -0,0 +1,47 @@
+import { SET_SESSIONS_LOADING, ADD_SESSION } from "../constants/session";
+
+// Define interfaces for state and actions
+interface SessionState {
+  details: Record<string, any>;
+  loading: boolean;
+}
+
+interface SetSessionsLoadingAction {
+  type: typeof SET_SESSIONS_LOADING;
+  payload: boolean;
+}
+
+interface AddSessionAction {
+  type: typeof ADD_SESSION;
+  payload: Record<string, any>;
+}
+
+// Union type for all possible session actions
+type SessionActionTypes = SetSessionsLoadingAction | AddSessionAction;
+
+const initialState: SessionState = {
+  details: {},
+  loading: true,
+};
+
+export default function sessionReducer(
+  state: SessionState = initialState,
+  action: SessionActionTypes = {} as SessionActionTypes
+): SessionState {
+  switch (action.type) {
+    case SET_SESSIONS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_SESSION:
+      return {
+        ...state,
+        details: {
+          ...action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/settingsReducer.js b/studio/src/reducers/settingsReducer.js
deleted file mode 100644
index 93589cc84..000000000
--- a/studio/src/reducers/settingsReducer.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import defaultSettings from '../config/proSettings';
-import { TOGGLE_SIDER } from '../constants/settings';
-
-const initialState = {
-  ...defaultSettings,
-  sider: {
-    collapsed: true,
-  },
-};
-
-export default function settingsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case TOGGLE_SIDER:
-      return {
-        ...state,
-        ...{
-          sider: {
-            collapsed: !state.sider.collapsed,
-          },
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/settingsReducer.ts b/studio/src/reducers/settingsReducer.ts
new file mode 100644
index 000000000..a1fa3c014
--- /dev/null
+++ b/studio/src/reducers/settingsReducer.ts
@@ -0,0 +1,39 @@
+import defaultSettings, { ProSettings } from "../config/proSettings";
+import { TOGGLE_SIDER } from "../constants/settings";
+
+// Define the extended state interface with sider property
+export interface SettingsState extends ProSettings {
+  sider: {
+    collapsed: boolean;
+  };
+}
+
+// Define the action interface
+export interface SettingsAction {
+  type: string;
+  payload?: any;
+}
+
+const initialState: SettingsState = {
+  ...defaultSettings,
+  sider: {
+    collapsed: true,
+  },
+};
+
+export default function settingsReducer(
+  state: SettingsState = initialState,
+  action: SettingsAction = { type: "" }
+): SettingsState {
+  switch (action.type) {
+    case TOGGLE_SIDER:
+      return {
+        ...state,
+        sider: {
+          collapsed: !state.sider.collapsed,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/sidebarReducer.js b/studio/src/reducers/sidebarReducer.js
deleted file mode 100644
index dabe0227f..000000000
--- a/studio/src/reducers/sidebarReducer.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import { SET_COLLAPSE } from './../constants/sidebar';
-
-const initialState = {
-  collapsed: false,
-};
-
-export default function sidebarReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_COLLAPSE:
-      return { collapsed: action.payload };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/sidebarReducer.ts b/studio/src/reducers/sidebarReducer.ts
new file mode 100644
index 000000000..28b054a91
--- /dev/null
+++ b/studio/src/reducers/sidebarReducer.ts
@@ -0,0 +1,28 @@
+import { SET_COLLAPSE } from "../constants/sidebar";
+
+// Define interface for the state
+interface SidebarState {
+  collapsed: boolean;
+}
+
+// Define interface for the action
+interface SidebarAction {
+  type: string;
+  payload?: boolean;
+}
+
+const initialState: SidebarState = {
+  collapsed: false,
+};
+
+export default function sidebarReducer(
+  state: SidebarState = initialState,
+  action: SidebarAction = {} as SidebarAction
+): SidebarState {
+  switch (action.type) {
+    case SET_COLLAPSE:
+      return { collapsed: action.payload as boolean };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/spaceSelectorPage.js b/studio/src/reducers/spaceSelectorPage.js
deleted file mode 100644
index d5bebc81e..000000000
--- a/studio/src/reducers/spaceSelectorPage.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import { SET_VISIBLE } from './../constants/spaceSelectorPage';
-
-const initialState = {
-  visible: false,
-};
-
-export default function spaceSelectorReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_VISIBLE: {
-      return { visible: action.payload };
-    }
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/spaceSelectorPage.ts b/studio/src/reducers/spaceSelectorPage.ts
new file mode 100644
index 000000000..79cb89674
--- /dev/null
+++ b/studio/src/reducers/spaceSelectorPage.ts
@@ -0,0 +1,29 @@
+import { SET_VISIBLE } from "../constants/spaceSelectorPage";
+
+// Define action type interface
+interface SpaceSelectorAction {
+  type: typeof SET_VISIBLE;
+  payload: boolean;
+}
+
+// Define state interface
+interface SpaceSelectorState {
+  visible: boolean;
+}
+
+const initialState: SpaceSelectorState = {
+  visible: false,
+};
+
+export default function spaceSelectorReducer(
+  state: SpaceSelectorState = initialState,
+  action: SpaceSelectorAction = {} as SpaceSelectorAction
+): SpaceSelectorState {
+  switch (action.type) {
+    case SET_VISIBLE: {
+      return { visible: action.payload };
+    }
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/spaceUsersReducer.js b/studio/src/reducers/spaceUsersReducer.js
deleted file mode 100644
index d2ec57f41..000000000
--- a/studio/src/reducers/spaceUsersReducer.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import {
-  ADD_SPACE_USERS,
-  ADD_SPACE_USERS_REQUEST,
-  SET_SPACE_USERS_LOADING,
-} from '../constants/spaceUsers';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function usersReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_SPACE_USERS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_SPACE_USERS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_SPACE_USERS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/spaceUsersReducer.ts b/studio/src/reducers/spaceUsersReducer.ts
new file mode 100644
index 000000000..af15b6bcb
--- /dev/null
+++ b/studio/src/reducers/spaceUsersReducer.ts
@@ -0,0 +1,122 @@
+import {
+  ADD_SPACE_USERS,
+  ADD_SPACE_USERS_REQUEST,
+  SET_SPACE_USERS_LOADING,
+} from "../constants/spaceUsers";
+import deepEqual from "deep-equal";
+
+// Define interfaces for our data structures
+interface SpaceUser {
+  id: string;
+  display_name: string;
+  email: string;
+  [key: string]: any;
+}
+
+interface SpaceUsersRequest {
+  query: {
+    page: string | null;
+    limit: string | null;
+    q?: string;
+    [key: string]: any;
+  };
+  data: string[];
+  total: number;
+}
+
+interface SpaceUsersState {
+  req: SpaceUsersRequest[];
+  details: {
+    [key: string]: SpaceUser;
+  };
+  loading: boolean;
+}
+
+// Define action interfaces
+interface SetSpaceUsersLoadingAction {
+  type: typeof SET_SPACE_USERS_LOADING;
+  payload: boolean;
+}
+
+interface AddSpaceUsersRequestAction {
+  type: typeof ADD_SPACE_USERS_REQUEST;
+  payload: SpaceUsersRequest;
+}
+
+interface AddSpaceUsersAction {
+  type: typeof ADD_SPACE_USERS;
+  payload: SpaceUser[];
+}
+
+// Union type for all possible actions
+type SpaceUsersAction =
+  | SetSpaceUsersLoadingAction
+  | AddSpaceUsersRequestAction
+  | AddSpaceUsersAction
+  | { type: string; payload?: any };
+
+const initialState: SpaceUsersState = {
+  req: [],
+  details: {},
+  loading: false, // Start with loading false to prevent immediate loading state
+};
+
+export default function usersReducer(
+  state: SpaceUsersState = initialState,
+  action: SpaceUsersAction = { type: "" }
+): SpaceUsersState {
+  switch (action.type) {
+    case SET_SPACE_USERS_LOADING:
+      return {
+        ...state,
+        loading: action.payload as boolean,
+      };
+
+    case ADD_SPACE_USERS_REQUEST: {
+      const request = action.payload as SpaceUsersRequest;
+
+      // Check if we already have this exact query
+      const existingRequestIndex = state.req.findIndex((req) =>
+        deepEqual(req.query, request.query)
+      );
+
+      if (existingRequestIndex >= 0) {
+        // We already have this request, just update it
+        const updatedRequests = [...state.req];
+        updatedRequests[existingRequestIndex] = request;
+
+        return {
+          ...state,
+          req: updatedRequests,
+        };
+      }
+
+      // Otherwise add it as a new request
+      return {
+        ...state,
+        req: [...state.req, request],
+      };
+    }
+
+    case ADD_SPACE_USERS: {
+      const users = action.payload as SpaceUser[];
+      if (users.length === 0) {
+        return state;
+      }
+
+      const updatedDetails: Record<string, SpaceUser> = { ...state.details };
+
+      users.forEach((user) => {
+        updatedDetails[user.id] = user;
+      });
+
+      return {
+        ...state,
+        details: updatedDetails,
+      };
+    }
+
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/spacesReducer.js b/studio/src/reducers/spacesReducer.js
deleted file mode 100644
index 4a09bdcce..000000000
--- a/studio/src/reducers/spacesReducer.js
+++ /dev/null
@@ -1,102 +0,0 @@
-import {
-  SET_SELECTED_SPACE,
-  GET_SPACES_SUCCESS,
-  ADD_SPACE_SUCCESS,
-  LOADING_SPACES,
-  DELETE_SPACE_SUCCESS,
-  UPDATE_SPACE_SUCCESS,
-} from '../constants/spaces';
-
-const initialState = {
-  orgs: [],
-  details: {},
-  loading: true,
-  selected: '',
-  org_role: '',
-};
-
-export default function spacesReducer(state = initialState, action = {}) {
-  if (!action.payload) {
-    return state;
-  }
-  switch (action.type) {
-    case LOADING_SPACES:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case GET_SPACES_SUCCESS:
-      let space_details = {};
-      action.payload.forEach((element) => {
-        element.spaces.forEach((s) => {
-          space_details[s.id] = { ...s, org_role: element.role };
-        });
-      });
-      const spaceID = localStorage.getItem('space') ? localStorage.getItem('space') : '';
-
-      const defaultSpace =
-        Object.keys(space_details).length > 0
-          ? space_details[spaceID]
-            ? space_details[spaceID].id
-            : space_details[Object.keys(space_details)[0]].id
-          : '';
-
-      const setSpaceID = space_details[state.selected] ? state.selected : defaultSpace;
-      localStorage.setItem('space', setSpaceID);
-
-      return {
-        ...state,
-        orgs: action.payload.map((each) => {
-          return {
-            ...each,
-            spaces: each.spaces.map((e) => e.id),
-          };
-        }),
-        details: space_details,
-        loading: false,
-        selected: setSpaceID,
-        org_role: space_details[setSpaceID] ? space_details[setSpaceID].org_role : '',
-      };
-    case ADD_SPACE_SUCCESS:
-      let org_index = state.orgs.findIndex(
-        (element) => element.id === action.payload.organisation_id,
-      );
-      let space_list = [...state.orgs[org_index].spaces];
-      space_list.splice(0, 0, action.payload.id);
-      let org_copy = [...state.orgs];
-      org_copy[org_index] = {
-        ...org_copy[org_index],
-        spaces: space_list,
-      };
-      localStorage.setItem('space', action.payload.id);
-      return {
-        ...state,
-        loading: false,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-        orgs: org_copy,
-        selected: action.payload.id,
-      };
-    case SET_SELECTED_SPACE:
-      localStorage.setItem('space', action.payload.id);
-      return {
-        ...state,
-        selected: action.payload.id,
-        org_role: state.details[action.payload.id] ? state.details[action.payload.id].org_role : '',
-      };
-    case UPDATE_SPACE_SUCCESS:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: { ...state.details[action.payload.id], ...action.payload },
-        },
-      };
-    case DELETE_SPACE_SUCCESS:
-      return initialState;
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/spacesReducer.ts b/studio/src/reducers/spacesReducer.ts
new file mode 100644
index 000000000..f9da2435f
--- /dev/null
+++ b/studio/src/reducers/spacesReducer.ts
@@ -0,0 +1,240 @@
+import axios from "axios";
+import {
+  SET_SELECTED_SPACE,
+  GET_SPACES_SUCCESS,
+  ADD_SPACE_SUCCESS,
+  LOADING_SPACES,
+  DELETE_SPACE_SUCCESS,
+  UPDATE_SPACE_SUCCESS,
+} from "../constants/spaces";
+
+// Define interfaces for our data structures
+export interface Space {
+  id: string;
+  organisation_id?: string;
+  org_role?: string;
+  [key: string]: any;
+}
+
+export interface Organization {
+  id: string;
+  role: string;
+  spaces: Space[] | string[];
+  [key: string]: any;
+}
+
+export interface SpacesState {
+  orgs: Organization[];
+  details: {
+    [key: string]: Space;
+  };
+  loading: boolean;
+  selected: string;
+  org_role: string;
+  lastFetched: number | null;
+  hasAttemptedFetch: boolean;
+}
+
+// Define action interfaces
+interface LoadingSpacesAction {
+  type: typeof LOADING_SPACES;
+  payload: boolean;
+}
+
+interface GetSpacesSuccessAction {
+  type: typeof GET_SPACES_SUCCESS;
+  payload: Organization[];
+}
+
+interface AddSpaceSuccessAction {
+  type: typeof ADD_SPACE_SUCCESS;
+  payload: Space;
+}
+
+interface SetSelectedSpaceAction {
+  type: typeof SET_SELECTED_SPACE;
+  payload: {
+    id: string;
+  };
+}
+
+interface UpdateSpaceSuccessAction {
+  type: typeof UPDATE_SPACE_SUCCESS;
+  payload: Space;
+}
+
+interface DeleteSpaceSuccessAction {
+  type: typeof DELETE_SPACE_SUCCESS;
+  payload: any;
+}
+
+// Union type for all possible actions
+export type SpacesAction =
+  | LoadingSpacesAction
+  | GetSpacesSuccessAction
+  | AddSpaceSuccessAction
+  | SetSelectedSpaceAction
+  | UpdateSpaceSuccessAction
+  | DeleteSpaceSuccessAction
+  | { type: string; payload?: any };
+
+// Initialize with the stored space ID to ensure there's a selected space on app load
+const storedSpaceId = localStorage.getItem("space") || "";
+
+const initialState: SpacesState = {
+  orgs: [],
+  details: {},
+  loading: true,
+  selected: storedSpaceId,
+  org_role: "",
+  lastFetched: null,
+  hasAttemptedFetch: !!storedSpaceId,
+};
+
+export function spaces(
+  state: SpacesState = initialState,
+  action: SpacesAction = { type: "" }
+): SpacesState {
+  // Return state for actions without payload, except for special cases
+  if (!action.payload && action.type !== LOADING_SPACES) {
+    return state;
+  }
+
+  switch (action.type) {
+    case LOADING_SPACES:
+      return {
+        ...state,
+        loading:
+          action.payload === undefined ? false : (action.payload as boolean),
+        hasAttemptedFetch: state.hasAttemptedFetch,
+      };
+
+    case GET_SPACES_SUCCESS: {
+      const organizations = action.payload as Organization[];
+      const space_details: { [key: string]: Space } = {};
+
+      organizations.forEach((element) => {
+        (element.spaces as Space[]).forEach((s) => {
+          space_details[s.id] = { ...s, org_role: element.role };
+        });
+      });
+
+      // Get space ID from localStorage, fallback to empty string
+      const spaceID = localStorage.getItem("space") || "";
+
+      // Use the stored ID if valid, otherwise use the first available space
+      const defaultSpace =
+        Object.keys(space_details).length > 0
+          ? space_details[spaceID]
+            ? spaceID // Use stored space if it exists
+            : Object.keys(space_details)[0] // Otherwise use first space
+          : "";
+
+      // Use the current selected space if it exists in space_details, otherwise use defaultSpace
+      const setSpaceID = space_details[state.selected]
+        ? state.selected
+        : defaultSpace;
+
+      // Store the selected space ID in localStorage
+      localStorage.setItem("space", setSpaceID);
+
+      // Update header with space ID
+      if (setSpaceID) {
+        axios.defaults.headers.common["X-Space"] = setSpaceID;
+      }
+
+      return {
+        ...state,
+        orgs: organizations.map((each) => {
+          return {
+            ...each,
+            spaces: (each.spaces as Space[]).map((e) => e.id),
+          };
+        }),
+        details: space_details,
+        loading: false,
+        selected: setSpaceID,
+        org_role: space_details[setSpaceID]
+          ? space_details[setSpaceID].org_role || ""
+          : "",
+        // Add timestamp to track when spaces were last fetched
+        lastFetched: Date.now(),
+        hasAttemptedFetch: true, // Mark that we've attempted the fetch
+      };
+    }
+
+    case ADD_SPACE_SUCCESS: {
+      const newSpace = action.payload as Space;
+      const org_index = state.orgs.findIndex(
+        (element) => element.id === newSpace.organisation_id
+      );
+
+      if (org_index === -1) {
+        return state;
+      }
+
+      const space_list = [...state.orgs[org_index].spaces] as string[];
+      space_list.splice(0, 0, newSpace.id);
+      const org_copy = [...state.orgs];
+      org_copy[org_index] = {
+        ...org_copy[org_index],
+        spaces: space_list,
+      };
+
+      localStorage.setItem("space", newSpace.id);
+
+      // Update header with new space ID
+      axios.defaults.headers.common["X-Space"] = newSpace.id;
+
+      return {
+        ...state,
+        loading: false,
+        details: {
+          ...state.details,
+          [newSpace.id]: newSpace,
+        },
+        orgs: org_copy,
+        selected: newSpace.id,
+        hasAttemptedFetch: true,
+      };
+    }
+
+    case SET_SELECTED_SPACE: {
+      const { id } = action.payload as { id: string };
+      localStorage.setItem("space", id);
+
+      // Update header with selected space ID
+      axios.defaults.headers.common["X-Space"] = id;
+
+      return {
+        ...state,
+        selected: id,
+        org_role: state.details[id] ? state.details[id].org_role || "" : "",
+      };
+    }
+
+    case UPDATE_SPACE_SUCCESS: {
+      const updatedSpace = action.payload as Space;
+
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [updatedSpace.id]: {
+            ...state.details[updatedSpace.id],
+            ...updatedSpace,
+          },
+        },
+      };
+    }
+
+    case DELETE_SPACE_SUCCESS:
+      return {
+        ...initialState,
+        hasAttemptedFetch: true,
+      };
+
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/tagsReducer.js b/studio/src/reducers/tagsReducer.js
deleted file mode 100644
index 455842c2a..000000000
--- a/studio/src/reducers/tagsReducer.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import {
-  ADD_TAGS,
-  ADD_TAGS_REQUEST,
-  SET_TAGS_LOADING,
-  RESET_TAGS,
-  GET_TAG,
-  UPDATE_TAG,
-} from '../constants/tags';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function tagsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_TAGS:
-      return {
-        ...state,
-        req: [],
-        loading: true,
-      };
-    case SET_TAGS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_TAGS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_TAGS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case GET_TAG:
-    case UPDATE_TAG:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/tagsReducer.ts b/studio/src/reducers/tagsReducer.ts
new file mode 100644
index 000000000..58329ffea
--- /dev/null
+++ b/studio/src/reducers/tagsReducer.ts
@@ -0,0 +1,129 @@
+import {
+  ADD_TAGS,
+  ADD_TAGS_REQUEST,
+  SET_TAGS_LOADING,
+  RESET_TAGS,
+  GET_TAG,
+  UPDATE_TAG,
+} from "../constants/tags";
+import deepEqual from "deep-equal";
+
+// Define interfaces for Tag, Query, and Request
+interface Tag {
+  id: string | number;
+  [key: string]: any;
+}
+
+interface Query {
+  [key: string]: any;
+}
+
+interface Request {
+  query: Query;
+  [key: string]: any;
+}
+
+// Define the state interface
+interface TagsState {
+  req: Request[];
+  details: {
+    [key: string]: Tag;
+  };
+  loading: boolean;
+}
+
+// Define action types
+interface ResetTagsAction {
+  type: typeof RESET_TAGS;
+}
+
+interface SetTagsLoadingAction {
+  type: typeof SET_TAGS_LOADING;
+  payload: boolean;
+}
+
+interface AddTagsRequestAction {
+  type: typeof ADD_TAGS_REQUEST;
+  payload: Request;
+}
+
+interface AddTagsAction {
+  type: typeof ADD_TAGS;
+  payload: Tag[];
+}
+
+interface GetTagAction {
+  type: typeof GET_TAG;
+  payload: Tag;
+}
+
+interface UpdateTagAction {
+  type: typeof UPDATE_TAG;
+  payload: Tag;
+}
+
+// Union type for all possible actions
+type TagsActionTypes =
+  | ResetTagsAction
+  | SetTagsLoadingAction
+  | AddTagsRequestAction
+  | AddTagsAction
+  | GetTagAction
+  | UpdateTagAction;
+
+const initialState: TagsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function tagsReducer(
+  state: TagsState = initialState,
+  action: TagsActionTypes = {} as TagsActionTypes
+): TagsState {
+  switch (action.type) {
+    case RESET_TAGS:
+      return {
+        ...state,
+        req: [],
+        loading: true,
+      };
+    case SET_TAGS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_TAGS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_TAGS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<{ [key: string]: Tag }>(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    case GET_TAG:
+    case UPDATE_TAG:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/tokensReducer.js b/studio/src/reducers/tokensReducer.js
deleted file mode 100644
index d1e77a37b..000000000
--- a/studio/src/reducers/tokensReducer.js
+++ /dev/null
@@ -1,42 +0,0 @@
-import {
-  ADD_SPACE_TOKENS,
-  ADD_SPACE_TOKENS_REQUEST,
-  SET_SPACE_TOKENS_LOADING,
-} from '../constants/tokens';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function tokensReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_SPACE_TOKENS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_SPACE_TOKENS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_SPACE_TOKENS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/tokensReducer.ts b/studio/src/reducers/tokensReducer.ts
new file mode 100644
index 000000000..7095c8ef5
--- /dev/null
+++ b/studio/src/reducers/tokensReducer.ts
@@ -0,0 +1,92 @@
+import {
+  ADD_SPACE_TOKENS,
+  ADD_SPACE_TOKENS_REQUEST,
+  SET_SPACE_TOKENS_LOADING,
+} from "../constants/tokens";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the token data structures
+interface TokenItem {
+  id: string;
+  [key: string]: any;
+}
+
+interface TokenRequest {
+  query: any;
+  [key: string]: any;
+}
+
+// Define the state interface
+interface TokensState {
+  req: TokenRequest[];
+  details: {
+    [key: string]: TokenItem;
+  };
+  loading: boolean;
+}
+
+// Define the action interfaces
+interface SetSpaceTokensLoadingAction {
+  type: typeof SET_SPACE_TOKENS_LOADING;
+  payload: boolean;
+}
+
+interface AddSpaceTokensRequestAction {
+  type: typeof ADD_SPACE_TOKENS_REQUEST;
+  payload: TokenRequest;
+}
+
+interface AddSpaceTokensAction {
+  type: typeof ADD_SPACE_TOKENS;
+  payload: TokenItem[];
+}
+
+// Union type for all possible actions
+type TokensActionTypes =
+  | SetSpaceTokensLoadingAction
+  | AddSpaceTokensRequestAction
+  | AddSpaceTokensAction;
+
+// Initial state
+const initialState: TokensState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+// The reducer function
+export default function tokensReducer(
+  state: TokensState = initialState,
+  action: TokensActionTypes = {} as TokensActionTypes
+): TokensState {
+  switch (action.type) {
+    case SET_SPACE_TOKENS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_SPACE_TOKENS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_SPACE_TOKENS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/usersReducer.js b/studio/src/reducers/usersReducer.js
deleted file mode 100644
index e4b306c50..000000000
--- a/studio/src/reducers/usersReducer.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import deepEqual from 'deep-equal';
-import { ADD_USERS, ADD_USERS_REQUEST, SET_USERS_LOADING } from '../constants/users';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function usersReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case SET_USERS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_USERS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_USERS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/usersReducer.ts b/studio/src/reducers/usersReducer.ts
new file mode 100644
index 000000000..12bdcbd62
--- /dev/null
+++ b/studio/src/reducers/usersReducer.ts
@@ -0,0 +1,89 @@
+import deepEqual from "deep-equal";
+import {
+  ADD_USERS,
+  ADD_USERS_REQUEST,
+  SET_USERS_LOADING,
+} from "../constants/users";
+
+// Define interfaces for our state and data structures
+interface User {
+  id: string;
+  [key: string]: any; // For any additional user properties
+}
+
+interface UserRequest {
+  query: any;
+  [key: string]: any; // For any additional request properties
+}
+
+interface UsersState {
+  req: UserRequest[];
+  details: {
+    [key: string]: User;
+  };
+  loading: boolean;
+}
+
+// Define action types
+interface SetUsersLoadingAction {
+  type: typeof SET_USERS_LOADING;
+  payload: boolean;
+}
+
+interface AddUsersRequestAction {
+  type: typeof ADD_USERS_REQUEST;
+  payload: UserRequest;
+}
+
+interface AddUsersAction {
+  type: typeof ADD_USERS;
+  payload: User[];
+}
+
+// Union type for all possible action types
+type UsersActionTypes =
+  | SetUsersLoadingAction
+  | AddUsersRequestAction
+  | AddUsersAction;
+
+const initialState: UsersState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function usersReducer(
+  state: UsersState = initialState,
+  action: UsersActionTypes = {} as UsersActionTypes
+): UsersState {
+  switch (action.type) {
+    case SET_USERS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_USERS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_USERS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce<{ [key: string]: User }>(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {}
+          ),
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/webhooklogsReducer.js b/studio/src/reducers/webhooklogsReducer.js
deleted file mode 100644
index 3bafdcfd3..000000000
--- a/studio/src/reducers/webhooklogsReducer.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import {
-  ADD_WEBHOOKLOGS,
-  ADD_WEBHOOKLOGS_REQUEST,
-  SET_WEBHOOKLOGS_LOADING,
-  RESET_WEBHOOKLOGS,
-} from '../constants/webhooklogs';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function webhooklogsReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_WEBHOOKLOGS:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_WEBHOOKLOGS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_WEBHOOKLOGS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_WEBHOOKLOGS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action?.payload?.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/webhooklogsReducer.ts b/studio/src/reducers/webhooklogsReducer.ts
new file mode 100644
index 000000000..3b9880323
--- /dev/null
+++ b/studio/src/reducers/webhooklogsReducer.ts
@@ -0,0 +1,101 @@
+import {
+  ADD_WEBHOOKLOGS,
+  ADD_WEBHOOKLOGS_REQUEST,
+  SET_WEBHOOKLOGS_LOADING,
+  RESET_WEBHOOKLOGS,
+} from "../constants/webhooklogs";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and actions
+interface WebhookLog {
+  id: string;
+  [key: string]: any;
+}
+
+interface WebhookLogRequest {
+  query: any;
+  [key: string]: any;
+}
+
+interface WebhookLogsState {
+  req: WebhookLogRequest[];
+  details: {
+    [id: string]: WebhookLog;
+  };
+  loading: boolean;
+}
+
+// Define action types
+interface ResetWebhookLogsAction {
+  type: typeof RESET_WEBHOOKLOGS;
+}
+
+interface SetWebhookLogsLoadingAction {
+  type: typeof SET_WEBHOOKLOGS_LOADING;
+  payload: boolean;
+}
+
+interface AddWebhookLogsRequestAction {
+  type: typeof ADD_WEBHOOKLOGS_REQUEST;
+  payload: WebhookLogRequest;
+}
+
+interface AddWebhookLogsAction {
+  type: typeof ADD_WEBHOOKLOGS;
+  payload: WebhookLog[];
+}
+
+type WebhookLogsActionTypes =
+  | ResetWebhookLogsAction
+  | SetWebhookLogsLoadingAction
+  | AddWebhookLogsRequestAction
+  | AddWebhookLogsAction;
+
+const initialState: WebhookLogsState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function webhooklogsReducer(
+  state: WebhookLogsState = initialState,
+  action: WebhookLogsActionTypes = {} as WebhookLogsActionTypes
+): WebhookLogsState {
+  switch (action.type) {
+    case RESET_WEBHOOKLOGS:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_WEBHOOKLOGS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_WEBHOOKLOGS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_WEBHOOKLOGS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {} as { [id: string]: WebhookLog }
+          ),
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/reducers/webhooksReducer.js b/studio/src/reducers/webhooksReducer.js
deleted file mode 100644
index 4d39958d2..000000000
--- a/studio/src/reducers/webhooksReducer.js
+++ /dev/null
@@ -1,59 +0,0 @@
-import {
-  ADD_WEBHOOK,
-  ADD_WEBHOOKS,
-  ADD_WEBHOOKS_REQUEST,
-  SET_WEBHOOKS_LOADING,
-  RESET_WEBHOOKS,
-} from '../constants/webhooks';
-import deepEqual from 'deep-equal';
-
-const initialState = {
-  req: [],
-  details: {},
-  loading: true,
-};
-
-export default function webhooksReducer(state = initialState, action = {}) {
-  switch (action.type) {
-    case RESET_WEBHOOKS:
-      return {
-        ...state,
-        req: [],
-        details: {},
-        loading: true,
-      };
-    case SET_WEBHOOKS_LOADING:
-      return {
-        ...state,
-        loading: action.payload,
-      };
-    case ADD_WEBHOOKS_REQUEST:
-      return {
-        ...state,
-        req: state.req
-          .filter((value) => !deepEqual(value.query, action.payload.query))
-          .concat(action.payload),
-      };
-    case ADD_WEBHOOKS:
-      if (action.payload.length === 0) {
-        return state;
-      }
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          ...action.payload.reduce((obj, item) => Object.assign(obj, { [item.id]: item }), {}),
-        },
-      };
-    case ADD_WEBHOOK:
-      return {
-        ...state,
-        details: {
-          ...state.details,
-          [action.payload.id]: action.payload,
-        },
-      };
-    default:
-      return state;
-  }
-}
diff --git a/studio/src/reducers/webhooksReducer.ts b/studio/src/reducers/webhooksReducer.ts
new file mode 100644
index 000000000..5ff8ad823
--- /dev/null
+++ b/studio/src/reducers/webhooksReducer.ts
@@ -0,0 +1,116 @@
+import {
+  ADD_WEBHOOK,
+  ADD_WEBHOOKS,
+  ADD_WEBHOOKS_REQUEST,
+  SET_WEBHOOKS_LOADING,
+  RESET_WEBHOOKS,
+} from "../constants/webhooks";
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and actions
+interface Webhook {
+  id: string;
+  [key: string]: any;
+}
+
+interface WebhookRequest {
+  query: any;
+  [key: string]: any;
+}
+
+interface WebhooksState {
+  req: WebhookRequest[];
+  details: {
+    [id: string]: Webhook;
+  };
+  loading: boolean;
+}
+
+// Define action types
+interface ResetWebhooksAction {
+  type: typeof RESET_WEBHOOKS;
+}
+
+interface SetWebhooksLoadingAction {
+  type: typeof SET_WEBHOOKS_LOADING;
+  payload: boolean;
+}
+
+interface AddWebhooksRequestAction {
+  type: typeof ADD_WEBHOOKS_REQUEST;
+  payload: WebhookRequest;
+}
+
+interface AddWebhooksAction {
+  type: typeof ADD_WEBHOOKS;
+  payload: Webhook[];
+}
+
+interface AddWebhookAction {
+  type: typeof ADD_WEBHOOK;
+  payload: Webhook;
+}
+
+type WebhooksActionTypes =
+  | ResetWebhooksAction
+  | SetWebhooksLoadingAction
+  | AddWebhooksRequestAction
+  | AddWebhooksAction
+  | AddWebhookAction;
+
+const initialState: WebhooksState = {
+  req: [],
+  details: {},
+  loading: true,
+};
+
+export default function webhooksReducer(
+  state: WebhooksState = initialState,
+  action: WebhooksActionTypes = {} as WebhooksActionTypes
+): WebhooksState {
+  switch (action.type) {
+    case RESET_WEBHOOKS:
+      return {
+        ...state,
+        req: [],
+        details: {},
+        loading: true,
+      };
+    case SET_WEBHOOKS_LOADING:
+      return {
+        ...state,
+        loading: action.payload,
+      };
+    case ADD_WEBHOOKS_REQUEST:
+      return {
+        ...state,
+        req: state.req
+          .filter((value) => !deepEqual(value.query, action.payload.query))
+          .concat(action.payload),
+      };
+    case ADD_WEBHOOKS:
+      if (action.payload.length === 0) {
+        return state;
+      }
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          ...action.payload.reduce(
+            (obj, item) => Object.assign(obj, { [item.id]: item }),
+            {} as { [id: string]: Webhook }
+          ),
+        },
+      };
+    case ADD_WEBHOOK:
+      return {
+        ...state,
+        details: {
+          ...state.details,
+          [action.payload.id]: action.payload,
+        },
+      };
+    default:
+      return state;
+  }
+}
diff --git a/studio/src/selectors/claims.js b/studio/src/selectors/claims.js
deleted file mode 100644
index e4eb90cdb..000000000
--- a/studio/src/selectors/claims.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import deepEqual from 'deep-equal';
-
-export const claimSelector = ({ claims, claimants, ratings }, page) => {
-  const node = claims.req.find((item) => {
-    return deepEqual(item.query, { page });
-  });
-
-  if (node) {
-    const list = node.data.map((element) => {
-      let claim = claims.details[element];
-      claim.claimant = claimants.details[claim.claimant_id].name;
-      claim.rating = ratings.details[claim.rating_id].name;
-      return claim;
-    });
-    return {
-      claims: list,
-      total: node.total,
-      loading: claims.loading,
-    };
-  }
-  return { claims: [], total: 0, loading: claims.loading };
-};
diff --git a/studio/src/selectors/claims.test.js b/studio/src/selectors/claims.test.js
deleted file mode 100644
index 32fab4845..000000000
--- a/studio/src/selectors/claims.test.js
+++ /dev/null
@@ -1,166 +0,0 @@
-import { claimSelector } from './claims';
-
-const state = {
-  claims: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2020-07-16T13:39:03.832809Z',
-        updated_at: '2020-07-16T13:39:03.832809Z',
-        deleted_at: null,
-        title: 'Claim-1',
-        slug: 'claim-1',
-        claimant_id: 1,
-        rating_id: 1,
-        space_id: 1,
-      },
-      '2': {
-        id: 2,
-        created_at: '2020-07-17T13:01:56.767057Z',
-        updated_at: '2020-07-17T13:01:56.767057Z',
-        deleted_at: null,
-        title: 'Claim-2',
-        slug: 'claim-2',
-        claimant_id: 2,
-        rating_id: 2,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  claimants: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2020-07-16T13:35:46.135593Z',
-        updated_at: '2020-07-16T13:35:46.135593Z',
-        deleted_at: null,
-        name: 'Times of India',
-        slug: 'times-of-india',
-        description: '',
-        tag_line: '',
-        medium_id: 0,
-        space_id: 1,
-      },
-      '2': {
-        id: 2,
-        created_at: '2020-07-20T06:07:22.852038Z',
-        updated_at: '2020-07-20T06:07:22.852038Z',
-        deleted_at: null,
-        name: 'Whatsapp',
-        slug: 'whatsapp',
-        description: '',
-        tag_line: '',
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-  ratings: {
-    req: [
-      {
-        data: [1, 2],
-        query: {
-          page: 1,
-        },
-        total: 2,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2020-07-16T13:35:54.283014Z',
-        updated_at: '2020-07-16T13:35:54.283014Z',
-        deleted_at: null,
-        name: 'False',
-        slug: 'false',
-        description: '',
-        numeric_value: 1,
-        medium_id: 0,
-        space_id: 1,
-      },
-      '2': {
-        id: 2,
-        created_at: '2020-07-20T06:06:48.388471Z',
-        updated_at: '2020-07-20T06:06:48.388471Z',
-        deleted_at: null,
-        name: 'True',
-        slug: 'True',
-        description: '',
-        numeric_value: 5,
-        medium_id: 0,
-        space_id: 1,
-      },
-    },
-    loading: false,
-  },
-};
-
-describe('Claims Selector', () => {
-  it('should map entities based on query', () => {
-    const page = 1;
-    const entity = 'categories';
-    const expected = {
-      claims: [
-        {
-          id: 1,
-          created_at: '2020-07-16T13:39:03.832809Z',
-          updated_at: '2020-07-16T13:39:03.832809Z',
-          deleted_at: null,
-          title: 'Claim-1',
-          slug: 'claim-1',
-          claimant_id: 1,
-          claimant: 'Times of India',
-          rating_id: 1,
-          rating: 'False',
-          space_id: 1,
-        },
-        {
-          id: 2,
-          created_at: '2020-07-17T13:01:56.767057Z',
-          updated_at: '2020-07-17T13:01:56.767057Z',
-          deleted_at: null,
-          title: 'Claim-2',
-          slug: 'claim-2',
-          claimant_id: 2,
-          claimant: 'Whatsapp',
-          rating_id: 2,
-          rating: 'True',
-          space_id: 1,
-        },
-      ],
-      total: 2,
-      loading: false,
-    };
-    expect(claimSelector(state, page, entity)).toEqual(expected);
-  });
-  it('should return empty empty list when query doesnt exist', () => {
-    const page = 2;
-    const entity = 'categories';
-    const expected = {
-      claims: [],
-      total: 0,
-      loading: false,
-    };
-    expect(claimSelector(state, page, entity)).toEqual(expected);
-  });
-});
diff --git a/studio/src/selectors/claims.ts b/studio/src/selectors/claims.ts
new file mode 100644
index 000000000..dd4d5f9a7
--- /dev/null
+++ b/studio/src/selectors/claims.ts
@@ -0,0 +1,76 @@
+import deepEqual from "deep-equal";
+
+// Define interfaces for the data structures
+interface Claim {
+  claimant_id: string;
+  rating_id: string;
+  claimant?: string;
+  rating?: string;
+  [key: string]: any; // For other properties that might exist in a claim
+}
+
+interface Claimant {
+  name: string;
+  [key: string]: any;
+}
+
+interface Rating {
+  name: string;
+  [key: string]: any;
+}
+
+interface ClaimNode {
+  query: { page: number };
+  data: string[];
+  total: number;
+}
+
+interface ClaimsState {
+  req: ClaimNode[];
+  details: { [key: string]: Claim };
+  loading: boolean;
+}
+
+interface ClaimantsState {
+  details: { [key: string]: Claimant };
+}
+
+interface RatingsState {
+  details: { [key: string]: Rating };
+}
+
+interface StoreState {
+  claims: ClaimsState;
+  claimants: ClaimantsState;
+  ratings: RatingsState;
+}
+
+interface ClaimSelectorResult {
+  claims: Claim[];
+  total: number;
+  loading: boolean;
+}
+
+export const claimSelector = (
+  state: StoreState,
+  page: number
+): ClaimSelectorResult => {
+  const node = state.claims.req.find((item) => {
+    return deepEqual(item.query, { page });
+  });
+
+  if (node) {
+    const list = node.data.map((element) => {
+      const claim = { ...state.claims.details[element] };
+      claim.claimant = state.claimants.details[claim.claimant_id].name;
+      claim.rating = state.ratings.details[claim.rating_id].name;
+      return claim;
+    });
+    return {
+      claims: list,
+      total: node.total,
+      loading: state.claims.loading,
+    };
+  }
+  return { claims: [], total: 0, loading: state.claims.loading };
+};
diff --git a/studio/src/selectors/index.js b/studio/src/selectors/index.js
deleted file mode 100644
index 69eb093de..000000000
--- a/studio/src/selectors/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import deepEqual from 'deep-equal';
-
-export const entitySelector = (state, page, entity) => {
-  const node = state[entity].req.find((item) => {
-    return deepEqual(item.query, { page });
-  });
-
-  if (node)
-    return {
-      [entity]: node.data.map((element) => state[entity].details[element]),
-      total: node.total,
-      loading: state[entity].loading,
-    };
-  return { [entity]: [], total: 0, loading: state[entity].loading };
-};
diff --git a/studio/src/selectors/index.test.js b/studio/src/selectors/index.test.js
deleted file mode 100644
index 5a7870cb0..000000000
--- a/studio/src/selectors/index.test.js
+++ /dev/null
@@ -1,113 +0,0 @@
-import { entitySelector } from './index';
-
-const state = {
-  categories: {
-    req: [
-      {
-        data: [1, 2, 3],
-        query: {
-          page: 1,
-        },
-        total: 3,
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2020-07-17T10:14:44.251814Z',
-        updated_at: '2020-07-17T10:14:44.251814Z',
-        deleted_at: null,
-        name: 'category-1',
-        slug: 'category-1',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 1,
-      },
-      '2': {
-        id: 2,
-        created_at: '2020-07-17T10:14:48.173442Z',
-        updated_at: '2020-07-17T10:14:48.173442Z',
-        deleted_at: null,
-        name: 'category-2',
-        slug: 'category-2',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 2,
-      },
-      '3': {
-        id: 3,
-        created_at: '2020-07-17T13:14:56.161227Z',
-        updated_at: '2020-07-17T13:14:56.161227Z',
-        deleted_at: null,
-        name: 'category-3',
-        slug: 'category-3',
-        description: '',
-        parent_id: 0,
-        medium_id: 0,
-        space_id: 2,
-      },
-    },
-    loading: false,
-  },
-};
-describe('Entity Selector', () => {
-  it('should map entities based on query', () => {
-    const page = 1;
-    const entity = 'categories';
-    const expected = {
-      categories: [
-        {
-          id: 1,
-          created_at: '2020-07-17T10:14:44.251814Z',
-          updated_at: '2020-07-17T10:14:44.251814Z',
-          deleted_at: null,
-          name: 'category-1',
-          slug: 'category-1',
-          description: '',
-          parent_id: 0,
-          medium_id: 0,
-          space_id: 1,
-        },
-        {
-          id: 2,
-          created_at: '2020-07-17T10:14:48.173442Z',
-          updated_at: '2020-07-17T10:14:48.173442Z',
-          deleted_at: null,
-          name: 'category-2',
-          slug: 'category-2',
-          description: '',
-          parent_id: 0,
-          medium_id: 0,
-          space_id: 2,
-        },
-        {
-          id: 3,
-          created_at: '2020-07-17T13:14:56.161227Z',
-          updated_at: '2020-07-17T13:14:56.161227Z',
-          deleted_at: null,
-          name: 'category-3',
-          slug: 'category-3',
-          description: '',
-          parent_id: 0,
-          medium_id: 0,
-          space_id: 2,
-        },
-      ],
-      total: 3,
-      loading: false,
-    };
-    expect(entitySelector(state, page, entity)).toEqual(expected);
-  });
-  it('should return empty empty list when query doesnt exist', () => {
-    const page = 2;
-    const entity = 'categories';
-    const expected = {
-      categories: [],
-      total: 0,
-      loading: false,
-    };
-    expect(entitySelector(state, page, entity)).toEqual(expected);
-  });
-});
diff --git a/studio/src/selectors/index.ts b/studio/src/selectors/index.ts
new file mode 100644
index 000000000..9094f1080
--- /dev/null
+++ b/studio/src/selectors/index.ts
@@ -0,0 +1,83 @@
+import deepEqual from "deep-equal";
+
+// Define interfaces for the state and other objects
+interface Query {
+  page: string | null;
+  limit: string | null;
+  q?: string;
+  [key: string]: any;
+}
+
+interface RequestNode {
+  query: Query;
+  data: string[] | number[];
+  total: number;
+}
+
+interface EntityState {
+  req: RequestNode[];
+  details: { [key: string]: any };
+  loading: boolean;
+}
+
+interface State {
+  [key: string]: EntityState;
+}
+
+interface SelectorResult {
+  [key: string]: any[] | number | boolean;
+  total: number;
+  loading: boolean;
+}
+
+export const entitySelector = (
+  state: State,
+  query: {
+    page?: number | string | null;
+    limit?: number | string | null;
+    [key: string]: any;
+  },
+  entity: string
+): SelectorResult => {
+  // Normalize the query format to match what is stored in state
+  const normalizedQuery = {
+    page: query.page?.toString() || null,
+    limit: query.limit?.toString() || null,
+  };
+
+  // Find the matching request node
+  const node = state[entity]?.req.find((item) => {
+    return deepEqual(item.query, normalizedQuery);
+  });
+
+  if (node) {
+    // Create an empty result object
+    const result: SelectorResult = {
+      total: node.total,
+      loading: state[entity].loading,
+      [entity]: [],
+    };
+
+    // Map the entity data and store it with the entity name as key
+    result[entity] = node.data
+      .map((element) => {
+        // Make sure the element exists in details before returning it
+        return state[entity].details[element] || null;
+      })
+      .filter(Boolean); // Remove any null values
+
+    return result;
+  }
+
+  // Handle case where entity might not exist or req array is empty
+  if (!state[entity]) {
+    console.warn(`Entity "${entity}" not found in state`);
+    return { [entity]: [], total: 0, loading: false };
+  }
+
+  return {
+    [entity]: [],
+    total: 0,
+    loading: state[entity].loading,
+  };
+};
diff --git a/studio/src/selectors/spaces.js b/studio/src/selectors/spaces.js
deleted file mode 100644
index 55646c755..000000000
--- a/studio/src/selectors/spaces.js
+++ /dev/null
@@ -1,11 +0,0 @@
-export const spaceSelector = (state) => {
-  const selectedOrg = state.spaces.orgs.find((item) => item.spaces.includes(state.spaces.selected));
-  let spaces = [];
-  if (selectedOrg) {
-    spaces = selectedOrg.spaces.map((s) => state.spaces.details[s]);
-  }
-  return {
-    loading: state.spaces.loading,
-    spaces: spaces,
-  };
-};
diff --git a/studio/src/selectors/spaces.test.js b/studio/src/selectors/spaces.test.js
deleted file mode 100644
index 2ce0cbf64..000000000
--- a/studio/src/selectors/spaces.test.js
+++ /dev/null
@@ -1,123 +0,0 @@
-import { spaceSelector } from './spaces';
-const state = {
-  spaces: {
-    orgs: [
-      {
-        id: 1,
-        created_at: '2020-07-11T10:32:16.739676Z',
-        updated_at: '2020-07-11T10:32:22.200875Z',
-        deleted_at: null,
-        title: 'Times of India',
-        slug: '',
-        permission: {
-          id: 1,
-          created_at: '2020-07-11T10:32:16.75739Z',
-          updated_at: '2020-07-11T10:32:16.75739Z',
-          deleted_at: null,
-          role: 'owner',
-        },
-        spaces: [1],
-      },
-      {
-        id: 2,
-        created_at: '2020-07-11T10:32:16.739676Z',
-        updated_at: '2020-07-11T10:32:22.200875Z',
-        deleted_at: null,
-        title: 'Eenadu',
-        slug: '',
-        permission: {
-          id: 1,
-          created_at: '2020-07-11T10:32:16.75739Z',
-          updated_at: '2020-07-11T10:32:16.75739Z',
-          deleted_at: null,
-          role: 'owner',
-        },
-        spaces: [2],
-      },
-    ],
-    details: {
-      '1': {
-        id: 1,
-        created_at: '2020-07-16T13:30:32.897274Z',
-        updated_at: '2020-07-16T13:30:32.897274Z',
-        deleted_at: null,
-        name: 'English',
-        slug: 'english',
-        organisation_id: 1,
-      },
-      '2': {
-        id: 2,
-        created_at: '2020-07-16T13:30:32.897274Z',
-        updated_at: '2020-07-16T13:30:32.897274Z',
-        deleted_at: null,
-        name: 'Telugu',
-        slug: 'telugu',
-        organisation_id: 2,
-      },
-    },
-    loading: false,
-    selected: 1,
-  },
-};
-
-describe('Spaces Selector', () => {
-  it('should map spaces based on selected space', () => {
-    const expected = {
-      spaces: [
-        {
-          id: 1,
-          created_at: '2020-07-16T13:30:32.897274Z',
-          updated_at: '2020-07-16T13:30:32.897274Z',
-          deleted_at: null,
-          name: 'English',
-          slug: 'english',
-          organisation_id: 1,
-        },
-      ],
-      loading: false,
-    };
-    expect(spaceSelector(state)).toEqual(expected);
-  });
-  it('should return empty spaces when organisation with selected space is unavailable', () => {
-    const state = {
-      spaces: {
-        orgs: [
-          {
-            id: 1,
-            created_at: '2020-07-11T10:32:16.739676Z',
-            updated_at: '2020-07-11T10:32:22.200875Z',
-            deleted_at: null,
-            title: 'Times of India',
-            slug: '',
-            permission: {
-              id: 200,
-              created_at: '2020-07-11T10:32:16.75739Z',
-              updated_at: '2020-07-11T10:32:16.75739Z',
-              deleted_at: null,
-              role: 'owner',
-            },
-            spaces: [100],
-          },
-        ],
-        details: {
-          '100': {
-            id: 100,
-            created_at: '2020-07-16T13:30:32.897274Z',
-            updated_at: '2020-07-16T13:30:32.897274Z',
-            deleted_at: null,
-            name: 'English',
-            slug: 'english',
-            organisation_id: 1,
-          },
-        },
-        loading: false,
-        selected: 3,
-      },
-    };
-    const expected = {
-      spaces: [],
-      loading: false,
-    };
-    expect(spaceSelector(state)).toEqual(expected);
-  });
-});
diff --git a/studio/src/selectors/spaces.ts b/studio/src/selectors/spaces.ts
new file mode 100644
index 000000000..cfd0eeb03
--- /dev/null
+++ b/studio/src/selectors/spaces.ts
@@ -0,0 +1,73 @@
+import { createSelector } from "reselect";
+
+interface Space {
+  id: string;
+  name: string;
+  site_address: string;
+  site_title: string;
+  tag_line: string;
+  org_role?: string;
+}
+
+interface Organization {
+  id: string;
+  title: string;
+  role: string;
+  spaces: string[];
+}
+
+interface SpacesState {
+  orgs: Organization[];
+  selected: string;
+  details: Record<string, Space>;
+  loading: boolean;
+  org_role: string;
+  hasAttemptedFetch: boolean;
+}
+
+interface RootState {
+  spaces: SpacesState;
+}
+
+interface SelectorOutput {
+  loading: boolean;
+  spaces: Space[];
+  total: number;
+  hasAttemptedFetch: boolean;
+}
+
+const getSpacesState = (state: RootState) => state.spaces;
+
+export const spaceSelector = createSelector(
+  [getSpacesState],
+  (spacesState): SelectorOutput => {
+    if (!spacesState) {
+      return {
+        loading: false,
+        spaces: [],
+        total: 0,
+        hasAttemptedFetch: false,
+      };
+    }
+
+    // Find the organization that contains the selected space
+    const selectedOrg = spacesState.orgs.find((item) =>
+      item.spaces.includes(spacesState.selected)
+    );
+
+    let spaces: Space[] = [];
+
+    if (selectedOrg) {
+      spaces = selectedOrg.spaces
+        .map((s) => spacesState.details[s])
+        .filter(Boolean);
+    }
+
+    return {
+      loading: spacesState.loading,
+      spaces: spaces,
+      total: spaces.length,
+      hasAttemptedFetch: spacesState.hasAttemptedFetch || false,
+    };
+  }
+);
diff --git a/studio/src/serviceWorker.js b/studio/src/serviceWorker.js
deleted file mode 100644
index 06f0fecdb..000000000
--- a/studio/src/serviceWorker.js
+++ /dev/null
@@ -1,137 +0,0 @@
-// This optional code is used to register a service worker.
-// register() is not called by default.
-
-// This lets the app load faster on subsequent visits in production, and gives
-// it offline capabilities. However, it also means that developers (and users)
-// will only see deployed updates on subsequent visits to a page, after all the
-// existing tabs open on the page have been closed, since previously cached
-// resources are updated in the background.
-
-// To learn more about the benefits of this model and instructions on how to
-// opt-in, read https://bit.ly/CRA-PWA
-
-const isLocalhost = Boolean(
-  window.location.hostname === 'localhost' ||
-    // [::1] is the IPv6 localhost address.
-    window.location.hostname === '[::1]' ||
-    // 127.0.0.0/8 are considered localhost for IPv4.
-    window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/),
-);
-
-export function register(config) {
-  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
-    // The URL constructor is available in all browsers that support SW.
-    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
-    if (publicUrl.origin !== window.location.origin) {
-      // Our service worker won't work if PUBLIC_URL is on a different origin
-      // from what our page is served on. This might happen if a CDN is used to
-      // serve assets; see https://github.com/facebook/create-react-app/issues/2374
-      return;
-    }
-
-    window.addEventListener('load', () => {
-      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
-
-      if (isLocalhost) {
-        // This is running on localhost. Let's check if a service worker still exists or not.
-        checkValidServiceWorker(swUrl, config);
-
-        // Add some additional logging to localhost, pointing developers to the
-        // service worker/PWA documentation.
-        navigator.serviceWorker.ready.then(() => {
-          console.log(
-            'This web app is being served cache-first by a service ' +
-              'worker. To learn more, visit https://bit.ly/CRA-PWA',
-          );
-        });
-      } else {
-        // Is not localhost. Just register service worker
-        registerValidSW(swUrl, config);
-      }
-    });
-  }
-}
-
-function registerValidSW(swUrl, config) {
-  navigator.serviceWorker
-    .register(swUrl)
-    .then((registration) => {
-      registration.onupdatefound = () => {
-        const installingWorker = registration.installing;
-        if (installingWorker == null) {
-          return;
-        }
-        installingWorker.onstatechange = () => {
-          if (installingWorker.state === 'installed') {
-            if (navigator.serviceWorker.controller) {
-              // At this point, the updated precached content has been fetched,
-              // but the previous service worker will still serve the older
-              // content until all client tabs are closed.
-              console.log(
-                'New content is available and will be used when all ' +
-                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.',
-              );
-
-              // Execute callback
-              if (config && config.onUpdate) {
-                config.onUpdate(registration);
-              }
-            } else {
-              // At this point, everything has been precached.
-              // It's the perfect time to display a
-              // "Content is cached for offline use." message.
-              console.log('Content is cached for offline use.');
-
-              // Execute callback
-              if (config && config.onSuccess) {
-                config.onSuccess(registration);
-              }
-            }
-          }
-        };
-      };
-    })
-    .catch((error) => {
-      console.error('Error during service worker registration:', error);
-    });
-}
-
-function checkValidServiceWorker(swUrl, config) {
-  // Check if the service worker can be found. If it can't reload the page.
-  fetch(swUrl, {
-    headers: { 'Service-Worker': 'script' },
-  })
-    .then((response) => {
-      // Ensure service worker exists, and that we really are getting a JS file.
-      const contentType = response.headers.get('content-type');
-      if (
-        response.status === 404 ||
-        (contentType != null && contentType.indexOf('javascript') === -1)
-      ) {
-        // No service worker found. Probably a different app. Reload the page.
-        navigator.serviceWorker.ready.then((registration) => {
-          registration.unregister().then(() => {
-            window.location.reload();
-          });
-        });
-      } else {
-        // Service worker found. Proceed as normal.
-        registerValidSW(swUrl, config);
-      }
-    })
-    .catch(() => {
-      console.log('No internet connection found. App is running in offline mode.');
-    });
-}
-
-export function unregister() {
-  if ('serviceWorker' in navigator) {
-    navigator.serviceWorker.ready
-      .then((registration) => {
-        registration.unregister();
-      })
-      .catch((error) => {
-        console.error(error.message);
-      });
-  }
-}
diff --git a/studio/src/setupTests.js b/studio/src/setupTests.js
deleted file mode 100644
index daf9999f9..000000000
--- a/studio/src/setupTests.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { configure } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-configure({ adapter: new Adapter() });
-
-global.MutationObserver = class {
-  constructor(callback) {}
-  disconnect() {}
-  observe(element, initObject) {}
-  takeRecords() {
-    return [];
-  }
-};
-global.document.getSelection = function () {};
diff --git a/studio/src/store/index.js b/studio/src/store/index.js
deleted file mode 100644
index c21873a3c..000000000
--- a/studio/src/store/index.js
+++ /dev/null
@@ -1,13 +0,0 @@
-import { createStore, applyMiddleware } from 'redux';
-import rootReducer from '../reducers';
-import { composeWithDevTools } from 'redux-devtools-extension';
-import thunk from 'redux-thunk';
-import axiosAuth from '../utils/axiosAuth';
-
-const middleware = [thunk];
-const store = createStore(
-  rootReducer,
-  composeWithDevTools(applyMiddleware(...middleware, axiosAuth)),
-);
-
-export default store;
diff --git a/studio/src/store/index.tsx b/studio/src/store/index.tsx
new file mode 100644
index 000000000..2fc7a8d04
--- /dev/null
+++ b/studio/src/store/index.tsx
@@ -0,0 +1,27 @@
+import { configureStore } from "@reduxjs/toolkit";
+import rootReducer from "../reducers/index";
+import axiosAuth from "../utils/axiosAuth";
+
+// Create the Redux store
+const store = configureStore({
+  reducer: rootReducer,
+  middleware: (getDefaultMiddleware) =>
+    getDefaultMiddleware().concat(axiosAuth),
+  preloadedState: {
+    // Initialize spaces state with the stored space ID
+    spaces: {
+      orgs: [],
+      details: {},
+      loading: true,
+      selected: localStorage.getItem("space") || "",
+      org_role: "",
+      lastFetched: null,
+      hasAttemptedFetch: false,
+    },
+  },
+});
+
+export type AppDispatch = typeof store.dispatch;
+export type RootState = ReturnType<typeof store.getState>;
+
+export default store;
diff --git a/studio/src/store/types.ts b/studio/src/store/types.ts
new file mode 100644
index 000000000..d8c740152
--- /dev/null
+++ b/studio/src/store/types.ts
@@ -0,0 +1,50 @@
+import { ThunkAction, ThunkDispatch } from "redux-thunk";
+import { AnyAction } from "redux";
+import { RootState } from ".";
+
+export type AppThunk<ReturnType = void> = ThunkAction<
+  ReturnType,
+  RootState,
+  unknown,
+  AnyAction
+>;
+
+// Define the type for dispatch function when using with thunks
+export type AppThunkDispatch = ThunkDispatch<RootState, unknown, AnyAction>;
+
+// Define notification action type
+export interface NotificationAction {
+  type: string;
+  payload: {
+    type: string;
+    title: string;
+    message: string;
+    time: number;
+  };
+}
+
+// Media state types
+export interface Medium {
+  id: string | number;
+  name?: string;
+  alt_text?: string;
+  caption?: string;
+  description?: string;
+  url?: {
+    proxy?: string;
+    raw: string;
+  };
+  [key: string]: any;
+}
+
+export interface MediaRequest {
+  query: Record<string, any>;
+  data: (string | number)[];
+  total: number;
+}
+
+export interface MediaState {
+  req: MediaRequest[];
+  details: Record<string | number, Medium>;
+  loading: boolean;
+}
diff --git a/studio/src/styles/variables.less b/studio/src/styles/variables.less
deleted file mode 100644
index 9114ac01d..000000000
--- a/studio/src/styles/variables.less
+++ /dev/null
@@ -1,2 +0,0 @@
-@primary-color: #2f54eb;
-@link-color: #2f54eb;
\ No newline at end of file
diff --git a/studio/src/types/index.ts b/studio/src/types/index.ts
new file mode 100644
index 000000000..f183ec8ef
--- /dev/null
+++ b/studio/src/types/index.ts
@@ -0,0 +1,84 @@
+import { ThunkDispatch } from "redux-thunk";
+import { AnyAction } from "redux";
+
+export interface Post {
+  id: number;
+  [key: string]: any;
+}
+
+export interface PostsState {
+  req: Array<{
+    query: any;
+    [key: string]: any;
+  }>;
+  details: {
+    [key: number]: Post;
+  };
+  loading: boolean;
+}
+
+export interface Rating {
+  id?: number;
+  name: string;
+  slug: string;
+  numeric_value: number;
+  meta_fields?: string | object;
+  background_colour?: ColorResult | null;
+  text_colour?: ColorResult | null;
+}
+
+export interface RatingsState {
+  loading: boolean;
+  details: {
+    [key: number]: Rating;
+  };
+}
+
+export interface ColorResult {
+  hex: string;
+}
+
+export interface RootState {
+  admin: any;
+  info: any;
+  settings: any;
+  spaces: any;
+  session: any;
+  organisations: any;
+  redirect: any;
+  organisationRequests: any;
+  spacePermissions: any;
+  spaceRequests: any;
+  categories: any;
+  tags: any;
+  formats: any;
+  googleFactChecks: any;
+  media: any;
+  authors: any;
+  posts: PostsState;
+  pages: any;
+  ratings: RatingsState;
+  claimants: any;
+  claims: any;
+  notifications: {
+    type: string | null;
+    message: string | null;
+    description: string | null;
+    time: number | null;
+  };
+  policies: any;
+  permissions: any;
+  users: any;
+  menus: any;
+  sidebar: any;
+  spaceSelectorPage: any;
+  events: any;
+  webhooks: any;
+  webhooklogs: any;
+  profile: any;
+  search: any;
+  sachFactChecks: any;
+  roles: any;
+}
+
+export type AppDispatch = ThunkDispatch<RootState, unknown, AnyAction>;
diff --git a/studio/src/utils/ClipboardCopy.tsx b/studio/src/utils/ClipboardCopy.tsx
new file mode 100644
index 000000000..6e6f99f1a
--- /dev/null
+++ b/studio/src/utils/ClipboardCopy.tsx
@@ -0,0 +1,75 @@
+import { useState } from "react";
+import { useDispatch } from "react-redux";
+import { Copy, Check } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { addErrorNotification } from "../actions/notifications";
+
+interface ClipboardCopyProps {
+  text: string;
+}
+
+function ClipboardCopy({ text }: ClipboardCopyProps): React.ReactElement {
+  const dispatch = useDispatch();
+  const [isCopied, setIsCopied] = useState<boolean>(false);
+
+  async function copyTextToClipboard(textToCopy: string): Promise<void> {
+    if ("clipboard" in navigator) {
+      return await navigator.clipboard.writeText(textToCopy);
+    } else {
+      document.execCommand("copy", true, textToCopy);
+      return Promise.resolve();
+    }
+  }
+
+  const handleCopyClick = (): void => {
+    copyTextToClipboard(text)
+      .then(() => {
+        // If successful, update the isCopied state value
+        setIsCopied(true);
+        setTimeout(() => {
+          setIsCopied(false);
+        }, 5000);
+      })
+      .catch(() => {
+        dispatch(addErrorNotification("Could not copy token"));
+      });
+  };
+
+  return (
+    <div className="flex flex-col space-y-2">
+      <div className="flex flex-row">
+        <Input
+          readOnly
+          placeholder="token"
+          value={text}
+          className="rounded-r-none"
+        />
+        <Button
+          onClick={handleCopyClick}
+          variant="default"
+          className="rounded-l-none"
+        >
+          {isCopied ? (
+            <>
+              <Check className="mr-2 h-4 w-4" /> Copied!
+            </>
+          ) : (
+            <>
+              <Copy className="mr-2 h-4 w-4" /> Copy
+            </>
+          )}
+        </Button>
+      </div>
+      <Alert variant={isCopied ? "default" : "destructive"}>
+        <AlertDescription>
+          Make sure to copy your personal access token now. You won't be able to
+          see it again!
+        </AlertDescription>
+      </Alert>
+    </div>
+  );
+}
+
+export default ClipboardCopy;
diff --git a/studio/src/utils/axiosAuth.js b/studio/src/utils/axiosAuth.js
deleted file mode 100644
index 9dbc82a9a..000000000
--- a/studio/src/utils/axiosAuth.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import axios from 'axios';
-
-function createAxiosAuthMiddleware() {
-  return ({ getState }) => (next) => (action) => {
-    axios.defaults.headers.common['X-Space'] = getState().spaces.selected;
-    axios.defaults.headers.common.Authorization = `Bearer ${localStorage.getItem('sessionToken')}`;
-    axios.defaults.baseURL = window.REACT_APP_API_URL;
-    axios.defaults.withCredentials = true;
-    return next(action);
-  };
-}
-
-const axiosAuth = createAxiosAuthMiddleware();
-
-export default axiosAuth;
diff --git a/studio/src/utils/axiosAuth.ts b/studio/src/utils/axiosAuth.ts
new file mode 100644
index 000000000..7e17c61b3
--- /dev/null
+++ b/studio/src/utils/axiosAuth.ts
@@ -0,0 +1,61 @@
+import axios from "axios";
+import { Middleware } from "@reduxjs/toolkit";
+import { RootState } from "../store";
+
+// Track the last space ID to avoid unnecessary updates
+let lastSpaceId: string | null = null;
+let lastToken: string | null = null;
+
+function createAxiosAuthMiddleware(): Middleware {
+  return ({ getState }) =>
+    (next) =>
+    (action) => {
+      try {
+        const state = getState() as RootState;
+
+        // Get token from localStorage
+        const sessionToken = localStorage.getItem("sessionToken");
+
+        // Get stored space ID from localStorage as fallback
+        const storedSpaceId = localStorage.getItem("space");
+
+        // Get current space ID
+        const currentSpaceId = state.spaces?.selected || storedSpaceId || "";
+
+        // Only update headers if values have changed
+        if (currentSpaceId !== lastSpaceId) {
+          if (currentSpaceId) {
+            axios.defaults.headers.common["X-Space"] = currentSpaceId;
+          } else {
+            delete axios.defaults.headers.common["X-Space"];
+          }
+          lastSpaceId = currentSpaceId;
+        }
+
+        // Only update auth token if it has changed
+        if (sessionToken !== lastToken) {
+          if (sessionToken) {
+            axios.defaults.headers.common.Authorization = `Bearer ${sessionToken}`;
+          } else {
+            delete axios.defaults.headers.common.Authorization;
+          }
+          lastToken = sessionToken;
+        }
+
+        // Set baseURL once (no need to do this on every action)
+        if (!axios.defaults.baseURL) {
+          axios.defaults.baseURL = import.meta.env.VITE_API_URL;
+          axios.defaults.withCredentials = true;
+        }
+      } catch (error) {
+        console.error("Error in axios auth middleware:", error);
+      }
+
+      // Return the next action
+      return next(action);
+    };
+}
+
+const axiosAuth = createAxiosAuthMiddleware();
+
+export default axiosAuth;
diff --git a/studio/src/utils/claims.js b/studio/src/utils/claims.js
deleted file mode 100644
index 47980fa2a..000000000
--- a/studio/src/utils/claims.js
+++ /dev/null
@@ -1,25 +0,0 @@
-export function hasClaims(jsonData) {
-  const parsedData = jsonData.content;
-  for (const item of parsedData) {
-    if (item.type === 'claim') {
-      return true; // Found a claim, return true
-    }
-  }
-
-  return false; // No claims found
-}
-
-export function extractClaimIdsAndOrder(jsonData) {
-  const parsedData = jsonData.content;
-  const claimIds = [];
-  const claimOrder = [];
-  parsedData.forEach((item) => {
-    if (item.type === 'claim') {
-      const claimId = Number(item.attrs.id);
-      claimIds.push(claimId);
-      claimOrder.push(claimId); // Add the claim ID to the claim_order array
-    }
-  });
-
-  return { claimIds, claimOrder };
-}
diff --git a/studio/src/utils/claims.ts b/studio/src/utils/claims.ts
new file mode 100644
index 000000000..82b8f5e70
--- /dev/null
+++ b/studio/src/utils/claims.ts
@@ -0,0 +1,42 @@
+interface JsonData {
+  content: Array<ContentItem>;
+}
+
+interface ContentItem {
+  type: string;
+  attrs?: {
+    id: string;
+  };
+}
+
+export function hasClaims(jsonData: JsonData): boolean {
+  const parsedData = jsonData.content;
+  for (const item of parsedData) {
+    if (item.type === "claim") {
+      return true;
+    }
+  }
+
+  return false; // No claims found
+}
+
+interface ClaimResult {
+  claimIds: number[];
+  claimOrder: number[];
+}
+
+export function extractClaimIdsAndOrder(jsonData: JsonData): ClaimResult {
+  const parsedData = jsonData.content;
+  const claimIds: number[] = [];
+  const claimOrder: number[] = [];
+
+  parsedData.forEach((item) => {
+    if (item.type === "claim" && item.attrs) {
+      const claimId = Number(item.attrs.id);
+      claimIds.push(claimId);
+      claimOrder.push(claimId); // Add the claim ID to the claim_order array
+    }
+  });
+
+  return { claimIds, claimOrder };
+}
diff --git a/studio/src/utils/clipboardClick.js b/studio/src/utils/clipboardClick.js
deleted file mode 100644
index 19540aab3..000000000
--- a/studio/src/utils/clipboardClick.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react';
-import { Button, Input, Alert, Space } from 'antd';
-import { addErrorNotification } from '../actions/notifications';
-import { useDispatch } from 'react-redux';
-
-function ClipBoardCopy({ text }) {
-  const dispatch = useDispatch();
-  const [isCopied, setIsCopied] = React.useState(false);
-  async function copyTextToClipboard(text) {
-    if ('clipboard' in navigator) {
-      return await navigator.clipboard.writeText(text);
-    } else {
-      return document.execCommand('copy', true, text);
-    }
-  }
-
-  const handleCopyClick = () => {
-    copyTextToClipboard(text)
-      .then(() => {
-        // If successful, update the isCopied state value
-        setIsCopied(true);
-        setTimeout(() => {
-          setIsCopied(false);
-        }, 5000);
-      })
-      .catch((err) => {
-        dispatch(addErrorNotification('Could not copy token'));
-      });
-  };
-
-  return (
-    <Space direction="vertical">
-      <div
-        style={{
-          display: 'flex',
-          flexDirection: 'row',
-        }}
-      >
-        <Input readOnly={true} placeholder="token" value={text} />
-        <Button primary="true" onClick={handleCopyClick}>
-          {isCopied ? 'Copied!' : 'Copy'}
-        </Button>
-      </div>
-      <Alert
-        type={isCopied ? 'success' : 'error'}
-        description={
-          'Make sure to copy your personal access token now. You won’t be able to see it again!'
-        }
-      />
-    </Space>
-  );
-}
-
-export default ClipBoardCopy;
diff --git a/studio/src/utils/date.js b/studio/src/utils/date.js
deleted file mode 100644
index 92997f9be..000000000
--- a/studio/src/utils/date.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import { listOfMonths } from '../constants/date';
-
-export const getDatefromString = (dateString) => {
-  const dateObj = new Date(Date.parse(dateString));
-  return dateObj.toDateString();
-};
-
-export const getDateAndTimeFromString = (dateString) =>
-  new Date(dateString).toLocaleString().replaceAll(',', '').replaceAll('/', '-');
-
-export const getDatefromStringWithoutDay = (dateString) => {
-  const dateObj = new Date(Date.parse(dateString));
-  return `${listOfMonths[dateObj.getMonth()]} ${dateObj.getDate()} ${dateObj.getFullYear()}`;
-};
-
-export const formatDate = (dateString) => {
-  const date = new Date(dateString);
-  const options = {
-    year: 'numeric',
-    month: 'short',
-    day: 'numeric',
-    hour: 'numeric',
-    minute: 'numeric',
-    hour12: true,
-  };
-  let formattedDate = new Intl.DateTimeFormat('en-US', options).format(date);
-  formattedDate = formattedDate.replaceAll(',', '').replaceAll('/', '-');
-  let [month, day, year, time, period] = formattedDate.split(' ');
-  const formattedTime = time
-    .split(':')
-    .map((str) => str.padStart(2, '0'))
-    .join(':');
-
-  day = day.padStart(2, '0');
-  const formattedDateString = `${month} ${day}, ${year} ${formattedTime} ${period}`;
-
-  return formattedDateString;
-};
-
-export const getDifferenceInModifiedTime = (updated_at) => {
-  const date = new Date(updated_at);
-  const now = new Date();
-  const diff = Math.abs(now - date);
-  const seconds = Math.floor(diff / 1000);
-  const minutes = Math.floor(seconds / 60);
-  const hours = Math.floor(minutes / 60);
-  const days = Math.floor(hours / 24);
-  let lastModified = '';
-  if (days > 0) {
-    lastModified = `Last modified: ${days} day${days > 1 ? 's' : ''} ago`;
-  } else if (hours > 0) {
-    lastModified = `Last modified: ${hours} hour${hours > 1 ? 's' : ''} ago`;
-  } else if (minutes > 0) {
-    lastModified = `Last modified: ${minutes} minute${minutes > 1 ? 's' : ''} ago`;
-  } else {
-    lastModified = `Last modified: a few seconds ago`;
-  }
-
-  return lastModified;
-};
diff --git a/studio/src/utils/date.ts b/studio/src/utils/date.ts
new file mode 100644
index 000000000..d4ae57e10
--- /dev/null
+++ b/studio/src/utils/date.ts
@@ -0,0 +1,69 @@
+import { listOfMonths } from "../constants/date";
+import dayjs from "dayjs";
+
+export const getDatefromString = (dateString: string): string => {
+  const dateObj = new Date(Date.parse(dateString));
+  return dateObj.toDateString();
+};
+
+export const getDateAndTimeFromString = (dateString: string): string =>
+  new Date(dateString).toLocaleString().replace(/,/g, "").replace(/\//g, "-");
+
+export const getDatefromStringWithoutDay = (dateString: string): string => {
+  const dateObj = new Date(Date.parse(dateString));
+  return `${
+    listOfMonths[dateObj.getMonth()]
+  } ${dateObj.getDate()} ${dateObj.getFullYear()}`;
+};
+
+export const formatDate = (dateString: string, format?: string): string => {
+  if (format) {
+    return dayjs(dateString).format(format);
+  }
+  const date = new Date(dateString);
+  const options: Intl.DateTimeFormatOptions = {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    hour12: true,
+  };
+  let formattedDate = new Intl.DateTimeFormat("en-US", options).format(date);
+  formattedDate = formattedDate.replace(/,/g, "").replace(/\//g, "-");
+  const [month, year, time, period] = formattedDate.split(" ");
+  let [day] = formattedDate.split(" ");
+  const formattedTime = time
+    .split(":")
+    .map((str) => str.padStart(2, "0"))
+    .join(":");
+
+  day = day.padStart(2, "0");
+  const formattedDateString = `${month} ${day}, ${year} ${formattedTime} ${period}`;
+
+  return formattedDateString;
+};
+
+export const getDifferenceInModifiedTime = (updated_at: string): string => {
+  const date = new Date(updated_at);
+  const now = new Date();
+  const diff = Math.abs(now.getTime() - date.getTime());
+  const seconds = Math.floor(diff / 1000);
+  const minutes = Math.floor(seconds / 60);
+  const hours = Math.floor(minutes / 60);
+  const days = Math.floor(hours / 24);
+  let lastModified = "";
+  if (days > 0) {
+    lastModified = `Last modified: ${days} day${days > 1 ? "s" : ""} ago`;
+  } else if (hours > 0) {
+    lastModified = `Last modified: ${hours} hour${hours > 1 ? "s" : ""} ago`;
+  } else if (minutes > 0) {
+    lastModified = `Last modified: ${minutes} minute${
+      minutes > 1 ? "s" : ""
+    } ago`;
+  } else {
+    lastModified = `Last modified: a few seconds ago`;
+  }
+
+  return lastModified;
+};
diff --git a/studio/src/utils/event.js b/studio/src/utils/event.js
deleted file mode 100644
index 7469c451d..000000000
--- a/studio/src/utils/event.js
+++ /dev/null
@@ -1,7 +0,0 @@
-export const getEventName = (eventLabel) => {
-  var labelArr = eventLabel.split('.');
-  for (var i = 0; i < labelArr.length; i++) {
-    labelArr[i] = labelArr[i][0].toUpperCase() + labelArr[i].slice(1);
-  }
-  return labelArr.join(' ');
-};
diff --git a/studio/src/utils/event.ts b/studio/src/utils/event.ts
new file mode 100644
index 000000000..fb63f6854
--- /dev/null
+++ b/studio/src/utils/event.ts
@@ -0,0 +1,15 @@
+/**
+ * Converts a dot-notation event label into a properly capitalized event name
+ * @param eventLabel - The event label in dot notation (e.g. "user.login.success")
+ * @returns The formatted event name with spaces and proper capitalization (e.g. "User Login Success")
+ */
+export const getEventName = (eventLabel: string): string => {
+  const labelArr: string[] = eventLabel.split(".");
+
+  for (let i = 0; i < labelArr.length; i++) {
+    // Capitalize the first letter of each segment
+    labelArr[i] = labelArr[i][0].toUpperCase() + labelArr[i].slice(1);
+  }
+
+  return labelArr.join(" ");
+};
diff --git a/studio/src/utils/filters.js b/studio/src/utils/filters.js
deleted file mode 100644
index 6d9180ad0..000000000
--- a/studio/src/utils/filters.js
+++ /dev/null
@@ -1,27 +0,0 @@
-class Filters {
-  constructor(
-    { q, sort, tag, category, author, status, claimant, rating, language } = {
-      q: null,
-      sort: 'asc',
-      tag: [],
-      category: [],
-      author: [],
-      claimant: [],
-      rating: [],
-      status: 'all',
-      language: 'all',
-    },
-  ) {
-    this.q = q;
-    this.sort = sort;
-    this.tag = tag;
-    this.category = category;
-    this.author = author;
-    this.status = status;
-    this.claimant = claimant;
-    this.language = language;
-    this.rating = rating;
-  }
-}
-
-export default Filters;
diff --git a/studio/src/utils/filters.ts b/studio/src/utils/filters.ts
new file mode 100644
index 000000000..ccb9094a0
--- /dev/null
+++ b/studio/src/utils/filters.ts
@@ -0,0 +1,81 @@
+export interface FilterOptions {
+  q?: string | null;
+  sort?: string;
+  tag?: number[] | string[];
+  category?: number[] | string[];
+  author?: number[] | string[];
+  status?: string;
+  claimant?: string[] | number[];
+  rating?: string[] | number[];
+  language?: string;
+  page?: number | string;
+  limit?: number | string;
+  [key: string]: any;
+}
+
+class Filters {
+  q: string | null;
+  sort: string;
+  tag: string[] | number[];
+  category: string[] | number[];
+  author: string[] | number[];
+  status: string;
+  claimant: string[] | number[];
+  rating: string[] | number[];
+  language: string;
+  page?: number;
+  limit?: number;
+
+  constructor({
+    q,
+    sort,
+    tag,
+    category,
+    author,
+    status,
+    claimant,
+    rating,
+    language,
+    page,
+    limit,
+    ...rest
+  }: FilterOptions = {}) {
+    // Set default values
+    this.q = q ?? null;
+    this.sort = sort ?? "desc";
+    this.tag = this.normalizeArray(tag);
+    this.category = this.normalizeArray(category);
+    this.author = this.normalizeArray(author);
+    this.status = status ?? "all";
+    this.language = language ?? "all";
+
+    // Handle pagination
+    this.page = page ? Number(page) : 1;
+    this.limit = limit ? Number(limit) : 10;
+
+    // Critical filters for claims
+    this.claimant = this.normalizeArray(claimant);
+    this.rating = this.normalizeArray(rating);
+
+    // Add any other fields
+    Object.entries(rest).forEach(([key, value]) => {
+      (this as any)[key] = value;
+    });
+  }
+
+  /**
+   * Normalize a value to an array, handling string, number, and array inputs
+   */
+  private normalizeArray(value: any): string[] | number[] {
+    if (!value) return [];
+
+    if (Array.isArray(value)) {
+      return value;
+    }
+
+    // Handle single string/number value
+    return [value];
+  }
+}
+
+export default Filters;
diff --git a/studio/src/utils/getError.js b/studio/src/utils/getError.js
deleted file mode 100644
index b1f796773..000000000
--- a/studio/src/utils/getError.js
+++ /dev/null
@@ -1,13 +0,0 @@
-function getError(error) {
-  if (
-    error.response &&
-    error.response.data &&
-    error.response.data.errors &&
-    error.response.data.errors.length > 0
-  ) {
-    return error.response.data.errors[0].message;
-  } else {
-    return error.message;
-  }
-}
-export default getError;
diff --git a/studio/src/utils/getError.tsx b/studio/src/utils/getError.tsx
new file mode 100644
index 000000000..5bce3ad73
--- /dev/null
+++ b/studio/src/utils/getError.tsx
@@ -0,0 +1,30 @@
+interface ErrorMessage {
+  message: string;
+}
+
+// Interface for the API error response
+interface ErrorResponse {
+  data: {
+    errors: ErrorMessage[];
+  };
+}
+
+// Interface for the error object - now exported
+export interface ApiError extends Error {
+  response?: ErrorResponse;
+}
+
+function getError(error: ApiError): string {
+  if (
+    error.response &&
+    error.response.data &&
+    error.response.data.errors &&
+    error.response.data.errors.length > 0
+  ) {
+    return error.response.data.errors[0].message;
+  } else {
+    return error.message;
+  }
+}
+
+export default getError;
diff --git a/studio/src/utils/getJsonValue.js b/studio/src/utils/getJsonValue.js
deleted file mode 100644
index 2be645376..000000000
--- a/studio/src/utils/getJsonValue.js
+++ /dev/null
@@ -1,6 +0,0 @@
-function getJsonValue(val) {
-  let regex = /,(?!\s*?[{["'\w])/;
-  let formattedJson = val.replace(regex, '');
-  return JSON.parse(formattedJson);
-}
-export default getJsonValue;
diff --git a/studio/src/utils/getJsonValue.ts b/studio/src/utils/getJsonValue.ts
new file mode 100644
index 000000000..bb0120e4f
--- /dev/null
+++ b/studio/src/utils/getJsonValue.ts
@@ -0,0 +1,7 @@
+function getJsonValue(val: string): any {
+  const regex = /,(?!\s*?[{["'\w])/;
+  const formattedJson = val.replace(regex, "");
+  return JSON.parse(formattedJson);
+}
+
+export default getJsonValue;
diff --git a/studio/src/utils/getStats.js b/studio/src/utils/getStats.js
deleted file mode 100644
index a3bb8519d..000000000
--- a/studio/src/utils/getStats.js
+++ /dev/null
@@ -1,44 +0,0 @@
-export function getResultStringFromStats(stats, total) {
-  var languageCount = 0;
-  if (stats?.humanlanguage) {
-    languageCount = Object.keys(stats.humanlanguage).length;
-  }
-  var publisherCount = 0;
-  if (stats?.['publisher.site']) {
-    publisherCount = Object.keys(stats['publisher.site']).length;
-  }
-
-  var countryCount = 0;
-  if (stats?.publishercountry) {
-    countryCount = Object.keys(stats.publishercountry).length;
-  }
-
-  var resultString = `${total} Results in `;
-  if (languageCount) {
-    if (languageCount === 1) resultString += `${languageCount} Language, `;
-    else resultString += `${languageCount} Languages, `;
-  }
-
-  if (publisherCount) {
-    if (publisherCount === 1) resultString += `${publisherCount} Publisher `;
-    else resultString += `${publisherCount} Publishers `;
-  }
-
-  if (countryCount) {
-    if (countryCount === 1) {
-      if (publisherCount || countryCount) {
-        resultString += `and ${countryCount} Country`;
-      } else {
-        resultString += `${countryCount} Country`;
-      }
-    } else {
-      if (publisherCount || countryCount) {
-        resultString += `and ${countryCount} Countries`;
-      } else {
-        resultString += `${countryCount} Countries`;
-      }
-    }
-  }
-
-  return resultString;
-}
diff --git a/studio/src/utils/getStats.ts b/studio/src/utils/getStats.ts
new file mode 100644
index 000000000..f496834be
--- /dev/null
+++ b/studio/src/utils/getStats.ts
@@ -0,0 +1,52 @@
+interface Stats {
+  humanlanguage?: Record<string, any>;
+  "publisher.site"?: Record<string, any>;
+  publishercountry?: Record<string, any>;
+  [key: string]: any;
+}
+
+export function getResultStringFromStats(stats: Stats, total: number): string {
+  var languageCount = 0;
+  if (stats?.humanlanguage) {
+    languageCount = Object.keys(stats.humanlanguage).length;
+  }
+
+  var publisherCount = 0;
+  if (stats?.["publisher.site"]) {
+    publisherCount = Object.keys(stats["publisher.site"]).length;
+  }
+
+  var countryCount = 0;
+  if (stats?.publishercountry) {
+    countryCount = Object.keys(stats.publishercountry).length;
+  }
+
+  var resultString = `${total} Results in `;
+  if (languageCount) {
+    if (languageCount === 1) resultString += `${languageCount} Language, `;
+    else resultString += `${languageCount} Languages, `;
+  }
+
+  if (publisherCount) {
+    if (publisherCount === 1) resultString += `${publisherCount} Publisher `;
+    else resultString += `${publisherCount} Publishers `;
+  }
+
+  if (countryCount) {
+    if (countryCount === 1) {
+      if (publisherCount || countryCount) {
+        resultString += `and ${countryCount} Country`;
+      } else {
+        resultString += `${countryCount} Country`;
+      }
+    } else {
+      if (publisherCount || countryCount) {
+        resultString += `and ${countryCount} Countries`;
+      } else {
+        resultString += `${countryCount} Countries`;
+      }
+    }
+  }
+
+  return resultString;
+}
diff --git a/studio/src/utils/getUrlParams.js b/studio/src/utils/getUrlParams.js
deleted file mode 100644
index 83ae3d42d..000000000
--- a/studio/src/utils/getUrlParams.js
+++ /dev/null
@@ -1,29 +0,0 @@
-function getUrlParams(query, filters) {
-  const keys = filters ? filters : ['page', 'limit', 'q', 'sort'];
-  const params = {
-    sort: 'desc',
-    limit: 10,
-    page: 1,
-  };
-  keys.forEach((key) => {
-    if (query.get(key)) {
-      if (
-        key === 'claimant' ||
-        key === 'rating' ||
-        key === 'format' ||
-        key === 'tag' ||
-        key === 'category' ||
-        key === 'author'
-      ) {
-        const val = query.getAll(key).map((v) => parseInt(v));
-        params[key] = val;
-      } else if (key === 'sort' || key === 'q' || key === 'status' || key === 'language') {
-        params[key] = query.get(key);
-      } else {
-        params[key] = parseInt(query.get(key));
-      }
-    }
-  });
-  return params;
-}
-export default getUrlParams;
diff --git a/studio/src/utils/getUrlParams.ts b/studio/src/utils/getUrlParams.ts
new file mode 100644
index 000000000..fc54f6234
--- /dev/null
+++ b/studio/src/utils/getUrlParams.ts
@@ -0,0 +1,94 @@
+export type UrlParamValue = string | number | number[] | string[];
+
+export interface UrlParams {
+  [key: string]: UrlParamValue | undefined;
+}
+
+/**
+ * Extract URL parameters from a URLSearchParams object
+ * @param query URLSearchParams object containing query parameters
+ * @param keys Optional array of keys to extract (defaults to common fields)
+ * @returns Object with extracted parameters
+ */
+function getUrlParams(query: URLSearchParams, keys?: string[]): UrlParams {
+  const paramKeys = keys || [
+    "page",
+    "limit",
+    "q",
+    "sort",
+    "rating",
+    "claimant",
+  ];
+  const params: UrlParams = {
+    // Default values
+    sort: "desc",
+    limit: 10,
+    page: 1,
+  };
+
+  paramKeys.forEach((key) => {
+    // Skip if the key doesn't exist in the URL
+    if (!query.has(key)) return;
+
+    // Handle array parameters (rating, claimant, etc.)
+    if (
+      key === "claimant" ||
+      key === "rating" ||
+      key === "format" ||
+      key === "tag" ||
+      key === "category" ||
+      key === "author"
+    ) {
+      const values = query.getAll(key);
+
+      // If multiple values, store as array
+      if (values.length > 1) {
+        // Try to convert to numbers if possible
+        if (values.every((val) => !isNaN(Number(val)))) {
+          params[key] = values.map((v) => parseInt(v));
+        } else {
+          params[key] = values;
+        }
+      }
+      // If single value
+      else if (values.length === 1) {
+        // Try to store as number if possible
+        if (!isNaN(Number(values[0]))) {
+          params[key] = [parseInt(values[0])];
+        } else {
+          params[key] = [values[0]];
+        }
+      }
+    }
+    // Handle sort parameter
+    else if (key === "sort") {
+      const sortValue = query.get(key);
+      params[key] = sortValue || "desc";
+    }
+    // Handle pagination parameters
+    else if (key === "page" || key === "limit") {
+      const value = query.get(key);
+      params[key] = value ? parseInt(value) : key === "page" ? 1 : 10;
+    }
+    // Handle string parameters
+    else if (key === "q" || key === "status" || key === "language") {
+      params[key] = query.get(key) || undefined;
+    }
+    // Default handler for other parameters
+    else {
+      const value = query.get(key);
+      if (value === null) return;
+
+      // Try to convert to number if possible
+      if (!isNaN(Number(value))) {
+        params[key] = parseInt(value);
+      } else {
+        params[key] = value;
+      }
+    }
+  });
+
+  return params;
+}
+
+export default getUrlParams;
diff --git a/studio/src/utils/getUserPermission.js b/studio/src/utils/getUserPermission.js
deleted file mode 100644
index c7e2849e0..000000000
--- a/studio/src/utils/getUserPermission.js
+++ /dev/null
@@ -1,83 +0,0 @@
-export const permissionRequirements = {
-  '/posts': [
-    { resource: 'categories', action: 'get' },
-    { resource: 'tags', action: 'get' },
-    { resource: 'posts', action: ['get', 'create'] },
-  ],
-  '/posts/create': [
-    { resource: 'categories', action: 'get' },
-    { resource: 'media', action: 'get' },
-    { resource: 'tags', action: 'get' },
-    { resource: 'posts', action: ['get', 'create'] },
-  ],
-  '/pages': [
-    { resource: 'categories', action: 'get' },
-    { resource: 'tags', action: 'get' },
-    { resource: 'pages', action: ['get', 'create'] },
-  ],
-  '/pages/create': [
-    { resource: 'categories', action: 'get' },
-    { resource: 'media', action: 'get' },
-    { resource: 'tags', action: 'get' },
-    { resource: 'pages', action: ['get', 'create'] },
-  ],
-  '/fact-checks': [
-    { resource: 'categories', action: 'get' },
-    { resource: 'tags', action: 'get' },
-    { resource: 'fact-checks', action: ['get', 'create'] },
-  ],
-  '/fact-checks/create': [
-    { resource: 'categories', action: 'get' },
-    { resource: 'tags', action: 'get' },
-    { resource: 'media', action: 'get' },
-    { resource: 'claims', action: 'get' },
-    { resource: 'fact-checks', action: ['get', 'create'] },
-  ],
-  '/claims': [
-    { resource: 'claimants', action: 'get' },
-    { resource: 'ratings', action: 'get' },
-    { resource: 'claims', action: ['get', 'create'] },
-  ],
-  '/claims/create': [
-    { resource: 'claimants', action: 'get' },
-    { resource: 'ratings', action: 'get' },
-    { resource: 'claims', action: ['get', 'create'] },
-  ],
-  '/categories/create': [
-    { resource: 'media', action: 'get' },
-    { resource: 'categories', action: ['get', 'create'] },
-  ],
-  '/tags/create': [
-    { resource: 'media', action: 'get' },
-    { resource: 'tags', action: ['get', 'create'] },
-  ],
-  '/claimants/create': [
-    { resource: 'media', action: 'get' },
-    { resource: 'claimants', action: ['get', 'create'] },
-  ],
-  '/ratings/create': [
-    { resource: 'media', action: 'get' },
-    { resource: 'ratings', action: ['get', 'create'] },
-  ],
-};
-
-function getUserPermission({ resource, action, spaces }) {
-  const { selected, details } = spaces;
-  const selectedSpace = details[selected];
-  const userPermission =
-    selectedSpace && selectedSpace.permissions ? selectedSpace.permissions : [];
-  const org_role = selectedSpace && selectedSpace.org_role;
-
-  if (org_role === 'admin') {
-    return ['admin'];
-  }
-
-  const node = userPermission.findIndex(
-    (each) =>
-      each.resource === 'admin' || (each.resource === resource && each.actions.includes(action)),
-  );
-
-  return node > -1 ? userPermission[node].actions : [];
-}
-
-export default getUserPermission;
diff --git a/studio/src/utils/getUserPermission.ts b/studio/src/utils/getUserPermission.ts
new file mode 100644
index 000000000..a055e9e09
--- /dev/null
+++ b/studio/src/utils/getUserPermission.ts
@@ -0,0 +1,135 @@
+// Type definitions
+type ActionType = string;
+type ResourceType = string;
+
+interface PermissionRequirement {
+  resource: ResourceType;
+  action: ActionType | ActionType[];
+}
+
+interface SpacePermission {
+  resource: ResourceType;
+  actions: ActionType[];
+}
+
+interface SpaceDetails {
+  permissions?: SpacePermission[];
+  org_role?: string;
+}
+
+interface Spaces {
+  selected: string;
+  details: {
+    [key: string]: SpaceDetails;
+  };
+}
+
+interface SpacesState {
+  loading: boolean;
+  orgs: Array<{ role: string; [key: string]: any }>;
+  selected: string;
+  details: {
+    [key: string]: SpaceDetails;
+  };
+}
+
+interface GetUserPermissionParams {
+  resource: ResourceType;
+  action: ActionType;
+  spaces: SpacesState;
+}
+
+// Permission requirements mapping
+export const permissionRequirements: Record<string, PermissionRequirement[]> = {
+  "/posts": [
+    { resource: "categories", action: "get" },
+    { resource: "tags", action: "get" },
+    { resource: "posts", action: ["get", "create"] },
+  ],
+  "/posts/create": [
+    { resource: "categories", action: "get" },
+    { resource: "media", action: "get" },
+    { resource: "tags", action: "get" },
+    { resource: "posts", action: ["get", "create"] },
+  ],
+  "/pages": [
+    { resource: "categories", action: "get" },
+    { resource: "tags", action: "get" },
+    { resource: "pages", action: ["get", "create"] },
+  ],
+  "/pages/create": [
+    { resource: "categories", action: "get" },
+    { resource: "media", action: "get" },
+    { resource: "tags", action: "get" },
+    { resource: "pages", action: ["get", "create"] },
+  ],
+  "/fact-checks": [
+    { resource: "categories", action: "get" },
+    { resource: "tags", action: "get" },
+    { resource: "fact-checks", action: ["get", "create"] },
+  ],
+  "/fact-checks/create": [
+    { resource: "categories", action: "get" },
+    { resource: "tags", action: "get" },
+    { resource: "media", action: "get" },
+    { resource: "claims", action: "get" },
+    { resource: "fact-checks", action: ["get", "create"] },
+  ],
+  "/claims": [
+    { resource: "claimants", action: "get" },
+    { resource: "ratings", action: "get" },
+    { resource: "claims", action: ["get", "create"] },
+  ],
+  "/claims/create": [
+    { resource: "claimants", action: "get" },
+    { resource: "ratings", action: "get" },
+    { resource: "claims", action: ["get", "create"] },
+  ],
+  "/categories/create": [
+    { resource: "media", action: "get" },
+    { resource: "categories", action: ["get", "create"] },
+  ],
+  "/tags/create": [
+    { resource: "media", action: "get" },
+    { resource: "tags", action: ["get", "create"] },
+  ],
+  "/claimants/create": [
+    { resource: "media", action: "get" },
+    { resource: "claimants", action: ["get", "create"] },
+  ],
+  "/ratings/create": [
+    { resource: "media", action: "get" },
+    { resource: "ratings", action: ["get", "create"] },
+  ],
+};
+
+function getUserPermission({
+  resource,
+  action,
+  spaces,
+}: GetUserPermissionParams): ActionType[] {
+  const { selected, details } = spaces;
+
+  const selectedSpace = details && details[selected];
+
+  // Get user permissions with proper fallback
+  const userPermission: SpacePermission[] =
+    selectedSpace && selectedSpace.permissions ? selectedSpace.permissions : [];
+
+  // Get org_role with proper fallback
+  const org_role = selectedSpace && selectedSpace.org_role;
+
+  if (org_role === "admin") {
+    return ["admin"];
+  }
+
+  const node = userPermission.findIndex(
+    (each) =>
+      each.resource === "admin" ||
+      (each.resource === resource && each.actions.includes(action))
+  );
+
+  return node > -1 ? userPermission[node].actions : [];
+}
+
+export default getUserPermission;
diff --git a/studio/src/utils/languages.json b/studio/src/utils/languages.json
index de44272b6..d2a797ce1 100644
--- a/studio/src/utils/languages.json
+++ b/studio/src/utils/languages.json
@@ -1,136 +1,137 @@
 [
-  "Afrikaan",
-  "Albanian",
-  "Amharic",
-  "Arabic",
-  "Armenian",
-  "Assamese",
-  "Aymara",
-  "Azerbaijani",
-  "Bambara",
-  "Basque",
-  "Belarusian",
-  "Bengali",
-  "Bhojpuri",
-  "Bosnian",
-  "Bulgarian",
-  "Catalan",
-  "Cebuano",
-  "Chinese (Simplified)",
-  "Chinese (Traditional)",
-  "Corsican",
-  "Croatian",
-  "Czech",
-  "Danish",
-  "Dhivehi",
-  "Dogri",
-  "Dutch",
-  "English",
-  "Esperanto",
-  "Estonian",
-  "Ewe",
-  "Filipino (Tagalog)",
-  "Finnish",
-  "French",
-  "Frisian",
-  "Galician",
-  "Georgian",
-  "German",
-  "Greek",
-  "Guarani",
-  "Gujarati",
-  "Haitian Creole",
-  "Hausa",
-  "Hawaiian",
-  "Hebrew ",
-  "Hindi",
-  "Hmong",
-  "Hungarian",
-  "Icelandic",
-  "Igbo",
-  "Ilocano",
-  "Indonesian",
-  "Irish",
-  "Italian",
-  "Japanese",
-  "Javanese ",
-  "Kannada",
-  "Kazakh",
-  "Khmer",
-  "Kinyarwanda",
-  "Konkani",
-  "Korean",
-  "Krio",
-  "Kurdish",
-  "Kurdish (Sorani)",
-  "Kyrgyz",
-  "Lao",
-  "Latin",
-  "Latvian",
-  "Lingala",
-  "Lithuanian",
-  "Luganda",
-  "Luxembourgish",
-  "Macedonian",
-  "Maithili",
-  "Malagasy",
-  "Malay",
-  "Malayalam",
-  "Maltese",
-  "Maori",
-  "Marathi",
-  "Meiteilon (Manipuri)",
-  "Mizo",
-  "Mongolian",
-  "Myanmar (Burmese)",
-  "Nepali",
-  "Norwegian",
-  "Nyanja (Chichewa)",
-  "Odia (Oriya)",
-  "Oromo",
-  "Pashto",
-  "Persian",
-  "Polish",
-  "Portuguese (Portugal, Brazil)",
-  "Punjabi",
-  "Quechua",
-  "Romanian",
-  "Russian",
-  "Samoan",
-  "Sanskrit",
-  "Scots Gaelic",
-  "Sepedi",
-  "Serbian",
-  "Sesotho",
-  "Shona",
-  "Sindhi",
-  "Sinhala (Sinhalese)",
-  "Slovak",
-  "Slovenian",
-  "Somali",
-  "Spanish",
-  "Sundanese",
-  "Swahili",
-  "Swedish",
-  "Tagalog (Filipino)",
-  "Tajik",
-  "Tamil",
-  "Tatar",
-  "Telugu",
-  "Thai",
-  "Tigrinya",
-  "Tsonga",
-  "Turkish",
-  "Turkmen",
-  "Twi (Akan)",
-  "Ukrainian",
-  "Urdu",
-  "Uyghur",
-  "Uzbek",
-  "Vietnamese",
-  "Welsh",
-  "Xhosa",
-  "Yiddish",
-  "Yoruba",
-  "Zulu"
-]
+    "Afrikaan",
+    "Albanian",
+    "Amharic",
+    "Arabic",
+    "Armenian",
+    "Assamese",
+    "Aymara",
+    "Azerbaijani",
+    "Bambara",
+    "Basque",
+    "Belarusian",
+    "Bengali",
+    "Bhojpuri",
+    "Bosnian",
+    "Bulgarian",
+    "Catalan",
+    "Cebuano",
+    "Chinese (Simplified)",
+    "Chinese (Traditional)",
+    "Corsican",
+    "Croatian",
+    "Czech",
+    "Danish",
+    "Dhivehi",
+    "Dogri",
+    "Dutch",
+    "English",
+    "Esperanto",
+    "Estonian",
+    "Ewe",
+    "Filipino (Tagalog)",
+    "Finnish",
+    "French",
+    "Frisian",
+    "Galician",
+    "Georgian",
+    "German",
+    "Greek",
+    "Guarani",
+    "Gujarati",
+    "Haitian Creole",
+    "Hausa",
+    "Hawaiian",
+    "Hebrew ",
+    "Hindi",
+    "Hmong",
+    "Hungarian",
+    "Icelandic",
+    "Igbo",
+    "Ilocano",
+    "Indonesian",
+    "Irish",
+    "Italian",
+    "Japanese",
+    "Javanese ",
+    "Kannada",
+    "Kazakh",
+    "Khmer",
+    "Kinyarwanda",
+    "Konkani",
+    "Korean",
+    "Krio",
+    "Kurdish",
+    "Kurdish (Sorani)",
+    "Kyrgyz",
+    "Lao",
+    "Latin",
+    "Latvian",
+    "Lingala",
+    "Lithuanian",
+    "Luganda",
+    "Luxembourgish",
+    "Macedonian",
+    "Maithili",
+    "Malagasy",
+    "Malay",
+    "Malayalam",
+    "Maltese",
+    "Maori",
+    "Marathi",
+    "Meiteilon (Manipuri)",
+    "Mizo",
+    "Mongolian",
+    "Myanmar (Burmese)",
+    "Nepali",
+    "Norwegian",
+    "Nyanja (Chichewa)",
+    "Odia (Oriya)",
+    "Oromo",
+    "Pashto",
+    "Persian",
+    "Polish",
+    "Portuguese (Portugal, Brazil)",
+    "Punjabi",
+    "Quechua",
+    "Romanian",
+    "Russian",
+    "Samoan",
+    "Sanskrit",
+    "Scots Gaelic",
+    "Sepedi",
+    "Serbian",
+    "Sesotho",
+    "Shona",
+    "Sindhi",
+    "Sinhala (Sinhalese)",
+    "Slovak",
+    "Slovenian",
+    "Somali",
+    "Spanish",
+    "Sundanese",
+    "Swahili",
+    "Swedish",
+    "Tagalog (Filipino)",
+    "Tajik",
+    "Tamil",
+    "Tatar",
+    "Telugu",
+    "Thai",
+    "Tigrinya",
+    "Tsonga",
+    "Turkish",
+    "Turkmen",
+    "Twi (Akan)",
+    "Ukrainian",
+    "Urdu",
+    "Uyghur",
+    "Uzbek",
+    "Vietnamese",
+    "Welsh",
+    "Xhosa",
+    "Yiddish",
+    "Yoruba",
+    "Zulu"
+  ]
+  
\ No newline at end of file
diff --git a/studio/src/utils/monaco.js b/studio/src/utils/monaco.js
deleted file mode 100644
index 8fd03d695..000000000
--- a/studio/src/utils/monaco.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import * as Monaco from 'monaco-editor/esm/vs/editor/editor.api';
-const schemas = [
-  {
-    schema: {
-      type: 'object',
-      properties: {
-        q1: {
-          enum: ['x1', 'x2'],
-        },
-      },
-    },
-    uri: 'JsonSchema',
-  },
-];
-
-export default function setupMonaco() {
-  var fileCounter = 0;
-  var editorArray = [];
-  // define editor theme
-  Monaco.editor.defineTheme('myTheme', {
-    base: 'vs-dark',
-    inherit: true,
-    rules: [{ background: 'EDF9FA' }],
-  });
-  Monaco.editor.setTheme('myTheme');
-
-  // Create a new editor
-  function newEditor(container_id, code, language) {
-    var model = Monaco.editor.createModel(code, language);
-    var editor = Monaco.editor.create(document.getElementById(container_id), {
-      model: model,
-    });
-    editorArray.push(editor);
-    return editor;
-  }
-
-  // Create a new div
-  function addNewEditor(code, language) {
-    var new_container = document.createElement('DIV');
-    new_container.id = 'container-' + fileCounter.toString(10);
-    new_container.className = 'container';
-    document.getElementById('root').appendChild(new_container);
-    newEditor(new_container.id, code, language);
-    fileCounter += 1;
-  }
-
-  addNewEditor(null, 'html');
-
-  Monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
-    allowComments: false,
-    enableSchemaRequest: true,
-    schemas,
-    validate: true,
-  });
-
-  Monaco.languages.json.jsonDefaults.setModeConfiguration({
-    documentFormattingEdits: false,
-    documentRangeFormattingEdits: false,
-    completionItems: true,
-    hovers: true,
-    documentSymbols: true,
-    tokens: true,
-    colors: true,
-    foldingRanges: true,
-    diagnostics: true,
-  });
-
-  Monaco.languages.registerDocumentFormattingEditProvider('json', {
-    provideDocumentFormattingEdits: function (model, options, token) {
-      return [
-        {
-          range: model.getFullModelRange(),
-          text: JSON.parse(model.getValue()),
-        },
-      ];
-    },
-  });
-
-  Monaco.languages.html.htmlDefaults.setModeConfiguration({
-    documentFormattingEdits: false,
-    documentRangeFormattingEdits: false,
-    completionItems: true,
-    hovers: true,
-    documentSymbols: true,
-    tokens: true,
-    colors: true,
-    foldingRanges: true,
-    diagnostics: true,
-  });
-}
diff --git a/studio/src/utils/sluger.js b/studio/src/utils/sluger.js
deleted file mode 100644
index 56cae5edc..000000000
--- a/studio/src/utils/sluger.js
+++ /dev/null
@@ -1,13 +0,0 @@
-export function maker(string) {
-  return string
-    .toString()
-    .trim()
-    .toLowerCase()
-    .replace(/[^a-z0-9 -]/g, '')
-    .replace(/\s+/g, '-')
-    .replace(/-+/g, '-')
-    .replace(/^-+/, '')
-    .replace(/-+$/, '');
-}
-
-export const checker = new RegExp('^[a-z0-9]+(?:-[a-z0-9]+)*$');
diff --git a/studio/src/utils/sluger.ts b/studio/src/utils/sluger.ts
new file mode 100644
index 000000000..feca66153
--- /dev/null
+++ b/studio/src/utils/sluger.ts
@@ -0,0 +1,13 @@
+export function maker(string: string): string {
+  return string
+    .toString()
+    .trim()
+    .toLowerCase()
+    .replace(/[^a-z0-9 -]/g, "")
+    .replace(/\s+/g, "-")
+    .replace(/-+/g, "-")
+    .replace(/^-+/, "")
+    .replace(/-+$/, "");
+}
+
+export const checker: RegExp = new RegExp("^[a-z0-9]+(?:-[a-z0-9]+)*$");
diff --git a/studio/src/utils/url.js b/studio/src/utils/url.js
deleted file mode 100644
index 702404816..000000000
--- a/studio/src/utils/url.js
+++ /dev/null
@@ -1,6 +0,0 @@
-export const getTrimmedURL = (string) => {
-  const maxLength = 70;
-  var trimmedString =
-    string?.length > maxLength ? string.substring(0, maxLength - 3) + '...' : string;
-  return trimmedString;
-};
diff --git a/studio/src/utils/url.ts b/studio/src/utils/url.ts
new file mode 100644
index 000000000..caae2c5b7
--- /dev/null
+++ b/studio/src/utils/url.ts
@@ -0,0 +1,10 @@
+export const getTrimmedURL = (string?: string): string => {
+  if (!string) return "";
+
+  const maxLength: number = 70;
+  const trimmedString: string =
+    string.length > maxLength
+      ? string.substring(0, maxLength - 3) + "..."
+      : string;
+  return trimmedString;
+};
diff --git a/studio/src/utils/useNavigation.js b/studio/src/utils/useNavigation.js
deleted file mode 100644
index 21ea9e2d5..000000000
--- a/studio/src/utils/useNavigation.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import { useEffect, useRef } from 'react';
-import { useNavigate } from 'react-router-dom';
-
-// Custom hook to navigate to a specified path
-export default function useNavigation() {
-  const navigate = useNavigate();
-  const pathRef = useRef(null);
-
-  useEffect(() => {
-    if (pathRef.current) {
-      navigate(pathRef.current);
-      pathRef.current = null; // Reset the path after navigation
-    }
-  }, [pathRef, navigate]);
-
-  const triggerNavigation = (newPath) => {
-    pathRef.current = newPath;
-  };
-
-  return triggerNavigation;
-}
diff --git a/studio/src/utils/useNavigation.ts b/studio/src/utils/useNavigation.ts
new file mode 100644
index 000000000..562797f58
--- /dev/null
+++ b/studio/src/utils/useNavigation.ts
@@ -0,0 +1,21 @@
+import { useNavigate, NavigateFunction } from "react-router-dom";
+
+/**
+ * Custom hook to handle navigation without path duplication
+ * @returns A function that navigates to the specified path without duplicating paths
+ */
+export default function useNavigation(): (path: string) => void {
+  const navigate: NavigateFunction = useNavigate();
+
+  /**
+   * Navigates to the specified path, preventing duplicate path segments
+   * @param newPath The path to navigate to
+   */
+  const navigateTo = (newPath: string): void => {
+    // Use the built-in react-router navigate function
+    // This correctly handles both absolute and relative paths
+    navigate(newPath, { replace: false });
+  };
+
+  return navigateTo;
+}
diff --git a/studio/src/utils/useQuery.js b/studio/src/utils/useQuery.js
deleted file mode 100644
index 53cd66595..000000000
--- a/studio/src/utils/useQuery.js
+++ /dev/null
@@ -1,5 +0,0 @@
-import { useLocation } from 'react-router-dom';
-
-export default function useQuery() {
-  return new URLSearchParams(useLocation().search);
-}
diff --git a/studio/src/utils/zitadel/AuthHeader.tsx b/studio/src/utils/zitadel/AuthHeader.tsx
new file mode 100644
index 000000000..6c01121bb
--- /dev/null
+++ b/studio/src/utils/zitadel/AuthHeader.tsx
@@ -0,0 +1,20 @@
+import React from "react";
+
+interface AuthHeaderProps {
+  title?: string;
+  subtitle?: string;
+}
+
+const AuthHeader: React.FC<AuthHeaderProps> = ({
+  title = "Hey there!",
+  subtitle = "Let's get started by using your Email",
+}) => {
+  return (
+    <div className="mb-6">
+      <h1 className="text-xl font-semibold mb-2 text-[#1D1D1D]">{title}</h1>
+      <p className="text-[#666666] font-normal">{subtitle}</p>
+    </div>
+  );
+};
+
+export default AuthHeader;
diff --git a/studio/src/utils/zitadel/AuthLayout.tsx b/studio/src/utils/zitadel/AuthLayout.tsx
new file mode 100644
index 000000000..74924968a
--- /dev/null
+++ b/studio/src/utils/zitadel/AuthLayout.tsx
@@ -0,0 +1,95 @@
+import React from "react";
+import { ArrowLeft } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import useWindowSize from "../../hooks/use-mobile";
+
+interface AuthLayoutProps {
+  children: React.ReactNode;
+  error?: string;
+  showBackButton?: boolean;
+  onBackClick?: () => void;
+  logoSrc: string;
+  hideHeader?: boolean;
+  title?: string;
+}
+
+const AuthLayout: React.FC<AuthLayoutProps> = ({
+  children,
+  showBackButton = false,
+  onBackClick,
+  logoSrc,
+  title,
+}) => {
+  const { isMobileScreen } = useWindowSize();
+
+  return (
+    <div className="fixed inset-0 flex w-screen h-screen overflow-hidden">
+      {isMobileScreen ? (
+        // Mobile Layout
+        <div className="w-full flex flex-col">
+          {" "}
+          <div className="w-full bg-[#DCEFEB] flex justify-center items-center py-5">
+            <div className="w-full max-w-[300px] relative">
+              <img
+                src={logoSrc}
+                alt="Logo"
+                className="w-full h-full object-contain"
+              />
+            </div>
+          </div>
+          {/* Mobile content area */}
+          <div className="flex-1 bg-white px-6 overflow-y-auto">
+            <div className="w-full max-w-md mx-auto pt-6">
+              {showBackButton && (
+                <Button
+                  variant="ghost"
+                  size="icon"
+                  onClick={onBackClick}
+                  className="mb-4"
+                >
+                  <ArrowLeft className="h-5 w-5" />
+                </Button>
+              )}
+              {title && <h1 className="text-2xl font-bold mb-6">{title}</h1>}
+              {children}
+            </div>
+          </div>
+        </div>
+      ) : (
+        // Desktop Layout
+        <>
+          {/* Left side with logo */}
+          <div className="w-[940px] bg-[#DCEFEB] flex items-center justify-center">
+            <div className="w-full max-w-2xl px-4 flex items-center justify-center">
+              <img
+                src={logoSrc}
+                alt="Logo"
+                className="w-[300px] object-contain"
+              />
+            </div>
+          </div>
+
+          {/* Right side with form */}
+          <div className="flex-1 h-full bg-white flex items-center justify-center">
+            <div className="w-full max-w-md px-10">
+              {showBackButton && (
+                <Button
+                  variant="outline"
+                  size="icon"
+                  onClick={onBackClick}
+                  className="mb-4"
+                >
+                  <ArrowLeft className="h-5 w-5" />
+                </Button>
+              )}
+              {title && <h1 className="text-2xl font-bold mb-6">{title}</h1>}
+              {children}
+            </div>
+          </div>
+        </>
+      )}
+    </div>
+  );
+};
+
+export default AuthLayout;
diff --git a/studio/src/utils/zitadel/Authlayout.js b/studio/src/utils/zitadel/Authlayout.js
deleted file mode 100644
index 07f522d53..000000000
--- a/studio/src/utils/zitadel/Authlayout.js
+++ /dev/null
@@ -1,144 +0,0 @@
-import React from 'react';
-import { ArrowLeftOutlined } from '@ant-design/icons';
-
-const AuthLayout = ({ children, title, error, showBackButton = false, onBackClick, logoSrc }) => {
-  return (
-    <div className="auth-container">
-      {/* Left side with logo */}
-      <div className="auth-logo-section">
-        <img src={logoSrc} alt="Logo" className="auth-logo" />
-      </div>
-
-      {/* Right side with form */}
-      <div className="auth-form-section">
-        <div className="auth-form-container">
-          {showBackButton && (
-            <button onClick={onBackClick} className="back-button">
-              <ArrowLeftOutlined />
-            </button>
-          )}
-
-          <h2 className="auth-title">{title}</h2>
-
-          {error && <p className="auth-error">{error}</p>}
-
-          {children}
-        </div>
-      </div>
-
-      {/* Styles */}
-      <style jsx>{`
-        * {
-          margin: 0;
-          padding: 0;
-          box-sizing: border-box;
-        }
-
-        .auth-container {
-          display: flex;
-          width: 100vw;
-          height: 100vh;
-          overflow: hidden;
-          position: fixed;
-          top: 0;
-          left: 0;
-        }
-
-        .auth-logo-section {
-          width: 50%;
-          height: 100%;
-          background-color: #f0f0f0;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-
-        .auth-logo {
-          width: 40%;
-          object-fit: contain;
-        }
-
-        .auth-form-section {
-          width: 50%;
-          height: 100%;
-          background-color: white;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-        }
-
-        .auth-form-container {
-          width: 100%;
-          max-width: 400px;
-          padding: 0 40px;
-        }
-
-        .auth-title {
-          font-size: 24px;
-          font-weight: bold;
-          margin-bottom: 24px;
-          text-align: center;
-          color: #333;
-        }
-
-        .auth-error {
-          color: red;
-          text-align: center;
-          margin-bottom: 16px;
-        }
-
-        .back-button {
-          background: none;
-          border: none;
-          cursor: pointer;
-          padding: 8px;
-          border-radius: 50%;
-          transition: background-color 0.3s ease;
-          margin-bottom: 16px;
-          display: flex;
-          align-items: center;
-        }
-
-        .back-button:hover {
-          background-color: #f0f0f0;
-        }
-
-        /* Mobile Responsive Styles */
-        @media (max-width: 768px) {
-          .auth-container {
-            flex-direction: column;
-            position: relative;
-          }
-
-          .auth-logo-section {
-            display: none;
-          }
-
-          .auth-form-section {
-            width: 100%;
-          }
-
-          .auth-form-container {
-            padding: 20px;
-          }
-        }
-
-        /* Tablet/Medium Screen Styles */st
-        @media (min-width: 769px) and (max-width: 1024px) {
-          .auth-logo {
-            width: 50%;
-          }
-        }
-
-        /* Large Screen Styles */
-        @media (min-width: 1025px) {
-          .auth-form-container {
-            max-width: 450px;
-          }
-        }
-      `}</style>
-    </div>
-  );
-};
-
-export default AuthLayout;
diff --git a/studio/src/utils/zitadel/VerifyEmail.js b/studio/src/utils/zitadel/VerifyEmail.js
deleted file mode 100644
index e78194692..000000000
--- a/studio/src/utils/zitadel/VerifyEmail.js
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { useNavigate, useLocation } from 'react-router-dom';
-import { Typography, Spin, Result, Button } from 'antd';
-
-const { Text } = Typography;
-
-const VerifyEmail = () => {
-  const navigate = useNavigate();
-  const location = useLocation();
-  const [status, setStatus] = useState('verifying');
-  const [error, setError] = useState('');
-  const verificationAttempted = useRef(false);
-
-  useEffect(() => {
-    const verifyEmail = async () => {
-      // Return early if verification was already attempted
-      if (verificationAttempted.current) return;
-
-      try {
-        const params = new URLSearchParams(location.search);
-        const userId = params.get('userID');
-        const code = params.get('code');
-
-        if (!userId || !code) {
-          setStatus('failed');
-          setError('Missing verification parameters');
-          return;
-        }
-
-        // Set the flag before making the API call
-        verificationAttempted.current = true;
-
-        const response = await fetch(
-          `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/email/verify`,
-          {
-            method: 'POST',
-            headers: {
-              'Content-Type': 'application/json',
-              Accept: 'application/json',
-              Authorization: `Bearer ${window.REACT_APP_ZITADEL_PAT}`,
-            },
-            body: JSON.stringify({
-              verificationCode: code,
-            }),
-          },
-        );
-
-        if (!response.ok) {
-          const errorData = await response.json();
-          throw new Error(errorData.message?.split('(')[0].trim() || 'Verification failed');
-        }
-
-        await response.json();
-        setStatus('success');
-
-        // Redirect to login after a short delay
-        setTimeout(() => {
-          navigate('/auth/login');
-        }, 3000);
-      } catch (error) {
-        console.error('Verification error:', error);
-        setStatus('failed');
-        setError(error.message || 'Verification failed. Please try again or contact support.');
-      }
-    };
-
-    verifyEmail();
-  }, [location.search, navigate]);
-
-  const renderContent = () => {
-    switch (status) {
-      case 'verifying':
-        return (
-          <Result
-            icon={<Spin size="large" />}
-            title="Verifying your email"
-            subTitle="Please wait while we verify your email address..."
-          />
-        );
-
-      case 'success':
-        return (
-          <Result
-            status="success"
-            title="Email Verified!"
-            subTitle={
-              <>
-                <Text>Your email has been successfully verified.</Text>
-                <br />
-                <Text type="secondary">Redirecting to login page...</Text>
-              </>
-            }
-            extra={[
-              <Button
-                type="primary"
-                key="login"
-                onClick={() => navigate('/auth/login')}
-                className="w-full md:w-auto"
-              >
-                Go to Login
-              </Button>,
-            ]}
-          />
-        );
-
-      case 'failed':
-        return (
-          <Result
-            status="error"
-            title="Verification Failed"
-            subTitle={
-              <>
-                <Text>{error}</Text>
-                <br />
-                <Text type="secondary">
-                  Please try clicking the verification link again or request a new verification
-                  email.
-                </Text>
-              </>
-            }
-            extra={[
-              <Button
-                type="primary"
-                key="login"
-                onClick={() => navigate('/auth/login')}
-                className="w-full md:w-auto"
-              >
-                Return to Login
-              </Button>,
-            ]}
-          />
-        );
-
-      default:
-        return null;
-    }
-  };
-
-  return (
-    <div className="w-full min-h-screen flex justify-center items-center p-6">
-      <div className="w-full max-w-md">{renderContent()}</div>
-    </div>
-  );
-};
-
-export default VerifyEmail;
diff --git a/studio/src/utils/zitadel/VerifyEmail.tsx b/studio/src/utils/zitadel/VerifyEmail.tsx
new file mode 100644
index 000000000..80d93fd6e
--- /dev/null
+++ b/studio/src/utils/zitadel/VerifyEmail.tsx
@@ -0,0 +1,153 @@
+import React, { useEffect, useState, useRef } from "react";
+import { useNavigate, useLocation } from "react-router-dom";
+import { Loader2, CheckCircle, XCircle } from "lucide-react";
+import { Button } from "@/components/ui/button";
+
+// Define types for the verification status
+type VerificationStatus = "verifying" | "success" | "failed";
+
+// Interface for error state
+interface VerificationError {
+  message: string;
+}
+
+const VerifyEmail: React.FC = () => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const [status, setStatus] = useState<VerificationStatus>("verifying");
+  const [error, setError] = useState<string>("");
+  const verificationAttempted = useRef<boolean>(false);
+
+  useEffect(() => {
+    const verifyEmail = async (): Promise<void> => {
+      // Return early if verification was already attempted
+      if (verificationAttempted.current) return;
+
+      try {
+        const params = new URLSearchParams(location.search);
+        const userId = params.get("userID");
+        const code = params.get("code");
+
+        if (!userId || !code) {
+          setStatus("failed");
+          setError("Missing verification parameters");
+          return;
+        }
+
+        // Set the flag before making the API call
+        verificationAttempted.current = true;
+
+        const response = await fetch(
+          `${
+            import.meta.env.VITE_ZITADEL_AUTHORITY
+          }/v2/users/${userId}/email/verify`,
+          {
+            method: "POST",
+            headers: {
+              "Content-Type": "application/json",
+              Accept: "application/json",
+              Authorization: `Bearer ${import.meta.env.VITE_ZITADEL_PAT}`,
+            },
+            body: JSON.stringify({
+              verificationCode: code,
+            }),
+          }
+        );
+
+        if (!response.ok) {
+          const errorData = (await response.json()) as VerificationError;
+          throw new Error(
+            errorData.message?.split("(")[0].trim() || "Verification failed"
+          );
+        }
+
+        await response.json();
+        setStatus("success");
+
+        // Redirect to login after a short delay
+        setTimeout(() => {
+          navigate("/auth/login");
+        }, 3000);
+      } catch (error) {
+        console.error("Verification error:", error);
+        setStatus("failed");
+        setError(
+          error instanceof Error
+            ? error.message
+            : "Verification failed. Please try again or contact support."
+        );
+      }
+    };
+
+    verifyEmail();
+  }, [location.search, navigate]);
+
+  const renderContent = (): React.ReactNode => {
+    switch (status) {
+      case "verifying":
+        return (
+          <div className="text-center">
+            <Loader2 className="h-16 w-16 animate-spin mx-auto text-primary" />
+            <h2 className="text-2xl font-semibold mt-6">
+              Verifying your email
+            </h2>
+            <p className="text-muted-foreground mt-2">
+              Please wait while we verify your email address...
+            </p>
+          </div>
+        );
+
+      case "success":
+        return (
+          <div className="text-center">
+            <CheckCircle className="h-16 w-16 mx-auto text-green-500" />
+            <h2 className="text-2xl font-semibold mt-6">Email Verified!</h2>
+            <p className="text-muted-foreground mt-2">
+              Your email has been successfully verified.
+            </p>
+            <p className="text-sm text-muted-foreground mt-1">
+              Redirecting to login page...
+            </p>
+            <Button
+              onClick={() => navigate("/auth/login")}
+              className="mt-6 w-full md:w-auto"
+            >
+              Go to Login
+            </Button>
+          </div>
+        );
+
+      case "failed":
+        return (
+          <div className="text-center">
+            <XCircle className="h-16 w-16 mx-auto text-destructive" />
+            <h2 className="text-2xl font-semibold mt-6">Verification Failed</h2>
+            <p className="text-muted-foreground mt-2">{error}</p>
+            <p className="text-sm text-muted-foreground mt-1">
+              Please try clicking the verification link again or request a new
+              verification email.
+            </p>
+            <Button
+              onClick={() => navigate("/auth/login")}
+              className="mt-6 w-full md:w-auto"
+            >
+              Return to Login
+            </Button>
+          </div>
+        );
+
+      default:
+        return <></>;
+    }
+  };
+
+  return (
+    <div className="w-full min-h-screen flex items-center justify-center p-6">
+      <div className="w-full max-w-md bg-background rounded-lg shadow-lg p-6">
+        {renderContent()}
+      </div>
+    </div>
+  );
+};
+
+export default VerifyEmail;
diff --git a/studio/src/utils/zitadel/idp.js b/studio/src/utils/zitadel/idp.js
deleted file mode 100644
index fb2c1f77d..000000000
--- a/studio/src/utils/zitadel/idp.js
+++ /dev/null
@@ -1,158 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useLocation, useNavigate } from 'react-router-dom';
-import { startTOTPRegistration, verifyTOTPRegistration, checkTOTP } from '../../actions/mfa';
-import {
-  getProviderInformation,
-  checkUserExists,
-  linkExistingUser,
-  createSession,
-  registerUser,
-  initiateGoogleSignIn,
-} from '../../actions/idp';
-
-export const useGoogleSignIn = () => {
-  const location = useLocation();
-  const navigate = useNavigate();
-  const [error, setError] = useState(null);
-  const [step, setStep] = useState('initial');
-  const [totpUri, setTotpUri] = useState('');
-  const [totpSecret, setTotpSecret] = useState('');
-  const [sessionId, setSessionId] = useState('');
-  const [sessionToken, setSessionToken] = useState('');
-
-  const params = new URLSearchParams(location.search);
-  const intentId = params.get('id');
-  const token = params.get('token');
-  const userId = params.get('user');
-
-  useEffect(() => {
-    if (intentId && token) {
-      handleProviderInformation(intentId, token);
-    }
-  }, [location]);
-
-  const handleProviderInformation = async (intentId, token) => {
-    try {
-      const providerData = await getProviderInformation(intentId, token);
-      await handleAuthenticationFlow(providerData, intentId, token);
-    } catch (error) {
-      console.error('Error:', error);
-      setError('An error occurred. Please try again later.');
-    }
-  };
-
-  const handleAuthenticationFlow = async (providerData, intentId, token) => {
-    const email = providerData.idpInformation?.rawInformation?.User?.email;
-
-    try {
-      if (userId) {
-        await loginUser(userId, intentId, token);
-      } else if (email) {
-        const existingUser = await checkUserExists(email);
-        if (existingUser) {
-          await handleExistingUser(existingUser, providerData, intentId, token);
-        } else {
-          await handleNewUser(providerData.idpInformation?.rawInformation?.User, intentId, token);
-        }
-      } else {
-        throw new Error('Unable to determine user email');
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      setError(error.message || 'An error occurred. Please try again later.');
-    }
-  };
-
-  const handleExistingUser = async (existingUser, providerData, intentId, token) => {
-    try {
-      await linkExistingUser(existingUser.userId, providerData);
-      const sessionData = await createSession(existingUser.userId);
-      setSessionId(sessionData.sessionId);
-      setSessionToken(sessionData.sessionToken);
-      setStep('mfa-verify');
-    } catch (error) {
-      console.error('Error handling existing user:', error);
-      setError('An error occurred while linking your account. Please try again later.');
-    }
-  };
-
-  const loginUser = async (userId, intentId, token) => {
-    try {
-      const sessionData = await createSession(userId, intentId, token);
-      setSessionId(sessionData.sessionId);
-      setSessionToken(sessionData.sessionToken);
-      setStep('mfa-verify');
-    } catch (error) {
-      console.error('Error:', error);
-      setError('An error occurred during login. Please try again later.');
-    }
-  };
-
-  const handleNewUser = async (userData, intentId, token) => {
-    try {
-      const newUserData = await registerUser(userData, intentId, token);
-      localStorage.setItem('userId', newUserData.userId);
-
-      const sessionData = await createSession(newUserData.userId, intentId, token);
-      setSessionId(sessionData.sessionId);
-      setSessionToken(sessionData.sessionToken);
-
-      const totpData = await startTOTPRegistration(
-        newUserData.userId,
-        window.REACT_APP_ZITADEL_PAT,
-      );
-      setTotpUri(totpData.uri);
-      setTotpSecret(totpData.secret);
-      setStep('mfa-setup');
-    } catch (error) {
-      console.error('Error:', error);
-      setError('An error occurred during registration. Please try again later.');
-    }
-  };
-
-  const handleMfaSetup = async (code) => {
-    try {
-      const userId = localStorage.getItem('userId');
-      await verifyTOTPRegistration(userId, sessionToken, code);
-      navigate('/');
-    } catch (error) {
-      console.error('Error verifying MFA:', error);
-      setError('Failed to verify MFA. Please try again.');
-    }
-  };
-
-  const handleMfaVerify = async (code) => {
-    try {
-      const result = await checkTOTP(sessionId, sessionToken, code);
-      if (result.sessionToken) {
-        localStorage.setItem('sessionToken', result.sessionToken);
-        navigate('/');
-      } else {
-        setError('Invalid MFA code. Please try again.');
-      }
-    } catch (error) {
-      console.error('Error verifying MFA:', error);
-      setError('Failed to verify MFA. Please try again.');
-    }
-  };
-
-  const handleGoogleSignIn = async () => {
-    try {
-      const data = await initiateGoogleSignIn(window.PUBLIC_URL);
-      window.location.href = data.authUrl;
-    } catch (error) {
-      console.error('Error:', error);
-      setError('An error occurred. Please try again later.');
-    }
-  };
-
-  return {
-    initiateGoogleSignIn: handleGoogleSignIn,
-    error,
-    step,
-    totpUri,
-    totpSecret,
-    handleMfaSetup,
-    handleMfaVerify,
-  };
-};
diff --git a/studio/src/utils/zitadel/idp.tsx b/studio/src/utils/zitadel/idp.tsx
new file mode 100644
index 000000000..d2c211e2c
--- /dev/null
+++ b/studio/src/utils/zitadel/idp.tsx
@@ -0,0 +1,232 @@
+import { useEffect, useState } from "react";
+import { useLocation, useNavigate } from "react-router-dom";
+import { AlertCircle } from "lucide-react";
+import { toast } from "sonner";
+import {
+  startTOTPRegistration,
+  verifyTOTPRegistration,
+  checkTOTP,
+} from "@/actions/mfa";
+import {
+  getProviderInformation,
+  checkUserExists,
+  linkExistingUser,
+  createSession,
+  registerUser,
+  initiateGoogleSignIn,
+} from "../../actions/idp";
+import type {
+  ProviderInformation,
+  ProviderUserData,
+  ExistingUser,
+} from "./types";
+
+type Step = "initial" | "mfa-setup" | "mfa-verify";
+
+interface UseGoogleSignInReturn {
+  initiateGoogleSignIn: () => Promise<void>;
+  error: string | null;
+  step: Step;
+  totpUri: string;
+  totpSecret: string;
+  handleMfaSetup: (code: string) => Promise<void>;
+  handleMfaVerify: (code: string) => Promise<void>;
+}
+
+export const useGoogleSignIn = (): UseGoogleSignInReturn => {
+  const location = useLocation();
+  const navigate = useNavigate();
+
+  const [error, setError] = useState<string | null>(null);
+  const [step, setStep] = useState<Step>("initial");
+  const [totpUri, setTotpUri] = useState<string>("");
+  const [totpSecret, setTotpSecret] = useState<string>("");
+  const [sessionId, setSessionId] = useState<string>("");
+  const [sessionToken, setSessionToken] = useState<string>("");
+
+  const params = new URLSearchParams(location.search);
+  const intentId = params.get("id");
+  const token = params.get("token");
+  const userId = params.get("user");
+
+  const showError = (message: string) => {
+    toast({
+      variant: "destructive",
+      title: "Error",
+      description: message,
+      icon: <AlertCircle className="h-5 w-5" />,
+    });
+    setError(message);
+  };
+
+  useEffect(() => {
+    if (intentId && token) {
+      handleProviderInformation(intentId, token);
+    }
+  }, [location]);
+
+  const handleProviderInformation = async (
+    intentId: string,
+    token: string
+  ): Promise<void> => {
+    try {
+      const providerData = await getProviderInformation(intentId, token);
+      await handleAuthenticationFlow(providerData, intentId, token);
+    } catch (error) {
+      console.error("Error:", error);
+      showError("An error occurred. Please try again later.");
+    }
+  };
+
+  const handleAuthenticationFlow = async (
+    providerData: ProviderInformation,
+    intentId: string,
+    token: string
+  ): Promise<void> => {
+    const email = providerData.idpInformation?.rawInformation?.User?.email;
+
+    try {
+      if (userId) {
+        await loginUser(userId, intentId, token);
+      } else if (email) {
+        const existingUser = await checkUserExists(email);
+        if (existingUser) {
+          await handleExistingUser(existingUser, providerData, intentId, token);
+        } else {
+          const userData = providerData.idpInformation?.rawInformation?.User;
+          if (userData) {
+            await handleNewUser(userData, intentId, token);
+          } else {
+            throw new Error("Invalid user data received");
+          }
+        }
+      } else {
+        throw new Error("Unable to determine user email");
+      }
+    } catch (error) {
+      console.error("Error:", error);
+      showError(
+        error instanceof Error
+          ? error.message
+          : "An error occurred. Please try again later."
+      );
+    }
+  };
+
+  const handleExistingUser = async (
+    existingUser: ExistingUser,
+    providerData: ProviderInformation,
+    intentId: string,
+    token: string
+  ): Promise<void> => {
+    try {
+      await linkExistingUser(existingUser.userId, providerData);
+      const sessionData = await createSession(existingUser.userId);
+      setSessionId(sessionData.sessionId);
+      setSessionToken(sessionData.sessionToken);
+      setStep("mfa-verify");
+    } catch (error) {
+      console.error("Error handling existing user:", error);
+      showError(
+        "An error occurred while linking your account. Please try again later."
+      );
+    }
+  };
+
+  const loginUser = async (
+    userId: string,
+    intentId: string,
+    token: string
+  ): Promise<void> => {
+    try {
+      const sessionData = await createSession(userId, intentId, token);
+      setSessionId(sessionData.sessionId);
+      setSessionToken(sessionData.sessionToken);
+      setStep("mfa-verify");
+    } catch (error) {
+      console.error("Error:", error);
+      showError("An error occurred during login. Please try again later.");
+    }
+  };
+
+  const handleNewUser = async (
+    userData: ProviderUserData,
+    intentId: string,
+    token: string
+  ): Promise<void> => {
+    try {
+      const newUserData = await registerUser(userData, intentId, token);
+      localStorage.setItem("userId", newUserData.userId);
+
+      const sessionData = await createSession(
+        newUserData.userId,
+        intentId,
+        token
+      );
+      setSessionId(sessionData.sessionId);
+      setSessionToken(sessionData.sessionToken);
+
+      const totpData = await startTOTPRegistration(
+        newUserData.userId,
+        import.meta.env.VITE_ZITADEL_PAT
+      );
+      setTotpUri(totpData.uri);
+      setTotpSecret(totpData.secret);
+      setStep("mfa-setup");
+    } catch (error) {
+      console.error("Error:", error);
+      showError(
+        "An error occurred during registration. Please try again later."
+      );
+    }
+  };
+
+  const handleMfaSetup = async (code: string): Promise<void> => {
+    try {
+      const userId = localStorage.getItem("userId");
+      if (!userId) {
+        throw new Error("User ID not found");
+      }
+      await verifyTOTPRegistration(userId, sessionToken, code);
+      navigate("/");
+    } catch (error) {
+      console.error("Error verifying MFA:", error);
+      showError("Failed to verify MFA. Please try again.");
+    }
+  };
+
+  const handleMfaVerify = async (code: string): Promise<void> => {
+    try {
+      const result = await checkTOTP(sessionId, sessionToken, code);
+      if (result.sessionToken) {
+        localStorage.setItem("sessionToken", result.sessionToken);
+        navigate("/");
+      } else {
+        showError("Invalid MFA code. Please try again.");
+      }
+    } catch (error) {
+      console.error("Error verifying MFA:", error);
+      showError("Failed to verify MFA. Please try again.");
+    }
+  };
+
+  const handleGoogleSignIn = async (): Promise<void> => {
+    try {
+      const data = await initiateGoogleSignIn(import.meta.env.VITE_PUBLIC_URL);
+      window.location.href = data.authUrl;
+    } catch (error) {
+      console.error("Error:", error);
+      showError("An error occurred. Please try again later.");
+    }
+  };
+
+  return {
+    initiateGoogleSignIn: handleGoogleSignIn,
+    error,
+    step,
+    totpUri,
+    totpSecret,
+    handleMfaSetup,
+    handleMfaVerify,
+  };
+};
diff --git a/studio/src/utils/zitadel/index.js b/studio/src/utils/zitadel/index.js
deleted file mode 100644
index 835b07599..000000000
--- a/studio/src/utils/zitadel/index.js
+++ /dev/null
@@ -1,134 +0,0 @@
-export const login = async () => {
-  return getOpenIDConfiguration().then(async (d) => {
-    if (d.error) {
-      console.log(d.error);
-    }
-    if (d.error) {
-      return { error: d.error };
-    }
-
-    const codeVerifier = generateCodeVerifier();
-    const codeChallenge = await generateCodeChallenge(codeVerifier);
-
-    localStorage.setItem('code_verifier', codeVerifier);
-
-    const state = generateRandomString();
-    localStorage.setItem('auth_state', state);
-
-    const authorizeURL =
-      `${window.DEGA_PUBLIC_URL}/auth/request?` +
-      `client_id=${encodeURIComponent(window.REACT_APP_ZITADEL_CLIENT_ID)}` +
-      `&response_type=code` +
-      `&response_mode=query` +
-      `&code_challenge_method=S256` +
-      `&redirect_uri=${encodeURIComponent(window.REACT_APP_ZITADEL_REDIRECT_URI)}` +
-      `&post_logout_redirect_uri=${encodeURIComponent(
-        window.REACT_APP_ZITADEL_POST_LOGOUT_REDIRECT_URI,
-      )}` +
-      `&state=${state}` +
-      `&scope=${encodeURIComponent(
-        'openid profile email urn:zitadel:iam:user:metadata urn:zitadel:iam:user:resourceowner urn:zitadel:iam:org:project:id:zitadel:aud urn:zitadel:iam:org:project:' +
-          window.REACT_APP_ZITADEL_PROJECT_ID +
-          ':roles',
-      )}` +
-      `&code_challenge=${encodeURIComponent(codeChallenge)}`;
-
-    return { authorizeURL };
-  });
-};
-
-export const getToken = (code) =>
-  fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/oauth/v2/token`, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/x-www-form-urlencoded',
-    },
-    body: new URLSearchParams({
-      code,
-      client_id: window.REACT_APP_ZITADEL_CLIENT_ID,
-      redirect_uri: window.REACT_APP_ZITADEL_REDIRECT_URI,
-      code_verifier: localStorage.getItem('code_verifier'),
-      grant_type: 'authorization_code',
-    }).toString(),
-    credentials: 'include',
-  })
-    .then((response) => response.json())
-    .then((data) => {
-      localStorage.setItem('sessionToken', data.access_token);
-      localStorage.setItem('x-zitadel-id-token', data.id_token);
-      return { data };
-    })
-    .catch(() => {
-      return {
-        error: 'Error fetching token',
-      };
-    });
-
-export const getUserInfo = () =>
-  fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/oidc/v1/userinfo`, {
-    method: 'GET',
-    headers: {
-      Authorization: `Bearer ${localStorage.getItem('sessionToken')}`,
-    },
-    credentials: 'include',
-  })
-    .then((response) => {
-      if (response.status === 200) {
-        return response.json();
-      } else {
-        return Promise.reject('Unauthorized');
-      }
-    })
-    .then((data) => {
-      return { data };
-    })
-    .catch(() => {
-      return {
-        error: 'Error fetching user info',
-      };
-    });
-
-const generateCodeChallenge = (codeVerifier) => {
-  const encoder = new TextEncoder();
-  const data = encoder.encode(codeVerifier);
-  return crypto.subtle.digest('SHA-256', data).then((digest) => {
-    const base64Digest = btoa(String.fromCharCode(...new Uint8Array(digest)))
-      .replace(/\+/g, '-')
-      .replace(/\//g, '_')
-      .replace(/=+$/, '');
-
-    return base64Digest;
-  });
-};
-
-function generateCodeVerifier(length = 128) {
-  const randomArray = new Uint8Array(length);
-  window.crypto.getRandomValues(randomArray);
-  return btoa(String.fromCharCode(...randomArray))
-    .replace(/\+/g, '-')
-    .replace(/\//g, '_')
-    .replace(/=+$/, '');
-}
-
-function generateRandomString(length = 128) {
-  const randomArray = new Uint8Array(length);
-  window.crypto.getRandomValues(randomArray);
-  return btoa(String.fromCharCode(...randomArray))
-    .replace(/\+/g, '-')
-    .replace(/\//g, '_')
-    .replace(/=+$/, '');
-}
-
-const getOpenIDConfiguration = () =>
-  fetch(`${window.REACT_APP_ZITADEL_AUTHORITY}/.well-known/openid-configuration`, {
-    credentials: 'include',
-  })
-    .then((response) => response.json())
-    .then((config) => {
-      return { data: JSON.parse(JSON.stringify(config, null, 2)) };
-    })
-    .catch(() => {
-      return {
-        error: 'Error fetching OpenID configuration',
-      };
-    });
diff --git a/studio/src/utils/zitadel/index.tsx b/studio/src/utils/zitadel/index.tsx
new file mode 100644
index 000000000..206d959a0
--- /dev/null
+++ b/studio/src/utils/zitadel/index.tsx
@@ -0,0 +1,193 @@
+interface OpenIDConfiguration {
+  data?: any;
+  error?: string;
+}
+
+interface LoginResponse {
+  authorizeURL?: string;
+  error?: string;
+}
+
+interface TokenResponse {
+  data?: any;
+  error?: string;
+}
+
+export const login = async (): Promise<LoginResponse> => {
+  try {
+    const d = await getOpenIDConfiguration();
+    if (d.error) {
+      console.log(d.error);
+      return { error: d.error };
+    }
+
+    const codeVerifier = generateCodeVerifier();
+    const codeChallenge = await generateCodeChallenge(codeVerifier);
+
+    localStorage.setItem("code_verifier", codeVerifier);
+
+    const state = generateRandomString();
+    localStorage.setItem("auth_state", state);
+
+    const authorizeURL =
+      `${import.meta.env.VITE_DEGA_PUBLIC_URL}/auth/request?` +
+      `client_id=${encodeURIComponent(
+        import.meta.env.VITE_ZITADEL_CLIENT_ID
+      )}` +
+      `&response_type=code` +
+      `&response_mode=query` +
+      `&code_challenge_method=S256` +
+      `&redirect_uri=${encodeURIComponent(
+        import.meta.env.VITE_ZITADEL_REDIRECT_URI
+      )}` +
+      `&post_logout_redirect_uri=${encodeURIComponent(
+        import.meta.env.VITE_ZITADEL_POST_LOGOUT_REDIRECT_URI
+      )}` +
+      `&state=${state}` +
+      `&scope=${encodeURIComponent(
+        "openid profile email urn:zitadel:iam:user:metadata urn:zitadel:iam:user:resourceowner urn:zitadel:iam:org:project:id:zitadel:aud urn:zitadel:iam:org:project:" +
+          import.meta.env.VITE_ZITADEL_PROJECT_ID +
+          ":roles"
+      )}` +
+      `&code_challenge=${encodeURIComponent(codeChallenge)}`;
+
+    return { authorizeURL };
+  } catch (error) {
+    console.error("Login error:", error);
+    return { error: "Login failed" };
+  }
+};
+
+export const getToken = async (
+  code: string,
+  state?: string | null
+): Promise<TokenResponse> => {
+  try {
+    if (!code) {
+      return { error: "No authorization code provided" };
+    }
+
+    // Verify state parameter
+    const storedState = localStorage.getItem("auth_state");
+    if (state && storedState && state !== storedState) {
+      return { error: "Invalid state parameter" };
+    }
+
+    // Get code verifier
+    const codeVerifier = localStorage.getItem("code_verifier");
+    if (!codeVerifier) {
+      return { error: "Code verifier not found" };
+    }
+
+    const response = await fetch(
+      `${import.meta.env.VITE_ZITADEL_AUTHORITY}/oauth/v2/token`,
+      {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/x-www-form-urlencoded",
+        },
+        body: new URLSearchParams({
+          code,
+          client_id: import.meta.env.VITE_ZITADEL_CLIENT_ID,
+          redirect_uri: import.meta.env.VITE_ZITADEL_REDIRECT_URI,
+          code_verifier: codeVerifier,
+          grant_type: "authorization_code",
+        }).toString(),
+        credentials: "include",
+      }
+    );
+
+    if (!response.ok) {
+      // Try to get more detailed error information
+      try {
+        const errorData = await response.json();
+        console.error("Token exchange error:", errorData);
+        return {
+          error:
+            errorData.error_description ||
+            errorData.error ||
+            `Token request failed: ${response.status}`,
+        };
+      } catch (e) {
+        return { error: `Token request failed: ${response.status}` };
+      }
+    }
+
+    const data = await response.json();
+    if (data.error) {
+      return { error: data.error_description || data.error };
+    }
+
+    // Store tokens
+    if (data.access_token) {
+      localStorage.setItem("sessionToken", data.access_token);
+    } else {
+      return { error: "No access token received" };
+    }
+
+    if (data.id_token) {
+      localStorage.setItem("x-zitadel-id-token", data.id_token);
+    }
+
+    return { data };
+  } catch (error) {
+    console.error("Token error:", error);
+    return {
+      error: error instanceof Error ? error.message : "Error fetching token",
+    };
+  }
+};
+
+const generateCodeChallenge = async (codeVerifier: string): Promise<string> => {
+  const encoder = new TextEncoder();
+  const data = encoder.encode(codeVerifier);
+  const digest = await crypto.subtle.digest("SHA-256", data);
+
+  return btoa(String.fromCharCode(...new Uint8Array(digest)))
+    .replace(/\+/g, "-")
+    .replace(/\//g, "_")
+    .replace(/=+$/, "");
+};
+
+function generateCodeVerifier(length: number = 128): string {
+  const randomArray = new Uint8Array(length);
+  crypto.getRandomValues(randomArray);
+  return btoa(String.fromCharCode(...randomArray))
+    .replace(/\+/g, "-")
+    .replace(/\//g, "_")
+    .replace(/=+$/, "");
+}
+
+function generateRandomString(length: number = 128): string {
+  const randomArray = new Uint8Array(length);
+  crypto.getRandomValues(randomArray);
+  return btoa(String.fromCharCode(...randomArray))
+    .replace(/\+/g, "-")
+    .replace(/\//g, "_")
+    .replace(/=+$/, "");
+}
+
+const getOpenIDConfiguration = async (): Promise<OpenIDConfiguration> => {
+  try {
+    const response = await fetch(
+      `${
+        import.meta.env.VITE_ZITADEL_AUTHORITY
+      }/.well-known/openid-configuration`,
+      {
+        credentials: "include",
+      }
+    );
+
+    if (!response.ok) {
+      throw new Error(`HTTP error ${response.status}`);
+    }
+
+    const config = await response.json();
+    return { data: config };
+  } catch (error) {
+    console.error("OpenID Configuration error:", error);
+    return {
+      error: "Error fetching OpenID configuration",
+    };
+  }
+};
diff --git a/studio/src/utils/zitadel/login.js b/studio/src/utils/zitadel/login.js
deleted file mode 100644
index 285f381dd..000000000
--- a/studio/src/utils/zitadel/login.js
+++ /dev/null
@@ -1,346 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { useLocation } from 'react-router-dom';
-import { checkTOTP } from '../../actions/mfa';
-import { useGoogleSignIn } from './idp';
-import degaImage from '../../assets/dega-1.png';
-import { TOTPSetupComponent } from './mfa';
-import {
-  createSession,
-  getUserDetails,
-  verifyPassword,
-  finalizeAuthRequest,
-  checkUser,
-  checkEmailVerification,
-  resendVerificationEmail,
-} from '../../actions/login';
-import { requestPasswordReset } from '../../actions/forgotPassword';
-import EmailInput from './login/emailInput';
-import Password from './login/Password.js';
-import Mfa from './login/mfa.js';
-import MfaVerify from './login/mfaverify.js';
-import RequestReset from './login/requestreset';
-import AuthLayout from './Authlayout';
-import EmailVerification from './login/EmailVerification.js';
-
-
-const Login = () => {
-  const [email, setEmail] = useState('');
-  const [password, setPassword] = useState('');
-  const [error, setError] = useState('');
-  const [step, setStep] = useState('email');
-  const [sessionId, setSessionId] = useState('');
-  const [userId, setUserId] = useState('');
-  const [totpCode, setTotpCode] = useState('');
-  const [mfaCode, setMfaCode] = useState('');
-  const [authRequestId, setAuthRequestId] = useState('');
-  const [isLoading, setIsLoading] = useState(false);
-  const location = useLocation();
-
-  const {
-    initiateGoogleSignIn,
-    error: googleError,
-    step: googleStep,
-    totpUri,
-    totpSecret,
-    handleMfaSetup,
-    handleMfaVerify,
-  } = useGoogleSignIn();
-
-  useEffect(() => {
-    const searchParams = new URLSearchParams(location.search);
-    const authRequest = searchParams.get('authRequest');
-    if (authRequest) {
-      setAuthRequestId(authRequest);
-      localStorage.setItem('authRequestId', authRequest);
-      // getAuthRequestDetails(authRequest);
-    }
-  }, [location]);
-
-  useEffect(() => {
-    if (googleError) {
-      setError(googleError);
-    }
-  }, [googleError]);
-
-  useEffect(() => {
-    if (googleStep === 'mfa-setup' || googleStep === 'mfa-verify') {
-      setStep(googleStep);
-    }
-  }, [googleStep]);
-
-  const getAuthMethods = async (userId) => {
-    const response = await fetch(
-      `${window.REACT_APP_ZITADEL_AUTHORITY}/v2/users/${userId}/authentication_methods`,
-      {
-        headers: {
-          Accept: 'application/json',
-          Authorization: `Bearer ${localStorage.getItem('sessionToken')}`,
-        },
-      },
-    );
-    if (!response.ok) {
-      throw new Error('Failed to fetch authentication methods');
-    }
-    const data = await response.json();
-    return data;
-  };
-
-  const handleEmailSubmit = async (values) => {
-    setError('');
-    setIsLoading(true);
-    try {
-      const users = await checkUser(values.email);
-      if (users.result && users.result.length > 0) {
-        const sessionData = await createSession(users.result[0].userId);
-        localStorage.setItem('sessionData', JSON.stringify(sessionData));
-        setSessionId(sessionData.sessionId);
-        localStorage.setItem('sessionToken', sessionData.sessionToken);
-
-        const userDetails = await getUserDetails(sessionData.sessionId);
-        const userId = userDetails.session.factors.user.id;
-        setUserId(userId);
-        localStorage.setItem('userId', userId);
-        localStorage.setItem('userEmail', values.email);
-
-        // Check email verification status
-        const isEmailVerified = await checkEmailVerification(userId);
-        if (!isEmailVerified) {
-          setStep('verify-email');
-          return;
-        }
-
-        setStep('password');
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      setError(error.message || 'An unexpected error occurred. Please try again later.');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handleResendVerification = async () => {
-    setError('');
-    setIsLoading(true);
-    try {
-      await resendVerificationEmail(userId);
-      setError('Verification email has been resent. Please check your inbox.');
-    } catch (error) {
-      setError(error.message || 'Failed to resend verification email. Please try again.');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handlePasswordSubmit = async (values) => {
-    setError('');
-    setIsLoading(true);
-    try {
-      const sessionData = JSON.parse(localStorage.getItem('sessionData'));
-      const result = await verifyPassword(sessionId, sessionData.token, values.password);
-      localStorage.setItem('sessionToken', result.sessionToken);
-
-      const authMethods = await getAuthMethods(userId);
-      if (
-        authMethods.authMethodTypes &&
-        authMethods.authMethodTypes.includes('AUTHENTICATION_METHOD_TYPE_TOTP')
-      ) {
-        setStep('mfa');
-      } else {
-        await finalizeLogin(result.sessionToken);
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      setError(error.message || 'Invalid password');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handleRequestReset = async () => {
-    setError('');
-    try {
-      await requestPasswordReset(userId);
-      setStep('reset-message');
-    } catch (error) {
-      setError(`An error occurred: ${error.message}`);
-    }
-  };
-
-  const handleMfaSubmit = async (values) => {
-    setError('');
-    setIsLoading(true);
-
-    try {
-      const sessionData = JSON.parse(localStorage.getItem('sessionData'));
-      const result = await checkTOTP(sessionId, sessionData.token, values.totpCode);
-      if (result.sessionToken) {
-        localStorage.setItem('sessionToken', result.sessionToken);
-        await finalizeLogin(result.sessionToken);
-      } else {
-        setError('Invalid MFA code. Please try again.');
-      }
-    } catch (error) {
-      console.error('Error:', error);
-      setError('An unexpected error occurred during MFA verification');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const handleMfaVerifySubmit = (values) => {
-    handleMfaVerify(values.mfaCode);
-  };
-
-  const handleSkipMfa = async () => {
-    try {
-      const sessionToken = localStorage.getItem('sessionToken');
-      if (!sessionToken) {
-        throw new Error('No session token found');
-      }
-      await finalizeLogin(sessionToken);
-    } catch (error) {
-      console.error('Error:', error);
-      setError('An unexpected error occurred while skipping MFA');
-    }
-  };
-
-  const finalizeLogin = async (sessionToken) => {
-    try {
-      if (!sessionToken) {
-        throw new Error('No session token provided');
-      }
-      // Commented out auth request finalization
-      const authRequestId = localStorage.getItem('authRequestId');
-      const finalizeResult = await finalizeAuthRequest(authRequestId, sessionId, sessionToken);
-      if (finalizeResult.callbackUrl) {
-        window.location.href = finalizeResult.callbackUrl;
-      } else {
-        console.error('No callback URL in the response');
-        setError('Login successful, but redirect failed. Please try again.');
-      }
-
-      // Instead, just set the session token and consider login successful
-      // localStorage.setItem('sessionToken', sessionToken);
-      // console.log('Login successful');
-      // Redirect to home page after successful login
-      // window.location.href = '/';
-    } catch (error) {
-      console.error('Error:', error);
-      setError(`An unexpected error occurred during login finalization: ${error.message}`);
-    }
-  };
-
-  const handleGoogleSignIn = async () => {
-    const result = await initiateGoogleSignIn();
-    if (result && result.error) {
-      setError(result.error);
-    }
-  };
-
-  const resetLoginProcess = () => {
-    setEmail('');
-    setPassword('');
-    setError('');
-    setStep('email');
-    setSessionId('');
-    setUserId('');
-    setTotpCode('');
-    setMfaCode('');
-    localStorage.removeItem('sessionData');
-    localStorage.removeItem('sessionToken');
-    localStorage.removeItem('userId');
-    localStorage.removeItem('userEmail');
-  };
-
-
-  const getTitle = () => {
-    switch (step) {
-      case 'email':
-        return 'Login';
-      case 'password':
-        return 'Enter Password';
-      case 'mfa':
-        return 'MFA Verification';
-      case 'mfa-setup':
-        return 'Set up Two-Factor Authentication';
-      case 'mfa-verify':
-        return 'Verify Two-Factor Authentication';
-      case 'reset-request':
-        return 'Reset Password';
-      case 'reset-message':
-        return 'Reset Request Sent';
-      default:
-        return 'Login';
-    }
-  };
-
-  const renderForm = () => {
-    switch (step) {
-      case 'email':
-        return (
-          <EmailInput
-            email={email}
-            setEmail={setEmail}
-            onSubmit={handleEmailSubmit}
-            error={error}
-            handleGoogleSignIn={handleGoogleSignIn}
-          />
-        );
-      case 'verify-email':
-        return (
-          <EmailVerification
-            userEmail={localStorage.getItem('userEmail')}
-            userId={userId}
-            onResendVerification={handleResendVerification}
-            error={error}
-          />
-        );
-      case 'password':
-        return (
-          <Password
-            password={password}
-            setPassword={setPassword}
-            onSubmit={handlePasswordSubmit}
-            onForgotPassword={() => setStep('reset-request')}
-          />
-        );
-      case 'reset-request':
-        return <RequestReset userEmail={email} onSubmit={handleRequestReset} />;
-      case 'reset-message':
-        return (
-          <div className="text-center p-6 space-y-4">
-            <div className="mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center"></div>
-            <p className="text-gray-600">
-              We've sent password reset instructions to your email address. Please check your inbox
-              and follow the link to reset your password.
-            </p>
-          </div>
-        );
-      case 'mfa':
-        return <Mfa totpCode={totpCode} setTotpCode={setTotpCode} onSubmit={handleMfaSubmit} />;
-      case 'mfa-setup':
-        return <TOTPSetupComponent uri={totpUri} secret={totpSecret} onVerify={handleMfaSetup} />;
-      case 'mfa-verify':
-        return (
-          <MfaVerify mfaCode={mfaCode} setMfaCode={setMfaCode} onSubmit={handleMfaVerifySubmit} />
-        );
-      default:
-        return null;
-    }
-  };
-
-  return (
-    <AuthLayout
-      title={getTitle()}
-      error={error}
-      showBackButton={step !== 'email'}
-      onBackClick={resetLoginProcess}
-      logoSrc={degaImage}
-    >
-      {renderForm()}
-    </AuthLayout>
-  );
-};
-
-export default Login;
diff --git a/studio/src/utils/zitadel/login.tsx b/studio/src/utils/zitadel/login.tsx
new file mode 100644
index 000000000..2d4710ef8
--- /dev/null
+++ b/studio/src/utils/zitadel/login.tsx
@@ -0,0 +1,430 @@
+import React, { useState, useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Card, CardContent } from "@/components/ui/card";
+import { AlertCircle } from "lucide-react";
+import { checkTOTP } from "../../actions/mfa";
+import { useGoogleSignIn } from "./idp";
+import { TOTPSetupComponent } from "./mfa";
+import {
+  createSession,
+  getUserDetails,
+  verifyPassword,
+  finalizeAuthRequest,
+  checkUser,
+  checkEmailVerification,
+  resendVerificationEmail,
+} from "../../actions/login";
+import { requestPasswordReset } from "../../actions/forgotPassword";
+import EmailInput from "./login/EmailInput";
+import Password from "./login/Password";
+import Mfa from "./login/Mfa";
+import MfaVerify from "./login/MfaVerify";
+import RequestReset from "./login/RequestReset";
+import AuthLayout from "./AuthLayout";
+import AuthHeader from "./AuthHeader";
+import EmailVerification from "./login/EmailVerification";
+import degaImage from "../../assets/dega-1.png";
+import { SessionData, UserDetails, AuthMethods, FinalizeResult } from "./types";
+
+interface LoginProps {}
+
+const Login: React.FC<LoginProps> = () => {
+  const [email, setEmail] = useState<string>("");
+  const [password, setPassword] = useState<string>("");
+  const [error, setError] = useState<string>("");
+  const [step, setStep] = useState<string>("email");
+  const [sessionId, setSessionId] = useState<string>("");
+  const [userId, setUserId] = useState<string>("");
+  const [totpCode, setTotpCode] = useState<string>("");
+  const [mfaCode, setMfaCode] = useState<string>("");
+  const [authRequestId, setAuthRequestId] = useState<string>("");
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const location = useLocation();
+
+  const {
+    initiateGoogleSignIn,
+    error: googleError,
+    step: googleStep,
+    totpUri,
+    totpSecret,
+    handleMfaSetup,
+    handleMfaVerify,
+  } = useGoogleSignIn();
+
+  useEffect(() => {
+    const searchParams = new URLSearchParams(location.search);
+    const authRequest = searchParams.get("authRequest");
+    if (authRequest) {
+      setAuthRequestId(authRequest);
+      localStorage.setItem("authRequestId", authRequest);
+    }
+  }, [location]);
+
+  useEffect(() => {
+    if (googleError) {
+      setError(googleError);
+    }
+  }, [googleError]);
+
+  useEffect(() => {
+    if (googleStep === "mfa-setup" || googleStep === "mfa-verify") {
+      setStep(googleStep);
+    }
+  }, [googleStep]);
+
+  const getAuthMethods = async (userId: string): Promise<AuthMethods> => {
+    const response = await fetch(
+      `${
+        import.meta.env.VITE_ZITADEL_AUTHORITY
+      }/v2/users/${userId}/authentication_methods`,
+      {
+        headers: {
+          Accept: "application/json",
+          Authorization: `Bearer ${localStorage.getItem("sessionToken")}`,
+        },
+      }
+    );
+    if (!response.ok) {
+      throw new Error("Failed to fetch authentication methods");
+    }
+    return response.json();
+  };
+
+  const handleEmailSubmit = async (values: {
+    email: string;
+  }): Promise<void> => {
+    setError("");
+    setIsLoading(true);
+    try {
+      const users = await checkUser(values.email);
+      if (users.result && users.result.length > 0) {
+        const sessionData: SessionData = await createSession(
+          users.result[0].userId
+        );
+        localStorage.setItem("sessionData", JSON.stringify(sessionData));
+        setSessionId(sessionData.sessionId);
+        localStorage.setItem("sessionToken", sessionData.sessionToken);
+
+        const userDetails: UserDetails = await getUserDetails(
+          sessionData.sessionId
+        );
+        const userId = userDetails.session.factors.user.id;
+        setUserId(userId);
+        localStorage.setItem("userId", userId);
+        localStorage.setItem("userEmail", values.email);
+
+        const isEmailVerified = await checkEmailVerification(userId);
+        if (!isEmailVerified) {
+          setStep("verify-email");
+          return;
+        }
+
+        setStep("password");
+      }
+    } catch (error) {
+      console.error("Error:", error);
+      setError(
+        error instanceof Error ? error.message : "An unexpected error occurred"
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleResendVerification = async (): Promise<void> => {
+    setError("");
+    setIsLoading(true);
+    try {
+      await resendVerificationEmail(userId);
+      setError("Verification email has been resent. Please check your inbox.");
+    } catch (error) {
+      setError(
+        error instanceof Error
+          ? error.message
+          : "Failed to resend verification email"
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handlePasswordSubmit = async (values: {
+    password: string;
+  }): Promise<void> => {
+    setError("");
+    setIsLoading(true);
+    try {
+      const sessionData: SessionData = JSON.parse(
+        localStorage.getItem("sessionData") || "{}"
+      );
+      const result = await verifyPassword(
+        sessionId,
+        sessionData.token,
+        values.password
+      );
+      localStorage.setItem("sessionToken", result.sessionToken);
+
+      const authMethods = await getAuthMethods(userId);
+      if (
+        authMethods.authMethodTypes &&
+        authMethods.authMethodTypes.includes("AUTHENTICATION_METHOD_TYPE_TOTP")
+      ) {
+        setStep("mfa");
+      } else {
+        await finalizeLogin(result.sessionToken);
+      }
+    } catch (error) {
+      console.error("Error:", error);
+      setError(error instanceof Error ? error.message : "Invalid password");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleRequestReset = async (): Promise<void> => {
+    setError("");
+    try {
+      await requestPasswordReset(userId);
+      setStep("reset-message");
+    } catch (error) {
+      setError(
+        `An error occurred: ${
+          error instanceof Error ? error.message : "Unknown error"
+        }`
+      );
+    }
+  };
+
+  const handleMfaSubmit = async (values: {
+    totpCode: string;
+  }): Promise<void> => {
+    setError("");
+    setIsLoading(true);
+
+    try {
+      const sessionData: SessionData = JSON.parse(
+        localStorage.getItem("sessionData") || "{}"
+      );
+      const result = await checkTOTP(
+        sessionId,
+        sessionData.token,
+        values.totpCode
+      );
+      if (result.sessionToken) {
+        localStorage.setItem("sessionToken", result.sessionToken);
+        await finalizeLogin(result.sessionToken);
+      } else {
+        setError("Invalid MFA code. Please try again.");
+      }
+    } catch (error) {
+      console.error("Error:", error);
+      setError("An unexpected error occurred during MFA verification");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  const handleMfaVerifySubmit = (values: { mfaCode: string }): void => {
+    handleMfaVerify(values.mfaCode);
+  };
+
+  const handleSkipMfa = async (): Promise<void> => {
+    try {
+      const sessionToken = localStorage.getItem("sessionToken");
+      if (!sessionToken) {
+        throw new Error("No session token found");
+      }
+      await finalizeLogin(sessionToken);
+    } catch (error) {
+      console.error("Error:", error);
+      setError("An unexpected error occurred while skipping MFA");
+    }
+  };
+
+  const finalizeLogin = async (sessionToken: string): Promise<void> => {
+    try {
+      if (!sessionToken) {
+        throw new Error("No session token provided");
+      }
+      const authRequestId = localStorage.getItem("authRequestId");
+      const finalizeResult: FinalizeResult = await finalizeAuthRequest(
+        authRequestId || "",
+        sessionId,
+        sessionToken
+      );
+
+      if (finalizeResult.callbackUrl) {
+        window.location.href = finalizeResult.callbackUrl;
+      } else {
+        console.error("No callback URL in the response");
+        setError("Login successful, but redirect failed. Please try again.");
+      }
+    } catch (error) {
+      console.error("Error:", error);
+      setError(
+        `An unexpected error occurred during login finalization: ${
+          error instanceof Error ? error.message : "Unknown error"
+        }`
+      );
+    }
+  };
+
+  const handleGoogleSignIn = async (): Promise<void> => {
+    const result = await initiateGoogleSignIn();
+    if (result && result.error) {
+      setError(result.error);
+    }
+  };
+
+  const resetLoginProcess = (): void => {
+    setEmail("");
+    setPassword("");
+    setError("");
+    setStep("email");
+    setSessionId("");
+    setUserId("");
+    setTotpCode("");
+    setMfaCode("");
+    localStorage.removeItem("sessionData");
+    localStorage.removeItem("sessionToken");
+    localStorage.removeItem("userId");
+    localStorage.removeItem("userEmail");
+  };
+
+  const getHeaderContent = () => {
+    switch (step) {
+      case "email":
+        return {
+          title: "Hey there!",
+          subtitle: "Let's get started by using your email",
+        };
+      case "password":
+        return {
+          title: "Welcome back!",
+          subtitle: "Use your password to continue",
+        };
+      case "verify-email":
+        return {
+          title: "Verify your email",
+          subtitle: "Please check your inbox for verification",
+        };
+      case "reset-request":
+        return {
+          title: "Reset Password",
+          subtitle: "Enter your email to receive reset instructions",
+        };
+    }
+  };
+
+  const renderForm = () => {
+    const headerContent = getHeaderContent();
+
+    switch (step) {
+      case "email":
+        return (
+          <>
+            <AuthHeader {...headerContent} />
+            <EmailInput
+              email={email}
+              setEmail={setEmail}
+              onSubmit={handleEmailSubmit}
+              error={error}
+              handleGoogleSignIn={handleGoogleSignIn}
+            />
+          </>
+        );
+
+      case "verify-email":
+        return (
+          <>
+            <AuthHeader {...headerContent} />
+            <EmailVerification
+              userEmail={localStorage.getItem("userEmail") || ""}
+              userId={userId}
+              onResendVerification={handleResendVerification}
+              error={error}
+            />
+          </>
+        );
+      case "password":
+        return (
+          <>
+            <AuthHeader {...headerContent} />
+            <Password
+              password={password}
+              setPassword={setPassword}
+              onSubmit={handlePasswordSubmit}
+              onForgotPassword={() => setStep("reset-request")}
+            />
+          </>
+        );
+      case "reset-request":
+        return (
+          <>
+            <AuthHeader {...headerContent} />
+            <RequestReset userEmail={email} onSubmit={handleRequestReset} />
+          </>
+        );
+      case "reset-message":
+        return (
+          <Card className="w-full">
+            <CardContent className="text-center p-6 space-y-4">
+              <div className="mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
+                <AlertCircle className="h-8 w-8 text-green-600" />
+              </div>
+              <p className="text-gray-600">
+                We've sent password reset instructions to your email address.
+                Please check your inbox and follow the link to reset your
+                password.
+              </p>
+            </CardContent>
+          </Card>
+        );
+      case "mfa":
+        return (
+          <Mfa
+            totpCode={totpCode}
+            setTotpCode={setTotpCode}
+            onSubmit={handleMfaSubmit}
+          />
+        );
+      case "mfa-setup":
+        return (
+          <TOTPSetupComponent
+            uri={totpUri}
+            secret={totpSecret}
+            onVerify={handleMfaSetup}
+          />
+        );
+      case "mfa-verify":
+        return (
+          <MfaVerify
+            mfaCode={mfaCode}
+            setMfaCode={setMfaCode}
+            onSubmit={handleMfaVerifySubmit}
+          />
+        );
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <AuthLayout
+      error={error}
+      showBackButton={step !== "email"}
+      onBackClick={resetLoginProcess}
+      logoSrc={degaImage}
+    >
+      {error && (
+        <Alert variant="destructive" className="mb-4">
+          <AlertDescription>{error}</AlertDescription>
+        </Alert>
+      )}
+      {renderForm()}
+    </AuthLayout>
+  );
+};
+
+export default Login;
diff --git a/studio/src/utils/zitadel/login/EmailInput.tsx b/studio/src/utils/zitadel/login/EmailInput.tsx
new file mode 100644
index 000000000..8f3108f4e
--- /dev/null
+++ b/studio/src/utils/zitadel/login/EmailInput.tsx
@@ -0,0 +1,125 @@
+import React from "react";
+import { Link } from "react-router-dom";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import { Separator } from "@/components/ui/separator";
+import GoogleIcon from "../../../assets/google-icon.svg";
+
+interface EmailInputProps {
+  email: string;
+  setEmail: (email: string) => void;
+  onSubmit: (values: { email: string }) => void;
+  handleGoogleSignIn: () => void;
+  error:string;
+}
+
+const formSchema = z.object({
+  email: z.string().email("Please enter a valid email!"),
+});
+
+const EmailInput: React.FC<EmailInputProps> = ({
+  email,
+  setEmail,
+  onSubmit,
+  handleGoogleSignIn,
+}) => {
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      email: email,
+    },
+  });
+
+  const handleEmailSubmit = (values: z.infer<typeof formSchema>) => {
+    onSubmit(values);
+  };
+
+  return (
+    <div className="flex flex-col space-y-4 w-full">
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(handleEmailSubmit)}
+          className="space-y-4"
+        >
+          <FormField
+            control={form.control}
+            name="email"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel className="text-base text-[#0D1D1D] font-medium">
+                  Email
+                </FormLabel>
+                <FormControl>
+                  <Input
+                    type="email"
+                    placeholder="name@example.com"
+                    {...field}
+                    onChange={(e) => {
+                      setEmail(e.target.value);
+                      field.onChange(e);
+                    }}
+                    className="h-10"
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <Button type="submit" className="w-full text-base">
+            Continue
+          </Button>
+        </form>
+      </Form>
+
+      <div className="flex items-center">
+        <div className="flex-grow">
+          <Separator className="bg-gray-200" />
+        </div>
+        <span className="px-4 text-[#666666] text-base">or</span>
+        <div className="flex-grow">
+          <Separator className="bg-[#EBEBEB]" />
+        </div>
+      </div>
+
+      <Button
+        type="button"
+        variant="outline"
+        className="w-full text-base text-[#0D1D2D]"
+        onClick={handleGoogleSignIn}
+      >
+        <img src={GoogleIcon} alt="Google" className="mr-2 h-4 w-4" />
+        Continue with Google
+      </Button>
+
+      <div className="text-center">
+        <span className="text-[#09090B] font-normal">
+          Don't have an account?{" "}
+          <Link
+            to={`/auth/registration${
+              localStorage.getItem("authRequestId")
+                ? `?authRequest=${localStorage.getItem("authRequestId")}`
+                : ""
+            }`}
+            className="text-primary hover:underline"
+          >
+            Sign up
+          </Link>
+        </span>
+      </div>
+    </div>
+  );
+};
+
+export default EmailInput;
diff --git a/studio/src/utils/zitadel/login/EmailVerification.js b/studio/src/utils/zitadel/login/EmailVerification.js
deleted file mode 100644
index 3ab6c86a6..000000000
--- a/studio/src/utils/zitadel/login/EmailVerification.js
+++ /dev/null
@@ -1,143 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Button, Space, Typography, Alert } from 'antd';
-import { MailOutlined, ReloadOutlined } from '@ant-design/icons';
-
-const { Title, Text } = Typography;
-
-const EmailVerification = ({ 
-  userEmail, 
-  userId, 
-  onResendVerification, 
-  error 
-}) => {
-  const [isLoading, setIsLoading] = useState(false);
-  const [resendCooldown, setResendCooldown] = useState(0);
-  const [statusMessage, setStatusMessage] = useState('');
-
-  useEffect(() => {
-    // Initialize countdown from localStorage or default to 0
-    const savedCooldown = parseInt(localStorage.getItem('resendCooldown'));
-    const cooldownEndTime = parseInt(localStorage.getItem('cooldownEndTime'));
-    
-    if (cooldownEndTime && savedCooldown) {
-      const remainingTime = Math.max(0, Math.floor((cooldownEndTime - Date.now()) / 1000));
-      if (remainingTime > 0) {
-        setResendCooldown(remainingTime);
-      }
-    }
-  }, []);
-
-  useEffect(() => {
-    let timer;
-    if (resendCooldown > 0) {
-      timer = setInterval(() => {
-        setResendCooldown(prev => {
-          const newValue = prev - 1;
-          if (newValue === 0) {
-            localStorage.removeItem('resendCooldown');
-            localStorage.removeItem('cooldownEndTime');
-          }
-          return newValue;
-        });
-      }, 1000);
-    }
-    
-    return () => {
-      if (timer) {
-        clearInterval(timer);
-      }
-    };
-  }, [resendCooldown]);
-
-  const handleResend = async () => {
-    if (resendCooldown > 0) {
-      return;
-    }
-
-    setIsLoading(true);
-    try {
-      await onResendVerification();
-      
-      // Set cooldown period (60 seconds)
-      const cooldownPeriod = 60;
-      setResendCooldown(cooldownPeriod);
-      
-      // Store cooldown information
-      const endTime = Date.now() + (cooldownPeriod * 1000);
-      localStorage.setItem('resendCooldown', cooldownPeriod.toString());
-      localStorage.setItem('cooldownEndTime', endTime.toString());
-      
-      setStatusMessage('Verification email has been resent successfully.');
-    } catch (err) {
-      setStatusMessage('Failed to resend verification email. Please try again.');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  const iconStyle = {
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: '48px',
-    height: '48px',
-    borderRadius: '50%',
-    backgroundColor: '#e6f4ff',
-    marginBottom: '24px'
-  };
-
-  return (
-    <Space direction="vertical" size={16} style={{ width: '100%', textAlign: 'center', padding: '24px' }}>
-      <div style={iconStyle}>
-        <MailOutlined style={{ fontSize: '24px', color: '#1890ff' }} />
-      </div>
-
-      <Title level={2} style={{ marginBottom: '8px' }}>Check your email</Title>
-      
-      <Space direction="vertical" size={8}>
-        <Text>We've sent a verification link to:</Text>
-        <Text strong>{userEmail}</Text>
-        <Text type="secondary">Click the link in the email to verify your account.</Text>
-      </Space>
-
-      {error && (
-        <Alert
-          message={error}
-          type="error"
-          showIcon
-          style={{ marginTop: '16px' }}
-        />
-      )}
-
-      {statusMessage && (
-        <Alert
-          message={statusMessage}
-          type="info"
-          showIcon
-          style={{ marginTop: '16px' }}
-        />
-      )}
-
-      <Space direction="vertical" size={8} style={{ width: '100%', marginTop: '16px' }}>
-        <Button
-          onClick={handleResend}
-          disabled={resendCooldown > 0 || isLoading}
-          type="primary"
-          icon={<ReloadOutlined spin={isLoading} />}
-          size="large"
-          style={{ width: '100%' }}
-        >
-          {resendCooldown > 0
-            ? `Resend available in ${resendCooldown}s`
-            : 'Resend verification email'}
-        </Button>
-
-        <Text type="secondary" style={{ fontSize: '14px' }}>
-          Make sure to check your spam folder if you don't see the email.
-        </Text>
-      </Space>
-    </Space>
-  );
-};
-
-export default EmailVerification;
\ No newline at end of file
diff --git a/studio/src/utils/zitadel/login/EmailVerification.tsx b/studio/src/utils/zitadel/login/EmailVerification.tsx
new file mode 100644
index 000000000..e26dca8f9
--- /dev/null
+++ b/studio/src/utils/zitadel/login/EmailVerification.tsx
@@ -0,0 +1,145 @@
+import React, { useState, useEffect } from "react";
+import { Button } from "@/components/ui/button";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Card, CardContent } from "@/components/ui/card";
+import { Mail, RotateCw } from "lucide-react";
+
+interface EmailVerificationProps {
+  userEmail: string;
+  userId: string;
+  onResendVerification: () => Promise<void>;
+  error?: string;
+}
+
+const EmailVerification: React.FC<EmailVerificationProps> = ({
+  userEmail,
+  onResendVerification,
+  error,
+}) => {
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [resendCooldown, setResendCooldown] = useState<number>(0);
+  const [statusMessage, setStatusMessage] = useState<string>("");
+
+  useEffect(() => {
+    const savedCooldown = parseInt(
+      localStorage.getItem("resendCooldown") || "0"
+    );
+    const cooldownEndTime = parseInt(
+      localStorage.getItem("cooldownEndTime") || "0"
+    );
+
+    if (cooldownEndTime && savedCooldown) {
+      const remainingTime = Math.max(
+        0,
+        Math.floor((cooldownEndTime - Date.now()) / 1000)
+      );
+      if (remainingTime > 0) {
+        setResendCooldown(remainingTime);
+      }
+    }
+  }, []);
+
+  useEffect(() => {
+    let timer: NodeJS.Timeout | undefined;
+
+    if (resendCooldown > 0) {
+      timer = setInterval(() => {
+        setResendCooldown((prev) => {
+          const newValue = prev - 1;
+          if (newValue === 0) {
+            localStorage.removeItem("resendCooldown");
+            localStorage.removeItem("cooldownEndTime");
+          }
+          return newValue;
+        });
+      }, 1000);
+    }
+
+    return () => {
+      if (timer) {
+        clearInterval(timer);
+      }
+    };
+  }, [resendCooldown]);
+
+  const handleResend = async (): Promise<void> => {
+    if (resendCooldown > 0) {
+      return;
+    }
+
+    setIsLoading(true);
+    try {
+      await onResendVerification();
+
+      const cooldownPeriod = 60;
+      setResendCooldown(cooldownPeriod);
+
+      const endTime = Date.now() + cooldownPeriod * 1000;
+      localStorage.setItem("resendCooldown", cooldownPeriod.toString());
+      localStorage.setItem("cooldownEndTime", endTime.toString());
+
+      setStatusMessage("Verification email has been resent successfully.");
+    } catch (err) {
+      setStatusMessage(
+        "Failed to resend verification email. Please try again."
+      );
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <Card className="w-full">
+      <CardContent className="pt-6 text-center space-y-6">
+        <div className="mx-auto flex items-center justify-center w-12 h-12 rounded-full bg-blue-50">
+          <Mail className="h-6 w-6 text-blue-500" />
+        </div>
+
+        <div className="space-y-2">
+          <h2 className="text-2xl font-semibold">Check your email</h2>
+
+          <div className="space-y-1">
+            <p className="text-gray-600">We've sent a verification link to:</p>
+            <p className="font-medium">{userEmail}</p>
+            <p className="text-gray-500">
+              Click the link in the email to verify your account.
+            </p>
+          </div>
+        </div>
+
+        {error && (
+          <Alert variant="destructive">
+            <AlertDescription>{error}</AlertDescription>
+          </Alert>
+        )}
+
+        {statusMessage && (
+          <Alert>
+            <AlertDescription>{statusMessage}</AlertDescription>
+          </Alert>
+        )}
+
+        <div className="space-y-4">
+          <Button
+            onClick={handleResend}
+            disabled={resendCooldown > 0 || isLoading}
+            className="w-full"
+          >
+            <RotateCw
+              className={`mr-2 h-4 w-4 ${isLoading ? "animate-spin" : ""}`}
+            />
+            {resendCooldown > 0
+              ? `Resend available in ${resendCooldown}s`
+              : "Resend verification email"}
+          </Button>
+
+          <p className="text-sm text-gray-500">
+            Make sure to check your spam folder if you don't see the email.
+          </p>
+        </div>
+      </CardContent>
+    </Card>
+  );
+};
+
+export default EmailVerification;
diff --git a/studio/src/utils/zitadel/login/Mfa.tsx b/studio/src/utils/zitadel/login/Mfa.tsx
new file mode 100644
index 000000000..53918fd13
--- /dev/null
+++ b/studio/src/utils/zitadel/login/Mfa.tsx
@@ -0,0 +1,71 @@
+import React from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import type { MfaFormValues } from "../types";
+
+interface MfaProps {
+  totpCode: string;
+  setTotpCode: (code: string) => void;
+  onSubmit: (values: MfaFormValues) => void;
+}
+
+const formSchema = z.object({
+  totpCode: z.string().min(1, "Please input your MFA code!"),
+});
+
+const Mfa: React.FC<MfaProps> = ({ totpCode, setTotpCode, onSubmit }) => {
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      totpCode: totpCode,
+    },
+  });
+
+  const handleSubmit = (values: z.infer<typeof formSchema>) => {
+    onSubmit(values);
+  };
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(handleSubmit)} className="space-y-6">
+        <FormField
+          control={form.control}
+          name="totpCode"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Enter MFA Code</FormLabel>
+              <FormControl>
+                <Input
+                  {...field}
+                  onChange={(e) => {
+                    setTotpCode(e.target.value);
+                    field.onChange(e);
+                  }}
+                  className="h-10"
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <Button type="submit" className="w-full">
+          Verify MFA
+        </Button>
+      </form>
+    </Form>
+  );
+};
+
+export default Mfa;
diff --git a/studio/src/utils/zitadel/login/MfaVerify.tsx b/studio/src/utils/zitadel/login/MfaVerify.tsx
new file mode 100644
index 000000000..bf9ac8152
--- /dev/null
+++ b/studio/src/utils/zitadel/login/MfaVerify.tsx
@@ -0,0 +1,75 @@
+import React from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import type { MfaVerifyFormValues } from "../types";
+
+interface MfaVerifyProps {
+  mfaCode: string;
+  setMfaCode: (code: string) => void;
+  onSubmit: (values: MfaVerifyFormValues) => void;
+}
+
+const formSchema = z.object({
+  mfaCode: z.string().min(1, "Please input your MFA code!"),
+});
+
+const MfaVerify: React.FC<MfaVerifyProps> = ({
+  mfaCode,
+  setMfaCode,
+  onSubmit,
+}) => {
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      mfaCode: mfaCode,
+    },
+  });
+
+  const handleSubmit = (values: z.infer<typeof formSchema>) => {
+    onSubmit(values);
+  };
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(handleSubmit)} className="space-y-6">
+        <FormField
+          control={form.control}
+          name="mfaCode"
+          render={({ field }) => (
+            <FormItem>
+              <FormLabel>Enter MFA Code</FormLabel>
+              <FormControl>
+                <Input
+                  {...field}
+                  onChange={(e) => {
+                    setMfaCode(e.target.value);
+                    field.onChange(e);
+                  }}
+                  className="h-10"
+                />
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+
+        <Button type="submit" className="w-full bg-zinc-900 hover:bg-zinc-800">
+          Verify MFA
+        </Button>
+      </form>
+    </Form>
+  );
+};
+
+export default MfaVerify;
diff --git a/studio/src/utils/zitadel/login/Password.js b/studio/src/utils/zitadel/login/Password.js
deleted file mode 100644
index e207618d4..000000000
--- a/studio/src/utils/zitadel/login/Password.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import React from 'react';
-import { Form, Input, Button, Space } from 'antd';
-
-const Password = ({ password, setPassword, onSubmit, onForgotPassword }) => {
-  const handlePasswordSubmit = (values) => {
-    onSubmit(values);
-  };
-
-  return (
-    <Space direction="vertical" size="large" style={{ width: '100%' }}>
-      <Form onFinish={handlePasswordSubmit} initialValues={{ password: password }}>
-        <Form.Item
-          label="Password"
-          name="password"
-          labelCol={{ span: 24 }}
-          rules={[
-            { message: 'Please input your password!' },
-            { min: 8, message: 'Password must be at least 8 characters' },
-          ]}
-          style={{ marginBottom: 32 }}
-        >
-          <Input.Password onChange={(e) => setPassword(e.target.value)} size="large" />
-        </Form.Item>
-
-        <div style={{ position: 'relative', marginTop: 24 }}>
-          <Form.Item>
-            <Button
-              type="primary"
-              htmlType="submit"
-              size="large"
-              block
-              style={{ backgroundColor: '#1E1E1E' }}
-            >
-              Log In
-            </Button>
-          </Form.Item>
-          <div style={{ textAlign: 'center', marginTop: '16px' }}>
-            <span
-              onClick={onForgotPassword}
-              style={{ color: '#1E1E1E', textDecoration: 'none', cursor: 'pointer' }}
-            >
-              Forgot Password?
-            </span>
-          </div>
-        </div>
-      </Form>
-    </Space>
-  );
-};
-
-export default Password;
diff --git a/studio/src/utils/zitadel/login/Password.tsx b/studio/src/utils/zitadel/login/Password.tsx
new file mode 100644
index 000000000..8311727da
--- /dev/null
+++ b/studio/src/utils/zitadel/login/Password.tsx
@@ -0,0 +1,93 @@
+import React from "react";
+import { Button } from "@/components/ui/button";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as z from "zod";
+import PasswordInput from "@/components/PasswordInput";
+
+interface PasswordProps {
+  password: string;
+  setPassword: (password: string) => void;
+  onSubmit: (values: { password: string }) => void;
+  onForgotPassword: () => void;
+}
+
+const formSchema = z.object({
+  password: z.string().min(8, "Password must be at least 8 characters"),
+});
+
+const Password: React.FC<PasswordProps> = ({
+  password,
+  setPassword,
+  onSubmit,
+  onForgotPassword,
+}) => {
+  const form = useForm<z.infer<typeof formSchema>>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      password: password,
+    },
+  });
+
+  const handlePasswordSubmit = (values: z.infer<typeof formSchema>) => {
+    onSubmit(values);
+  };
+
+  return (
+    <div className="w-full space-y-6">
+      <Form {...form}>
+        <form
+          onSubmit={form.handleSubmit(handlePasswordSubmit)}
+          className="space-y-6"
+        >
+          <FormField
+            control={form.control}
+            name="password"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>Password</FormLabel>
+                <FormControl>
+                  <PasswordInput
+                    type="password"
+                    placeholder="Enter your password..."
+                    {...field}
+                    onChange={(e) => {
+                      setPassword(e.target.value);
+                      field.onChange(e);
+                    }}
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+
+          <div className="space-y-4">
+            <Button type="submit" className="w-full">
+              Sign In
+            </Button>
+
+            <Button
+              type="button"
+              variant="link"
+              className="w-full text-primary hover:underline"
+              onClick={onForgotPassword}
+            >
+              Forgot Password?
+            </Button>
+          </div>
+        </form>
+      </Form>
+    </div>
+  );
+};
+
+export default Password;
diff --git a/studio/src/utils/zitadel/login/RequestReset.tsx b/studio/src/utils/zitadel/login/RequestReset.tsx
new file mode 100644
index 000000000..889743172
--- /dev/null
+++ b/studio/src/utils/zitadel/login/RequestReset.tsx
@@ -0,0 +1,30 @@
+import React from "react";
+import { Button } from "@/components/ui/button";
+
+interface RequestResetProps {
+  userEmail: string;
+  onSubmit: () => void;
+}
+
+const RequestReset: React.FC<RequestResetProps> = ({ userEmail, onSubmit }) => {
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    onSubmit();
+  };
+
+  return (
+    <div className="w-full">
+      <form onSubmit={handleSubmit} className="space-y-4">
+        <p className="text-sm text-gray-700">
+          A verification code will be sent to: <strong>{userEmail}</strong>
+        </p>
+
+        <Button type="submit" className="w-full">
+          Send Verification Code
+        </Button>
+      </form>
+    </div>
+  );
+};
+
+export default RequestReset;
diff --git a/studio/src/utils/zitadel/login/emailInput.js b/studio/src/utils/zitadel/login/emailInput.js
deleted file mode 100644
index c0ce5754f..000000000
--- a/studio/src/utils/zitadel/login/emailInput.js
+++ /dev/null
@@ -1,113 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { Form, Input, Button, Space, Typography } from 'antd';
-import { GoogleOutlined } from '@ant-design/icons';
-
-const { Text } = Typography;
-const EmailInput = ({ email, setEmail, onSubmit, handleGoogleSignIn }) => {
-  const handleEmailSubmit = (values) => {
-    onSubmit(values);
-  };
-
-  return (
-    <Space direction="vertical" size={12} style={{ width: '100%' }}>
-      <Form onFinish={handleEmailSubmit} initialValues={{ email: email }}>
-        <Form.Item
-          label="Email"
-          name="email"
-          labelCol={{ span: 24 }}
-          rules={[
-            { message: 'Please input your email!' },
-            { type: 'email', message: 'Please enter a valid email!' },
-          ]}
-        >
-          <Input type="email" onChange={(e) => setEmail(e.target.value)} size="large" />
-        </Form.Item>
-
-        <Form.Item style={{ marginBottom: 0 }}>
-          <Button
-            type="primary"
-            htmlType="submit"
-            size="large"
-            block
-            style={{ backgroundColor: '#1E1E1E' }}
-          >
-            Next
-          </Button>
-        </Form.Item>
-      </Form>
-
-      <div
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          gap: '16px',
-          margin: '4px 0',
-        }}
-      >
-        <div
-          style={{
-            flex: 1,
-            height: '1px',
-            backgroundColor: '#e5e5e5',
-          }}
-        ></div>
-        <span
-          style={{
-            color: '#666',
-            fontSize: '14px',
-          }}
-        >
-          or
-        </span>
-        <div
-          style={{
-            flex: 1,
-            height: '1px',
-            backgroundColor: '#e5e5e5',
-          }}
-        ></div>
-      </div>
-
-      <Button
-        icon={<GoogleOutlined />}
-        size="large"
-        block
-        onClick={handleGoogleSignIn}
-        style={{
-          backgroundColor: '#4285F4',
-          color: 'white',
-        }}
-      >
-        Sign in with Google
-      </Button>
-
-      <div className="ant-row" style={{ justifyContent: 'center', marginTop: '16px' }}>
-        <Text style={{ color: '#15171a' }}>
-          Don't have an account?{' '}
-          <Link
-            to={`/auth/registration${localStorage.getItem('authRequestId') ? `?authRequest=${localStorage.getItem('authRequestId')}` : ''}`}
-            style={{
-              color: '#1E1E1E',
-              textDecoration: 'none',
-              fontWeight: 500,
-              transition: 'all 0.3s',
-            }}
-            onMouseEnter={(e) => {
-              e.currentTarget.style.color = '#1890ff';
-              e.currentTarget.style.textDecoration = 'underline';
-            }}
-            onMouseLeave={(e) => {
-              e.currentTarget.style.color = '#1E1E1E';
-              e.currentTarget.style.textDecoration = 'none';
-            }}
-          >
-            Sign up
-          </Link>
-        </Text>
-      </div>
-    </Space>
-  );
-};
-
-export default EmailInput;
diff --git a/studio/src/utils/zitadel/login/mfa.js b/studio/src/utils/zitadel/login/mfa.js
deleted file mode 100644
index 70f796259..000000000
--- a/studio/src/utils/zitadel/login/mfa.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import { Form, Input, Button } from 'antd';
-
-const Mfa = ({ totpCode, setTotpCode, onSubmit }) => {
-  const handleSubmit = (values) => {
-    onSubmit(values);
-  };
-
-  return (
-    <Form onFinish={handleSubmit}>
-      <Form.Item
-        label="Enter MFA Code"
-        name="totpCode"
-        rules={[{ message: 'Please input your MFA code!' }]}
-      >
-        <Input value={totpCode} onChange={(e) => setTotpCode(e.target.value)} size="large" />
-      </Form.Item>
-
-      <Form.Item>
-        <Button
-          type="primary"
-          htmlType="submit"
-          size="large"
-          block
-          style={{ backgroundColor: '#1E1E1E' }}
-        >
-          Verify MFA
-        </Button>
-      </Form.Item>
-    </Form>
-  );
-};
-
-export default Mfa;
diff --git a/studio/src/utils/zitadel/login/mfaverify.js b/studio/src/utils/zitadel/login/mfaverify.js
deleted file mode 100644
index 0560a5d28..000000000
--- a/studio/src/utils/zitadel/login/mfaverify.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import React from 'react';
-import { Form, Input, Button } from 'antd';
-
-const MfaVerify = ({ mfaCode, setMfaCode, onSubmit }) => {
-  const handleSubmit = (values) => {
-    onSubmit(values);
-  };
-
-  return (
-    <Form onFinish={handleSubmit}>
-      <Form.Item
-        label="Enter MFA Code"
-        name="mfaCode"
-        rules={[{ message: 'Please input your MFA code!' }]}
-      >
-        <Input value={mfaCode} onChange={(e) => setMfaCode(e.target.value)} size="large" />
-      </Form.Item>
-
-      <Form.Item>
-        <Button
-          type="primary"
-          htmlType="submit"
-          size="large"
-          block
-          style={{ backgroundColor: '#1E1E1E' }}
-        >
-          Verify MFA
-        </Button>
-      </Form.Item>
-    </Form>
-  );
-};
-
-export default MfaVerify;
diff --git a/studio/src/utils/zitadel/login/requestreset.js b/studio/src/utils/zitadel/login/requestreset.js
deleted file mode 100644
index 049aaed25..000000000
--- a/studio/src/utils/zitadel/login/requestreset.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-import { Button, Card, Typography } from 'antd';
-
-const { Text } = Typography;
-
-const RequestReset = ({ userEmail, onSubmit }) => {
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    onSubmit();
-  };
-
-  return (
-    <div style={{ width: '100%' }}>
-      <form onSubmit={handleSubmit} style={{ marginBottom: '16px' }}>
-        <div style={{ marginBottom: '16px' }}>
-          <Text style={{ fontSize: '14px', color: '#333' }}>
-            A verification code will be sent to: <strong>{userEmail}</strong>
-          </Text>
-        </div>
-        <div>
-          <Button
-            type="primary"
-            htmlType="submit"
-            style={{
-              width: '100%',
-              backgroundColor: '#1E1E1E',
-              borderColor: '#1E1E1E'
-            }}
-          >
-            Send Verification Code
-          </Button>
-        </div>
-      </form>
-    </div>
-  );
-};
-
-export default RequestReset;
\ No newline at end of file
diff --git a/studio/src/utils/zitadel/logout.tsx b/studio/src/utils/zitadel/logout.tsx
new file mode 100644
index 000000000..596a6bc20
--- /dev/null
+++ b/studio/src/utils/zitadel/logout.tsx
@@ -0,0 +1,42 @@
+export const logout = async (): Promise<void> => {
+  const sessionId = localStorage.getItem("sessionId");
+  const sessionToken = localStorage.getItem("sessionToken");
+
+  if (sessionId && sessionToken) {
+    try {
+      const response = await fetch(
+        `${import.meta.env.VITE_ZITADEL_AUTHORITY}/v2/sessions/${sessionId}`,
+        {
+          method: "DELETE",
+          headers: {
+            Accept: "application/json",
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${sessionToken}`,
+          },
+          body: JSON.stringify({ sessionToken }),
+        }
+      );
+
+      if (!response.ok) {
+        console.error("Logout failed:", await response.text());
+      }
+    } catch (error) {
+      console.error("Error during logout:", error);
+    }
+  }
+
+  window.localStorage.clear();
+
+  const postLogoutRedirectUri = import.meta.env
+    .VITE_ZITADEL_POST_LOGOUT_REDIRECT_URI;
+  if (postLogoutRedirectUri) {
+    window.location.href = postLogoutRedirectUri;
+  } else {
+    window.location.reload();
+  }
+};
+
+export const isAuthenticated = (): boolean => {
+  const sessionToken = localStorage.getItem("sessionToken");
+  return !!sessionToken;
+};
diff --git a/studio/src/utils/zitadel/mfa.js b/studio/src/utils/zitadel/mfa.js
deleted file mode 100644
index 1e19dd32f..000000000
--- a/studio/src/utils/zitadel/mfa.js
+++ /dev/null
@@ -1,88 +0,0 @@
-import React, { useState } from 'react';
-import { QRCodeCanvas } from 'qrcode.react';
-
-// Registration functions
-export { startTOTPRegistration, verifyTOTPRegistration } from '../../actions/mfa';
-
-// Login function
-export { checkTOTP } from '../../actions/mfa';
-
-export const TOTPSetupComponent = ({ uri, secret, onVerify }) => {
-  const [verificationCode, setVerificationCode] = useState('');
-
-  const handleVerify = () => {
-    onVerify(verificationCode);
-  };
-
-  return (
-    <div>
-      <h3
-        style={{
-          fontSize: '24px',
-          fontWeight: 'bold',
-          marginBottom: '24px',
-          textAlign: 'center',
-          color: '#333',
-        }}
-      >
-        Set up Two-Factor Authentication
-      </h3>
-      <p style={{ marginBottom: '16px', textAlign: 'center' }}>
-        Scan this QR code with your authenticator app:
-      </p>
-      <div style={{ display: 'flex', justifyContent: 'center', marginBottom: '16px' }}>
-        <QRCodeCanvas value={uri} />
-      </div>
-      <p style={{ marginBottom: '16px', textAlign: 'center' }}>
-        Or enter this secret manually: <strong>{secret}</strong>
-      </p>
-      <div style={{ marginBottom: '16px' }}>
-        <label
-          htmlFor="verificationCode"
-          style={{
-            display: 'block',
-            color: '#333',
-            fontSize: '14px',
-            fontWeight: 'bold',
-            marginBottom: '8px',
-          }}
-        >
-          Enter Verification Code
-        </label>
-        <input
-          type="text"
-          id="verificationCode"
-          value={verificationCode}
-          onChange={(e) => setVerificationCode(e.target.value)}
-          style={{
-            width: '100%',
-            padding: '8px 12px',
-            border: '1px solid #ccc',
-            borderRadius: '4px',
-            fontSize: '16px',
-          }}
-          required
-        />
-      </div>
-      <div>
-        <button
-          onClick={handleVerify}
-          style={{
-            width: '100%',
-            padding: '10px',
-            backgroundColor: '#D53F8C',
-            color: 'white',
-            fontWeight: 'bold',
-            border: 'none',
-            borderRadius: '4px',
-            fontSize: '16px',
-            cursor: 'pointer',
-            marginTop: '16px',
-          }}
-        >
-          Verify
-        </button>
-      </div>
-    </div>
-  );
-};
diff --git a/studio/src/utils/zitadel/mfa.tsx b/studio/src/utils/zitadel/mfa.tsx
new file mode 100644
index 000000000..7ec9fcfc4
--- /dev/null
+++ b/studio/src/utils/zitadel/mfa.tsx
@@ -0,0 +1,94 @@
+import React, { useState } from "react";
+import { QRCodeCanvas } from "qrcode.react";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import type {
+  TOTPSetupComponentProps,
+  StartTOTPRegistrationFunction,
+  VerifyTOTPRegistrationFunction,
+  CheckTOTP,
+} from "./types";
+
+// Registration functions remain unchanged
+export const startTOTPRegistration: StartTOTPRegistrationFunction = async (
+  userId: string,
+  pat: string
+) => {
+  // Implementation should be in actions/mfa
+  throw new Error("Not implemented");
+};
+
+export const verifyTOTPRegistration: VerifyTOTPRegistrationFunction = async (
+  userId: string,
+  sessionToken: string,
+  code: string
+) => {
+  // Implementation should be in actions/mfa
+  throw new Error("Not implemented");
+};
+
+export const checkTOTP: CheckTOTP = async (
+  sessionId: string,
+  sessionToken: string,
+  code: string
+) => {
+  // Implementation should be in actions/mfa
+  throw new Error("Not implemented");
+};
+
+export const TOTPSetupComponent: React.FC<TOTPSetupComponentProps> = ({
+  uri,
+  secret,
+  onVerify,
+}) => {
+  const [verificationCode, setVerificationCode] = useState<string>("");
+
+  const handleVerify = async (): Promise<void> => {
+    await onVerify(verificationCode);
+  };
+
+  return (
+    <div className="w-full max-w-md mx-auto p-6">
+      <div className="space-y-6">
+        <div className="text-center">
+          <h3 className="text-2xl font-bold text-gray-900">
+            Set up Two-Factor Authentication
+          </h3>
+        </div>
+
+        <div className="space-y-4">
+          <p className="text-gray-600 text-center">
+            Scan this QR code with your authenticator app:
+          </p>
+          <div className="flex justify-center">
+            <QRCodeCanvas value={uri} size={256} />
+          </div>
+        </div>
+
+        <div className="text-center">
+          <p className="text-gray-600">
+            Or enter this secret manually:{" "}
+            <span className="font-mono font-bold">{secret}</span>
+          </p>
+        </div>
+
+        <div className="space-y-3">
+          <Input
+            type="text"
+            id="verificationCode"
+            value={verificationCode}
+            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+              setVerificationCode(e.target.value)
+            }
+            className="w-full px-1"
+            placeholder="Enter 6-digit verification code"
+          />
+        </div>
+
+        <Button onClick={handleVerify} className="w-full px-1">
+          Verify
+        </Button>
+      </div>
+    </div>
+  );
+};
diff --git a/studio/src/utils/zitadel/recovery.js b/studio/src/utils/zitadel/recovery.js
deleted file mode 100644
index f9f3b6185..000000000
--- a/studio/src/utils/zitadel/recovery.js
+++ /dev/null
@@ -1,118 +0,0 @@
-import React, { useState } from 'react';
-import { useSearchParams, useNavigate } from 'react-router-dom';
-import { Form, Input, Button, Space, Typography } from 'antd';
-import { EyeInvisibleOutlined, EyeTwoTone } from '@ant-design/icons';
-import { resetPassword } from '../../actions/forgotPassword';
-import AuthLayout from './Authlayout';
-import degaImage from '../../assets/dega.png';
-
-const { Text } = Typography;
-
-const RecoveryPage = () => {
-  const [searchParams] = useSearchParams();
-  const navigate = useNavigate();
-  const [form] = Form.useForm();
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState('');
-
-  // Get params from URL
-  const userId = searchParams.get('userID');
-  const verificationCode = searchParams.get('code');
-  const orgId = searchParams.get('orgID');
-
-  const handleSubmit = async (values) => {
-    setIsLoading(true);
-    setError('');
-
-    try {
-      await resetPassword(userId, values.password, verificationCode);
-      navigate('/auth/login', {
-        state: {
-          message: 'Password reset successful. Please login with your new password.',
-        },
-      });
-    } catch (error) {
-      setError(error.message || 'Failed to reset password. Please try again.');
-      setIsLoading(false);
-    }
-  };
-
-  if (!userId || !verificationCode) {
-    return (
-      <AuthLayout title="Invalid Recovery Link" logoSrc={degaImage}>
-        <Space direction="vertical" size={16} style={{ width: '100%', textAlign: 'center' }}>
-          <Text>This password reset link is invalid or has expired.</Text>
-          <Button
-            type="primary"
-            size="large"
-            onClick={() => navigate('/auth/login')}
-            style={{ backgroundColor: '#1E1E1E' }}
-          >
-            Return to Login
-          </Button>
-        </Space>
-      </AuthLayout>
-    );
-  }
-
-  return (
-    <AuthLayout title="Reset Your Password" error={error} logoSrc={degaImage}>
-      <Form form={form} onFinish={handleSubmit} layout="vertical" style={{ width: '100%' }}>
-        <Form.Item
-          name="password"
-          label="New Password"
-          rules={[
-            { required: true, message: 'Please input your new password!' },
-            { min: 8, message: 'Password must be at least 8 characters long' },
-          ]}
-          style={{ marginBottom: 24 }}
-        >
-          <Input.Password
-            size="large"
-            placeholder="Enter new password"
-            iconRender={(visible) => (visible ? <EyeTwoTone /> : <EyeInvisibleOutlined />)}
-          />
-        </Form.Item>
-
-        <Form.Item
-          name="confirmPassword"
-          label="Confirm Password"
-          dependencies={['password']}
-          rules={[
-            { required: true, message: 'Please confirm your password!' },
-            ({ getFieldValue }) => ({
-              validator(_, value) {
-                if (!value || getFieldValue('password') === value) {
-                  return Promise.resolve();
-                }
-                return Promise.reject(new Error('The two passwords do not match!'));
-              },
-            }),
-          ]}
-          style={{ marginBottom: 32 }}
-        >
-          <Input.Password
-            size="large"
-            placeholder="Confirm new password"
-            iconRender={(visible) => (visible ? <EyeTwoTone /> : <EyeInvisibleOutlined />)}
-          />
-        </Form.Item>
-
-        <Form.Item>
-          <Button
-            type="primary"
-            htmlType="submit"
-            size="large"
-            loading={isLoading}
-            block
-            style={{ backgroundColor: '#1E1E1E' }}
-          >
-            {isLoading ? 'Resetting Password...' : 'Reset Password'}
-          </Button>
-        </Form.Item>
-      </Form>
-    </AuthLayout>
-  );
-};
-
-export default RecoveryPage;
diff --git a/studio/src/utils/zitadel/recovery.tsx b/studio/src/utils/zitadel/recovery.tsx
new file mode 100644
index 000000000..3948af150
--- /dev/null
+++ b/studio/src/utils/zitadel/recovery.tsx
@@ -0,0 +1,184 @@
+import React, { useState } from "react";
+import { useSearchParams, useNavigate } from "react-router-dom";
+import { Eye, EyeOff } from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "react-hook-form";
+import * as z from "zod";
+import AuthLayout from "./AuthLayout";
+import { resetPassword } from "../../actions/forgotPassword";
+import { RecoveryFormValues } from "./types";
+import degaImage from "../../assets/dega-1.png";
+
+// Form validation schema
+const formSchema = z
+  .object({
+    password: z.string().min(8, "Password must be at least 8 characters long"),
+    confirmPassword: z.string(),
+  })
+  .refine((data) => data.password === data.confirmPassword, {
+    message: "Passwords don't match",
+    path: ["confirmPassword"],
+  });
+
+const RecoveryPage: React.FC = () => {
+  const [searchParams] = useSearchParams();
+  const navigate = useNavigate();
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState("");
+  const [showPassword, setShowPassword] = useState(false);
+
+  // Get params from URL
+  const userId = searchParams.get("userID");
+  const verificationCode = searchParams.get("code");
+  const orgId = searchParams.get("orgID");
+
+  const form = useForm<RecoveryFormValues>({
+    resolver: zodResolver(formSchema),
+    defaultValues: {
+      password: "",
+      confirmPassword: "",
+    },
+  });
+
+  const handleSubmit = async (values: RecoveryFormValues) => {
+    setIsLoading(true);
+    setError("");
+
+    try {
+      await resetPassword(userId!, values.password, verificationCode!);
+      navigate("/auth/login", {
+        state: {
+          message:
+            "Password reset successful. Please login with your new password.",
+        },
+      });
+    } catch (error) {
+      setError(
+        error instanceof Error
+          ? error.message
+          : "Failed to reset password. Please try again."
+      );
+      setIsLoading(false);
+    }
+  };
+
+  if (!userId || !verificationCode) {
+    return (
+      <AuthLayout title="Invalid Recovery Link" logoSrc={degaImage}>
+        <div className="flex flex-col items-center gap-4 w-full">
+          <Alert variant="destructive">
+            <AlertDescription>
+              This password reset link is invalid or has expired.
+            </AlertDescription>
+          </Alert>
+          <Button
+            variant="default"
+            size="lg"
+            onClick={() => navigate("/auth/login")}
+            className="w-full"
+          >
+            Return to Login
+          </Button>
+        </div>
+      </AuthLayout>
+    );
+  }
+
+  return (
+    <AuthLayout title="Reset Your Password" error={error} logoSrc={degaImage}>
+      <Card className="w-full">
+        <CardHeader>
+          <CardTitle>Create New Password</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <Form {...form}>
+            <form
+              onSubmit={form.handleSubmit(handleSubmit)}
+              className="space-y-6"
+            >
+              <FormField
+                control={form.control}
+                name="password"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>New Password</FormLabel>
+                    <FormControl>
+                      <div className="relative">
+                        <Input
+                          type={showPassword ? "text" : "password"}
+                          {...field}
+                          className="pr-10"
+                        />
+                        <Button
+                          type="button"
+                          onClick={() => setShowPassword(!showPassword)}
+                          className="absolute right-3 top-1/2 -translate-y-1/2"
+                        >
+                          {showPassword ? (
+                            <EyeOff size={16} />
+                          ) : (
+                            <Eye size={16} />
+                          )}
+                        </Button>
+                      </div>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <FormField
+                control={form.control}
+                name="confirmPassword"
+                render={({ field }) => (
+                  <FormItem>
+                    <FormLabel>Confirm Password</FormLabel>
+                    <FormControl>
+                      <div className="relative">
+                        <Input
+                          type={showPassword ? "text" : "password"}
+                          {...field}
+                          className="pr-10"
+                        />
+                        <Button
+                          type="button"
+                          onClick={() => setShowPassword(!showPassword)}
+                          className="absolute right-3 top-1/2 -translate-y-1/2"
+                        >
+                          {showPassword ? (
+                            <EyeOff size={16} />
+                          ) : (
+                            <Eye size={16} />
+                          )}
+                        </Button>
+                      </div>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+
+              <Button type="submit" className="w-full" disabled={isLoading}>
+                {isLoading ? "Resetting Password..." : "Reset Password"}
+              </Button>
+            </form>
+          </Form>
+        </CardContent>
+      </Card>
+    </AuthLayout>
+  );
+};
+
+export default RecoveryPage;
diff --git a/studio/src/utils/zitadel/redirect.tsx b/studio/src/utils/zitadel/redirect.tsx
new file mode 100644
index 000000000..44bbd8f02
--- /dev/null
+++ b/studio/src/utils/zitadel/redirect.tsx
@@ -0,0 +1,89 @@
+import { FC, useEffect, useState } from "react";
+import { getToken } from "./index";
+import { getUserInfo } from "../../actions/session";
+import { useLocation, useNavigate } from "react-router-dom";
+import Loader from "@/components/Loader";
+import { Button } from "@/components/ui/button";
+
+const Callback: FC = () => {
+  const location = useLocation();
+  const navigate = useNavigate();
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    const handleCallback = async () => {
+      try {
+        const params = new URLSearchParams(location.search);
+        const code = params.get("code");
+        const state = params.get("state");
+
+        if (!code) {
+          setError("No authorization code received");
+          return;
+        }
+
+        const tokenResponse = await getToken(code, state);
+
+        if (tokenResponse.error) {
+          setError(tokenResponse.error);
+          return;
+        }
+
+        const userInfoResponse = await getUserInfo();
+
+        if (userInfoResponse.error) {
+          setError(userInfoResponse.error);
+          return;
+        }
+
+        // Retrieve the stored return URL, defaulting to home if not found
+        const returnTo = localStorage.getItem("return_to") || "/";
+
+        // Use React Router's navigate for client-side navigation
+        // This prevents a full page reload
+        if (
+          returnTo.startsWith(window.location.origin) ||
+          returnTo.startsWith("/")
+        ) {
+          const path = returnTo.startsWith(window.location.origin)
+            ? returnTo.slice(window.location.origin.length)
+            : returnTo;
+          navigate(path, { replace: true });
+        } else {
+          // For external URLs, we still need to use location.href
+          window.location.href = returnTo;
+        }
+      } catch (error) {
+        console.error("Error during authentication callback:", error);
+        setError("Authentication failed");
+      }
+    };
+
+    handleCallback();
+  }, [location, navigate]);
+
+  if (error) {
+    return (
+      <div className="flex h-screen w-full flex-col items-center justify-center p-5">
+        <div className="text-xl font-semibold text-red-600">
+          Authentication Error
+        </div>
+        <p className="mt-2 text-center text-gray-700">{error}</p>
+        <Button
+          className="mt-4 rounded bg-blue-500 px-4 py-2 text-white hover:bg-blue-600"
+          onClick={() => navigate("/auth/login", { replace: true })}
+        >
+          Back to Login
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex h-screen w-full items-center justify-center">
+      <Loader />
+    </div>
+  );
+};
+
+export default Callback;
diff --git a/studio/src/utils/zitadel/registration.js b/studio/src/utils/zitadel/registration.js
deleted file mode 100644
index 79df3d4cc..000000000
--- a/studio/src/utils/zitadel/registration.js
+++ /dev/null
@@ -1,289 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Link } from 'react-router-dom';
-import { Form, Input, Button, Space, Typography, Divider, Alert } from 'antd';
-import { GoogleOutlined } from '@ant-design/icons';
-import degaImage from '../../assets/dega-1.png';
-import { TOTPSetupComponent } from './mfa';
-import { startTOTPRegistration, verifyTOTPRegistration } from '../../actions/mfa';
-import { registerUser, createSession, verifyPassword } from '../../actions/registration';
-import { useGoogleSignIn } from './idp';
-import AuthLayout from './Authlayout';
-
-const { Text } = Typography;
-
-const RegistrationForm = () => {
-  const [error, setError] = useState('');
-  const [step, setStep] = useState('registration');
-  const [userId, setUserId] = useState('');
-  const [sessionId, setSessionId] = useState('');
-  const [sessionToken, setSessionToken] = useState('');
-  const [totpUri, setTotpUri] = useState('');
-  const [totpSecret, setTotpSecret] = useState('');
-
-  const {
-    initiateGoogleSignIn,
-    error: googleError,
-    step: googleStep,
-    totpUri: googleTotpUri,
-    totpSecret: googleTotpSecret,
-    handleGoogleSkipMfa,
-    handleMfaSetup: handleGoogleMfaSetup,
-    handleMfaVerify: handleGoogleMfaVerify,
-  } = useGoogleSignIn();
-
-  useEffect(() => {
-    if (googleError) {
-      setError(googleError);
-    }
-  }, [googleError]);
-
-  useEffect(() => {
-    if (googleStep === 'mfa-setup' || googleStep === 'mfa-verify') {
-      setStep(googleStep);
-      setTotpUri(googleTotpUri);
-      setTotpSecret(googleTotpSecret);
-    }
-  }, [googleStep, googleTotpUri, googleTotpSecret]);
-
-  const handleSubmit = async (values) => {
-    setError('');
-
-    const registrationData = {
-      profile: {
-        givenName: values.firstName,
-        familyName: values.lastName,
-      },
-      email: {
-        email: values.email,
-      },
-      password: {
-        password: values.password,
-      },
-    };
-
-    try {
-      const registerData = await registerUser(registrationData);
-      setUserId(registerData.userId);
-      localStorage.setItem('userId', registerData.userId);
-
-      const sessionData = await createSession(values.email);
-      setSessionId(sessionData.sessionId);
-      setSessionToken(sessionData.sessionToken);
-
-      const verificationData = await verifyPassword(
-        sessionData.sessionId,
-        sessionData.sessionToken,
-        values.password,
-      );
-      setSessionToken(verificationData.sessionToken);
-
-      localStorage.setItem('sessionId', sessionData.sessionId);
-      localStorage.setItem('sessionToken', verificationData.sessionToken);
-
-      setStep('mfa-choice');
-    } catch (error) {
-      console.error('Error:', error);
-      setError(error.message || 'An unexpected error occurred');
-    }
-  };
-
-
-  const handleMfaChoice = async (choice) => {
-    if (choice === 'proceed') {
-      try {
-        const totpData = await startTOTPRegistration(userId, sessionToken);
-        setTotpUri(totpData.uri);
-        setTotpSecret(totpData.secret);
-        setStep('mfa-setup');
-      } catch (error) {
-        console.error('Error starting TOTP registration:', error);
-        setError('Failed to start MFA setup. Please try again.');
-      }
-    } else {
-      // If user skips MFA, move directly to verification step
-      setStep('verification-pending');
-    }
-  };
-
-  const handleMfaVerify = async (code) => {
-    try {
-      if (step === 'mfa-verify') {
-        await handleGoogleMfaVerify(code);
-      } else {
-        await verifyTOTPRegistration(userId, sessionToken, code);
-      }
-      // After successful MFA verification, move to verification step
-      setStep('verification-pending');
-    } catch (error) {
-      console.error('Error verifying MFA:', error);
-      setError('Failed to verify MFA. Please try again.');
-    }
-  };
-
-  const handleGoogleSignIn = async () => {
-    try {
-      await initiateGoogleSignIn();
-    } catch (error) {
-      console.error('Error:', error);
-      setError('An error occurred during Google Sign-In. Please try again.');
-    }
-  };
-
-  const getTitle = () => {
-    switch (step) {
-      case 'registration':
-        return 'Registration';
-      case 'mfa-choice':
-        return 'Two-Factor Authentication';
-      case 'mfa-setup':
-        return 'Set up Two-Factor Authentication';
-      case 'mfa-verify':
-        return 'Verify Two-Factor Authentication';
-      case 'verification-pending':
-        return 'Email Verification Required';
-      default:
-        return 'Registration';
-    }
-  };
-
-  const renderForm = () => {
-    switch (step) {
-      case 'registration':
-        return (
-          <>
-            <Form onFinish={handleSubmit} layout="vertical">
-              <Form.Item
-                label="First Name"
-                name="firstName"
-                rules={[{ message: 'Please input your first name!' }]}
-              >
-                <Input size="large" />
-              </Form.Item>
-
-              <Form.Item
-                label="Last Name"
-                name="lastName"
-                rules={[{ message: 'Please input your last name!' }]}
-              >
-                <Input size="large" />
-              </Form.Item>
-
-              <Form.Item
-                label="Email"
-                name="email"
-                rules={[
-                  { message: 'Please input your email!' },
-                  { type: 'email', message: 'Please enter a valid email!' },
-                ]}
-              >
-                <Input size="large" />
-              </Form.Item>
-
-              <Form.Item
-                label="Password"
-                name="password"
-                rules={[{ message: 'Please input your password!' }]}
-              >
-                <Input.Password size="large" />
-              </Form.Item>
-
-              <Form.Item>
-                <Button
-                  type="primary"
-                  htmlType="submit"
-                  size="large"
-                  block
-                  style={{ backgroundColor: '#1E1E1E' }}
-                >
-                  Sign Up
-                </Button>
-              </Form.Item>
-            </Form>
-
-            <Divider>or</Divider>
-
-            <Button
-              icon={<GoogleOutlined />}
-              size="large"
-              block
-              onClick={handleGoogleSignIn}
-              style={{
-                backgroundColor: '#4285F4',
-                color: 'white',
-              }}
-            >
-              Sign up with Google
-            </Button>
-
-            <div style={{ textAlign: 'center', marginTop: '16px' }}>
-              <Text>
-                Already have an account? <Link to="/auth/login">Log in</Link>
-              </Text>
-            </div>
-          </>
-        );
-
-      case 'mfa-choice':
-        return (
-          <Space direction="vertical" size="middle" style={{ width: '100%', textAlign: 'center' }}>
-            <Text>Would you like to set up Two-Factor Authentication?</Text>
-            <div style={{ display: 'flex', gap: '16px' }}>
-              <Button
-                type="primary"
-                size="large"
-                onClick={() => handleMfaChoice('proceed')}
-                style={{ flex: 1, backgroundColor: '#1E1E1E' }}
-              >
-                Set up MFA
-              </Button>
-              <Button
-                size="large"
-                onClick={() => handleMfaChoice('skip')}
-                style={{ flex: 1, backgroundColor: '#6B7280', color: 'white' }}
-              >
-                Skip
-              </Button>
-            </div>
-          </Space>
-        );
-
-      case 'mfa-setup':
-      case 'mfa-verify':
-        return <TOTPSetupComponent uri={totpUri} secret={totpSecret} onVerify={handleMfaVerify} />;
-
-      case 'verification-pending':
-        return (
-          <Space direction="vertical" size="middle" style={{ width: '100%', textAlign: 'center' }}>
-            <Alert
-              message="Verify Your Email"
-              description={
-                <>
-                  <p>We've sent you a verification email</p>
-                  <p>
-                    Please check your inbox and click the verification link to complete your
-                    registration.
-                  </p>
-                </>
-              }
-              type="info"
-              showIcon
-            />
-            <div style={{ marginTop: '16px' }}>
-              <Link to="/auth/login">Return to Login</Link>
-            </div>
-          </Space>
-        );
-
-      default:
-        return null;
-    }
-  };
-
-  return (
-    <AuthLayout title={getTitle()} error={error} logoSrc={degaImage}>
-      {renderForm()}
-    </AuthLayout>
-  );
-};
-
-export default RegistrationForm;
diff --git a/studio/src/utils/zitadel/registration.tsx b/studio/src/utils/zitadel/registration.tsx
new file mode 100644
index 000000000..e2443bb56
--- /dev/null
+++ b/studio/src/utils/zitadel/registration.tsx
@@ -0,0 +1,368 @@
+import React, { useState, useEffect } from "react";
+import { Link } from "react-router-dom";
+import GoogleIcon from "../../assets/google-icon.svg";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Separator } from "@/components/ui/separator";
+import { Label } from "@/components/ui/label";
+import { TOTPSetupComponent } from "./mfa";
+import {
+  startTOTPRegistration,
+  verifyTOTPRegistration,
+} from "../../actions/mfa";
+import {
+  registerUser,
+  createSession,
+  verifyPassword,
+} from "../../actions/registration";
+import { useGoogleSignIn } from "./idp";
+import AuthLayout from "./AuthLayout";
+import degaImage from "../../assets/dega-1.png";
+import AuthHeader from "./AuthHeader";
+import PasswordInput from "@/components/PasswordInput";
+import { RegistrationData, SessionData, TOTPData, FormValues } from "./types";
+
+const RegistrationForm: React.FC = () => {
+  const [error, setError] = useState<string>("");
+  const [step, setStep] = useState<
+    | "registration"
+    | "mfa-choice"
+    | "mfa-setup"
+    | "mfa-verify"
+    | "verification-pending"
+  >("registration");
+  const [userId, setUserId] = useState<string>("");
+  const [sessionId, setSessionId] = useState<string>("");
+  const [sessionToken, setSessionToken] = useState<string>("");
+  const [totpUri, setTotpUri] = useState<string>("");
+  const [totpSecret, setTotpSecret] = useState<string>("");
+  const [passwordError, setPasswordError] = useState<string>("");
+  const [formValues, setFormValues] = useState<FormValues>({
+    firstName: "",
+    lastName: "",
+    email: "",
+    password: "",
+    confirmPassword: "",
+  });
+
+  const {
+    initiateGoogleSignIn,
+    error: googleError,
+    step: googleStep,
+    totpUri: googleTotpUri,
+    totpSecret: googleTotpSecret,
+    handleMfaSetup: handleGoogleMfaSetup,
+    handleMfaVerify: handleGoogleMfaVerify,
+  } = useGoogleSignIn();
+
+  useEffect(() => {
+    if (googleError) {
+      setError(googleError);
+    }
+  }, [googleError]);
+
+  useEffect(() => {
+    if (googleStep === "mfa-setup" || googleStep === "mfa-verify") {
+      setStep(googleStep);
+      setTotpUri(googleTotpUri);
+      setTotpSecret(googleTotpSecret);
+    }
+  }, [googleStep, googleTotpUri, googleTotpSecret]);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError("");
+    setPasswordError("");
+
+    // Check if passwords match
+    if (formValues.password !== formValues.confirmPassword) {
+      setPasswordError("Passwords do not match");
+      return;
+    }
+
+    const registrationData: RegistrationData = {
+      profile: {
+        givenName: formValues.firstName,
+        familyName: formValues.lastName,
+      },
+      email: {
+        email: formValues.email,
+      },
+      password: {
+        password: formValues.password,
+      },
+      confirmPassword: formValues.confirmPassword,
+    };
+
+    try {
+      const registerData = await registerUser(registrationData);
+      setUserId(registerData.userId);
+      localStorage.setItem("userId", registerData.userId);
+
+      // Create a properly typed SessionData object
+      const sessionResponse = await createSession(formValues.email);
+
+      // Ensure all required properties exist before creating SessionData
+      if (!sessionResponse.sessionId || !sessionResponse.sessionToken) {
+        throw new Error("Invalid session response");
+      }
+
+      const sessionData: SessionData = {
+        sessionId: sessionResponse.sessionId,
+        sessionToken: sessionResponse.sessionToken,
+        token: sessionResponse.sessionToken, // Adding token to satisfy SessionData interface
+      };
+
+      setSessionId(sessionData.sessionId);
+      setSessionToken(sessionData.sessionToken);
+
+      const verificationResponse = await verifyPassword(
+        sessionData.sessionId,
+        sessionData.sessionToken,
+        formValues.password
+      );
+
+      // Only set sessionToken if it's defined
+      if (verificationResponse.sessionToken) {
+        setSessionToken(verificationResponse.sessionToken);
+        localStorage.setItem("sessionToken", verificationResponse.sessionToken);
+      }
+
+      localStorage.setItem("sessionId", sessionData.sessionId);
+
+      setStep("mfa-choice");
+    } catch (error) {
+      console.error("Error:", error);
+      setError(
+        error instanceof Error ? error.message : "An unexpected error occurred"
+      );
+    }
+  };
+
+  const handleMfaChoice = async (choice: "proceed" | "skip") => {
+    if (choice === "proceed") {
+      try {
+        const totpData: TOTPData = await startTOTPRegistration(
+          userId,
+          sessionToken
+        );
+        setTotpUri(totpData.uri);
+        setTotpSecret(totpData.secret);
+        setStep("mfa-setup");
+      } catch (error) {
+        console.error("Error starting TOTP registration:", error);
+        setError("Failed to start MFA setup. Please try again.");
+      }
+    } else {
+      setStep("verification-pending");
+    }
+  };
+
+  const handleMfaVerify = async (code: string) => {
+    try {
+      if (step === "mfa-verify") {
+        await handleGoogleMfaVerify(code);
+      } else {
+        await verifyTOTPRegistration(userId, sessionToken, code);
+      }
+      setStep("verification-pending");
+    } catch (error) {
+      console.error("Error verifying MFA:", error);
+      setError("Failed to verify MFA. Please try again.");
+    }
+  };
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const { name, value } = e.target;
+    setFormValues((prev) => ({
+      ...prev,
+      [name]: value,
+    }));
+  };
+
+  const handleGoogleSignIn = async () => {
+    try {
+      await initiateGoogleSignIn();
+    } catch (error) {
+      console.error("Error:", error);
+      setError("An error occurred during Google Sign-In. Please try again.");
+    }
+  };
+
+  const renderForm = () => {
+    switch (step) {
+      case "registration":
+        return (
+          <>
+            <AuthHeader
+              title="Welcome!"
+              subtitle="Just fill the below details to get started"
+            />
+            <form onSubmit={handleSubmit} className="space-y-6">
+              <div className="space-y-4 text-[#1D1D1D]">
+                <div>
+                  <Label htmlFor="firstName">First Name</Label>
+                  <Input
+                    id="firstName"
+                    name="firstName"
+                    placeholder="Your first name"
+                    value={formValues.firstName}
+                    onChange={handleInputChange}
+                    className="mt-1"
+                    required
+                  />
+                </div>
+
+                <div>
+                  <Label htmlFor="lastName">Last Name</Label>
+                  <Input
+                    id="lastName"
+                    name="lastName"
+                    placeholder="Your last name"
+                    value={formValues.lastName}
+                    onChange={handleInputChange}
+                    className="mt-1"
+                    required
+                  />
+                </div>
+
+                <div>
+                  <Label htmlFor="email">Email</Label>
+                  <Input
+                    id="email"
+                    name="email"
+                    type="email"
+                    placeholder="Email"
+                    value={formValues.email}
+                    onChange={handleInputChange}
+                    className="mt-1"
+                    required
+                  />
+                </div>
+
+                <div>
+                  <Label htmlFor="password">Password</Label>
+                  <PasswordInput
+                    id="password"
+                    name="password"
+                    placeholder="Use a strong and memorable password"
+                    value={formValues.password}
+                    onChange={handleInputChange}
+                    required
+                  />
+                </div>
+                <div>
+                  <Label htmlFor="confirmPassword">Confirm Password</Label>
+                  <PasswordInput
+                    id="confirmPassword"
+                    name="confirmPassword"
+                    placeholder="Confirm your password"
+                    value={formValues.confirmPassword}
+                    onChange={handleInputChange}
+                    required
+                    error={passwordError}
+                  />
+                </div>
+              </div>
+
+              <Button type="submit" className="w-full text-[#FFFFFF]">
+                Sign Up
+              </Button>
+
+              <div className="flex items-center">
+                <div className="flex-grow">
+                  <Separator className="bg-gray-200" />
+                </div>
+                <span className="px-4 text-gray-500 text-base">or</span>
+                <div className="flex-grow">
+                  <Separator className="bg-gray-200" />
+                </div>
+              </div>
+
+              <Button
+                type="button"
+                variant="outline"
+                className="w-full text-base text-[#0D1D2D]"
+                onClick={handleGoogleSignIn}
+              >
+                <img src={GoogleIcon} alt="Google" className="mr-2 h-4 w-4" />
+                Continue with Google
+              </Button>
+
+              <div className="text-center">
+                Already have an account?{" "}
+                <Link to="/auth/login" className="text-primary hover:underline">
+                  Log in
+                </Link>
+              </div>
+            </form>
+          </>
+        );
+
+      case "mfa-choice":
+        return (
+          <div className="space-y-4 text-center">
+            <p>Would you like to set up Two-Factor Authentication?</p>
+            <div className="flex gap-4">
+              <Button
+                onClick={() => handleMfaChoice("proceed")}
+                className="flex-1"
+              >
+                Set up MFA
+              </Button>
+              <Button
+                variant="secondary"
+                onClick={() => handleMfaChoice("skip")}
+                className="flex-1"
+              >
+                Skip
+              </Button>
+            </div>
+          </div>
+        );
+
+      case "mfa-setup":
+      case "mfa-verify":
+        return (
+          <TOTPSetupComponent
+            uri={totpUri}
+            secret={totpSecret}
+            onVerify={handleMfaVerify}
+          />
+        );
+
+      case "verification-pending":
+        return (
+          <div className="space-y-4">
+            <Alert>
+              <AlertDescription>
+                <p className="text-center">
+                  We've sent you a verification email. Please check your inbox
+                  and click the verification link to complete your registration.
+                </p>
+              </AlertDescription>
+            </Alert>
+          </div>
+        );
+
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <AuthLayout logoSrc={degaImage}>
+      <div className="w-full max-w-md p-6 bg-background rounded-lg">
+        {error && (
+          <Alert variant="destructive" className="mb-4">
+            <AlertDescription>{error}</AlertDescription>
+          </Alert>
+        )}
+        {renderForm()}
+      </div>
+    </AuthLayout>
+  );
+};
+
+export default RegistrationForm;
diff --git a/studio/src/utils/zitadel/types.ts b/studio/src/utils/zitadel/types.ts
new file mode 100644
index 000000000..e6095dfb7
--- /dev/null
+++ b/studio/src/utils/zitadel/types.ts
@@ -0,0 +1,368 @@
+export interface SessionData {
+  sessionId: string;
+  sessionToken: string;
+  token: string;
+}
+
+export interface UserDetails {
+  session: {
+    factors: {
+      user: {
+        id: string;
+      };
+    };
+  };
+}
+
+export interface AuthMethods {
+  authMethodTypes: string[];
+}
+
+export interface FinalizeResult {
+  callbackUrl?: string;
+}
+
+interface GoogleSignInResult {
+  error?: string;
+}
+
+export interface UseGoogleSignIn {
+  initiateGoogleSignIn: () => Promise<GoogleSignInResult>;
+  error: string | null;
+  step: string;
+  totpUri: string;
+  totpSecret: string;
+  handleMfaSetup: (code: string) => void;
+  handleMfaVerify: (code: string) => void;
+}
+
+export interface MfaFormValues {
+  totpCode: string;
+}
+
+export interface MfaVerifyFormValues {
+  mfaCode: string;
+}
+
+// User related types
+export interface UserProfile {
+  givenName: string;
+  familyName: string;
+}
+
+export interface UserEmail {
+  email: string;
+}
+
+export interface UserPassword {
+  password: string;
+}
+
+// Authentication response types
+export interface RegisterResponse {
+  userId: string;
+}
+
+export interface SessionResponse {
+  sessionId: string;
+  sessionToken: string;
+}
+
+export interface TOTPSetupResponse {
+  uri: string;
+  secret: string;
+}
+
+// Form values types
+export interface RecoveryFormValues {
+  password: string;
+  confirmPassword: string;
+}
+
+export interface RegistrationFormValues {
+  firstName: string;
+  lastName: string;
+  email: string;
+  password: string;
+}
+
+// Component prop types
+export interface AuthLayoutProps {
+  children: React.ReactNode;
+  title: string;
+  error?: string;
+  logoSrc: string;
+}
+
+export interface TOTPSetupComponentProps {
+  uri: string;
+  secret: string;
+  onVerify: (code: string) => Promise<void>;
+}
+
+// Google Sign In Hook types
+export interface GoogleSignInHook {
+  initiateGoogleSignIn: () => Promise<void>;
+  error: string;
+  step: "registration" | "mfa-setup" | "mfa-verify" | "";
+  totpUri: string;
+  totpSecret: string;
+  handleGoogleSkipMfa: () => void;
+  handleMfaSetup: () => Promise<void>;
+  handleMfaVerify: (code: string) => Promise<void>;
+}
+
+// API Function types
+export type ResetPasswordFunction = (
+  userId: string,
+  password: string,
+  verificationCode: string
+) => Promise<void>;
+
+export type RegisterUserFunction = (
+  data: RegistrationData
+) => Promise<RegisterResponse>;
+
+export type CreateSessionFunction = (email: string) => Promise<SessionResponse>;
+
+export type VerifyPasswordFunction = (
+  sessionId: string,
+  sessionToken: string,
+  password: string
+) => Promise<SessionResponse>;
+
+export type StartTOTPRegistrationFunction = (
+  userId: string,
+  sessionToken: string
+) => Promise<TOTPSetupResponse>;
+
+export type VerifyTOTPRegistrationFunction = (
+  userId: string,
+  sessionToken: string,
+  code: string
+) => Promise<void>;
+
+interface Profile {
+  givenName: string;
+  familyName: string;
+}
+
+interface EmailData {
+  email: string;
+}
+
+interface PasswordData {
+  password: string;
+}
+
+export interface RegistrationData {
+  profile: Profile;
+  email: EmailData;
+  password: PasswordData;
+  confirmPassword: string;
+}
+
+export interface TOTPData {
+  uri: string;
+  secret: string;
+}
+
+export interface FormValues {
+  firstName: string;
+  lastName: string;
+  email: string;
+  password: string;
+  confirmPassword: string;
+}
+
+export interface ProviderUserData {
+  email: string;
+  // Add other user fields as needed
+}
+
+export interface ProviderInformation {
+  idpInformation?: {
+    rawInformation?: {
+      User?: ProviderUserData;
+    };
+  };
+}
+
+export interface ExistingUser {
+  userId: string;
+  // Add other user fields as needed
+}
+
+export interface TOTPData {
+  uri: string;
+  secret: string;
+}
+
+export interface TOTPVerificationResult {
+  sessionToken: string;
+}
+
+export interface GoogleSignInResponse {
+  authUrl: string;
+}
+
+// Action function types
+export type GetProviderInformation = (
+  intentId: string,
+  token: string
+) => Promise<ProviderInformation>;
+
+export type CheckUserExists = (email: string) => Promise<ExistingUser | null>;
+
+export type LinkExistingUser = (
+  userId: string,
+  providerData: ProviderInformation
+) => Promise<void>;
+
+export type CreateSession = (
+  userId: string,
+  intentId?: string,
+  token?: string
+) => Promise<SessionData>;
+
+export type RegisterUser = (
+  userData: ProviderUserData,
+  intentId: string,
+  token: string
+) => Promise<ExistingUser>;
+
+export type StartTOTPRegistration = (
+  userId: string,
+  pat: string
+) => Promise<TOTPData>;
+
+export type VerifyTOTPRegistration = (
+  userId: string,
+  sessionToken: string,
+  code: string
+) => Promise<void>;
+
+export type CheckTOTP = (
+  sessionId: string,
+  sessionToken: string,
+  code: string
+) => Promise<TOTPVerificationResult>;
+
+export type InitiateGoogleSignIn = (
+  publicUrl: string
+) => Promise<GoogleSignInResponse>;
+
+export interface ProviderUserData {
+  email: string;
+  given_name: string;
+  family_name: string;
+  name: string;
+  email_verified: boolean;
+  sub: string;
+}
+
+export interface ProviderInformation {
+  idpInformation?: {
+    rawInformation?: {
+      User?: ProviderUserData;
+    };
+  };
+}
+
+export interface UserSearchResult {
+  result: Array<{
+    userId: string;
+    // Add other user fields as needed
+  }>;
+}
+
+export interface ExistingUser {
+  userId: string;
+  // Add other user fields as needed
+}
+
+export interface IdpLinkRequest {
+  idpLink: {
+    idpId: string;
+    userId: string;
+    userName: string;
+  };
+}
+
+export interface SessionRequest {
+  checks: {
+    user: {
+      userId: string;
+    };
+    idpIntent?: {
+      idpIntentId: string;
+      idpIntentToken: string;
+    };
+  };
+}
+
+export interface HumanUserRegistration {
+  username: string;
+  profile: {
+    givenName: string;
+    familyName: string;
+    displayName: string;
+  };
+  email: {
+    email: string;
+    isVerified: boolean;
+  };
+  idpLinks: Array<{
+    idpId: string;
+    idpExternalId: string;
+    userId: string;
+    userName: string;
+  }>;
+}
+
+export interface GoogleSignInRequest {
+  idpId: string;
+  urls: {
+    successUrl: string;
+    failureUrl: string;
+  };
+}
+
+export interface AuthRequestDetails {
+  // Define the structure based on your API response
+  // This is a placeholder, fill in the details
+  id: string;
+  // other fields
+}
+
+export interface AuthRequestFinalization {
+  session: {
+    sessionId: string;
+    sessionToken: string;
+  };
+}
+
+export interface ApiResponse<> {
+  // Generic API response type
+  userId?: string;
+  // Common fields
+  [key: string]: any;
+}
+
+export interface UserQuery {
+  query: {
+    offset: string;
+    limit: number;
+    asc: boolean;
+  };
+  queries: Array<{
+    emailQuery: {
+      emailAddress: string;
+      method: string;
+    };
+  }>;
+}
+
+export interface TOTPVerificationResult {
+  sessionToken: string;
+}
diff --git a/studio/src/vite-env.d.ts b/studio/src/vite-env.d.ts
new file mode 100644
index 000000000..11f02fe2a
--- /dev/null
+++ b/studio/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/studio/tailwind.config.ts b/studio/tailwind.config.ts
new file mode 100644
index 000000000..6bf84f326
--- /dev/null
+++ b/studio/tailwind.config.ts
@@ -0,0 +1,32 @@
+import type { Config } from "tailwindcss";
+import tailwindcssAnimate from "tailwindcss-animate";
+
+const config = {
+  content: [
+    "./index.html",
+    "./pages/**/*.{ts,tsx}",
+    "./components/**/*.{ts,tsx}",
+    "./app/**/*.{ts,tsx}",
+    "./src/**/*.{ts,tsx}",
+  ],
+  prefix: "",
+  plugins: [tailwindcssAnimate],
+  theme: {
+    extend: {
+      colors: {
+        sidebar: {
+          DEFAULT: 'hsl(var(--sidebar-background))',
+          foreground: 'hsl(var(--sidebar-foreground))',
+          primary: 'hsl(var(--sidebar-primary))',
+          'primary-foreground': 'hsl(var(--sidebar-primary-foreground))',
+          accent: 'hsl(var(--sidebar-accent))',
+          'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
+          border: 'hsl(var(--sidebar-border))',
+          ring: 'hsl(var(--sidebar-ring))',
+        },
+      }
+    }
+  }
+} satisfies Config;
+
+export default config;
diff --git a/studio/test-results/.last-run.json b/studio/test-results/.last-run.json
deleted file mode 100644
index 544c11fbc..000000000
--- a/studio/test-results/.last-run.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "status": "failed",
-  "failedTests": []
-}
diff --git a/studio/tsconfig.app.json b/studio/tsconfig.app.json
new file mode 100644
index 000000000..2552f084e
--- /dev/null
+++ b/studio/tsconfig.app.json
@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "incremental": true,
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noImplicitAny": false,
+    "noUnusedLocals": false,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}
diff --git a/studio/tsconfig.json b/studio/tsconfig.json
new file mode 100644
index 000000000..087d5d995
--- /dev/null
+++ b/studio/tsconfig.json
@@ -0,0 +1,15 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "noImplicitAny": false
+  }
+}
diff --git a/studio/tsconfig.node.json b/studio/tsconfig.node.json
new file mode 100644
index 000000000..2e16646a2
--- /dev/null
+++ b/studio/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/studio/vite.config.ts b/studio/vite.config.ts
new file mode 100644
index 000000000..d1b909bc7
--- /dev/null
+++ b/studio/vite.config.ts
@@ -0,0 +1,14 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from "@tailwindcss/vite";
+import path from "path"
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./src"),
+    },
+  },
+})
diff --git a/tagore-website b/tagore-website
new file mode 160000
index 000000000..70ec259aa
--- /dev/null
+++ b/tagore-website
@@ -0,0 +1 @@
+Subproject commit 70ec259aa309b2cb8a95602142edc877de7d0b1a
diff --git a/zitadel/config.yaml b/zitadel/config.yaml
index 8aa2f462c..2684eaf8e 100644
--- a/zitadel/config.yaml
+++ b/zitadel/config.yaml
@@ -7,6 +7,7 @@ ExternalSecure: false
 
 Port: 4455
 ExternalPort: 4455
+ExternalDomain: "host.docker.internal"
 
 # If not using the docker compose example, adjust these values for connecting ZITADEL to your PostgreSQL
 Database: